.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:5}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:2}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url(mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:3}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:4}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0 10px}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 0 0}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}
/*! =======================================================
VERSION 9.2.0
========================================================= */
/*! =========================================================
* bootstrap-slider.js
*
* Maintainers:
* Kyle Kemp
* - Twitter: @seiyria
* - Github: seiyria
* Rohit Kalkur
* - Twitter: @Rovolutionary
* - Github: rovolution
*
* =========================================================
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;top:0;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);opacity:1}
/*!
* Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
/*# sourceMappingURL=bootstrap-datepicker.min.css.map */
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
width: 278px;
padding: 4px;
margin-top: 1px;
top: 100px;
left: 20px;
/* Calendars */ }
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: ''; }
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc; }
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent; }
.daterangepicker.opensleft:before {
right: 9px; }
.daterangepicker.opensleft:after {
right: 10px; }
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.daterangepicker.opensright:before {
left: 9px; }
.daterangepicker.opensright:after {
left: 10px; }
.daterangepicker.dropup {
margin-top: -5px; }
.daterangepicker.dropup:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc; }
.daterangepicker.dropup:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu {
max-width: none;
z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
float: none; }
.daterangepicker.show-calendar .calendar {
display: block; }
.daterangepicker .calendar {
display: none;
max-width: 270px;
margin: 4px; }
.daterangepicker .calendar.single .calendar-table {
border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td {
white-space: nowrap;
text-align: center;
min-width: 32px; }
.daterangepicker .calendar-table {
border: 1px solid #fff;
padding: 4px;
border-radius: 4px;
background-color: #fff; }
.daterangepicker table {
width: 100%;
margin: 0; }
.daterangepicker td, .daterangepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit; }
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999; }
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0; }
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date {
border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff; }
.daterangepicker th.month {
width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default; }
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%; }
.daterangepicker select.yearselect {
width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin-bottom: 0; }
.daterangepicker .input-mini {
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
height: 30px;
line-height: 30px;
display: block;
vertical-align: middle;
margin: 0 0 5px 0;
padding: 0 6px 0 28px;
width: 100%; }
.daterangepicker .input-mini.active {
border: 1px solid #08c;
border-radius: 4px; }
.daterangepicker .daterangepicker_input {
position: relative; }
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 8px;
top: 8px; }
.daterangepicker.rtl .input-mini {
padding-right: 28px;
padding-left: 6px; }
.daterangepicker.rtl .daterangepicker_input i {
left: auto;
right: 8px; }
.daterangepicker .calendar-time {
text-align: center;
margin: 5px auto;
line-height: 30px;
position: relative;
padding-left: 28px; }
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed; }
.ranges {
font-size: 11px;
float: none;
margin: 4px;
text-align: left; }
.ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%; }
.ranges li {
font-size: 13px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 4px;
color: #08c;
padding: 3px 12px;
margin-bottom: 8px;
cursor: pointer; }
.ranges li:hover {
background-color: #08c;
border: 1px solid #08c;
color: #fff; }
.ranges li.active {
background-color: #08c;
border: 1px solid #08c;
color: #fff; }
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto; }
.daterangepicker .ranges ul {
width: 160px; }
.daterangepicker.single .ranges ul {
width: 100%; }
.daterangepicker.single .calendar.left {
clear: none; }
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
float: left; }
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
float: right; }
.daterangepicker.ltr {
direction: ltr;
text-align: left; }
.daterangepicker.ltr .calendar.left {
clear: left;
margin-right: 0; }
.daterangepicker.ltr .calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.daterangepicker.ltr .calendar.right {
margin-left: 0; }
.daterangepicker.ltr .calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.daterangepicker.ltr .left .daterangepicker_input {
padding-right: 12px; }
.daterangepicker.ltr .calendar.left .calendar-table {
padding-right: 12px; }
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
float: left; }
.daterangepicker.rtl {
direction: rtl;
text-align: right; }
.daterangepicker.rtl .calendar.left {
clear: right;
margin-left: 0; }
.daterangepicker.rtl .calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.daterangepicker.rtl .calendar.right {
margin-right: 0; }
.daterangepicker.rtl .calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.daterangepicker.rtl .left .daterangepicker_input {
padding-left: 12px; }
.daterangepicker.rtl .calendar.left .calendar-table {
padding-left: 12px; }
.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
text-align: right;
float: right; } }
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto; }
.daterangepicker.ltr .ranges {
float: left; }
.daterangepicker.rtl .ranges {
float: right; }
.daterangepicker .calendar.left {
clear: none !important; } }
@charset "UTF-8";
/*!
* 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{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;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 .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*
Magic Scroll v2.0.4
Copyright 2015 Magic Toolbox
Buy a license: https://www.magictoolbox.com/magicscroll/
License agreement: https://www.magictoolbox.com/license/
*/
.MagicScroll,
.mcs-caption,
.mcs-button,
.mcs-item,
.mcs-item img,
.mcs-item > *,
.mcs-bullet,
.mcs-bullet:before,
.mcs-bullet:after,
.mcs-wrapper,
.mcs-items-container {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
position: relative;
}
.MagicScroll,
.mcs-item,
.mcs-wrapper,
.mcs-items-container {
overflow: hidden;
direction: ltr;
}
.mcs-wrapper,
.mcs-item img {
line-height: 100%;
}
.MagicScroll {
z-index: 1;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.MagicScroll.MagicScroll-horizontal {
-moz-touch-action: pan-y;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.MagicScroll.MagicScroll-vertical {
-moz-touch-action: pan-x;
-ms-touch-action: pan-x;
touch-action: pan-x;
}
body.mcs-dragging {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
body.mcs-dragging .MagicScroll,
body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow {
cursor: inherit;
}
.mcs-item,
.MagicScroll figure,
.mcs-item img,
.mcs-item .mcs-caption {
display: inline-block;
}
.MagicScroll > * {
display: inline-block;
max-width: 100%;
}
.MagicScroll > *:first-child {
visibility: hidden;
}
.MagicScroll > *:nth-child(n+2) {
display: none;
}
.MagicScroll > a {
line-height: 100%;
}
.MagicScroll img {
visibility: hidden;
}
.MagicScroll .mcs-item img {
visibility: visible;
}
.mcs-button,
.mcs-bullets,
.mcs-wrapper {
position: absolute;
}
.MagicScroll:before,
.MagicScroll figcaption:before {
content: '';
display: inline-block;
vertical-align: top;
height: 0;
}
.mcs-wrapper {
top: 0;
right: 0;
bottom: 0;
left: 0;
vertical-align: top;
z-index: 100;
}
.mcs-items-container {
text-align: center;
overflow: visible;
width: 100%;
height: 100%;
}
.mcs-item {
top: 0;
left: 0;
zoom: 1;
font-size: 9pt !important;
line-height: 100%;
max-width: 100%;
}
.mcs-item:after,
.mcs-item > a:after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.MagicScroll-horizontal .mcs-item {
height: 100%;
}
.MagicScroll-vertical .mcs-item {
display: block;
width: 100%;
}
.mcs-item > a,
.MagicScroll-horizontal .mcs-items-container > * {
display: inline-block;
}
.mcs-item a,
.mcs-item img {
border: none;
max-width: 100%;
max-height: 100%;
}
.mcs-item a {
height: 100%;
}
.mcs-item img {
width: auto;
height: auto;
vertical-align: middle;
}
.MagicScroll figure {
position: relative;
vertical-align: middle;
font-size: 0;
margin: 0;
max-width: 100%;
max-height: 100%;
line-height: normal;
}
.lt-ie9-magic .mcs-item > a > img {
position: static;
}
.lt-ie9-magic figcaption {
display: block;
}
.lt-ie10-magic .mcs-item a img {
border: none;
}
.ie7-magic .mcs-item img,
.ie7-magic .MagicScroll-vertical .mcs-item a {
display: inline-block;
}
.ie7-magic .MagicScroll-horizontal .mcs-item {
display: inline;
}
.mcs-button {
display: block;
}
.MagicScroll .mcs-hidden {
display: none !important;
visibility: hidden !important;
}
.ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container,
.MagicScroll[data-mode="carousel"] .mcs-items-container,
.MagicScroll[data-mode="cover-flow"] .mcs-items-container {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
}
.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.MagicScroll figcaption {
display: inline-block;
position: relative;
left: 0;
float: left;
width: 100%;
line-height: 100%;
clear: both;
z-index: 150;
}
.MagicScroll figcaption,
.MagicScroll[data-mode="carousel"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="cover-flow"] .mcs-item .mcs-caption {
-webkit-transform: translateZ(1px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lt-ie9-magic .MagicScroll figcaption,
.lt-ie9-magic .MagicScroll figure img {
float: right;
}
.MagicScroll .mcs-reflection {
-webkit-transform: translateZ(-1px);
position: absolute;
display: inline-block;
left: 0px;
z-index: 1;
}
.MagicScroll .mcs-item.mcs-noimg {
background: url("data:image/png;base64,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") center center no-repeat;
}
/*
* Caption
*/
.mcs-item .mcs-caption {
display: inline-block;
vertical-align: bottom;
position: absolute;
z-index: 150;
}
.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
left: 0;
width: 100%;
bottom: 0;
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
-webkit-transform: translateY(150%);
-ms-transform: translate(0, 150%);
transform: translateY(150%);
}
.MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
-webkit-transform: translateY(0%);
-ms-transform: translate(0, 0%);
transform: translateY(0%);
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
bottom: -150%;
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
bottom: 0%;
}
/**
* Buttons & Arrows
*/
.mcs-button {
cursor: pointer;
z-index: 1000;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-transition: opacity .25s linear;
transition: opacity .25s linear;
}
.MagicScroll:hover > .mcs-button:hover {
opacity: 1;
}
.mcs-button-arrow {
z-index: 120;
}
.MagicScroll-horizontal .mcs-button-arrow {
width: 40px;
height: 100%;
top: 0;
}
.MagicScroll-vertical .mcs-button-arrow {
width: 100%;
height: 40px;
left: 0;
}
.MagicScroll-horizontal .mcs-button-arrow-prev {
left: 0;
right: auto;
top: 0;
bottom: 0;
}
.MagicScroll-horizontal .mcs-button-arrow-next {
left: auto;
right: 0;
top: 0;
bottom: 0;
}
.MagicScroll-vertical .mcs-button-arrow-prev {
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.MagicScroll-vertical .mcs-button-arrow-next {
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
overflow: visible;
}
/*
* Bullets
*/
.mcs-bullets {
text-align: center;
display: inline-block !important;
opacity: 0;
top: 100%;
}
.mcs-bullets.show {
opacity: 1.0;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.MagicScroll-horizontal .mcs-bullets {
width: 100%;
left: 0;
}
.MagicScroll-vertical .mcs-bullets {
top: 0;
left: 100%;
display: inline-block;
vertical-align: middle;
}
.mcs-bullet {
border-radius: 50%;
margin: 4px;
cursor: pointer;
display: inline-block;
position: relative;
text-indent: 9999px;
vertical-align: middle;
font: 0/0 a;
color: transparent;
outline: none;
}
.mcs-bullet.active {
cursor: default;
}
/**
* Animation mode
*/
[data-mode="animation"] div[data-action="exit"],
[data-mode="animation"] div[data-action="enter"] {
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
[data-mode="animation"] div[data-action="enter"] {
-webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
animation-timing-function: cubic-bezier(.12, .37, .25, 1);
}
[data-mode="animation"] .mcs-item {
-webkit-animation-duration: 0;
-webkit-transform: none;
animation-name: none;
animation-duration: 0;
}
[data-mode="animation"] .mcs-item[data-animation-nth="1"] {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="2"] {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="3"] {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="4"] {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="5"] {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="6"] {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="7"] {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="8"] {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="9"] {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="10"] {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-exited] {
-webkit-transform: translateX(100000px);
transform: translateX(100000px);
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-exited] {
-webkit-transform: translateX(-100000px);
transform: translateX(-100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
-webkit-transform: translateY(100000px);
transform: translateY(100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-exited] {
-webkit-transform: translateY(-100000px);
transform: translateY(-100000px);
}
/**
* SlideIn animation
*/
[data-mode="animation"] .mcs-item[data-action="exit"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="exit"] {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
[data-mode="animation"] .mcs-item[data-action="enter"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="enter"] {
-webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
animation-timing-function: cubic-bezier(.12, .37, .25, 1);
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
}
/* Horizontal Forward */
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
-webkit-animation-name: h-forward-exit-slidein;
animation-name: h-forward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
-webkit-animation-name: h-forward-enter-slidein;
animation-name: h-forward-enter-slidein;
}
@-webkit-keyframes h-forward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
}
}
@keyframes h-forward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
}
}
@-webkit-keyframes h-forward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateX(180px);
transform: translateX(180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes h-forward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateX(180px);
transform: translateX(180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
/* Horizontal Backward */
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
-webkit-animation-name: h-backward-exit-slidein;
animation-name: h-backward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
-webkit-animation-name: h-backward-enter-slidein;
animation-name: h-backward-enter-slidein;
}
@-webkit-keyframes h-backward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(600px);
transform: translateX(600px);
}
}
@keyframes h-backward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(600px);
transform: translateX(600px);
}
}
@-webkit-keyframes h-backward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes h-backward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
/* Vertical Forward */
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
-webkit-animation-name: v-forward-exit-slidein;
animation-name: v-forward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
-webkit-animation-name: v-forward-enter-slidein;
animation-name: v-forward-enter-slidein;
}
@-webkit-keyframes v-forward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-600px);
transform: translateY(-600px);
}
}
@keyframes v-forward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-600px);
transform: translateY(-600px);
}
}
@-webkit-keyframes v-forward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateY(180px);
transform: translateY(180px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes v-forward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateY(180px);
transform: translateY(180px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/* Vertical Backward */
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
-webkit-animation-name: v-backward-exit-slidein;
animation-name: v-backward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
-webkit-animation-name: v-backward-enter-slidein;
animation-name: v-backward-enter-slidein;
}
@-webkit-keyframes v-backward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(600px);
transform: translateY(600px);
}
}
@keyframes v-backward-exit-slidein {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(600px);
transform: translateY(600px);
}
}
@-webkit-keyframes v-backward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateY(-180px);
transform: translateY(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes v-backward-enter-slidein {
0% {
opacity: 0;
-webkit-transform: translateY(-180px);
transform: translateY(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/**
* Bounce animation
*/
.mcs-bounce[data-mode="animation"] .mcs-item[data-action="exit"] {
-webkit-animation-timing-function: cubic-bezier(.84, 0, 1, 1);
animation-timing-function: cubic-bezier(.84, 0, 1, 1);
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.mcs-bounce[data-mode="animation"] .mcs-item[data-action="enter"] {
-webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
animation-timing-function: cubic-bezier(.12, .37, .25, 1);
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
}
/* Horizontal Forward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
-webkit-animation-name: h-forward-exit-bounce;
animation-name: h-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
-webkit-animation-name: h-forward-enter-bounce;
animation-name: h-forward-enter-bounce;
}
@-webkit-keyframes h-forward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes h-forward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@-webkit-keyframes h-forward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateX(3000px);
transform: translateX(3000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
75% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes h-forward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateX(3000px);
transform: translateX(3000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
75% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
90% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
/* Horizontal Backward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
-webkit-animation-name: h-backward-exit-bounce;
animation-name: h-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
-webkit-animation-name: h-backward-enter-bounce;
animation-name: h-backward-enter-bounce;
}
@-webkit-keyframes h-backward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes h-backward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@-webkit-keyframes h-backward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateX(-3000px);
transform: translateX(-3000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
90% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes h-backward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateX(-3000px);
transform: translateX(-3000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
90% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
/* Vertical Forward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="exit"] {
-webkit-animation-name: v-forward-exit-bounce;
animation-name: v-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="enter"] {
-webkit-animation-name: v-forward-enter-bounce;
animation-name: v-forward-enter-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering] {
-webkit-transform: translateY(100000px);
transform: translateY(100000px);
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
-webkit-transform: translateY(100000px);
transform: translateY(100000px);
}
@-webkit-keyframes v-forward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes v-forward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-webkit-keyframes v-forward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateY(3000px);
transform: translateY(3000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
75% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
90% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes v-forward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateY(3000px);
transform: translateY(3000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
75% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
90% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/* Vertical Backward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="exit"] {
-webkit-animation-name: v-backward-exit-bounce;
animation-name: v-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="enter"] {
-webkit-animation-name: v-backward-enter-bounce;
animation-name: v-backward-enter-bounce;
}
@-webkit-keyframes v-backward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes v-backward-exit-bounce {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
opacity: 0.6;
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@-webkit-keyframes v-backward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateY(-3000px);
transform: translateY(-3000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
75% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
90% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes v-backward-enter-bounce {
0% {
opacity: 0;
-webkit-transform: translateY(-3000px);
transform: translateY(-3000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
75% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
90% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
/*
* Arrows
*/
@font-face {
font-family: "magicarrows";
src: url("../fonts/magicarrows.eot");
src: url("../fonts/magicarrows.eot?#iefix") format("embedded-opentype"),
url("../fonts/magicarrows.woff") format("woff"),
url("../fonts/magicarrows.ttf") format("truetype"),
url("../fonts/magicarrows.svg#untitled-font-1") format("svg");
font-weight: normal;
font-style: normal;
}
.MagicScroll-horizontal .mcs-button-arrow-prev:before {
content: "}";
}
.MagicScroll-horizontal .mcs-button-arrow-next:before {
content: "~";
}
.MagicScroll-vertical .mcs-button-arrow-prev:before {
content: "\\";
}
.MagicScroll-vertical .mcs-button-arrow-next:before {
content: "|";
}
.mcs-button-arrow {
color: rgba(49, 51, 61, 0.6);
opacity: 1;
text-shadow: none;
font: normal 0/1 'magicarrows';
font-weight: 200;
font-variant: normal;
cursor: pointer;
background-repeat: no-repeat;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
text-transform: none !important;
text-align: center;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mcs-button-arrow.mcs-disabled {
opacity: 0.01 !important;
}
.MagicScroll > .mcs-button-arrow {
font-size: 20px;
width: 30px;
height: 30px;
margin: auto;
-webkit-transition: color .15s linear;
transition: color .15s linear;
}
.MagicScroll-horizontal .mcs-button-arrow-prev {
left: 0;
right: auto;
top: 0;
bottom: 0;
}
.MagicScroll-horizontal .mcs-button-arrow-next {
left: auto;
right: 0;
top: 0;
bottom: 0;
}
.MagicScroll-vertical .mcs-button-arrow-prev {
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.MagicScroll-vertical .mcs-button-arrow-next {
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
color: rgba(49, 51, 61, 1);
}
.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
font-size: 18px;
width: 24px;
height: 24px;
border-radius: 3px;
background: rgba(255, 255, 255, .75);
box-shadow: 0 0 1px rgba(153, 153, 153, .5);
-webkit-transition: color .15s linear, background-color .15s linear;
transition: color .15s linear, background-color .15s linear;
}
.MagicScroll-horizontal.MagicScroll-arrows-inside:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
background-color: rgba(255, 255, 255, .96);
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
left: 5px;
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
right: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
top: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
bottom: 5px;
}
.lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
border: 1px solid rgba(153, 153, 153, .5);
}
.lt-ie9-magic .mcs-button-arrow {
color: #83858B;
}
.lt-ie9-magic .MagicScroll:hover > .mcs-button-arrow:hover {
color: #31333D;
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
color: #31333D;
background: #fff;
border: 1px solid #999;
filter: alpha(opacity=60);
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
filter: alpha(opacity=96);
}
.lt-ie9-magic .mcs-button-arrow.mcs-disabled {
filter: alpha(opacity=0.01) !important;
}
/*
* Bullets
*/
.MagicScroll-horizontal .mcs-bullets {
margin-top: 10px;
}
.MagicScroll-horizontal.MagicScroll-bullets {
margin-bottom: 35px;
}
.MagicScroll-vertical .mcs-bullets {
margin-left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.MagicScroll-vertical.MagicScroll-bullets {
margin-right: 35px;
}
.mcs-bullet {
width: 10px;
height: 10px;
background-color: #83858B;
}
.mcs-bullet:hover {
background-color: #5a5a5a;
}
.mcs-bullet.active {
background-color: transparent;
border: 1px solid #5a5a5a;
}
/* Caption */
.mcs-item .mcs-caption {
color: white;
padding: 5px 0;
font: normal 9pt/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
text-rendering: geometricPrecision;
}
.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
background-color: #31333D;
background-color: rgba(49, 51, 61, 0.7);
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
filter: alpha(opacity=60);
}
/* Carousel & Cover Flow */
.MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {
background: #4f4f4f;
}
.MagicScroll[data-mode="carousel"] img,
.MagicScroll[data-mode="cover-flow"] img {
box-shadow: 0px 15px 30px -10px #000;
}
.MagicScroll[data-mode="carousel"] figcaption,
.MagicScroll[data-mode="cover-flow"] figcaption {
padding: 4px 0 0;
font-size: 10pt;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
/* Misc */
.MagicScroll.mcs-shadows {
box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15);
}
.MagicScroll.mcs-border .mcs-item {
background: #fff;
border: 1px solid #efefef;
}
.MagicScroll-horizontal.mcs-border .mcs-item {
margin: 0 3px;
}
.MagicScroll-vertical.mcs-border .mcs-item {
margin: 3px 0;
}
/*
* Loader
*/
.mcs-loader {
position: absolute;
z-index: 1000;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.mcs-loader .mcs-loader-text {
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -35px;
width: 70px;
height: 20px;
}
.mcs-loader-circles {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 60px;
height: 60px;
opacity: 1;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.mcs-loader-circle {
position: absolute;
background-color: #ffffff;
height: 11px;
width: 11px;
border-radius: 50%;
-webkit-animation-name: MagicCircle;
-webkit-animation-duration: 0.48s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
animation-name: MagicCircle;
animation-duration: 0.48s;
animation-iteration-count: infinite;
animation-direction: linear;
}
.mcs-loader-circle_01 {
left: 0;
top: 25px;
-webkit-animation-delay: 0.18s;
animation-delay: 0.18s;
}
.mcs-loader-circle_02 {
left: 7px;
top: 7px;
-webkit-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.mcs-loader-circle_03 {
left: 25px;
top: 0;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mcs-loader-circle_04 {
right: 7px;
top: 7px;
-webkit-animation-delay: 0.36s;
animation-delay: 0.36s;
}
.mcs-loader-circle_05 {
right: 0;
top: 25px;
-webkit-animation-delay: 0.42s;
animation-delay: 0.42s;
}
.mcs-loader-circle_06 {
right: 7px;
bottom: 7px;
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
}
.mcs-loader-circle_07 {
left: 25px;
bottom: 0;
-webkit-animation-delay: 0.54s;
animation-delay: 0.54s;
}
.mcs-loader-circle_08 {
left: 7px;
bottom: 7px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes MagicCircle {
0% {
background-color: #000000
}
100% {
background-color: #ffffff
}
}
@keyframes MagicCircle {
0% {
background-color: #000000
}
100% {
background-color: #ffffff
}
}
.mcs-item-loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 40px;
height: 40px;
background-size: cover;
background-repeat: no-repeat;
background: url('data:image/gif;base64,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') no-repeat center center;
}
.MagicScroll.mcs-rounded {
border: 1px solid #e1e1e1;
border-radius: 10px;
overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside {
overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-outside {
overflow: visible !important;
}
.MagicScroll.mcs-rounded .mcs-button-arrow {
color: rgba(49, 51, 61, 0.6);
-webkit-transition: color .15s linear, background-color .15s linear;
transition: color .15s linear, background-color .15s linear;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow {
width: 30px;
height: 100%;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow {
width: 100%;
height: 30px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev {
left: 0;
border-radius: 10px 0 0 10px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next {
right: 0;
border-radius: 0 10px 10px 0;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev {
top: 0;
border-radius: 10px 10px 0 0;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next {
bottom: 0;
border-radius: 0 0 10px 10px;
}
.MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
opacity: 1 !important;
color: rgba(49, 51, 61, .1);
text-shadow: none !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow {
background: #efefef;
opacity: 1;
box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) {
background-color: rgba(255, 255, 255, .96);
color: rgba(49, 51, 61, 1);
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow {
background-color: rgba(255, 255, 255, .75);
box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}
.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
border-width: 0 1px 0 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
border-width: 0 0 0 1px;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
border-width: 0 0 1px 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
border-width: 1px 0 0 0;
}
.lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow {
color: #83858B;
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
background: #fff;
filter: alpha(opacity=75);
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
filter: alpha(opacity=96);
}
.lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
filter: alpha(opacity=75) !important;
color: #ccc;
}
.pass-graybar{height:3px;background-color:#ccc;width:100%;position:relative}.pass-colorbar{height:3px;background-image:url(passwordstrength.jpg);position:absolute;top:0;left:0}.pass-percent,.pass-text{font-size:1em}.pass-percent{margin-right:5px}
/*
Magic Zoom Plus v5.0.8
Copyright 2015 Magic Toolbox
Buy a license: https://www.magictoolbox.com/magiczoomplus/
License agreement: https://www.magictoolbox.com/license/
*/
/**
* Core styles
*/
@font-face {
font-family: "magictoolbox-thin";
font-weight: normal;
font-style: normal;
src:url("../fonts/magictoolbox-thin.eot");
src:url("../fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"),
url("../fonts/magictoolbox-thin.woff") format("woff"),
url("../fonts/magictoolbox-thin.ttf") format("truetype"),
url("../fonts/magictoolbox-thin.svg#magictoolbox-thin") format("svg");
}
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.MagicZoom,
.mz-figure {
display: inline-block;
outline: 0 !important;
font-size: 0 !important;
line-height: 100% !important;
direction: ltr !important;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.MagicZoom {
-webkit-transform: translate3d(0,0,0);
-ms-touch-action: pan-y;
touch-action: pan-y;
}
figure.mz-figure {
-webkit-perspective: 300px;
perspective: 300px;
margin: 0 !important;
}
.MagicZoom img,
.mz-figure img {
border: 0 !important;
margin: 0 !important;
outline: 0 !important;
padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
width: 100%;
height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
width: 100%;
max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
-ms-touch-action: none;
touch-action: none;
}
.mz-lens,
.mz-zoom-window {
position: absolute !important;
overflow: hidden !important;
pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
position: absolute !important;
max-width: none !important;
max-height: none !important;
}
.mz-zoom-window {
z-index: 2000000000;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
-webkit-mask-clip: content;
cursor: none;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
z-index: 2147483647;
}
.mz-zoom-window img {
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto !important;
-ms-transform-origin: 50% 50% !important;
-webkit-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
-webkit-transform: none !important;
transform: none !important;
width: 100% !important;
height: auto !important;
}
.lt-ie9-magic .mz-zoom-window img {
margin: 0 !important;
}
.mz-expand-controls {
z-index: 2147483647;
}
.mz-fade {
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.mz-hidden {
opacity: 0;
}
.mz-visible {
opacity: 1;
}
.mobile-magic .mz-expand .mz-expand-bg {
-webkit-transform-style: flat !important;
transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
transition: none !important;
}
.mobile-magic .mz-expand .mz-zoom-window {
top: 0 !important;
left: 0 !important;
}
/**
* Main figure
*/
.mz-figure.mz-active {
background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
cursor: none;
}
.mz-figure.mz-active > img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(80%) opacity(60%);
filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
background: transparent;
}
/**
* Zoom lens
*/
.mz-lens {
border: 1px solid #aaa;
border-color: rgba(170,170,170,0.7);
box-shadow: 0 0 5px rgba(0,0,0,.3);
cursor: none;
z-index: 10;
opacity: 0;
}
.mz-figure.mz-active .mz-lens {
opacity: 1;
-webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
border-radius: 50%;
opacity: 0;
cursor: none;
}
/**
* Zoom window
*/
.mz-zoom-window {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
border-radius: 50%;
border: 0;
background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
content: "";
display: block;
position: absolute;
top: 0;bottom: 0;
left: 0; right: 0;
border-radius: 100%;
border: 1px solid rgba(170,170,170,0.7);
box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3);
background: transparent;
z-index: 1;
}
.lt-ie9-magic .mz-zoom-window {
border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
border: none;
box-shadow: none;
}
/* Caption in zoom window */
.mz-zoom-window .mz-caption {
background: #777;
color: #fff;
font-size: 10pt;
opacity: 0.8;
position: absolute;
top: 0;
z-index: 150;
padding: 3px;
width: 100%;
line-height: normal !important;
text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
top: auto;
bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
display: none;
}
/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
-webkit-transition-duration: .25s, .25s, .25s;
transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
opacity: 0;
z-index: -100;
}
.mz-zoom-window.mz-p-right {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
}
/* Inner mode animation */
.mz-zoom-window > img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
-webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
-webkit-transform: scale(.1);
transform: scale(.1);
}
/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
opacity: 0;
}
/**
* Hint & Loading
*/
.mz-hint,
.mz-loading {
color: #eee;
background: rgba(49,51,61,0.7);
font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
direction: ltr;
display: inline-block;
margin: 0;
position: absolute;
z-index: 1000;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mz-hint {
bottom: 8px;
left: 0;
right: 0;
padding: 0 10%;
background-color: transparent;
-webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
transition: opacity 0.25s ease, z-index 0.25s ease;
}
.mz-hint-message {
display: inline-block;
background: rgba(49,51,61,0.7);
border-radius: 2em;
padding: .7em 1.1em;
}
.mz-hint-message:before {
content: '\02295';
font-family: serif;
font-size: 1.5em;
speak: none;
text-align: center;
vertical-align: -2px;
margin-right: 6px;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.mobile-magic .mz-hint-message:before {
display: none;
}
.mz-hint-hidden {
opacity: 0;
z-index: -1;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
/* Hint in the expanded view on mobile */
.mobile-magic .mz-expand .mz-hint {
font-size: 18px;
line-height: 1.1em;
top: 50%;
bottom: auto;
margin: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.mobile-magic .mz-expand .mz-hint-message {
padding: 1.1em;
}
.mobile-magic .mz-expand .mz-hint-message:before {
display: none;
}
.mobile-magic .mz-expand .mz-hint-hidden {
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0;
}
/* Loading indicator */
.mz-loading {
font-size: 0;
border-radius: 100%;
opacity: 0;
padding: 0;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mz-loading:after {
content: '';
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
width: 24px;
height: 24px;
margin: auto;
text-indent: -9999em;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
border-top-color: transparent;
box-sizing: border-box;
}
.mz-loading.shown {
opacity: 1;
z-index: 1;
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
.mz-loading.shown:after {
-webkit-animation: spin-loading .9s infinite linear;
animation: spin-loading .9s infinite linear;
}
@-webkit-keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lt-ie10-magic .mz-loading {
font-size: 12px;
padding: .7em 1.1em;
width: auto;
height: auto;
}
.lt-ie10-magic .mz-loading:after {
content: 'Loading...';
text-indent: 0;
border: none;
position: relative;
}
.lt-ie9-magic .mz-loading {
filter: alpha(opacity=0);
right: 0;
left: 0;
width: 126px;
margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
background: transparent !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
filter: alpha(opacity=0);
}
/**
* Expanded view
*/
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
width: auto !important;
height: auto !important;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
min-width: 100% !important;
min-height: 100% !important;
}
.mz-expand {
background-color: rgba(0, 0, 0, 1);
text-align: center;
vertical-align: middle;
display: block;
overflow: hidden;
z-index: 2100000000;
position: fixed;
width: auto;
height: auto;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-overflow-style: none;
}
/* Expanded view background */
.mz-expand .mz-expand-bg {
display: inline-block;
vertical-align: middle;
margin: auto;
z-index: -100;
max-width: none !important;
max-height: none !important;
-webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-ms-transform: translate(0,0) scale(10,10) rotate(0.01deg);
transform: translate3d(0,0,0) scale(10) rotate(0.01deg);
-webkit-perspective: 600px;
perspective: 600px;
background-repeat: no-repeat;
background-size: cover;
}
.mz-expand .mz-expand-bg > img {
margin: auto;
filter: url("data:image/svg+xml;utf8,#blur");
-webkit-filter: blur(20px) brightness(60%);
filter: blur(20px) brightness(60%);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-bg > svg {
margin: auto;
opacity: .6;
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
display: none !important;
}
.lt-ie9-magic .mz-expand {
background: #1f1f1f;
}
/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
display: none !important;
}
.mz-expand.dark-bg {
background-color: #1f1f1f;
background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
background-color: #fff;
}
/* Expanded view stage */
.mz-expand .mz-expand-stage {
z-index: 2100000000;
padding: 0;
}
.mz-expand .mz-expand-stage .mz-image-stage {
z-index: 50;
left: 120px;
right: 120px;
padding: 20px 0 40px 0;
margin: 0;
text-align: center;
vertical-align: middle;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding: 0 !important;
left: 0;
right: 0;
}
.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0;
line-height: 100%;
width: 0;
}
.mz-expand .mz-image-stage > figure {
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 100%;
position: relative;
}
.mz-expand .mz-figure {
overflow: visible;
max-width: 100% !important;
}
.mz-expand .mz-figure > img {
max-width: 100%;
width: auto;
height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
width: 100%;
height: 100%;
}
.mz-expand .mz-figure {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
cursor: crosshair;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
}
/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
z-index: 1;
position: absolute !important;
top: -5000px !important;
bottom: -5000px !important;
left: -5000px !important;
right: -5000px !important;
margin: auto !important;
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
overflow: hidden;
filter: alpha(opacity=100);
}
/* Caption in expanded view */
.mz-expand .mz-caption {
color: #fff;
text-shadow: 0px 0px 46px #000;
padding: 10px 4px;
font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-align: center;
width: 100%;
position: absolute;
left: 0;
opacity: 0;
}
.mz-expand .mz-caption.mz-show {
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
opacity: 1;
}
.mz-expand .mz-caption a {
color: inherit;
cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
color: #555;
text-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-caption {
top: 100%;
}
.mz-expand .mz-zoom-window {
box-shadow: none;
background: transparent;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
border: 0;
}
/* Expanded view on mobile */
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
left: 0px;
right: 0px;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
bottom: 0px;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
padding: 0;
height: 60px;
}
/**
* Buttons & Arrows
*/
.mz-expand-controls,
button.mz-button {
margin: 0 !important;
padding: 0 !important;
outline: 0 !important;
}
button.mz-button {
color: #b4b4b4 !important;
font: 900 34px/1 'magictoolbox-thin' !important;
cursor: pointer;
z-index: 90 !important;
background-color: transparent !important;
border: 1px solid rgba(180, 180, 180, 0) !important;
border-radius: 100% !important;
box-shadow: none !important;
position: absolute !important;
text-transform: none !important;
text-align: center;
speak: none;
-webkit-font-smoothing: antialiased;
width: 60px !important;
height: 60px !important;
}
button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
margin: auto 10px !important;
top: 0 !important;
bottom: 0 !important;
overflow: hidden !important;
}
button.mz-button.mz-button-prev {
left: 0 !important;
}
button.mz-button.mz-button-next {
right: 0 !important;
}
button.mz-button.mz-button-close {
font-size: 30px !important;
margin: 10px !important;
top: 0 !important;
right: 0 !important;
z-index: 95 !important;
}
:root:not(.mobile-magic) button.mz-button {
color: rgba(180, 180, 180, .75) !important;
-webkit-transform: scale(.85) !important;
transform: scale(.85) !important;
-webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
transition: color .25s, border-color .25s, transform .25s !important;
}
:root:not(.mobile-magic) button.mz-button:hover {
color: rgba(180, 180, 180, 1) !important;
border-color: rgba(180, 180, 180, .6) !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.mobile-magic button.mz-button {
-webkit-transition: -webkit-transform .1s !important;
transition: transform .1s !important;
}
.mobile-magic button.mz-button:active {
border-color: rgba(180, 180, 180, .6) !important;
-webkit-transform: scale(.95) !important;
transform: scale(.95) !important;
}
button.mz-button.mz-button-close:before { content: "\a001"; }
button.mz-button.mz-button-prev:before { content: "\a002"; }
button.mz-button.mz-button-next:before { content: "\a003"; }
@media screen and (max-device-width: 767px) {
button.mz-button-prev,
button.mz-button-next {
display: none !important;
}
.mobile-magic .mz-expand button.mz-button {
background: rgba(255, 255, 255, .12) !important;
border-color: rgba(180, 180, 180, .3) !important;
}
}
.lt-ie9-magic button.mz-button {
border: 0;
filter: alpha(opacity=75);
}
.lt-ie9-magic button.mz-button:hover {
filter: alpha(opacity=100);
}
/**
* Thumbnails
*/
/* Thumbnails on the page */
.mz-thumb, .mz-thumb:focus {
display: inline-block;
line-height: 0;
outline: none;
}
.mz-thumb img {
border: 0;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.no-cssfilters-magic .mz-thumb {
background: #000;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-thumb-selected img {
opacity: .5;
filter: alpha(opacity=50);
}
.ie9-magic .mz-thumb img {
box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
}
/* Thumbnails in expanded view */
.mz-expand-thumbnails {
z-index: 50;
position: absolute;
bottom: 0;
left: 65px;
right: 65px;
height: 80px;
padding: 10px 0;
box-sizing: border-box;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
cursor: pointer;
height: 40px;
box-shadow:0 0 5px 1px rgba(0,0,0,0.3);
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
opacity: 0;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
opacity: .7;
filter: alpha(opacity=70);
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
opacity: .5; filter:
alpha(opacity=50);
}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.magic-thumbs {
direction: ltr;
overflow: visible;
z-index: 100;
position: relative;
left: 0;
top: 0;
padding: 0 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
}
.magic-thumbs {
width: 100%;
height: 100%;
white-space: nowrap;
}
.magic-thumbs.no-buttons {
padding: 0 !important;
}
.magic-thumbs-wrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.magic-thumbs ul {
list-style: none;
font-size: 0;
display: inline-block;
vertical-align: middle;
height: 100%;
position: relative;
white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
padding: 0 !important;
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
left: 0 !important;
}
.magic-thumbs ul li {
margin: 0 4px;
height: 100%;
width: auto;
vertical-align: top;
line-height: 0;
display: inline-block;
}
.magic-thumbs ul li:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.magic-thumbs ul li > img {
width: auto;
height: auto;
max-height: 100%;
vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
max-width: none !important;
max-height: none !important;
}
/* vertical */
.magic-thumbs.magic-thumbs-vertical {
height: 100%;
}
.magic-thumbs-vertical {
padding: 30px 0;
}
.magic-thumbs-vertical ul {
height: auto;
width: 100%;
white-space: normal;
}
.magic-thumbs-vertical ul li {
width: 100%;
height: auto;
}
.magic-thumbs-vertical ul li {
margin: 4px 0;
}
.magic-thumbs-vertical ul li > img {
max-width: 100%;
max-height: none;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
width: 100%;
}
/**
* Buttons
*/
.magic-thumbs .magic-thumbs-button {
cursor: pointer;
z-index: 90;
background-repeat: no-repeat;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
overflow: hidden;
position: absolute;
font-family: "magictoolbox-thin";
font-style: normal;
font-weight: 200;
font-variant: normal;
text-transform: none !important;
speak: none;
line-height: 1;
text-align: center;
color: #bbb;
-webkit-font-smoothing: antialiased;
font-size: 30px;
width: 30px;
height: 100%;
top: 0; bottom: 0;
}
.magic-thumbs .magic-thumbs-button-prev {
left: 0;
}
.magic-thumbs .magic-thumbs-button-next {
right: 0;
}
.magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; }
.magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; }
.magic-thumbs-button:before {
-webkit-transition: opacity .25s;
transition: opacity .25s;
opacity: .6;
}
.magic-thumbs .magic-thumbs-button:hover:before { opacity: 1; }
/* Vertical buttons */
.magic-thumbs-vertical .magic-thumbs-button {
width: 100%;
height: 30px;
left: 0; right: 0;
top: auto; bottom: auto;
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
top: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-next {
bottom: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; }
.magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; }
.magic-thumbs.no-buttons .magic-thumbs-button {
display: none !important;
}
.magic-thumbs-button-disabled {
opacity: 0.2;
filter: alpha(opacity = 20);
}
/*
Magic 360 v4.6.5
Copyright 2016 Magic Toolbox
Buy a license: https://www.magictoolbox.com/magic360/
License agreement: https://www.magictoolbox.com/license/
*/
@font-face {
font-family: 'magic360';
font-weight: normal;
font-style: normal;
src: url('../fonts/magic360.eot?#iefix') format('embedded-opentype');
}
@font-face {
font-family: 'magic360';
src: url('data:application/octet-stream;base64,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') format('woff'),
url('data:application/octet-stream;base64,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') format('truetype');
}
/* Core */
.Magic360,
.Magic360-container {
border: 1px solid #f1f1f1;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.Magic360-container .Magic360,
.Magic360-fullscreen .Magic360 {
border: 0 !important;
}
.Magic360 {
padding: 0 !important;
outline: 0 !important;
display: inline-block;
font-size: 0 !important;
line-height: 100% !important;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.Magic360.m360-spin-x {
touch-action: pan-y;
}
.Magic360.m360-spin-y {
touch-action: pan-x;
}
.Magic360.desktop.zoom-in {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.Magic360 img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
height: auto;
}
.Magic360 > img {
width: 100%;
}
/* Fullscreen icons */
button.m360-icon {
color: #b4b4b4 !important;
font: normal 900 30px/1 'magic360' !important;
cursor: pointer;
z-index: 1000000 !important;
background-color: transparent !important;
border: 1px solid rgba(180, 180, 180, 0) !important;
border-radius: 0 !important;
box-shadow: none !important;
position: absolute !important;
text-transform: none !important;
text-align: center;
speak: none;
width: 44px !important;
height: 44px !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
outline: 0 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button.m360-icon:hover,
.mobile-magic button.m360-icon:active {
color: #555 !important;
color: rgba(49, 51, 61, 0.76) !important;
}
button.m360-icon:before {
display: inline !important;
position: static !important;
color: inherit !important;
font: inherit !important;
-webkit-font-smoothing: inherit !important;
-moz-osx-font-smoothing: inherit !important;
}
button.m360-icon.m360-icon-fullscreen-open,
button.m360-icon.m360-icon-fullscreen-close {
top: 0 !important;
right: 0 !important;
}
button.m360-icon.m360-icon-fullscreen-close {
width: 60px !important;
height: 60px !important;
}
button.m360-icon.m360-icon-fullscreen-open:before { content: '\e800'; }
button.m360-icon.m360-icon-fullscreen-close:before { content: '\e801'; }
.lt-ie9-magic button.m360-icon {
border: 0;
filter: alpha(opacity=75);
}
.lt-ie9-magic button.m360-icon:hover {
filter: alpha(opacity=100);
}
.Magic360-fullscreen:-webkit-full-screen {
touch-action: none;
}
.Magic360-container {
text-align: center !important;
max-width: 100%;
position: relative;
z-index: 1;
}
.Magic360-container .Magic360 {
display: inline-block !important;
vertical-align: middle;
}
.lt-ie7-magic .Magic360-container .Magic360 {
width: auto !important;
}
.Magic360-fullscreen {
background: #fff;
z-index: 2147483640 !important;
}
.Magic360-fullscreen:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
.Magic360-fullscreen:-ms-fullscreen {
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
}
.Magic360-fullscreen:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.Magic360-fullscreen .Magic360 {
display: inline-block !important;
vertical-align: middle;
}
.Magic360-message {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #AAAAAA;
display: block;
font-size: 10px;
color: #000;
overflow: hidden;
padding: 6px;
position: absolute;
text-align: center;
top: 50%;
width: 33%;
left: 33%;
z-index: 100;
box-shadow: 0 0 10px #000;
border-collapse: separate;
border-radius: 15px;
}
.Magic360-fullscreen .Magic360-message {
font-size: 18px;
background-color: #31333D;
background-color: rgba(49, 51, 61, 0.76);
border-color: #ccc;
color: #fff;
top: 15px;
}
/**
* Hint & Loader
*/
.m360-hint-message,
.m360-loader {
background: rgba(49, 51, 61, 0.76);
color: #fff;
font: normal 14px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
}
.m360-hint,
.m360-loader {
direction: ltr;
text-align: center;
display: inline-block;
margin: 0;
position: absolute;
z-index: 1000;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.m360-hint {
bottom: 8px;
left: 0;
right: 0;
padding: 0 10%;
-webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
transition: opacity 0.25s ease, z-index 0.25s ease;
}
.m360-hint-message {
display: inline-block;
border-radius: 2em;
padding: .3em 1.5em;
font-size: 14px;
line-height: 1.5;
}
.m360-hint-message:before {
content: '';
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAqCAYAAAB4Ip8uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQjhDODMzNkM3MEIxMUUzQkMzNEJCQzI2OUFGMUNCQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQjhDODMzNUM3MEIxMUUzQkMzNEJCQzI2OUFGMUNCQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIvPiA8L3JkZjpEZXNjcmlwdGlv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');
background-image: -webkit-image-set(
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAqCAYAAAB4Ip8uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQjhDODMzNkM3MEIxMUUzQkMzNEJCQzI2OUFGMUNCQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQjhDODMzNUM3MEIxMUUzQkMzNEJCQzI2OUFGMUNCQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIvPiA8L3JkZjpEZXNjcmlwdGlv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') 1x,
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUCAYAAAC82LpqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNTQ2NDdEMUM3MEIxMUUzQjI2QkI2NTZEOUZDMjc2OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNTQ2NDdEMEM3MEIxMUUzQjI2QkI2NTZEOUZDMjc2OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTA1M0E3QjA4QzdFMzExOTUxQjhCNzcwMDhDQjMwOCIvPiA8L3JkZjpEZXNjcmlwdGlv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') 2x
);
width: 40px;
height: 42px;
display: inline-block;
speak: none;
text-align: center;
vertical-align: middle;
margin-right: 4px;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.m360-spin-x .m360-hint-message:before {
background-position: -40px;
}
.m360-spin-y .m360-hint-message:before {
background-position: -80px;
}
.m360-loader {
border-radius: 100%;
font-size: 0;
opacity: 0;
padding: 0;
width: 50px;
height: 50px;
left: 8px;
bottom: 8px;
}
.m360-loader:after {
content: attr(data-progress);
font-size: 12px;
line-height: 1;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.m360-loader:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 44px;
height: 44px;
margin: auto;
text-indent: -9999em;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 1);
border-top-color: transparent;
box-sizing: border-box;
}
.m360-loader.shown {
opacity: 1;
z-index: 1000;
-webkit-transition: opacity 0s;
transition: opacity 0s;
}
.m360-loader.shown:before {
-webkit-animation: spin-loading 2s infinite linear;
animation: spin-loading 2s infinite linear;
}
@-webkit-keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.lt-ie10-magic .m360-loader {
font-size: 14px;
padding: .8em 1.2em;
width: auto;
height: auto;
}
.lt-ie10-magic .m360-loader:before {
display: none;
}
.lt-ie10-magic .m360-loader:after {
content: 'Loading... ' attr(data-progress);
text-align: center;
}
.lt-ie9-magic .m360-hint-message,
.lt-ie9-magic .m360-loader.shown {
background: transparent !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .m360-hint-hidden {
filter: alpha(opacity=0);
}
.lt-ie9-magic .m360-loader {
filter: alpha(opacity=0);
right: 0;
left: 0;
width: 96px;
margin: auto;
}
.lt-ie9-magic .Magic360-fullscreen .m360-loader {
left: 8px;
right: auto;
}
/* Magnifier */
.Magic360-container .m360-magnifier,
.Magic360-fullscreen .m360-magnifier {
box-shadow: 0 0 10px #ccc;
border-collapse: separate;
background-color: #fff;
cursor: none;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.lt-ie9-magic .m360-magnifier {
border: 3px ridge #e7e7e7;
}
.lt-ie9-magic .m360-magnifier.m360-magnifier-inner {
border: none !important;
}
.Magic360-container.desktop .m360-magnifier.m360-magnifier-inner,
.Magic360-fullscreen.desktop .m360-magnifier.m360-magnifier-inner {
cursor: pointer;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out;
box-shadow: none;
}
.m360-magnifier img {
position: absolute !important;
max-width: none !important;
max-height: none !important;
min-width: 0 !important;
min-height: 0 !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: 0 !important;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.m360-magnifier-loader-holder {
background-color: transparent;
cursor: default;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.ie9-magic .m360-magnifier-loader-holder,
.lt-ie9-magic .m360-magnifier-loader-holder {
filter: alpha(opacity=60);
}
.m360-magnifier-loader-holder .m360-loader {
opacity: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.m360-magnifier-loader-holder .m360-loader:before {
-webkit-animation: spin-loading 2s infinite linear;
animation: spin-loading 2s infinite linear;
}
/*!
* fullPage 3.0.4
* https://github.com/alvarotrigo/fullPage.js
*
* @license GPLv3 for open source use only
* or Fullpage Commercial License for commercial use
* http://alvarotrigo.com/fullPage/pricing/
*
* Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
*/.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-transition:all .3s ease-out;transition:all .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;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);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}.fp-notransition{-webkit-transition:none!important;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.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-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-nav ul li:hover a.active span,.fp-slidesNav ul li 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;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -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{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=fullpage.min.css.map */
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50.2%,.75);font-size:2em;cursor:pointer;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50.2%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;font-size:1rem;font-weight:400;flex:1 0 auto;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{position:absolute;width:16px;height:16px;z-index:-1}.shepherd-arrow:before{content:"";transform:rotate(45deg);background:#fff}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}
/*@shadow: 12px 8px 30px 0px rgba(0,0,0,0.15);
@shadowSecond: 0 15px 20px -10px rgba(0,0,0,0.15);*/
body {
background-color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
color: #040004;
}
@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
}
b,
strong {
font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.bigFont,
.counting__number,
.counting__text,
.countText,
.finderFilter__label {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
}
h1,
.h1,
.bigFont,
.counting__number {
font-size: 55px;
margin-bottom: 30px;
}
@media screen and (max-width: 1249px) {
h1,
.h1,
.bigFont,
.counting__number {
font-size: 32px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
h1,
.h1,
.bigFont,
.counting__number {
font-size: 22px;
}
}
h2,
.h2 {
font-size: 40px;
margin-bottom: 20px;
color: #040004;
}
@media screen and (max-width: 1249px) {
h2,
.h2 {
font-size: 26px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
h2,
.h2 {
font-size: 20px;
}
}
h3,
.h3,
.counting__text,
.countText,
.finderFilter__label {
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: #040004;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
h3,
.h3,
.counting__text,
.countText,
.finderFilter__label {
font-size: 16px;
}
}
h4,
.h4 {
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #040004;
}
h5,
.h5 {
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #040004;
text-transform: none;
}
h6,
.h6 {
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #040004;
text-transform: none;
}
a,
.link {
color: #907232;
text-decoration: none;
cursor: pointer;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a:active,
.link:active {
color: #e70610;
text-decoration: none;
}
.link {
text-decoration: underline;
}
.link:hover {
text-decoration: underline;
}
.grouplink {
cursor: pointer;
}
.textcontent a {
font-weight: 500;
text-decoration: underline;
color: #040004;
}
small,
.small {
font-size: 14px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
@media (min-width: 768px) {
.text-sm-right {
text-align: right;
}
}
ul,
ol {
margin: 0;
padding: 0 0 0 20px;
}
ul li,
ol li {
color: #040004;
padding: 5px 0;
}
ul.checklist {
margin: 0;
padding: 0;
}
ul.checklist li {
padding: 10px 0;
margin: 0;
list-style-type: none;
position: relative;
padding-left: 30px;
}
ul.checklist li:before {
content: "\E006";
font-family: "icons";
font-size: 20px;
margin-right: 10px;
line-height: 1;
position: absolute;
top: 50%;
left: 0;
margin-top: -11px;
}
ul.checklist--center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
address {
margin-bottom: 25px;
font-style: italic;
line-height: 1.6;
}
hr {
border-top: 1px solid #907232;
margin-top: 30px;
margin-bottom: 30px;
}
.specialhr {
width: 50%;
margin: 15px auto;
border-color: #fff;
}
label {
font-weight: 400;
color: #040004;
font-size: 15px;
}
.color-white {
color: #ffffff;
}
.color-black {
color: #040004;
}
.color-gray {
color: #f9f7f4;
}
.color-middlegray {
color: #f9f7f4;
}
.color-lightgray {
color: #f9f7f4;
}
.color-primary {
color: #907232;
}
.color-second {
color: #f9f7f4;
}
.color-danger {
color: #e70610;
}
.color-warning {
color: #e6e600;
}
.color-success {
color: #387E06;
}
.color-action {
color: #e70610;
}
.color-info {
color: #f9f7f4;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #040004;
}
.bg-gray {
background-color: #f9f7f4;
}
.bg-middlegray {
background-color: #f9f7f4;
}
.bg-lightgray {
background-color: #f9f7f4;
}
.bg-primary {
background-color: #907232;
color: #ffffff;
}
.bg-primary a {
color: #ffffff;
}
.bg-primary a:hover {
color: #e70610;
}
.bg-second {
background-color: #f9f7f4;
}
.bg-danger {
background-color: #e70610;
}
.bg-warning {
background-color: #e6e600;
}
.bg-success {
background-color: #387E06;
}
.bg-action {
background-color: #e70610;
}
.bg-info {
background-color: #f9f7f4;
}
.bg-werte {
background: #E2E2E2;
}
.bg-werte h1,
.bg-werte h2,
.bg-werte h3,
.bg-werte h4,
.bg-werte h5,
.bg-werte h6,
.bg-werte .h1,
.bg-werte .h2,
.bg-werte .h3,
.bg-werte .h4,
.bg-werte .h5,
.bg-werte .h6,
.bg-werte .bigFont,
.bg-werte .counting__number,
.bg-werte .counting__text,
.bg-werte .countText,
.bg-werte .finderFilter__label {
color: #F7B32B;
}
.bg-mission {
background: #DDCACA;
}
.bg-mission h1,
.bg-mission h2,
.bg-mission h3,
.bg-mission h4,
.bg-mission h5,
.bg-mission h6,
.bg-mission .h1,
.bg-mission .h2,
.bg-mission .h3,
.bg-mission .h4,
.bg-mission .h5,
.bg-mission .h6,
.bg-mission .bigFont,
.bg-mission .counting__number,
.bg-mission .counting__text,
.bg-mission .countText,
.bg-mission .finderFilter__label {
color: #E52600;
}
.bg-leitbild {
background: #DBE1D5;
}
.bg-leitbild h1,
.bg-leitbild h2,
.bg-leitbild h3,
.bg-leitbild h4,
.bg-leitbild h5,
.bg-leitbild h6,
.bg-leitbild .h1,
.bg-leitbild .h2,
.bg-leitbild .h3,
.bg-leitbild .h4,
.bg-leitbild .h5,
.bg-leitbild .h6,
.bg-leitbild .bigFont,
.bg-leitbild .counting__number,
.bg-leitbild .counting__text,
.bg-leitbild .countText,
.bg-leitbild .finderFilter__label {
color: #6B834E;
}
.linkWithIcon {
position: relative;
display: inline-block;
color: #907232;
cursor: pointer;
background-color: transparent;
border: 0;
padding: 0;
padding-left: 21px;
}
.linkWithIcon i {
position: absolute;
left: 0;
text-align: center;
width: 16px;
line-height: 1;
top: 50%;
transform: translateY(-50%);
}
.linkWithIcon:hover {
color: #e70610;
}
.linkWithIcon--big,
.itemcardRight .favorite-button {
position: relative;
display: inline-block;
color: #907232;
cursor: pointer;
background-color: transparent;
border: 0;
padding: 0;
padding-left: 21px;
font-size: 14px;
line-height: 30px;
font-weight: 600;
padding-left: 35px;
color: #4A4B4D;
}
.linkWithIcon--big i,
.itemcardRight .favorite-button i {
position: absolute;
left: 0;
text-align: center;
width: 16px;
line-height: 1;
top: 50%;
transform: translateY(-50%);
}
.linkWithIcon--big:hover,
.itemcardRight .favorite-button:hover {
color: #e70610;
}
.linkWithIcon--big i,
.itemcardRight .favorite-button i {
font-size: 24px;
width: 24px;
font-weight: normal;
}
.linkWithIcon--big:hover,
.linkWithIcon--big:focus,
.linkWithIcon--big:active,
.itemcardRight .favorite-button:hover,
.itemcardRight .favorite-button:focus,
.itemcardRight .favorite-button:active {
color: #e70610;
}
@media screen and (max-width: 1249px) {
.linkWithIcon--big,
.itemcardRight .favorite-button {
font-size: 14px;
line-height: 20px;
}
.linkWithIcon--big i,
.itemcardRight .favorite-button i {
font-size: 18px;
}
}
.nowrap {
white-space: nowrap;
}
.youtube {
color: #cc181e !important;
}
.facebook {
color: #3b5998 !important;
}
.instagram {
color: #c13584 !important;
}
.googleplus {
color: #d34836 !important;
}
.twitter {
color: #00aced !important;
}
.pinterest {
color: #C92228 !important;
}
.xing {
color: #006567 !important;
}
.linkedin {
color: #0A66C2 !important;
}
a.youtube:hover {
color: #9e1317 !important;
}
a.facebook:hover {
color: #2d4373 !important;
}
a.instagram:hover {
color: #992a69 !important;
}
a.googleplus:hover {
color: #b03626 !important;
}
a.twitter:hover {
color: #0087ba !important;
}
a.pinterest:hover {
color: #9d1b1f !important;
}
a.xing:hover {
color: #003334 !important;
}
a.linkedin:hover {
color: #084c91 !important;
}
/*@font-face {
font-family: "icons3";
src: url('../fonts/icons/icons3.eot');
src: url('../fonts/icons/icons3.eot?#iefix') format('eot'),
url('../fonts/icons/icons3.woff') format('woff'),
url('../fonts/icons/icons3.ttf') format('truetype'),
url('../fonts/icons/icons3.svg#icons3') format('svg');
}*/
.icon-base-pseudo,
.icon-001-language:before,
.icon-002-phonecircle:before,
.icon-003-mailcircle:before,
.icon-004-copy:before,
.icon-004-questioncircle:before,
.icon-005-check:before,
.icon-006-clock:before,
.icon-007-info:before,
.icon-008-delete:before,
.icon-009-phone:before,
.icon-010-home:before,
.icon-011-search:before,
.icon-012-account:before,
.icon-013-heart:before,
.icon-014-basket:before,
.icon-015-arrowright:before,
.icon-016-arrowleft:before,
.icon-017-doublearrowtop:before,
.icon-018-close:before,
.icon-019-closecircle:before,
.icon-020-star:before,
.icon-021-heart-outline:before,
.icon-022-cog:before,
.icon-023-image:before,
.icon-024-check-single:before,
.icon-025-info-single:before,
.icon-026-google-plus:before,
.icon-027-xing:before,
.icon-028-youtube:before,
.icon-029-facebook:before,
.icon-030-twitter:before,
.icon-031-mail:before,
.icon-032-angletop:before,
.icon-033-anglebottom:before,
.icon-034-marker:before,
.icon-035-share:before,
.icon-036-pluscircle:before,
.icon-037-plus:before,
.icon-038-greetingcard:before,
.icon-039-refresh:before,
.icon-040-back:before,
.icon-041-greeting:before,
.icon-042-edit:before,
.icon-043-move:before,
.icon-044-shipping:before,
.icon-045-calendar:before,
.icon-046-download:before,
.icon-047-excel:before,
.icon-048-angleright:before,
.icon-049-angleleft:before,
.icon-050-chest:before,
.icon-051-chest-open:before,
.icon-052-pinterest:before,
.icon-053-blog:before,
.icon-054-filearchive:before,
.icon-055-fileaudio:before,
.icon-056-filecode:before,
.icon-057-fileimage:before,
.icon-058-filemovie:before,
.icon-059-file:before,
.icon-060-filetext:before,
.icon-061-fileword:before,
.icon-062-filepdf:before,
.icon-063-difficulty:before,
.icon-064-mailcircle:before,
.icon-065-cooking:before,
.icon-066-load:before,
.icon-067-instagram:before,
.icon-068-upload:before,
.icon-069-center:before,
.icon-070-center-x:before,
.icon-071-center-y:before,
.icon-072-calendar:before,
.icon-073-play:before,
.icon-074-cuisine:before,
.icon-075-compare:before,
.icon-076-mute:before,
.icon-077-volume:before,
.icon-078-pause:before,
.icon-079-link:before,
.icon-080-whatsapp:before,
.icon-081-print:before,
.icon-082-check-no-circle:before,
.icon-082-trust-bio:before,
.icon-083-trust-genfrei:before,
.icon-084-trust-glutenfrei:before,
.icon-085-trust-kakao:before,
.icon-086-trust-laktosefrei:before,
.icon-087-trust-lieferung:before,
.icon-088-trust-strom:before,
.icon-089-trust-vegan:before,
.icon-090-trust-verpackungsarm:before,
.icon-091-trust-zusatzstofffrei:before,
.icon-110-big-arrow-left:before,
.icon-111-big-arrow-right:before,
.icon-112-loading:before,
.icon-113-linkedin:before,
.icon-114-rabbit:before,
.icon-115-store:before,
.icon-116-flower:before,
.icon-117-filter:before,
.icon-118-arrow-left:before,
.icon-119-arrow-right:before,
.icon-120-cart-plus:before,
.icon-121-box-heart:before,
.icon-122-boxes-stacked:before,
.icon-123-truck:before,
.icon-124-paintbrush:before {
font-family: "icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
.icon-001-language:before {
content: "\E001";
}
.icon-002-phonecircle:before {
content: "\E002";
}
.icon-003-mailcircle:before {
content: "\E003";
}
.icon-004-copy:before {
content: "\E004";
}
.icon-004-questioncircle:before {
content: "\E005";
}
.icon-005-check:before {
content: "\E006";
}
.icon-006-clock:before {
content: "\E007";
}
.icon-007-info:before {
content: "\E008";
}
.icon-008-delete:before {
content: "\E009";
}
.icon-009-phone:before {
content: "\E00A";
}
.icon-010-home:before {
content: "\E00B";
}
.icon-011-search:before {
content: "\E00C";
}
.icon-012-account:before {
content: "\E00D";
}
.icon-013-heart:before {
content: "\E00E";
}
.icon-014-basket:before {
content: "\E00F";
}
.icon-015-arrowright:before {
content: "\E010";
}
.icon-016-arrowleft:before {
content: "\E011";
}
.icon-017-doublearrowtop:before {
content: "\E012";
}
.icon-018-close:before {
content: "\E013";
}
.icon-019-closecircle:before {
content: "\E014";
}
.icon-020-star:before {
content: "\E015";
}
.icon-021-heart-outline:before {
content: "\E016";
}
.icon-022-cog:before {
content: "\E017";
}
.icon-023-image:before {
content: "\E018";
}
.icon-024-check-single:before {
content: "\E019";
}
.icon-025-info-single:before {
content: "\E01A";
}
.icon-026-google-plus:before {
content: "\E01B";
}
.icon-027-xing:before {
content: "\E01C";
}
.icon-028-youtube:before {
content: "\E01D";
}
.icon-029-facebook:before {
content: "\E01E";
}
.icon-030-twitter:before {
content: "\E01F";
}
.icon-031-mail:before {
content: "\E020";
}
.icon-032-angletop:before {
content: "\E021";
}
.icon-033-anglebottom:before {
content: "\E022";
}
.icon-034-marker:before {
content: "\E023";
}
.icon-035-share:before {
content: "\E024";
}
.icon-036-pluscircle:before {
content: "\E025";
}
.icon-037-plus:before {
content: "\E026";
}
.icon-038-greetingcard:before {
content: "\E027";
}
.icon-039-refresh:before {
content: "\E028";
}
.icon-040-back:before {
content: "\E029";
}
.icon-041-greeting:before {
content: "\E02A";
}
.icon-042-edit:before {
content: "\E02B";
}
.icon-043-move:before {
content: "\E02C";
}
.icon-044-shipping:before {
content: "\E02D";
}
.icon-045-calendar:before {
content: "\E02E";
}
.icon-046-download:before {
content: "\E02F";
}
.icon-047-excel:before {
content: "\E030";
}
.icon-048-angleright:before {
content: "\E031";
}
.icon-049-angleleft:before {
content: "\E032";
}
.icon-050-chest:before {
content: "\E033";
}
.icon-051-chest-open:before {
content: "\E034";
}
.icon-052-pinterest:before {
content: "\E035";
}
.icon-053-blog:before {
content: "\E036";
}
.icon-054-filearchive:before {
content: "\E037";
}
.icon-055-fileaudio:before {
content: "\E038";
}
.icon-056-filecode:before {
content: "\E039";
}
.icon-057-fileimage:before {
content: "\E03A";
}
.icon-058-filemovie:before {
content: "\E03B";
}
.icon-059-file:before {
content: "\E03C";
}
.icon-060-filetext:before {
content: "\E03D";
}
.icon-061-fileword:before {
content: "\E03E";
}
.icon-062-filepdf:before {
content: "\E03F";
}
.icon-063-difficulty:before {
content: "\E040";
}
.icon-064-mailcircle:before {
content: "\E041";
}
.icon-065-cooking:before {
content: "\E042";
}
.icon-066-load:before {
content: "\E043";
}
.icon-067-instagram:before {
content: "\E044";
}
.icon-068-upload:before {
content: "\E045";
}
.icon-069-center:before {
content: "\E046";
}
.icon-070-center-x:before {
content: "\E047";
}
.icon-071-center-y:before {
content: "\E048";
}
.icon-072-calendar:before {
content: "\E049";
}
.icon-073-play:before {
content: "\E04A";
}
.icon-074-cuisine:before {
content: "\E04B";
}
.icon-075-compare:before {
content: "\E04C";
}
.icon-076-mute:before {
content: "\E04D";
}
.icon-077-volume:before {
content: "\E04E";
}
.icon-078-pause:before {
content: "\E04F";
}
.icon-079-link:before {
content: "\E050";
}
.icon-080-whatsapp:before {
content: "\E051";
}
.icon-081-print:before {
content: "\E052";
}
.icon-082-check-no-circle:before {
content: "\E053";
}
.icon-082-trust-bio:before {
content: "\E054";
}
.icon-083-trust-genfrei:before {
content: "\E055";
}
.icon-084-trust-glutenfrei:before {
content: "\E056";
}
.icon-085-trust-kakao:before {
content: "\E057";
}
.icon-086-trust-laktosefrei:before {
content: "\E058";
}
.icon-087-trust-lieferung:before {
content: "\E059";
}
.icon-088-trust-strom:before {
content: "\E05A";
}
.icon-089-trust-vegan:before {
content: "\E05B";
}
.icon-090-trust-verpackungsarm:before {
content: "\E05C";
}
.icon-091-trust-zusatzstofffrei:before {
content: "\E05D";
}
.icon-110-big-arrow-left:before {
content: "\E05E";
}
.icon-111-big-arrow-right:before {
content: "\E05F";
}
.icon-112-loading:before {
content: "\E060";
}
.icon-113-linkedin:before {
content: "\E061";
}
.icon-114-rabbit:before {
content: "\E062";
}
.icon-115-store:before {
content: "\E063";
}
.icon-116-flower:before {
content: "\E064";
}
.icon-117-filter:before {
content: "\E065";
}
.icon-118-arrow-left:before {
content: "\E066";
}
.icon-119-arrow-right:before {
content: "\E067";
}
.icon-120-cart-plus:before {
content: "\E068";
}
.icon-121-box-heart:before {
content: "\E069";
}
.icon-122-boxes-stacked:before {
content: "\E06A";
}
.icon-123-truck:before {
content: "\E06B";
}
.icon-124-paintbrush:before {
content: "\E06C";
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
}
.container2 {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1680px;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
}
.row .pull-right {
order: 1;
}
.smallgrid > .row {
margin-left: -8px;
margin-right: -8px;
}
.smallgrid.row {
margin-left: -8px;
margin-right: -8px;
}
@media (min-width: 1024px) {
.biggrid > .row {
margin-left: -40px;
margin-right: -40px;
}
.biggrid.row {
margin-left: -40px;
margin-right: -40px;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xlg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xlg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xlg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xlg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xlg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xlg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xlg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xlg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xlg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xlg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xlg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xlg-12 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
}
.smallgrid .col-xs-1, .smallgrid .col-sm-1, .smallgrid .col-md-1, .smallgrid .col-lg-1, .smallgrid .col-xlg-1, .smallgrid .col-xs-2, .smallgrid .col-sm-2, .smallgrid .col-md-2, .smallgrid .col-lg-2, .smallgrid .col-xlg-2, .smallgrid .col-xs-3, .smallgrid .col-sm-3, .smallgrid .col-md-3, .smallgrid .col-lg-3, .smallgrid .col-xlg-3, .smallgrid .col-xs-4, .smallgrid .col-sm-4, .smallgrid .col-md-4, .smallgrid .col-lg-4, .smallgrid .col-xlg-4, .smallgrid .col-xs-5, .smallgrid .col-sm-5, .smallgrid .col-md-5, .smallgrid .col-lg-5, .smallgrid .col-xlg-5, .smallgrid .col-xs-6, .smallgrid .col-sm-6, .smallgrid .col-md-6, .smallgrid .col-lg-6, .smallgrid .col-xlg-6, .smallgrid .col-xs-7, .smallgrid .col-sm-7, .smallgrid .col-md-7, .smallgrid .col-lg-7, .smallgrid .col-xlg-7, .smallgrid .col-xs-8, .smallgrid .col-sm-8, .smallgrid .col-md-8, .smallgrid .col-lg-8, .smallgrid .col-xlg-8, .smallgrid .col-xs-9, .smallgrid .col-sm-9, .smallgrid .col-md-9, .smallgrid .col-lg-9, .smallgrid .col-xlg-9, .smallgrid .col-xs-10, .smallgrid .col-sm-10, .smallgrid .col-md-10, .smallgrid .col-lg-10, .smallgrid .col-xlg-10, .smallgrid .col-xs-11, .smallgrid .col-sm-11, .smallgrid .col-md-11, .smallgrid .col-lg-11, .smallgrid .col-xlg-11, .smallgrid .col-xs-12, .smallgrid .col-sm-12, .smallgrid .col-md-12, .smallgrid .col-lg-12, .smallgrid .col-xlg-12 {
position: relative;
min-height: 1px;
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 1024px) {
.biggrid .col-xs-1, .biggrid .col-sm-1, .biggrid .col-md-1, .biggrid .col-lg-1, .biggrid .col-xlg-1, .biggrid .col-xs-2, .biggrid .col-sm-2, .biggrid .col-md-2, .biggrid .col-lg-2, .biggrid .col-xlg-2, .biggrid .col-xs-3, .biggrid .col-sm-3, .biggrid .col-md-3, .biggrid .col-lg-3, .biggrid .col-xlg-3, .biggrid .col-xs-4, .biggrid .col-sm-4, .biggrid .col-md-4, .biggrid .col-lg-4, .biggrid .col-xlg-4, .biggrid .col-xs-5, .biggrid .col-sm-5, .biggrid .col-md-5, .biggrid .col-lg-5, .biggrid .col-xlg-5, .biggrid .col-xs-6, .biggrid .col-sm-6, .biggrid .col-md-6, .biggrid .col-lg-6, .biggrid .col-xlg-6, .biggrid .col-xs-7, .biggrid .col-sm-7, .biggrid .col-md-7, .biggrid .col-lg-7, .biggrid .col-xlg-7, .biggrid .col-xs-8, .biggrid .col-sm-8, .biggrid .col-md-8, .biggrid .col-lg-8, .biggrid .col-xlg-8, .biggrid .col-xs-9, .biggrid .col-sm-9, .biggrid .col-md-9, .biggrid .col-lg-9, .biggrid .col-xlg-9, .biggrid .col-xs-10, .biggrid .col-sm-10, .biggrid .col-md-10, .biggrid .col-lg-10, .biggrid .col-xlg-10, .biggrid .col-xs-11, .biggrid .col-sm-11, .biggrid .col-md-11, .biggrid .col-lg-11, .biggrid .col-xlg-11, .biggrid .col-xs-12, .biggrid .col-sm-12, .biggrid .col-md-12, .biggrid .col-lg-12, .biggrid .col-xlg-12 {
position: relative;
min-height: 1px;
padding-left: 40px;
padding-right: 40px;
}
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media screen and (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media screen and (min-width: 1024px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-1-5 {
width: 20%;
}
.col-md-2-5 {
width: 40%;
}
.col-md-3-5 {
width: 60%;
}
.col-md-4-5 {
width: 80%;
}
}
@media screen and (min-width: 1250px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-1-5 {
width: 20%;
}
.col-lg-2-5 {
width: 40%;
}
.col-lg-3-5 {
width: 60%;
}
.col-lg-4-5 {
width: 80%;
}
}
@media screen and (min-width: 1540px) {
.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
float: left;
}
.col-xlg-12 {
width: 100%;
}
.col-xlg-11 {
width: 91.66666667%;
}
.col-xlg-10 {
width: 83.33333333%;
}
.col-xlg-9 {
width: 75%;
}
.col-xlg-8 {
width: 66.66666667%;
}
.col-xlg-7 {
width: 58.33333333%;
}
.col-xlg-6 {
width: 50%;
}
.col-xlg-5 {
width: 41.66666667%;
}
.col-xlg-4 {
width: 33.33333333%;
}
.col-xlg-3 {
width: 25%;
}
.col-xlg-2 {
width: 16.66666667%;
}
.col-xlg-1 {
width: 8.33333333%;
}
.col-xlg-pull-12 {
right: 100%;
}
.col-xlg-pull-11 {
right: 91.66666667%;
}
.col-xlg-pull-10 {
right: 83.33333333%;
}
.col-xlg-pull-9 {
right: 75%;
}
.col-xlg-pull-8 {
right: 66.66666667%;
}
.col-xlg-pull-7 {
right: 58.33333333%;
}
.col-xlg-pull-6 {
right: 50%;
}
.col-xlg-pull-5 {
right: 41.66666667%;
}
.col-xlg-pull-4 {
right: 33.33333333%;
}
.col-xlg-pull-3 {
right: 25%;
}
.col-xlg-pull-2 {
right: 16.66666667%;
}
.col-xlg-pull-1 {
right: 8.33333333%;
}
.col-xlg-pull-0 {
right: auto;
}
.col-xlg-push-12 {
left: 100%;
}
.col-xlg-push-11 {
left: 91.66666667%;
}
.col-xlg-push-10 {
left: 83.33333333%;
}
.col-xlg-push-9 {
left: 75%;
}
.col-xlg-push-8 {
left: 66.66666667%;
}
.col-xlg-push-7 {
left: 58.33333333%;
}
.col-xlg-push-6 {
left: 50%;
}
.col-xlg-push-5 {
left: 41.66666667%;
}
.col-xlg-push-4 {
left: 33.33333333%;
}
.col-xlg-push-3 {
left: 25%;
}
.col-xlg-push-2 {
left: 16.66666667%;
}
.col-xlg-push-1 {
left: 8.33333333%;
}
.col-xlg-push-0 {
left: auto;
}
.col-xlg-offset-12 {
margin-left: 100%;
}
.col-xlg-offset-11 {
margin-left: 91.66666667%;
}
.col-xlg-offset-10 {
margin-left: 83.33333333%;
}
.col-xlg-offset-9 {
margin-left: 75%;
}
.col-xlg-offset-8 {
margin-left: 66.66666667%;
}
.col-xlg-offset-7 {
margin-left: 58.33333333%;
}
.col-xlg-offset-6 {
margin-left: 50%;
}
.col-xlg-offset-5 {
margin-left: 41.66666667%;
}
.col-xlg-offset-4 {
margin-left: 33.33333333%;
}
.col-xlg-offset-3 {
margin-left: 25%;
}
.col-xlg-offset-2 {
margin-left: 16.66666667%;
}
.col-xlg-offset-1 {
margin-left: 8.33333333%;
}
.col-xlg-offset-0 {
margin-left: 0%;
}
.col-xlg-1-5 {
width: 20%;
}
.col-xlg-2-5 {
width: 40%;
}
.col-xlg-3-5 {
width: 60%;
}
.col-xlg-4-5 {
width: 80%;
}
.col-xlg-1-8 {
width: 12.5%;
}
.col-xlg-2-8 {
width: 25%;
}
.col-xlg-3-8 {
width: 37.5%;
}
.col-xlg-4-8 {
width: 50%;
}
.col-xlg-5-8 {
width: 62.5%;
}
.col-xlg-6-8 {
width: 75%;
}
.col-xlg-7-8 {
width: 87.5%;
}
}
@media screen and (min-width: 1540px) {
.xlg-margin {
margin-bottom: 20px;
}
.xlg-margin--small {
margin-bottom: 10px;
}
}
@media screen and (min-width: 1250px) and (max-width: 1539px) {
.lg-margin {
margin-bottom: 20px;
}
.lg-margin--small {
margin-bottom: 10px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.md-margin {
margin-bottom: 20px;
}
.md-margin--small {
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.sm-margin {
margin-bottom: 20px;
}
.sm-margin--small {
margin-bottom: 10px;
}
.float-sm-right {
float: right;
}
}
@media screen and (max-width: 767px) {
.xs-margin {
margin-bottom: 20px;
}
.xs-margin--small {
margin-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
.col-xxs-6 {
width: 50%;
}
.col-xxs-12 {
width: 100%;
}
.xxs-margin {
margin-bottom: 20px;
}
.xxs-margin--small {
margin-bottom: 10px;
}
.text-xxs-left {
text-align: left;
}
}
.clearfloat {
clear: both;
}
.d-inline-block {
display: inline-block;
}
.smallgrid .paddingBottom {
padding-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.row.tabletScrollSnap {
overflow-y: hidden;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
}
.row.tabletScrollSnap > div {
scroll-snap-align: center;
flex-shrink: 0;
width: calc(48% - 20px);
width: -moz-calc(48% - 20px);
width: -webkit-calc(48% - 20px);
width: -o-calc(48% - 20px);
padding-left: 8px;
padding-right: 8px;
}
.row.tabletScrollSnap > div.col-sm-4 {
width: calc(40% - 20px);
width: -moz-calc(40% - 20px);
width: -webkit-calc(40% - 20px);
width: -o-calc(40% - 20px);
}
}
@media screen and (max-width: 767px) {
.row.mobileScrollSnap {
overflow-y: hidden;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
}
.row.mobileScrollSnap > div {
scroll-snap-align: center;
flex-shrink: 0;
width: calc(90% - 20px);
width: -moz-calc(90% - 20px);
width: -webkit-calc(90% - 20px);
width: -o-calc(90% - 20px);
padding-left: 8px;
padding-right: 8px;
}
.row.mobileScrollSnap > div.col-xs-6 {
width: calc(48% - 20px);
width: -moz-calc(48% - 20px);
width: -webkit-calc(48% - 20px);
width: -o-calc(48% - 20px);
}
}
@media (max-width: 767px) {
.text-xs-center {
text-align: center;
}
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xlg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xlg-block,
.visible-xlg-inline,
.visible-xlg-inline-block {
display: none !important;
}
@media screen and (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media screen and (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media screen and (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.visible-sm-block {
display: block !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.visible-sm-inline {
display: inline !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.visible-md-block {
display: block !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.visible-md-inline {
display: inline !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media screen and (min-width: 1250px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media screen and (min-width: 1250px) {
.visible-lg-block {
display: block !important;
}
}
@media screen and (min-width: 1250px) {
.visible-lg-inline {
display: inline !important;
}
}
@media screen and (min-width: 1250px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media screen and (min-width: 1540px) {
.visible-xlg {
display: block !important;
}
table.visible-xlg {
display: table !important;
}
tr.visible-xlg {
display: table-row !important;
}
th.visible-xlg,
td.visible-xlg {
display: table-cell !important;
}
}
@media screen and (min-width: 1540px) {
.visible-xlg-block {
display: block !important;
}
}
@media screen and (min-width: 1540px) {
.visible-xlg-inline {
display: inline !important;
}
}
@media screen and (min-width: 1540px) {
.visible-xlg-inline-block {
display: inline-block !important;
}
}
@media screen and (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.hidden-sm {
display: none !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.hidden-md {
display: none !important;
}
}
@media screen and (min-width: 1250px) and (max-width: 1539px) {
.hidden-lg {
display: none !important;
}
}
@media screen and (min-width: 1540px) {
.hidden-xlg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.button,
.btn,
.button_primary,
.btn-primary,
.button_second,
.btn-second,
.button_warning,
.btn-warning,
.button_success,
.btn-success,
.button_info,
.btn-info,
.button_action,
.btn-action,
.button_danger,
.btn-danger,
.button_transparent,
.btn-transparent,
.button_white,
.btn-white,
.button_option,
.button_action_border,
.collectionGroupFilter__item > span,
#dc_amount_select .dc_amount {
display: inline-block;
padding: 9px 15px;
min-width: 150px;
border: 1px solid #040004;
color: #040004;
cursor: pointer;
background: transparent;
text-align: center;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
font-weight: 500;
line-height: 22px;
}
.button i,
.btn i,
.button_primary i,
.btn-primary i,
.button_second i,
.btn-second i,
.button_warning i,
.btn-warning i,
.button_success i,
.btn-success i,
.button_info i,
.btn-info i,
.button_action i,
.btn-action i,
.button_danger i,
.btn-danger i,
.button_transparent i,
.btn-transparent i,
.button_white i,
.btn-white i,
.button_option i,
.button_action_border i,
.collectionGroupFilter__item > span i,
#dc_amount_select .dc_amount i {
line-height: 18px;
margin-right: 5px;
position: relative;
top: 2px;
}
.button i.fa,
.btn i.fa,
.button_primary i.fa,
.btn-primary i.fa,
.button_second i.fa,
.btn-second i.fa,
.button_warning i.fa,
.btn-warning i.fa,
.button_success i.fa,
.btn-success i.fa,
.button_info i.fa,
.btn-info i.fa,
.button_action i.fa,
.btn-action i.fa,
.button_danger i.fa,
.btn-danger i.fa,
.button_transparent i.fa,
.btn-transparent i.fa,
.button_white i.fa,
.btn-white i.fa,
.button_option i.fa,
.button_action_border i.fa,
.collectionGroupFilter__item > span i.fa,
#dc_amount_select .dc_amount i.fa {
top: 0;
}
.button:hover,
.btn:hover,
.button:focus,
.btn:focus,
.button_primary:hover,
.button_primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.button_second:hover,
.button_second:focus,
.btn-second:hover,
.btn-second:focus,
.button_warning:hover,
.button_warning:focus,
.btn-warning:hover,
.btn-warning:focus,
.button_success:hover,
.button_success:focus,
.btn-success:hover,
.btn-success:focus,
.button_info:hover,
.button_info:focus,
.btn-info:hover,
.btn-info:focus,
.button_action:hover,
.button_action:focus,
.btn-action:hover,
.btn-action:focus,
.button_danger:hover,
.button_danger:focus,
.btn-danger:hover,
.btn-danger:focus,
.button_transparent:hover,
.button_transparent:focus,
.btn-transparent:hover,
.btn-transparent:focus,
.button_white:hover,
.button_white:focus,
.btn-white:hover,
.btn-white:focus,
.button_option:hover,
.button_option:focus,
.grouplink:hover .button,
.dealerSearchResult__item:hover .button,
.grouplink:hover .button_primary,
.dealerSearchResult__item:hover .button_primary,
.grouplink:hover .btn-primary,
.dealerSearchResult__item:hover .btn-primary,
.grouplink:hover .button_second,
.dealerSearchResult__item:hover .button_second,
.grouplink:hover .btn-second,
.dealerSearchResult__item:hover .btn-second,
.grouplink:hover .button_warning,
.dealerSearchResult__item:hover .button_warning,
.grouplink:hover .btn-warning,
.dealerSearchResult__item:hover .btn-warning,
.grouplink:hover .button_success,
.dealerSearchResult__item:hover .button_success,
.grouplink:hover .btn-success,
.dealerSearchResult__item:hover .btn-success,
.grouplink:hover .button_info,
.dealerSearchResult__item:hover .button_info,
.grouplink:hover .btn-info,
.dealerSearchResult__item:hover .btn-info,
.grouplink:hover .button_action,
.dealerSearchResult__item:hover .button_action,
.grouplink:hover .btn-action,
.dealerSearchResult__item:hover .btn-action,
.button_action_border:hover,
.button_action_border:focus,
.grouplink:hover .button_danger,
.dealerSearchResult__item:hover .button_danger,
.grouplink:hover .btn-danger,
.dealerSearchResult__item:hover .btn-danger,
.grouplink:hover .button_transparent,
.dealerSearchResult__item:hover .button_transparent,
.grouplink:hover .btn-transparent,
.dealerSearchResult__item:hover .btn-transparent,
.grouplink:hover .button_white,
.dealerSearchResult__item:hover .button_white,
.grouplink:hover .btn-white,
.dealerSearchResult__item:hover .btn-white,
.grouplink:hover .button_option,
.dealerSearchResult__item:hover .button_option,
.collectionGroupFilter__item > span:hover,
.collectionGroupFilter__item > span:focus,
#dc_amount_select .dc_amount:hover,
#dc_amount_select .dc_amount:focus,
.grouplink:hover .button_action_border,
.dealerSearchResult__item:hover .button_action_border,
.grouplink:hover .collectionGroupFilter__item > span,
.dealerSearchResult__item:hover .collectionGroupFilter__item > span,
.grouplink:hover #dc_amount_select .dc_amount,
.dealerSearchResult__item:hover #dc_amount_select .dc_amount {
background: #e4ceac;
border-color: #e4ceac;
color: #040004;
}
.button:active,
.btn:active,
.button_primary:active,
.btn-primary:active,
.button_second:active,
.btn-second:active,
.button_warning:active,
.btn-warning:active,
.button_success:active,
.btn-success:active,
.button_info:active,
.btn-info:active,
.button_action:active,
.btn-action:active,
.button_danger:active,
.btn-danger:active,
.button_transparent:active,
.btn-transparent:active,
.button_white:active,
.btn-white:active,
.button_option:active,
.button_action_border:active,
.collectionGroupFilter__item > span:active,
#dc_amount_select .dc_amount:active {
background: #ddc299;
border-color: #ddc299;
}
.button_primary,
.btn-primary {
background: #907232;
color: #f9f7f4;
border-color: #907232;
}
.button_primary:hover,
.btn-primary:hover,
.button_primary:focus,
.btn-primary:focus,
.grouplink:hover .button_primary,
.itemcard_list.itemcard_list25 a:hover .button_primary {
background: #7d632b;
border-color: #7d632b;
}
.button_primary:active,
.btn-primary:active {
background: #6a5425;
border-color: #6a5425;
}
.button_second,
.btn-second {
background: #f9f7f4;
color: #907232;
border-color: #f9f7f4;
}
.button_second:hover,
.btn-second:hover,
.button_second:focus,
.btn-second:focus,
.grouplink:hover .button_second {
background: #f0ebe3;
border-color: #f0ebe3;
}
.button_second:active,
.btn-second:active {
background: #e7dfd3;
border-color: #e7dfd3;
}
.button_warning,
.btn-warning {
background: #e6e600;
color: #ffffff;
border-color: #e6e600;
}
.button_warning:hover,
.btn-warning:hover,
.button_warning:focus,
.btn-warning:focus,
.grouplink:hover .button_warning {
background: #9a9a00;
border-color: #9a9a00;
}
.button_warning:active,
.btn-warning:active {
background: #666700;
border-color: #666700;
}
.button_success,
.btn-success {
background: #387E06;
color: #ffffff;
border-color: #387E06;
}
.button_success:hover,
.btn-success:hover,
.button_success:focus,
.btn-success:focus,
.grouplink:hover .button_success {
background: #183503;
border-color: #183503;
}
.button_success:active,
.btn-success:active {
background: #020400;
border-color: #020400;
}
.button_info,
.btn-info {
background: #f9f7f4;
color: #ffffff;
border-color: #f9f7f4;
}
.button_info:hover,
.btn-info:hover,
.button_info:focus,
.btn-info:focus,
.grouplink:hover .button_info {
background: #ded3c3;
border-color: #ded3c3;
}
.button_info:active,
.btn-info:active {
background: #ccbba2;
border-color: #ccbba2;
}
.button_action,
.btn-action,
.button_action_border {
background: #e70610;
color: #ffffff;
border-color: #e70610;
}
.button_action:hover,
.btn-action:hover,
.button_action:focus,
.btn-action:focus,
.button_action_border:hover,
.button_action_border:focus,
.grouplink:hover .button_action,
.grouplink:hover .button_action_border {
background: #ce050e;
border-color: #ce050e;
color: #ffffff;
}
.button_action:active,
.btn-action:active,
.button_action_border:active {
background: #b5050d;
border-color: #b5050d;
color: #ffffff;
}
.button_action_border {
background: transparent;
color: #e70610;
}
.button_danger,
.btn-danger {
background: #e70610;
color: #ffffff;
border-color: #e70610;
}
.button_danger:hover,
.btn-danger:hover,
.button_danger:focus,
.btn-danger:focus,
.grouplink:hover .button_danger {
background: #9c040b;
border-color: #9c040b;
}
.button_danger:active,
.btn-danger:active {
background: #6b0307;
border-color: #6b0307;
}
.button_transparent,
.btn-transparent,
#dc_amount_select .dc_amount {
background: transparent;
color: #907232;
border-color: #907232;
}
.button_transparent:hover,
.btn-transparent:hover,
.button_transparent:focus,
.btn-transparent:focus,
.button_transparent:active,
.btn-transparent:active,
.grouplink:hover .button_transparent,
#dc_amount_select .dc_amount:hover,
#dc_amount_select .dc_amount:focus,
#dc_amount_select .dc_amount:active,
.grouplink:hover #dc_amount_select .dc_amount {
color: #e70610;
border-color: #e70610;
background: transparent;
}
.button_white,
.btn-white,
.collectionGroupFilter__item > span {
background: #ffffff;
color: #907232;
border-color: #907232;
}
.button_white:hover,
.btn-white:hover,
.button_white:focus,
.btn-white:focus,
.button_white:active,
.btn-white:active,
.grouplink:hover .button_white,
.collectionGroupFilter__item > span:hover,
.collectionGroupFilter__item > span:focus,
.collectionGroupFilter__item > span:active,
.collectionGroupFilter__item.active > span,
.grouplink:hover .collectionGroupFilter__item > span {
color: #e70610;
border-color: #e70610;
background: #ffffff;
}
button[disabled],
html input[disabled] {
background: #EAD9BF;
border-color: #EAD9BF;
}
.button_disabled {
background: #f9f7f4 !important;
border-color: #f9f7f4 !important;
cursor: default !important;
color: #EAD9BF !important;
}
.button_back,
.button_print {
position: relative;
text-align: left;
padding-left: 30px;
}
.button_back:before,
.button_print:before {
content: "\00AB";
font-family: "icons";
display: inline-block;
position: absolute;
left: 0;
width: 25px;
text-align: center;
top: 50%;
font-size: 18px;
height: 24px;
margin-top: -13px;
line-height: 24px;
}
.button_back:before {
margin-top: -17px;
}
.button_print:before {
content: "\E052";
}
.button_next,
.button_option {
position: relative;
text-align: right;
padding-right: 40px;
}
.button_next:after,
.button_option:after {
content: "\00BB";
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
height: 24px;
margin-top: -12px;
line-height: 24px;
}
.buttonOrderOptions {
padding: 10px;
text-align: left;
text-transform: none;
display: block;
margin-bottom: 10px;
background: #ffffff;
color: #040004;
}
.buttonOrderOptions h4 {
color: #907232;
margin-bottom: 5px;
}
.buttonOrderOptions i {
color: #907232;
position: absolute;
left: 10px;
top: 10px;
font-size: 24px;
line-height: 30px;
width: 30px;
text-align: center;
}
.buttonOrderOptions:hover,
.buttonOrderOptions:focus {
color: #040004;
}
.buttonOrderOptions:hover i,
.buttonOrderOptions:focus i,
.buttonOrderOptions:hover h4,
.buttonOrderOptions:focus h4 {
color: #e70610;
}
.hasIcon {
position: relative;
padding: 10px 10px 10px 30px;
}
.hasIcon i {
color: #907232;
position: absolute;
left: 0;
top: 7px;
font-size: 24px;
line-height: 30px;
width: 20px;
text-align: center;
}
.textbutton,
.textbutton--big,
.boxSecond--column--half .textbutton {
font-size: 14px;
font-weight: 500;
border: 1px solid #4A4B4D;
padding: 8px 12px;
color: #4A4B4D;
background: transparent;
display: inline-block;
cursor: pointer;
}
.textbutton:before,
.textbutton--big:before,
.boxSecond--column--half .textbutton:before {
content: "\00BB";
padding-right: 5px;
}
.textbutton:hover,
.textbutton:focus,
.textbutton--big:hover,
.textbutton--big:focus,
.grouplink:hover .textbutton,
.grouplink:hover .textbutton--big,
.boxSecond--column--half .textbutton:hover,
.boxSecond--column--half .textbutton:focus,
.grouplink:hover .boxSecond--column--half .textbutton {
color: #e70610;
border-color: #e70610;
}
.textbutton--big,
.boxSecond--column--half .textbutton {
width: 55px;
height: 55px;
text-align: center;
font-size: 30px;
line-height: 34px;
padding-right: 2px;
font-weight: 400;
}
.textbutton--big:before,
.boxSecond--column--half .textbutton:before,
.boxSecond--column--half .textbutton--big:before {
padding-right: 0;
}
@media screen and (max-width: 767px) {
.textbutton--big,
.boxSecond--column--half .textbutton,
.boxSecond--column--half .textbutton--big {
width: 50px;
height: 50px;
padding: 0;
padding-left: 9px;
font-size: 30px;
line-height: 46px;
}
}
.button_row,
.button_row--bottom,
.button_row--top {
margin-top: 30px;
margin-bottom: 30px;
}
.button_row:after,
.button_row--bottom:after,
.button_row--top:after {
content: " ";
display: block;
clear: both;
}
.button_row .button,
.button_row .button_primary,
.button_row .btn-primary,
.button_row .button_second,
.button_row .btn-second,
.button_row .button_warning,
.button_row .btn-warning,
.button_row .button_success,
.button_row .btn-success,
.button_row .button_info,
.button_row .btn-info,
.button_row .button_action,
.button_row .btn-action,
.button_row .button_danger,
.button_row .btn-danger,
.button_row .button_transparent,
.button_row .btn-transparent,
.button_row .button_white,
.button_row .btn-white,
.button_row--bottom .button,
.button_row--top .button,
.button_row .button_option,
.button_row .button_action_border,
.button_row .collectionGroupFilter__item > span,
.button_row #dc_amount_select .dc_amount {
margin-top: 10px;
margin-bottom: 10px;
}
.button_row .text_in_button_row,
.button_row--bottom .text_in_button_row,
.button_row--top .text_in_button_row {
line-height: 40px;
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.button_row,
.button_row--bottom,
.button_row--top {
text-align: center;
}
.button_row .button,
.button_row .button_primary,
.button_row .btn-primary,
.button_row .button_second,
.button_row .btn-second,
.button_row .button_warning,
.button_row .btn-warning,
.button_row .button_success,
.button_row .btn-success,
.button_row .button_info,
.button_row .btn-info,
.button_row .button_action,
.button_row .btn-action,
.button_row .button_danger,
.button_row .btn-danger,
.button_row .button_transparent,
.button_row .btn-transparent,
.button_row .button_white,
.button_row .btn-white,
.button_row--bottom .button,
.button_row--top .button,
.button_row .button_option,
.button_row .button_action_border,
.button_row .collectionGroupFilter__item > span,
.button_row #dc_amount_select .dc_amount {
min-width: 235px;
float: none !important;
}
}
.button_row--bottom {
margin-bottom: -10px;
}
.button_row--top {
margin-top: -10px;
}
.button_full {
min-width: 0;
width: 100%;
max-width: none;
}
.button_order {
text-align: right;
font-size: 18px;
line-height: 44px;
padding-top: 0;
padding-bottom: 0;
}
.button_order i {
font-size: 24px;
margin-right: 15px;
line-height: 15px;
}
.button_order i:before {
display: inline-block;
position: relative;
top: 3px;
}
.buttonWithIcon,
.buttonWithIcon--big,
.button_option {
position: relative;
padding-left: 40px;
text-align: left;
}
.buttonWithIcon i,
.buttonWithIcon--big i,
.button_option i {
position: absolute;
left: 12px;
top: 50%;
font-size: 20px;
margin-top: -16px;
height: 30px;
line-height: 30px;
}
.buttonWithIcon--big i {
font-size: 30px;
margin-top: -16px;
}
.button_option {
text-align: left;
padding-left: 55px;
padding-right: 40px;
font-size: 18px;
width: 100%;
}
.button_option i {
font-size: 30px;
margin-top: 0;
top: 7px;
}
.button_option small {
font-size: 13px;
font-weight: 400;
line-height: 14px;
}
.button_option:after {
position: absolute;
right: 15px;
top: 18px;
}
@media screen and (max-width: 1249px) {
.button_option {
min-height: 86px;
}
}
@media screen and (max-width: 767px) {
.button_option {
min-height: 0;
}
}
.button_option.noArrows:after {
display: none;
}
.loading {
position: relative;
padding-right: 55px;
cursor: default;
background: #e70610;
border-color: #e70610;
color: #ffffff;
}
.loading:hover,
.loading:focus {
background: #e70610;
border-color: #e70610;
}
.loading:after {
content: "\E043";
font-family: icons;
font-size: 18px;
-webkit-animation: spin 3000ms infinite linear;
-moz-animation: spin 3000ms infinite linear;
-ms-animation: spin 3000ms infinite linear;
}
.loading.button_next,
.loading.button_option {
padding-right: 55px;
}
.loading.button_back {
padding-left: 55px;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.js-loadingAfterSubmit {
position: relative;
}
.js-loadingAfterSubmit:after {
right: 0;
top: 0;
width: 36px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: icons, serif;
content: "";
transition: 0.2s ease-in-out;
opacity: 0;
position: absolute;
background: transparent;
z-index: 1;
}
.js-loadingAfterSubmit.is-loading,
.js-loadingAfterSubmit.is-success,
.js-loadingAfterSubmit.is-error {
color: #040004 !important;
cursor: not-allowed;
padding: 0;
background: #f5f5f5 !important;
}
.js-loadingAfterSubmit.is-loading {
cursor: wait;
}
.js-loadingAfterSubmit.is-loading:after {
content: "\E060";
opacity: 1;
animation: rotation 1s infinite ease-in-out;
}
.js-loadingAfterSubmit.is-success {
color: white !important;
background: #387E06 !important;
}
.js-loadingAfterSubmit.is-success:after {
content: "\E053";
animation: scaleRequestIcon 1s forwards ease-in-out;
}
.js-loadingAfterSubmit.is-error {
color: white !important;
background: #e70610 !important;
}
.js-loadingAfterSubmit.is-error:after {
content: "\E013";
animation: scaleRequestIcon 1s forwards ease-in-out;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes scaleRequestIcon {
0% {
opacity: 0;
scale: 0;
}
50% {
opacity: 1;
scale: 1.2;
}
100% {
opacity: 1;
scale: 1;
}
}
@keyframes scaleRequestIconBigger {
0% {
opacity: 0;
scale: 0;
}
50% {
opacity: 1;
scale: 1.6;
}
100% {
opacity: 1;
scale: 1;
}
}
.sharing {
margin-left: -10px;
margin-right: -10px;
}
.sharing_item {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.sharingbutton {
line-height: 40px;
display: inline-block;
}
.sharingbutton i {
margin-right: 5px;
font-size: 30px;
position: relative;
top: 9px;
}
input,
select,
textarea {
padding: 9px 15px;
color: #040004;
border: 1px solid #727272;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 22px;
min-height: 42px;
font-size: 15px;
max-width: 100%;
}
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
color: #040004;
opacity: 1;
-moz-opacity: 1;
transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #040004;
opacity: 1;
transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #040004;
-webkit-opacity: 1;
transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
input:active,
select:active,
textarea:active,
input:focus,
select:focus,
textarea:focus {
outline: 0;
}
input.error,
select.error,
textarea.error {
border-color: #e70610;
}
input:disabled,
select:disabled,
textarea:disabled {
color: #040004;
}
@media screen and (max-width: 767px) {
input,
select,
textarea {
font-size: 13px;
}
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 9999px white;
}
#person_fields .form-group select {
transition: all 0.2s ease;
}
#person_fields .form-group.has-danger select {
border-color: #e70610;
color: #e70610;
border-width: 2px;
}
.input_full {
width: 100%;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type="file"] {
padding: 0;
border: 0;
}
input[type="date"] {
padding: 9px 40px 9px 15px;
border: 1px solid #727272;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
width: 100%;
color: #040004;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
line-height: 22px;
font-size: 15px;
position: relative;
}
input[type="date"]:after {
position: absolute;
right: 10px;
top: 50%;
line-height: 20px;
margin-top: -10px;
font-size: 20px;
content: "\E049";
font-family: icons;
pointer-events: none;
color: #727272;
}
.radio input[type="radio"] {
margin-top: 12px;
}
.form-check-label {
cursor: pointer;
}
.form-check-label input[type="checkbox"],
.form-check-label input[type="radio"] {
float: left;
margin-right: 5px;
}
textarea {
resize: vertical;
min-height: 42px;
}
.form-control,
.daterangepicker .input-mini {
background-color: #ffffff;
border: 1px solid #727272;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #040004;
font-size: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 10px 15px;
height: auto;
line-height: 20px;
}
.form-control:focus,
.daterangepicker .input-mini:focus,
.daterangepicker .input-mini.active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #040004;
}
.form-control:focus + .input-group-addon,
.daterangepicker .input-mini:focus + .input-group-addon {
border-color: #040004;
}
.form-control:disabled,
.daterangepicker .input-mini:disabled {
color: #040004;
}
@media screen and (max-width: 767px) {
.form-control,
.daterangepicker .input-mini {
font-size: 13px;
}
}
.input-group-addon {
background-color: #ffffff;
border: 1px solid #727272;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 16px;
}
.input-group .form-control,
.input-group .daterangepicker .input-mini {
border-right: 0;
}
.input-group .input_group-addon {
border-left: 0;
}
.select_body,
.filterbox-mobilebutton {
background-color: #ffffff;
cursor: pointer;
display: inline-block;
width: auto;
position: relative;
}
.select_body:after,
.filterbox-mobilebutton:after {
content: "\E022";
font-family: "icons";
position: absolute;
right: 15px;
top: 50%;
margin-top: -18px;
height: 30px;
line-height: 30px;
color: #727272;
pointer-events: none;
}
.select_body select,
.filterbox-mobilebutton select {
color: #040004;
background-color: transparent;
border-color: #727272;
cursor: pointer;
padding-right: 40px;
-o-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
width: 100%;
}
.select_body select::-ms-expand,
.filterbox-mobilebutton select::-ms-expand {
display: none;
}
.select_body select:disabled,
.filterbox-mobilebutton select:disabled {
background-color: #EEEEEE;
}
.select_body select:focus,
.filterbox-mobilebutton select:focus {
border-color: #e70610;
}
.select_body:has(select:disabled),
.select_body.disabled,
.filterbox-mobilebutton:has(select:disabled),
.filterbox-mobilebutton.disabled {
background-color: #EEEEEE;
cursor: default;
}
.select_body.focus:after,
.filterbox-mobilebutton.focus:after {
color: #040004;
}
.select_body.error select,
.filterbox-mobilebutton.error select {
border-color: #e70610;
}
.select_body--hidden-border,
.filterbox-mobilebutton--hidden-border {
background: transparent;
}
.select_body--hidden-border select,
.filterbox-mobilebutton--hidden-border select {
border: 0;
}
.select_body--hidden-border:after,
.filterbox-mobilebutton--hidden-border:after {
color: #040004;
}
.select_body.fullwidth,
.filterbox-mobilebutton.fullwidth {
width: 100%;
}
.sort_by .select_body,
.sort_by .filterbox-mobilebutton {
width: 100%;
}
.select_body_div {
color: #040004;
position: relative;
}
.select_body_div .select_body_header {
padding: 10px 15px;
border: 1px solid #727272;
cursor: pointer;
position: relative;
white-space: nowrap;
}
.select_body_div .select_body_header:after {
content: "\E021";
font-family: "icons";
position: absolute;
right: 0px;
top: 0px;
font-size: 24px;
color: #040004;
padding: 2px 10px;
background-color: #ffffff;
}
.select_body_div .select_body_options {
display: none;
padding: 10px 0;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
position: absolute;
width: 100%;
z-index: 1;
}
.select_body_div .select_body_options > div {
padding: 10px 15px;
cursor: pointer;
}
.select_body_div .select_body_options > div:hover {
background-color: #f9f7f4;
}
.form-group {
margin-bottom: 10px;
}
.form-group .select_body,
.form-group .filterbox-mobilebutton {
width: 100%;
}
.form-group.has-danger input {
border-color: #e70610;
color: #e70610;
border-width: 2px;
}
.form-group label {
line-height: 20px;
}
.form-group label.form-check-label {
margin-top: 0;
}
.form-check {
height: 35px;
line-height: 35px;
}
.form-check label {
cursor: pointer;
}
.form-check .form-check-input {
margin-right: 10px;
margin-top: 12px;
}
.form-group-inrow {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.form-group-inrow input {
width: 100%;
}
.form-group-inrow .form-group {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0;
}
.form-group-inrow > label {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
.form-group-inrow--big {
width: calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -o-calc(100% - 100px);
}
.form-group-inrow--small {
width: 100px;
}
.date-dropdowns {
margin-left: -5px;
margin-right: -5px;
}
.date-dropdowns:after {
clear: both;
display: block;
content: " ";
}
.date-dropdown {
float: left;
width: 33.33333333%;
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 767px) {
.date-dropdown {
width: 100%;
margin-bottom: 10px;
}
}
.date-dropdown .select_body,
.date-dropdown .filterbox-mobilebutton {
width: 100%;
}
.form-label-left .form-group:not(.form-check) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.form-label-left .form-group:not(.form-check) label {
margin: 0;
width: 180px;
}
.form-label-left .form-group:not(.form-check) .pass-wrapper,
.form-label-left .form-group:not(.form-check) input,
.form-label-left .form-group:not(.form-check) .select_body,
.form-label-left .form-group:not(.form-check) textarea,
.form-label-left .form-group:not(.form-check) .quantity,
.form-label-left .form-group:not(.form-check) .filterbox-mobilebutton {
width: calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
width: -o-calc(100% - 180px);
}
.form-label-left .form-group:not(.form-check) .date-dropdowns {
width: calc(100% - 170px);
width: -moz-calc(100% - 170px);
width: -webkit-calc(100% - 170px);
width: -o-calc(100% - 170px);
}
.form-label-left .form-group:not(.form-check) .quantity > input {
width: 100%;
}
.form-label-left .form-group:not(.form-check).password {
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.form-label-left .checkbox-group {
padding-left: 180px;
}
.form-label-left .date-dropdowns .date-dropdown .select_body,
.form-label-left .date-dropdowns .date-dropdown .filterbox-mobilebutton {
float: none;
width: 100%;
}
.form-label-left .form-group-inrow > label {
width: 180px;
}
.form-label-left .form-group-inrow .form-group-inrow--big {
width: calc(100% - 100px - 180px);
width: -moz-calc(100% - 100px - 180px);
width: -webkit-calc(100% - 100px - 180px);
width: -o-calc(100% - 100px - 180px);
}
.form-label-left .form-group-inrow .form-group-inrow--big input {
width: 100%;
float: none;
}
.form-label-left .form-group-inrow .form-group-inrow--small {
width: 100px;
}
.form-label-left .form-group-inrow .form-group-inrow--small input {
width: 100%;
float: none;
}
@media screen and (max-width: 767px) {
.form-label-left label {
font-size: 13px;
}
.form-label-left .form-group:not(.form-check) label {
width: 160px;
}
.form-label-left .form-group:not(.form-check) input,
.form-label-left .form-group:not(.form-check) .pass-wrapper,
.form-label-left .form-group:not(.form-check) .select_body,
.form-label-left .form-group:not(.form-check) textarea,
.form-label-left .form-group:not(.form-check) .quantity,
.form-label-left .form-group:not(.form-check) .filterbox-mobilebutton {
width: calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: -o-calc(100% - 160px);
}
.form-label-left .form-group:not(.form-check) .date-dropdowns {
width: calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: -webkit-calc(100% - 150px);
width: -o-calc(100% - 150px);
}
.form-label-left .form-group:not(.form-check) .date-dropdowns .select_body,
.form-label-left .form-group:not(.form-check) .date-dropdowns .filterbox-mobilebutton {
width: 100%;
}
.form-label-left .form-group-inrow > label {
width: 160px;
}
.form-label-left .form-group-inrow .form-group-inrow--big {
width: calc(100% - 100px - 160px);
width: -moz-calc(100% - 100px - 160px);
width: -webkit-calc(100% - 100px - 160px);
width: -o-calc(100% - 100px - 160px);
}
.form-label-left .form-group-inrow .form-group-inrow--big input {
width: 100%;
}
.form-label-left .form-group-inrow .form-group-inrow--small input {
width: 100%;
}
.form-label-left .checkbox-group {
padding-left: 160px;
}
}
@media screen and (max-width: 480px) {
.form-label-left .form-group:not(.form-check) label {
margin-top: 0;
margin-bottom: 5px;
width: 100%;
}
.form-label-left .form-group:not(.form-check) input,
.form-label-left .form-group:not(.form-check) .pass-wrapper,
.form-label-left .form-group:not(.form-check) .select_body,
.form-label-left .form-group:not(.form-check) textarea,
.form-label-left .form-group:not(.form-check) .quantity,
.form-label-left .form-group:not(.form-check) .filterbox-mobilebutton {
width: 100%;
}
.form-label-left .form-group:not(.form-check) .date-dropdowns {
width: calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: -o-calc(100% + 10px);
}
.form-label-left .form-group-inrow > label {
width: 100%;
}
.form-label-left .form-group-inrow .form-group-inrow--big {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
.form-label-left .form-group-inrow .form-group-inrow--big input {
width: 100%;
}
.form-label-left .form-group-inrow .form-group-inrow--small {
width: 90px;
}
.form-label-left .form-group-inrow .form-group-inrow--small input {
width: 100%;
}
.form-label-left .checkbox-group {
padding-left: 0;
}
}
.specialcheckbox {
position: relative;
line-height: 20px;
display: inline-block;
cursor: pointer;
margin-bottom: 10px;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
padding-left: 30px;
}
.specialcheckbox label {
font-style: normal;
position: absolute;
left: 0;
width: 20px;
height: 20px;
background-color: #ffffff;
border: 1px solid #727272;
top: 50%;
margin-top: -11px;
display: block;
pointer-events: none;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
}
.specialcheckbox label:after {
pointer-events: none;
position: absolute;
left: 1px;
content: "\E019";
font-family: "icons";
color: #907232;
top: -3px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
line-height: 20px;
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
-ms-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
font-size: 16px;
}
.specialcheckbox input {
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
cursor: pointer;
margin: 0;
}
.specialcheckbox input:checked + label:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.specialcheckbox input:focus {
color: #e70610;
}
.specialcheckbox input:focus + label {
border-color: #e70610;
}
.specialcheckbox input:disabled + label {
background: #f5f5f5 !important;
}
.specialcheckbox input:disabled + label:after {
color: #EAD9BF;
}
.specialcheckbox:active {
color: #907232;
}
.specialcheckbox:active label:after {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.specialcheckbox:active input:disabled:not(:checked) + label:after {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.specialcheckbox.is-focused {
color: #e70610;
}
.specialcheckbox:has(input:disabled),
.specialcheckbox.disabled {
cursor: default;
color: #040004;
}
.form-radio-inline {
margin-left: -10px;
margin-right: -10px;
}
.form-radio-inline > * {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.specialradiobox {
position: relative;
line-height: 20px;
display: inline-block;
cursor: pointer;
margin-bottom: 10px;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
padding-left: 30px;
}
.specialradiobox label {
font-style: normal;
position: absolute;
left: 0;
width: 18px;
height: 18px;
background-color: #ffffff;
border: 1px solid #727272;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 50%;
margin-top: -9px;
display: block;
pointer-events: none;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
}
.specialradiobox label:after {
pointer-events: none;
position: absolute;
width: 10px;
height: 10px;
left: 3px;
top: 3px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
-ms-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
background-color: #907232;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: block;
content: " ";
}
.specialradiobox input {
position: absolute;
width: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
cursor: pointer;
}
.specialradiobox input:checked + label:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.specialradiobox input:disabled + label:after {
color: #9d009d;
}
.specialradiobox input:focus {
color: #e70610;
}
.specialradiobox input:focus + label {
border-color: #e70610;
}
.specialradiobox:active {
color: #907232;
}
.specialradiobox:active label:after {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.specialradiobox:active input:disabled:not(:checked) + label:after {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.specialradiobox.is-focused {
color: #e70610;
}
.inputAsText {
padding: 0;
border: 0;
background-color: transparent !important;
width: 100%;
min-height: 0;
}
.inputfile,
.inputfile2 {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label,
.inputfile2 + label {
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
max-width: none;
line-height: 20px;
padding: 9px 15px;
font-size: 15px;
color: #040004;
border: 1px solid #727272;
margin-bottom: 0;
}
.inputfile + label:active,
.inputfile + label:focus,
.inputfile2 + label:active,
.inputfile2 + label:focus {
outline: 0;
}
.inputfile + label:focus,
.inputfile2 + label:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #3f3f3f;
}
.inputfile + label.active,
.inputfile2 + label.active {
color: #907232;
}
.uploadForm:after {
clear: both;
display: block;
content: " ";
}
.uploadForm__input {
float: left;
width: calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: -webkit-calc(100% - 150px);
width: -o-calc(100% - 150px);
}
.uploadForm__input label {
width: 100%;
}
.uploadForm__button {
float: left;
width: 150px;
padding-left: 5px;
}
.uploadForm__button .button,
.uploadForm__button .button_primary,
.uploadForm__button .btn-primary,
.uploadForm__button .button_second,
.uploadForm__button .btn-second,
.uploadForm__button .button_warning,
.uploadForm__button .btn-warning,
.uploadForm__button .button_success,
.uploadForm__button .btn-success,
.uploadForm__button .button_info,
.uploadForm__button .btn-info,
.uploadForm__button .button_action,
.uploadForm__button .btn-action,
.uploadForm__button .button_danger,
.uploadForm__button .btn-danger,
.uploadForm__button .button_transparent,
.uploadForm__button .btn-transparent,
.uploadForm__button .button_white,
.uploadForm__button .btn-white,
.uploadForm__button .button_option,
.uploadForm__button .button_action_border,
.uploadForm__button .collectionGroupFilter__item > span,
.uploadForm__button #dc_amount_select .dc_amount {
width: 100%;
min-width: 0;
}
.form-group.text_count {
position: relative;
}
.form-group.text_count .text_count__counter {
position: absolute;
right: 5px;
bottom: 3px;
font-size: 11px;
color: #4A4B4D;
line-height: 1em;
}
input[type=range] {
border: 0;
-webkit-appearance: none;
padding-left: 0;
padding-right: 0;
min-height: 40px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #907232;
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
border: 0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #907232;
cursor: pointer;
}
input[type=range]::-ms-thumb {
border: 0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #907232;
cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
cursor: pointer;
background: #f9f7f4;
border-radius: 1.3px;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 3px;
cursor: pointer;
background: #f9f7f4;
border-radius: 1.3px;
}
input[type=range]::-ms-track {
width: 100%;
height: 3px;
cursor: pointer;
background: #f9f7f4;
border-radius: 1.3px;
}
input[type=range]:disabled {
border: 0;
padding-left: 0;
height: auto;
width: 100%;
}
input[type=range]:disabled::-webkit-slider-thumb {
background: #f9f7f4;
cursor: default;
}
input[type=range]:disabled::-ms-thumb {
background: #f9f7f4;
cursor: default;
}
input[type=range]:disabled::-moz-range-thumb {
background: #f9f7f4;
cursor: default;
}
input[type=range]:disabled::-webkit-slider-runnable-track {
cursor: default;
}
input[type=range]:disabled::-moz-range-track {
cursor: default;
}
input[type=range]:disabled::-ms-track {
cursor: default;
}
/* thumb */
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 18px;
height: 18px;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-top: -8px;
}
input[type="range"]::-moz-range-thumb {
width: 18px;
height: 18px;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-top: -8px;
}
input[type="range"]::-ms-thumb {
width: 18px;
height: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 0;
margin-top: -8px;
}
.input-button-group:after {
clear: both;
display: block;
content: " ";
}
.input-button-group .input {
float: left;
width: calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: -webkit-calc(100% - 200px);
width: -o-calc(100% - 200px);
}
.input-button-group .input input {
width: 100%;
}
.input-button-group .buttonwrap {
float: right;
width: 200px;
padding-left: 40px;
}
.input-button-group .buttonwrap input,
.input-button-group .buttonwrap .button,
.input-button-group .buttonwrap .button_primary,
.input-button-group .buttonwrap .btn-primary,
.input-button-group .buttonwrap .button_second,
.input-button-group .buttonwrap .btn-second,
.input-button-group .buttonwrap .button_warning,
.input-button-group .buttonwrap .btn-warning,
.input-button-group .buttonwrap .button_success,
.input-button-group .buttonwrap .btn-success,
.input-button-group .buttonwrap .button_info,
.input-button-group .buttonwrap .btn-info,
.input-button-group .buttonwrap .button_action,
.input-button-group .buttonwrap .btn-action,
.input-button-group .buttonwrap .button_danger,
.input-button-group .buttonwrap .btn-danger,
.input-button-group .buttonwrap .button_transparent,
.input-button-group .buttonwrap .btn-transparent,
.input-button-group .buttonwrap .button_white,
.input-button-group .buttonwrap .btn-white,
.input-button-group .buttonwrap .button_option,
.input-button-group .buttonwrap .button_action_border,
.input-button-group .buttonwrap .collectionGroupFilter__item > span,
.input-button-group .buttonwrap #dc_amount_select .dc_amount {
width: 100%;
}
@media screen and (max-width: 480px) {
.input-button-group .input {
width: 100%;
}
.input-button-group .buttonwrap {
padding-left: 0;
width: 100%;
margin-top: 10px;
}
}
.checkboxWithHelp {
vertical-align: bottom;
position: relative;
padding-right: 20px;
display: inline-block;
}
.checkboxWithHelp .checkbox-group {
display: inline-block;
}
.checkboxWithHelp .specialcheckbox {
margin-bottom: 0;
}
.checkboxWithHelp i {
margin-left: 3px;
position: relative;
}
.checkboxWithHelp > a {
position: absolute;
right: 0;
top: 50%;
margin-top: -12px;
line-height: 20px;
}
.form-group .form-group {
margin-bottom: 0;
}
.form-group .form-group input {
width: 100% !important;
}
@media screen and (max-width: 480px) {
.form-group .form-group {
width: 100% !important;
}
}
@media screen and (max-width: 480px) {
.uploadForm__input {
width: 100%;
}
.uploadForm__button {
width: 100%;
padding-left: 0;
}
}
#navigation {
background-color: #ffffff;
z-index: 200;
}
.primary_navigation:after {
clear: both;
display: block;
content: " ";
}
.primary_navigation ul {
margin: 0;
padding: 0;
}
.primary_navigation li {
padding: 0;
margin: 0;
list-style: none;
line-height: 30px;
}
.primary_navigation a {
color: #040004;
}
.primary_navigation a:hover,
.primary_navigation a:focus,
.primary_navigation a.active,
.primary_navigation a.active_tree {
color: #e70610;
}
.primary_navigation .back_to_shop {
float: left;
padding: 10px 15px 0 35px;
color: #040004;
line-height: 15px;
font-size: 15px;
font-weight: 600;
position: absolute;
top: 20px;
}
.primary_navigation .back_to_shop:hover {
color: #e70610;
}
.primary_navigation .back_to_shop i {
position: absolute;
left: 0;
top: 50%;
margin-top: -14px;
font-size: 20px;
line-height: 30px;
}
.primary_navigation .navigation > ul {
display: flex;
align-items: center;
}
.primary_navigation .navigation > ul > li {
display: flex;
/*&:first-child {
> .dropdownmenu {
display: block !important;
}
}*/
}
.primary_navigation .navigation > ul > li > a {
padding: 5px 10px;
display: block;
position: relative;
font-size: 15px;
line-height: 1;
}
.primary_navigation .navigation > ul > li > a:after {
content: " ";
width: 1px;
height: 16px;
background-color: #aa883c;
display: block;
position: absolute;
top: 50%;
right: -1px;
transform: translateY(-50%);
}
.primary_navigation .navigation > ul > li:first-child > a {
padding-left: 0;
}
.primary_navigation .navigation > ul > li:last-child > a:after {
display: none;
}
.primary_navigation .navigation > ul > li .navigation_menu_category_icon {
display: none;
}
.primary_navigation .navigation > ul > li > .dropdownmenu {
display: none;
position: absolute;
left: 0;
top: 100%;
margin-top: -20px;
width: 100%;
background-color: #ffffff;
padding: 60px 30px 30px 5px;
min-height: 395px;
z-index: 2;
-webkit-box-shadow: 0 15px 15px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 15px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.primary_navigation .navigation > ul > li > .dropdownmenu h1,
.primary_navigation .navigation > ul > li > .dropdownmenu .h1,
.primary_navigation .navigation > ul > li > .dropdownmenu .bigFont,
.primary_navigation .navigation > ul > li > .dropdownmenu .counting__number {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
margin-bottom: 20px;
color: #040004;
}
@media screen and (max-width: 767px) {
.primary_navigation .navigation > ul > li > .dropdownmenu h1,
.primary_navigation .navigation > ul > li > .dropdownmenu .h1,
.primary_navigation .navigation > ul > li > .dropdownmenu .bigFont,
.primary_navigation .navigation > ul > li > .dropdownmenu .counting__number {
font-size: 16px;
}
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 1800px;
padding-left: 15px;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul {
display: inline-block;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 20px;
width: 20%;
vertical-align: top;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul > li {
padding-bottom: 5px;
font-size: 18px;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul > li:last-child {
padding-bottom: 0;
}
@media screen and (max-width: 1249px) {
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul > li {
padding-bottom: 15px;
}
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul ul {
display: none;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .parent_category_desciption_container {
display: inline-block;
width: 37%;
padding-right: 30px;
line-height: 1.6;
vertical-align: top;
}
.primary_navigation .navigation > ul > li > .dropdownmenu a {
font-weight: 600;
display: block;
}
.primary_navigation .navigation > ul > li > .dropdownmenu a.promotion-3 {
position: relative;
}
.primary_navigation .navigation > ul > li > .dropdownmenu a.promotion-3:after {
content: "neu";
width: 24px;
height: 24px;
background: #e70610;
color: #ffffff;
position: relative;
border-radius: 50%;
top: -3px;
font-size: 9px;
text-transform: uppercase;
margin-left: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.primary_navigation .navigation > ul > li:hover > a {
color: #e70610;
}
.primary_navigation .navigation > ul > li.hoverintent > .dropdownmenu {
display: block;
}
.primary_navigation .navigation.redaktionell {
display: none;
}
.primary_navigation .home {
float: left;
padding: 8px 10px 11px 10px;
color: #040004;
position: relative;
line-height: 30px;
font-size: 1.4em;
}
.primary_navigation .home:after {
content: " ";
width: 1px;
height: 18px;
background-color: #aa883c;
display: block;
position: absolute;
top: 50%;
margin-top: -9px;
right: -1px;
}
.primary_navigation .home:hover,
.primary_navigation .home:active {
color: #e70610;
}
.primary_navigation .home.active {
color: #e70610;
}
.subnavigation a {
color: #040004;
}
.subnavigation a:hover {
color: #e70610;
}
.subnavigation ul {
margin: 0;
padding: 0;
}
.subnavigation li {
margin: 0;
padding: 0;
margin-bottom: 10px;
list-style-type: none;
}
.subnavigation li ul {
padding-left: 10px;
}
.subnavigation li:last-child {
margin-bottom: 0;
}
.subnavigation li.active,
.subnavigation li.active_tree {
font-weight: 600;
color: #e70610;
}
.subnavigation a.active,
.subnavigation a.active_tree {
font-weight: 600;
color: #e70610;
}
.navItemPreview {
display: inline-block;
width: 33%;
color: #040004;
vertical-align: middle;
cursor: pointer;
position: relative;
}
.navItemPreview__image {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: left center;
width: 430px;
}
.navItemPreview__image img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.navItemPreview__image:before {
content: "";
display: block;
padding-top: 100%;
}
.navItemPreview__image:before {
padding-top: 66%;
}
.navItemPreview__description {
background-color: #f9f7f4;
position: relative;
text-align: center;
max-width: 260px;
max-height: calc(100% - 40px);
max-height: -moz-calc(100% - 40px);
max-height: -webkit-calc(100% - 40px);
max-height: -o-calc(100% - 40px);
position: absolute;
top: 65px;
right: 0;
min-width: 260px;
}
.navItemPreview__description .textbutton,
.navItemPreview__description .textbutton--big,
.navItemPreview__description .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media (min-width: 768px) {
.navItemPreview__description.paddingBottom--big {
padding-bottom: 90px;
}
}
.navItemPreview__description:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.navItemPreview__description:after {
border-left: 45px solid transparent;
left: -44px;
}
.navItemPreview .itemDescription {
margin-bottom: 10px;
}
.navItemPreview .itemBasePrice {
margin-bottom: 20px;
}
.navItemPreview .itemInfo_weight,
.navItemPreview .itemInfo_net_weight {
display: none;
}
.navItemPreview:hover .button_action,
.navItemPreview:hover .button_action_border {
background-color: #b5050d;
border-color: #b5050d;
}
.navItemPreview:active .button_action,
.navItemPreview:active .button_action_border {
background-color: #9c040b;
border-color: #9c040b;
}
.footer_navigation a {
display: block;
}
.footer_navigation ul {
margin: 0 -20px;
padding: 0;
}
.footer_navigation ul li {
padding: 0 20px;
list-style-type: none;
}
.footer_navigation ul li:hover > a {
color: #e70610;
}
.footer_navigation > ul > li {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: -4px;
}
.footer_navigation > ul > li > a {
font-weight: 600;
display: block;
margin-bottom: 20px;
font-size: 18px;
}
.footer_navigation_legal ul {
margin: 0 -10px;
padding: 0;
text-align: center;
}
.footer_navigation_legal ul li {
padding: 0;
list-style-type: none;
display: inline-block;
}
.footer_navigation_legal ul li a {
padding: 0 10px;
}
.footer_navigation_links a {
display: block;
}
.footer_navigation_links ul {
margin: 0 -20px;
padding: 0;
}
.footer_navigation_links ul li {
padding: 0 20px;
list-style-type: none;
}
.footer_navigation_links ul li:hover > a {
color: #e70610;
}
.footer_navigation_links > ul > li {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: -4px;
}
.footer_navigation_links > ul > li > a {
font-weight: 600;
display: block;
margin-bottom: 20px;
font-size: 18px;
}
.footer_navigation_links > ul > li:first-child {
width: 40%;
}
.footer_navigation_links > ul > li:last-child {
width: 60%;
}
.footer_navigation_links > ul > li:last-child ul:after {
clear: both;
display: block;
content: " ";
}
.footer_navigation_links > ul > li:last-child li {
width: 33.33333333%;
float: left;
vertical-align: top;
}
.toggle_navigation {
cursor: pointer;
}
.toggle_navigation .navigation-bar {
width: 100%;
height: 4px;
background-color: #4A4B4D;
margin-bottom: 4px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.toggle_navigation__label {
vertical-align: middle;
text-align: center;
font-size: 13px;
}
@media (max-width: 1023px) {
.toggle_navigation__label {
font-size: 10px;
}
}
.toggle_navigation__bars {
vertical-align: middle;
width: 35px;
}
@media (max-width: 1249px) {
.toggle_navigation {
display: block!important;
padding-left: 100px;
}
}
@media (max-width: 767px) {
.toggle_navigation {
padding-top: 7px;
}
}
@media (max-width: 480px) {
.toggle_navigation {
padding-left: 90px;
}
.toggle_navigation__label {
display: none;
}
}
#primary_navigation_mobile .back_to_shop {
min-height: 50px;
background-color: #f9f7f4;
padding: 5px 50px 5px 20px;
display: block;
line-height: 40px;
}
#primary_navigation_mobile .redaktionell {
display: none;
}
#primary_navigation_mobile .mobileNavigation__switch {
display: inline-flex;
overflow-x: auto;
width: 100%;
}
#primary_navigation_mobile .mobileNavigation__switch ul {
display: inline-flex;
align-items: stretch;
padding-left: 5px;
padding-right: 5px;
}
#primary_navigation_mobile .mobileNavigation__switch ul li {
flex-shrink: 0;
display: flex;
align-items: stretch;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0;
}
#primary_navigation_mobile .mobileNavigation__switch a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 5px 0;
margin-right: 10px;
position: relative;
transition: 0.2s border-bottom-color ease-in-out;
border-bottom: 2px solid transparent;
height: 100%;
}
#primary_navigation_mobile .mobileNavigation__switch a.tea img {
width: 73px;
}
#primary_navigation_mobile .mobileNavigation__switch a.ah img {
width: 93px;
}
#primary_navigation_mobile .mobileNavigation__switch a.gmh img {
width: 54px;
}
#primary_navigation_mobile .mobileNavigation__switch a.dekowelten img {
width: 60px;
}
#primary_navigation_mobile .mobileNavigation__switch a img {
max-height: 50px;
transition: 0.2s all ease-in-out;
}
#primary_navigation_mobile .mobileNavigation__switch a.active,
#primary_navigation_mobile .mobileNavigation__switch a:hover,
#primary_navigation_mobile .mobileNavigation__switch a:focus {
border-bottom: 2px solid #4A4B4D;
}
#primary_navigation_mobile .mobileNavigation__switch a.active img,
#primary_navigation_mobile .mobileNavigation__switch a:hover img,
#primary_navigation_mobile .mobileNavigation__switch a:focus img {
filter: grayscale(0%);
opacity: 1;
}
@media screen and (max-width: 1700px) {
.primary_navigation .navigation > ul > li > a {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
}
.primary_navigation .navigation > ul > li > .dropdownmenu {
padding-left: 0;
padding-right: 0;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .container > ul {
padding-left: 5px;
width: 22%;
}
.primary_navigation .navigation > ul > li > .dropdownmenu .parent_category_desciption_container {
font-size: 14px;
}
.navItemPreview {
width: 40%;
}
}
@media screen and (max-width: 1600px) {
.primary_navigation .navigation > ul > li > a {
font-size: 13px;
}
}
@media screen and (max-width: 1249px) {
.primary_navigation {
display: none;
font-size: 14px;
}
.primary_navigation li {
line-height: 28px;
}
.primary_navigation .navigation > ul > li > a {
font-size: 14px;
padding: 10px;
}
.primary_navigation .navigation > ul > li .dropdownmenu {
min-height: 260px;
}
.primary_navigation .navigation > ul > li .dropdownmenu h1,
.primary_navigation .navigation > ul > li .dropdownmenu .h1,
.primary_navigation .navigation > ul > li .dropdownmenu .bigFont,
.primary_navigation .navigation > ul > li .dropdownmenu .counting__number {
font-size: 22px;
}
.primary_navigation .navigation > ul > li .dropdownmenu .container > ul {
padding-top: 0;
padding-left: 0;
}
.primary_navigation .navigation > ul > li .dropdownmenu .container > ul > li {
font-size: 14px;
line-height: 22px;
}
.primary_navigation:not(.order_navigation) .back_to_shop {
font-size: 14px;
line-height: 15px;
}
.primary_navigation:not(.order_navigation) .back_to_shop:after {
top: 15px;
}
.primary_navigation:not(.order_navigation) .back_to_shop i {
margin-top: -20px;
}
.primary_navigation .home {
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 6px;
}
.navItemPreview .itemBasePrice {
margin-bottom: 10px;
}
.navItemPreview__description {
padding: 10px;
right: 10px;
bottom: 10px;
}
.footer_navigation > ul > li {
width: 33.33333333%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1023px) {
.primary_navigation:not(.order_navigation) .back_to_shop {
font-size: 14px;
padding-left: 25px;
padding-top: 13px;
padding-bottom: 13px;
}
.primary_navigation:not(.order_navigation) .back_to_shop i {
left: 0;
font-size: 22px;
margin-top: -11px;
}
.primary_navigation.order_navigation .back_to_shop {
padding-top: 13px;
padding-bottom: 11px;
line-height: 30px;
}
}
@media screen and (max-width: 767px) {
.footer_navigation > ul > li {
width: 50%;
margin-bottom: 20px;
}
.primary_navigation {
font-size: 13px;
}
.primary_navigation.order_navigation {
text-align: right;
}
.primary_navigation.order_navigation .back_to_shop {
padding-left: 20px;
padding-right: 5px;
font-size: 11px;
float: none;
display: inline-block;
vertical-align: middle;
}
.primary_navigation.order_navigation .back_to_shop i {
left: 0;
font-size: 15px;
margin-top: -16px;
}
}
@media screen and (max-width: 480px) {
.toggle_navigation {
padding-top: 5px;
padding-bottom: 0;
}
.footer_navigation ul li {
padding-top: 5px;
padding-bottom: 5px;
}
.footer_navigation > ul > li {
width: 100%;
text-align: center;
margin-right: 0;
margin-bottom: 30px;
}
.footer_navigation_legal ul li a {
padding: 5px 10px;
display: inline-block;
}
.primary_navigation {
font-size: 13px;
}
.primary_navigation:not(.order_navigation) .back_to_shop {
padding-left: 20px;
padding-right: 10px;
}
.primary_navigation:not(.order_navigation) .back_to_shop i {
font-size: 15px;
}
}
#primary_navigation_mobile {
background-color: #ffffff;
position: fixed;
left: -100%;
top: 0;
width: 100%;
max-width: 320px;
z-index: 503;
height: 100%;
height: 100svh;
overflow: hidden;
-webkit-transition: left 0.3s ease-in-out;
-moz-transition: left 0.3s ease-in-out;
-ms-transition: left 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out;
-webkit-box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
}
#primary_navigation_mobile.opened {
left: 0;
}
.primary_navigation_mobile_trigger {
background-color: #f9f7f4;
position: absolute;
right: 0;
top: 67px;
font-size: 12px;
z-index: 1;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-left: 1px solid #ffffff;
cursor: pointer;
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
right: 20px;
line-height: 50px;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\00BB";
font-size: 20px;
}
.dl-menuwrapper {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
width: 100%;
position: relative;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-color: #ffffff;
}
.dl-menuwrapper li {
position: relative;
padding: 0;
border-top: 1px solid #f9f7f4;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 15px 50px 15px 20px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #040004;
outline: none;
}
.dl-menuwrapper li a:hover,
.dl-menuwrapper li a.active,
.dl-menuwrapper li a.active_tree {
color: #e70610;
}
.dl-menuwrapper li:first-child {
border-top: 0;
}
.dl-menuwrapper li.dl-back {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
border-top: 0;
border-right: 1px solid #ffffff;
text-align: center;
}
.dl-menuwrapper li.dl-back > a {
padding: 0;
display: block;
line-height: 50px;
}
.dl-menuwrapper li.dl-back:after {
left: 20px;
right: auto !important;
content: "\00AB" !important;
}
.dl-menuwrapper .dl-menu {
margin: 0;
position: absolute;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.dl-parent-link {
background-color: #f9f7f4;
white-space: nowrap;
}
.dl-parent-link > a {
padding-left: 60px !important;
padding-right: 60px !important;
text-align: center;
}
.dl-parent-link-first {
min-height: 50px;
}
.no-touch .dl-menuwrapper li a:hover {
background: rgba(255, 248, 213, 0.1);
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
display: none;
}
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 1px;
left: 0;
margin: 0;
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}
@media screen and (min-width: 1539px+1) {
#primary_navigation_mobile {
display: none;
}
}
#overlay,
#overlay2 {
left: -105%;
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
z-index: 502;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
}
#overlay.opened,
#overlay2.opened {
left: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.mobileMenu {
background-color: #ffffff;
position: fixed;
left: -100%;
top: 0;
width: 100%;
max-width: 320px;
z-index: 503;
height: 100%;
height: 100vh;
height: 100svh;
overflow: hidden;
display: flex;
flex-direction: column;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: -12px 8px 30px 0px rgba(0, 0, 0, 0.15);
opacity: 0;
pointer-events: none;
}
.mobileMenu.opened {
left: 0;
opacity: 1;
pointer-events: auto;
}
.mobileMenu__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
border-bottom: 1px solid #f5f5f5;
}
.mobileMenu__close {
color: #727272;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.mobileMenu__close:hover,
.mobileMenu__close:focus,
.mobileMenu__close:active {
color: #040004;
}
.mobileMenu__content {
flex-grow: 1;
overflow: hidden;
overflow-y: auto;
position: relative;
}
.mobileMenu__mainTrigger {
background: #f9f7f4;
color: #907232;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
font-size: 12px;
flex-shrink: 0;
flex-grow: 0 !important;
}
.mobileMenu__mainTrigger:hover,
.mobileMenu__mainTrigger:focus,
.mobileMenu__mainTrigger:active {
background: #907232;
color: #ffffff;
}
.mobileMenu__backLink {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #f9f7f4;
color: #907232;
border-radius: 5px;
font-size: 12px;
flex-shrink: 0;
margin-right: 10px;
cursor: pointer;
}
.mobileMenu__backLink:hover,
.mobileMenu__backLink:focus,
.mobileMenu__backLink:active {
background: #907232;
color: #ffffff;
}
.mobileMenu__backLink:before {
content: "\E022";
font-family: "icons";
flex-shrink: 0;
rotate: 90deg;
}
.mobileMenu__subHeader {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.mobileMenu__subHeader a {
font-weight: 600;
}
.mobileMenu__subHeader a:after {
display: none !important;
}
.mobileMenu__navigation ul {
padding: 0;
margin: 0;
}
.mobileMenu__navigation li {
padding: 0;
margin: 0;
list-style-type: none;
}
.mobileMenu__navigation > ul > li {
border-bottom: 1px solid #f5f5f5;
}
.mobileMenu__navigation > ul > li > a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 15px;
color: #040004;
}
.mobileMenu__navigation > ul > li > a img {
aspect-ratio: 1.33333333;
object-fit: contain;
object-position: center;
width: 50px;
flex-shrink: 0;
}
.mobileMenu__navigation > ul > li > a span {
flex-grow: 1;
padding-left: 10px;
padding-right: 10px;
}
.mobileMenu__navigation > ul > li > a:hover {
color: #e70610;
}
.mobileMenu__navigation > ul > li > ul {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
display: none;
}
.mobileMenu__navigation > ul > li > ul ul {
position: absolute;
left: 100%;
top: 0;
opacity: 0;
pointer-events: none;
background: white;
z-index: 1;
width: 100%;
height: 100%;
padding: 15px;
transition: all 0.2s ease-in-out;
}
.mobileMenu__navigation > ul > li > ul a:hover,
.mobileMenu__navigation > ul > li > ul a:focus,
.mobileMenu__navigation > ul > li > ul a.active_tree,
.mobileMenu__navigation > ul > li > ul a.active {
color: #e70610;
}
.mobileMenu__navigation > ul > li > ul > li.is-open > ul {
left: 0;
opacity: 1;
pointer-events: auto;
}
.mobileMenu__navigation > ul > li ul li {
border-bottom: 1px solid #f5f5f5;
}
.mobileMenu__navigation > ul > li ul li a {
color: #040004;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
}
.mobileMenu__navigation > ul > li ul li a:after {
content: "\E012";
font-family: "icons";
rotate: 90deg;
color: #727272;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 5px;
font-size: 12px;
padding-bottom: 2px;
}
.mobileMenu__navigation > ul > li ul li:last-child {
border-bottom: 0;
}
.mobileMenu__navigation > ul > li.is-open .mobileMenu__mainTrigger {
rotate: 180deg;
}
.mobileMenu__navigation > ul > li.is-open > ul {
display: block;
}
.modal-backdrop {
z-index: 500;
}
.modal-request .modal-header:before {
content: "\E01A";
font-family: "icons";
position: absolute;
left: 50%;
top: 0;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
margin-top: -25px;
margin-left: -25px;
background-color: #e70610;
z-index: 1;
font-size: 22px;
border: 2px solid #ffffff;
color: #ffffff;
line-height: 46px;
}
.modal-request .modal-header .close {
background-color: transparent;
color: #ffffff;
}
.modal-request .modal-header .close:hover {
background-color: #ffffff;
color: #e70610;
}
@media screen and (max-width: 767px) {
.modal-request .modal-header {
margin-top: 30px;
}
}
.modal {
z-index: 501;
}
.modal .container {
width: 100% !important;
}
.modal-backdrop {
background-color: #040004;
}
.modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
border: 0;
}
.modal-title {
font-weight: 400;
font-size: 14px;
}
.modal-header {
background-color: #f9f7f4;
padding: 15px 50px 15px 30px;
position: relative;
min-height: 50px;
border-bottom: 0;
font-size: 14px;
}
.modal-header .close {
font-family: "icons";
font-size: 12px;
position: absolute;
right: 10px;
width: 34px;
height: 34px;
bottom: 9px;
line-height: 34px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #907232;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
text-shadow: none;
background-color: #ffffff;
}
.modal-header .close:before {
content: "\E013";
}
.modal-header .close span {
display: none;
}
.modal-header .close:hover {
color: #ffffff;
background-color: #e70610;
}
.modal-header .close:active,
.modal-header .close:focus {
background-color: #b5050d;
}
.modal-body {
padding: 30px;
}
.modal-body .modal-item-info {
margin-bottom: 10px;
}
.modal-body .modal-item-info:after {
clear: both;
content: " ";
display: block;
}
.modal-body .modal-item-info .modal-item-image {
margin-bottom: 10px;
text-align: center;
}
.modal-body .modal-item-info .modal-item-description {
margin-bottom: 10px;
}
.modal.error .modal-header:before {
content: "\E01A";
font-family: "icons";
position: absolute;
left: 50%;
top: 0;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
margin-top: -25px;
margin-left: -25px;
background-color: #e70610;
z-index: 1;
font-size: 22px;
border: 2px solid #ffffff;
color: #ffffff;
line-height: 46px;
}
.modal.error .modal-header .close {
background-color: transparent;
color: #ffffff;
}
.modal.error .modal-header .close:hover {
background-color: #ffffff;
color: #e70610;
}
@media screen and (max-width: 767px) {
.modal.error .modal-header {
margin-top: 30px;
}
}
.modal.error .modal-header {
border-color: #e70610;
background-color: #e70610;
padding-top: 30px;
color: #ffffff;
}
.modal.error .modal-header h4 {
color: #ffffff;
}
.modal.success .modal-header:before {
content: "\E01A";
font-family: "icons";
position: absolute;
left: 50%;
top: 0;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
margin-top: -25px;
margin-left: -25px;
background-color: #e70610;
z-index: 1;
font-size: 22px;
border: 2px solid #ffffff;
color: #ffffff;
line-height: 46px;
}
.modal.success .modal-header .close {
background-color: transparent;
color: #ffffff;
}
.modal.success .modal-header .close:hover {
background-color: #ffffff;
color: #e70610;
}
@media screen and (max-width: 767px) {
.modal.success .modal-header {
margin-top: 30px;
}
}
.modal.success .modal-header {
border-color: #387E06;
background-color: #387E06;
padding-top: 30px;
}
.modal.success .modal-header:before {
content: "\E019";
background-color: #387E06;
}
.modal.success .modal-header h4 {
color: #ffffff;
}
.modal.success .modal-header .close:hover {
background-color: #ffffff;
color: #387E06;
}
@media screen and (min-width: 1250px) {
.modal-xlg {
width: 1200px;
}
}
@media screen and (max-width: 1249px) {
.modal-xlg {
width: 100%;
width: calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -o-calc(100% - 20px);
}
}
@media screen and (min-width: 1024px) {
.modal {
text-align: center;
padding: 0!important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
}
@media screen and (min-width: 768px) {
.modal-dialog {
margin: 80px auto;
}
.modal-sm {
width: 460px;
}
.modal-survey {
width: 660px!important;
}
}
@media screen and (min-width: 481px) {
.modal-xs {
width: 330px;
}
}
@media screen and (max-width: 480px) {
.modal-header {
padding-left: 20px;
}
.modal-body {
padding: 20px;
}
}
#ShowVideo .modal-header {
background: #040004;
color: #ffffff;
}
#ShowVideo .modal-body {
padding: 0;
}
#ShowVideo .modal-content {
background: #040004;
}
.datepicker {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.datepicker td,
.datepicker th {
width: 33px;
height: 33px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.datepicker table tr td.active {
background: none;
background-color: #e70610;
text-shadow: none;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover {
background-color: #e70610;
background: none;
text-shadow: none;
}
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.active.active,
.datepicker table tr td.active:hover.active {
background: none;
background-color: #e70610;
text-shadow: none;
}
.datepicker table tr td span.active {
background: none;
background-color: #e70610;
text-shadow: none;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover {
background-color: #e70610;
background: none;
text-shadow: none;
}
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.active.active,
.datepicker table tr td span.active:hover.active {
background: none;
background-color: #e70610;
text-shadow: none;
}
.daterangepicker {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.daterangepicker td,
.daterangepicker th {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.daterangepicker td.in-range {
background-color: #f9f7f4;
}
.daterangepicker td.active {
background-color: #e70610;
}
.daterangepicker td.active:hover {
background-color: #ce050e;
}
.daterangepicker td.start-date,
.daterangepicker td.end-date {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.daterangepicker .daterangepicker_input i {
top: 50%;
margin-top: -7px;
}
.daterangepicker .daterangepicker_input input {
padding-left: 25px;
}
.daterangepicker .input-mini.active {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.datepicker-inline {
width: 230px;
}
#global_shippingdate_show .datepicker-inline {
display: inline-block;
}
#cookie-bar {
position: fixed;
bottom: 80px !important;
right: 110px;
background-color: rgba(255, 255, 255, 0.95);
padding: 10px;
z-index: 121;
font-size: 12px;
height: 168px;
max-width: 300px;
}
#cookie-bar #cookie-bar-button {
display: inline-block;
padding: 9px 15px;
min-width: 150px;
border: 1px solid #040004;
color: #040004;
cursor: pointer;
background: transparent;
text-align: center;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
font-weight: 500;
line-height: 22px;
padding: 2px 8px;
min-width: 0;
}
#cookie-bar #cookie-bar-button i {
line-height: 18px;
margin-right: 5px;
position: relative;
top: 2px;
}
#cookie-bar #cookie-bar-button i.fa {
top: 0;
}
#cookie-bar #cookie-bar-button:hover,
#cookie-bar #cookie-bar-button:focus {
background: #e4ceac;
border-color: #e4ceac;
color: #040004;
}
#cookie-bar #cookie-bar-button:active {
background: #ddc299;
border-color: #ddc299;
}
#cookie-bar #cookie-bar-prompt-button {
white-space: nowrap;
}
#cookie-bar:after {
clear: both;
display: block;
content: " ";
}
@media screen and (max-width: 767px) {
#cookie-bar {
bottom: 70px !important;
}
}
@media screen and (max-width: 667px) {
#cookie-bar {
right: 20px;
height: auto;
}
}
@media screen and (max-width: 480px) {
#cookie-bar {
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
width: 100%;
font-size: 9px;
padding: 5px;
text-align: center;
}
}
#scrolltopbutton_wrapper {
text-align: right;
}
#scrolltop_button {
position: fixed;
z-index: 3;
width: 46px;
height: 46px;
background-color: #e70610;
color: #ffffff;
text-align: center;
cursor: pointer;
display: inline-block;
bottom: -50px;
right: 150px;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-webkit-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding-top: 7px;
}
#scrolltop_button i {
font-size: 18px;
}
#scrolltop_button:hover {
padding-top: 4px;
}
#scrolltop_button.sticky {
bottom: 13px;
}
@media screen and (max-width: 1249px) {
#scrolltop_button {
right: 80px;
width: 48px;
height: 48px;
padding-top: 8px;
}
#scrolltop_button.sticky {
bottom: 11px;
}
}
@media screen and (max-width: 767px) {
#scrolltop_button {
right: 20px;
}
#scrolltop_button.sticky {
bottom: 110px;
}
}
body {
/*#livechat_wrapper {
text-align: left;
#livechat_button {
position: fixed;
z-index: 1;
height:40px;
background-color: @brand-action;
color: @white;
text-align: center;
line-height: 40px;
padding-right: @spacer-base;
cursor: pointer;
display: inline-block;
bottom:0;
left: 40px;
.transition(0.2s ease-in);
&:after {
clear: both;
display: block;
content: " ";
}
span {
display: block;
float:left;
padding-left: @spacer-base;
padding-top: 1px;
}
i {
display: block;
font-size: 22px;
border-right: 1px solid @white;
line-height: 40px;
width: 40px;
text-align: center;
float:left;
}
&:hover {
background-color: darken(@brand-action,5);
}
&:active,&:focus {
background-color: darken(@brand-action,5);
}
}
}*/
}
body.overlay-opened #userlike,
body.modal-open #userlike {
display: none;
}
body .userlike {
position: fixed;
left: 0;
bottom: 0;
overflow: visible;
}
body .userlike #userlike-eyecatcher {
left: 20px !important;
bottom: 76px;
}
body .userlike #userlike a#userlike-tab.userlike-button-big {
left: 20px !important;
bottom: 13px;
height: 46px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding-left: 12px;
padding-right: 15px;
text-align: center;
}
body .userlike #userlike a#userlike-tab.userlike-button-big.userlike-slideup {
padding-top: 4px;
}
body .userlike:not(.opened) {
z-index: 119 !important;
}
body .userlike:not(.opened) a#userlike-tab,
body .userlike:not(.opened) #userlike-eyecatcher,
body .userlike:not(.opened) #userlike {
z-index: 119 !important;
}
body #userlike.userlike-mobile a#userlike-tab.userlike-button-big {
padding-left: 0;
padding-right: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
max-width: 48px;
max-height: 48px;
}
body #userlike.userlike-mobile a#userlike-tab.userlike-button-big.userlike-slideup {
padding-top: 0;
}
body #userlike.userlike-mobile a#userlike-tab.userlike-button-big #userlike-button-symbol {
max-width: 100%;
margin-top: 8px !important;
}
body #userlike.userlike-mobile a#userlike-tab.userlike-button-big #userlike-button-symbol i.userlike-symbol {
font-size: 32px;
}
body.overlay-opened .zEWidget-launcher,
body.modal-open .zEWidget-launcher {
/* display: none; */
}
@media (max-width: 767px) {
#launcher {
right: 0 !important;
left: auto !important;
bottom: 40px!important;
}
}
body #tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
bottom: 80px !important;
z-index: 400 !important;
}
@media (max-width: 767px) {
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
bottom: 60px!important;
}
}
body #scd-assistant-wrapper .scd-tile-price {
color: #e70610 !important;
}
body #scd-overlay .scd-color,
body #scd-assistant .scd-color {
color: #e70610 !important;
}
body #scd-overlay .scd-topic.scd-zoomed .scd-tile-wrapper .scd-tile .scd-tile-details .scd-button {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #040004;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
body #scd-overlay .scd-topic.scd-zoomed .scd-tile-wrapper .scd-tile .scd-tile-details .scd-button:hover {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background-color: #e70610 !important;
border-color: #e70610 !important;
color: #ffffff !important;
}
body #scd-overlay .scd-topic.scd-zoomed .scd-overlay-tiles .scd-tile-wrapper .scd-tile .scd-tile-details .scd-button-primary,
body #scd-overlay .scd-overlay-tiles .scd-tile-wrapper .scd-tile-ribbon-wrap .scd-tile-ribbon {
background-color: #e70610 !important;
border-color: #e70610 !important;
}
body #scd-overlay .scd-topic.scd-zoomed .scd-overlay-tiles .scd-tile-wrapper .scd-tile .scd-tile-details .scd-button-primary:hover,
body #scd-overlay .scd-overlay-tiles .scd-tile-wrapper .scd-tile-ribbon-wrap .scd-tile-ribbon:hover {
background-color: #ce050e !important;
border-color: #ce050e !important;
}
@media (max-width: 1023px) {
#scd-assistant-wrapper {
display: none !important;
}
}
.alert {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
padding-left: 50px;
border: 1px solid #040004;
}
.alert:before {
content: "\E008";
font-family: "icons";
position: absolute;
left: 15px;
top: 50%;
line-height: 40px;
font-size: 30px;
margin-top: -20px;
}
.alert-danger {
color: #e70610;
border-color: #e70610;
background-color: #ffedee;
}
.alert-warning {
color: #e6e600;
border-color: #e6e600;
background-color: #ffffe6;
}
.alert-success {
color: #387E06;
border-color: #387E06;
background-color: #b8f98a;
}
.alert-info {
color: #907232;
border-color: #907232;
background-color: #efe6d2;
}
.owl-carousel {
position: relative;
}
.owl-carousel .owl-nav > button.owl-prev,
.owl-carousel .owl-nav > button.owl-next {
position: absolute;
top: 50%;
text-align: center;
width: 36px;
height: 36px;
font-size: 18px;
margin-top: -18px;
background-color: #f5f5f5;
border-radius: 50%;
border: 0;
color: #4A4B4D;
display: flex;
align-items: center;
justify-content: center;
}
.owl-carousel .owl-nav > button.owl-prev i:before,
.owl-carousel .owl-nav > button.owl-next i:before {
display: block;
line-height: 1;
}
.owl-carousel .owl-nav > button.owl-prev.disabled,
.owl-carousel .owl-nav > button.owl-next.disabled {
opacity: 0.5;
pointer-events: none;
}
.owl-carousel .owl-nav > button.owl-prev:hover,
.owl-carousel .owl-nav > button.owl-next:hover {
background-color: #040004;
color: #ffffff;
}
.owl-carousel .owl-nav button.owl-next {
right: 50px;
padding-left: 2px;
}
@media screen and (max-width: 767px) {
.owl-carousel .owl-nav button.owl-next {
right: 10px;
}
}
.owl-carousel .owl-nav button.owl-prev {
left: 50px;
padding-right: 2px;
}
@media screen and (max-width: 767px) {
.owl-carousel .owl-nav button.owl-prev {
left: 10px;
}
}
.owl-carousel .owl-dots {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.owl-carousel .owl-dots button.owl-dot {
width: 24px;
height: 24px;
display: inline-block;
opacity: 0.5;
}
.owl-carousel .owl-dots button.owl-dot:hover,
.owl-carousel .owl-dots button.owl-dot.active {
opacity: 1;
}
.owl-carousel .owl-dots button.owl-dot:hover > span,
.owl-carousel .owl-dots button.owl-dot.active > span {
background-color: #040004;
}
.owl-carousel .owl-dots button.owl-dot span {
display: block;
border-radius: 50%;
background-color: #4A4B4D;
width: 50%;
height: 50%;
margin: auto;
}
.breadcrumb {
margin: 0;
margin-top: 30px;
margin-bottom: 30px;
padding: 0;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #040004;
font-size: 14px;
}
.breadcrumb a {
color: #040004;
}
.breadcrumb a:hover {
color: #e70610;
}
.breadcrumb i {
margin: 0 2px;
font-size: 10px;
}
.breadcrumb .current {
color: #040004;
}
.breadcrumb:not(.text-right) {
white-space: nowrap;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 1249px) {
.breadcrumb.text-right {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.breadcrumb {
margin-top: 20px;
margin-bottom: 20px;
font-size: 10px;
}
.breadcrumb i {
font-size: 8px;
}
}
.breadcrumbWrapper {
max-width: 1900px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.breadcrumbWrapper .button_back {
color: #040004;
}
.breadcrumbWrapper .button_back:hover,
.breadcrumbWrapper .button_back:focus,
.breadcrumbWrapper .button_back:active {
color: #e70610;
}
.table_area {
display: table;
width: 100%;
table-layout: auto;
}
.table_cell {
display: table-cell;
vertical-align: middle;
padding: 5px;
border-bottom: 1px solid #f5f5f5;
}
.table_cell_label {
color: #907232;
padding-right: 20px;
display: none;
}
.table_row {
display: table-row;
}
.table_row.table_header .table_cell {
padding-top: 0;
color: #727272;
line-height: 22px;
}
.table_row.error .table_cell {
color: #e70610;
}
@media screen and (max-width: 767px) {
.textcontent .table_wrapper {
max-width: 100%;
overflow-x: scroll;
}
.table_area {
display: block;
}
.table_row {
display: block;
border-bottom: 1px solid #f5f5f5;
}
.table_row.table_header {
display: none;
}
.table_cell {
display: block;
border: 0;
}
.table_cell_label {
display: inline;
float: left;
width: 40%;
}
}
@media screen and (max-width: 480px) {
.table_cell_label {
width: 100%;
}
input,
.select_body,
.filterbox-mobilebutton {
width: 100%;
}
}
[data-toggle="tooltip"]:not(.order_sum) {
color: #040004;
cursor: pointer;
}
[data-toggle="tooltip"]:not(.order_sum):hover {
color: #e70610;
}
.tooltip-inner {
background-color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #040004;
padding: 5px;
}
.tooltip {
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
}
.tooltip.top .tooltip-arrow {
border-top-color: #ffffff;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #ffffff;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #ffffff;
}
.tooltip.right .tooltip-arrow {
border-right-color: #ffffff;
}
.tooltip.left .tooltip-arrow {
border-left-color: #ffffff;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #ffffff;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #ffffff;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #ffffff;
}
.tooltip.in {
opacity: 1;
}
#lksloader {
text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
display: none;
z-index: 210;
}
.loader {
text-align: center;
color: #040004;
position: relative;
height: 100vh;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: center;
}
.loader i {
position: absolute;
left: 50%;
top: 50%;
font-size: 60px;
width: 60px;
height: 60px;
line-height: 1;
margin-top: -100px;
margin-left: -30px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
animation-name: loadIcon;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.loader i:first-child {
animation-delay: 2s;
color: #e70610;
}
.loaderText {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-size: 40px;
margin-bottom: 20px;
color: #040004;
margin-top: 80px;
padding: 20px;
}
@media screen and (max-width: 1249px) {
.loaderText {
font-size: 26px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
.loaderText {
font-size: 20px;
}
}
@-webkit-keyframes "loadIcon" {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
100% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@-moz-keyframes "loadIcon" {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
100% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@-ms-keyframes "loadIcon" {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
100% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@-o-keyframes "loadIcon" {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
100% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
@keyframes "loadIcon" {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
80% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
100% {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
}
.flagServer {
position: absolute;
left: 50%;
margin-left: -100px;
top: -4px;
z-index: 600;
}
.flagServer > div {
padding: 10px;
font-weight: bold;
background-color: rgba(255, 255, 255, 0.8);
border: 4px solid #000000;
width: 200px;
font-size: 12px;
text-align: center;
}
@media screen and (max-width: 1539px) {
.flagServer {
display: none;
}
}
/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
select:not(.button),
textarea:not(.button),
input[type="text"]:not(.button),
input[type="password"]:not(.button),
input[type="datetime"]:not(.button),
input[type="datetime-local"]:not(.button),
input[type="date"]:not(.button),
input[type="month"]:not(.button),
input[type="time"]:not(.button),
input[type="week"]:not(.button),
input[type="number"]:not(.button),
input[type="email"]:not(.button),
input[type="url"]:not(.button),
select:not(.button_action),
textarea:not(.button_action),
input[type="text"]:not(.button_action),
input[type="password"]:not(.button_action),
input[type="datetime"]:not(.button_action),
input[type="datetime-local"]:not(.button_action),
input[type="date"]:not(.button_action),
input[type="month"]:not(.button_action),
input[type="time"]:not(.button_action),
input[type="week"]:not(.button_action),
input[type="number"]:not(.button_action),
input[type="email"]:not(.button_action),
input[type="url"]:not(.button_action) {
font-size: 16px;
}
}
/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
select:not(.button),
textarea:not(.button),
input[type="text"]:not(.button),
input[type="password"]:not(.button),
input[type="datetime"]:not(.button),
input[type="datetime-local"]:not(.button),
input[type="date"]:not(.button),
input[type="month"]:not(.button),
input[type="time"]:not(.button),
input[type="week"]:not(.button),
input[type="number"]:not(.button),
input[type="email"]:not(.button),
input[type="url"]:not(.button),
select:not(.button_action),
textarea:not(.button_action),
input[type="text"]:not(.button_action),
input[type="password"]:not(.button_action),
input[type="datetime"]:not(.button_action),
input[type="datetime-local"]:not(.button_action),
input[type="date"]:not(.button_action),
input[type="month"]:not(.button_action),
input[type="time"]:not(.button_action),
input[type="week"]:not(.button_action),
input[type="number"]:not(.button_action),
input[type="email"]:not(.button_action),
input[type="url"]:not(.button_action) {
font-size: 16px;
}
}
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
select:not(.button),
textarea:not(.button),
input[type="text"]:not(.button),
input[type="password"]:not(.button),
input[type="datetime"]:not(.button),
input[type="datetime-local"]:not(.button),
input[type="date"]:not(.button),
input[type="month"]:not(.button),
input[type="time"]:not(.button),
input[type="week"]:not(.button),
input[type="number"]:not(.button),
input[type="email"]:not(.button),
input[type="url"]:not(.button),
select:not(.button_action),
textarea:not(.button_action),
input[type="text"]:not(.button_action),
input[type="password"]:not(.button_action),
input[type="datetime"]:not(.button_action),
input[type="datetime-local"]:not(.button_action),
input[type="date"]:not(.button_action),
input[type="month"]:not(.button_action),
input[type="time"]:not(.button_action),
input[type="week"]:not(.button_action),
input[type="number"]:not(.button_action),
input[type="email"]:not(.button_action),
input[type="url"]:not(.button_action) {
font-size: 16px;
}
}
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
select:not(.button),
textarea:not(.button),
input[type="text"]:not(.button),
input[type="password"]:not(.button),
input[type="datetime"]:not(.button),
input[type="datetime-local"]:not(.button),
input[type="date"]:not(.button),
input[type="month"]:not(.button),
input[type="time"]:not(.button),
input[type="week"]:not(.button),
input[type="number"]:not(.button),
input[type="email"]:not(.button),
input[type="url"]:not(.button),
select:not(.button_action),
textarea:not(.button_action),
input[type="text"]:not(.button_action),
input[type="password"]:not(.button_action),
input[type="datetime"]:not(.button_action),
input[type="datetime-local"]:not(.button_action),
input[type="date"]:not(.button_action),
input[type="month"]:not(.button_action),
input[type="time"]:not(.button_action),
input[type="week"]:not(.button_action),
input[type="number"]:not(.button_action),
input[type="email"]:not(.button_action),
input[type="url"]:not(.button_action) {
font-size: 16px;
}
}
body.isScrollstory #header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 100;
}
body.isScrollstory #header.sticky .headertop,
body.isScrollstory #header.sticky .headerSearch,
body.isScrollstory #header.sticky .headerHotline {
display: none;
}
body.isScrollstory #header.sticky .headermain {
padding: 0;
}
body.isScrollstory #box,
body.isScrollstory .userlike {
display: none !important;
}
.scrollstory .row {
margin-left: 0;
margin-right: 0;
}
.scrollstory .cms-column {
padding: 100px 60px 60px 60px;
z-index: 2;
}
.scrollstory .cms-column.nopadding {
padding: 0;
}
@media (max-width: 767px) {
.scrollstory .cms-column {
padding: 80px 20px 40px 20px;
}
}
.scrollstory .shop_item_preview {
background-color: #ffffff;
margin-bottom: 0;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.scrollstory .shop_item_preview .itemcard_list {
margin-bottom: 0;
}
.scrollstory .shop_item_preview .itemcard_list .itemlist {
margin-bottom: 10px;
}
.scrollstory .checklist ul li {
padding-left: 40px;
}
.scrollstory .checklist ul li:before {
color: #907232;
font-size: 30px;
margin-top: -15px;
}
.scrollstory .parallaxItem {
position: absolute;
left: -30px;
bottom: 60px;
transform: translateY(20%);
max-width: 350px;
z-index: 1;
}
.scrollstory .parallaxItemRight {
position: absolute;
right: -30px;
bottom: 60px;
transform: translateY(20%);
max-width: 350px;
z-index: 1;
display: none;
}
@media screen and (min-width: 1750px) {
.scrollstory .parallaxItemRight {
display: block;
}
}
.scrollstory .section.bottom .fp-tableCell {
vertical-align: bottom;
}
.scrollstory .section.bottom .afterBackground {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.scrollstoryVideoHeadline {
font-size: 40px;
margin-bottom: 60px;
text-shadow: 10px 40px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 480px) {
.scrollstoryVideoHeadline {
font-size: 30px;
margin-bottom: 30px;
text-shadow: 5px 10px 0 rgba(0, 0, 0, 0.1);
}
}
.scrollsection__image {
overflow: hidden;
}
@media (min-height: 800px) and (min-width: 1200px) {
.scrollsection__image img {
height: 100vh !important;
max-width: none !important;
width: auto !important;
}
}
.scrollsection.bannerVideo {
display: block;
position: relative;
cursor: pointer;
}
.scrollsection.bannerVideo .videoVolumeButton,
.scrollsection.bannerVideo .videoPlayButton {
position: absolute;
bottom: 60px;
width: 40px;
height: 40px;
border: 3px solid #ffffff;
line-height: 34px;
color: #ffffff;
text-align: center;
font-size: 24px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.scrollsection.bannerVideo .videoVolumeButton:hover,
.scrollsection.bannerVideo .videoPlayButton:hover {
border-color: #e70610;
color: #e70610;
}
@media (max-width: 1023px) {
.scrollsection.bannerVideo .videoVolumeButton,
.scrollsection.bannerVideo .videoPlayButton {
bottom: 40px;
}
}
@media (max-width: 767px) {
.scrollsection.bannerVideo .videoVolumeButton,
.scrollsection.bannerVideo .videoPlayButton {
bottom: 20px;
}
}
.scrollsection.bannerVideo .videoPlayButton {
left: 40px;
padding-left: 4px;
}
@media (max-width: 767px) {
.scrollsection.bannerVideo .videoPlayButton {
left: 20px;
}
}
.scrollsection.bannerVideo .videoVolumeButton {
left: 90px;
}
@media (max-width: 767px) {
.scrollsection.bannerVideo .videoVolumeButton {
left: 70px;
}
}
.scrollsection.bannerVideo video {
object-fit: cover;
}
@media (min-width: 1024px) {
.scrollsection.bannerVideo video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto !important;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
}
@media (max-width: 1023px) {
.scrollsection.bannerVideo video {
border: 10px solid #ffffff;
position: static;
width: 100% !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
}
@media (max-width: 1023px) {
.scrollsection.bannerVideo {
background-color: #f9f7f4;
}
.scrollsection.bannerVideo > .fp-tableCell {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
}
.scrollsection.bannerVideo > .fp-tableCell > .row {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.scrollsection.bannerVideo > .fp-tableCell .textcontent {
position: relative;
}
}
.scrollsection.bannerVideo.playvideo .videoPlayButton {
padding-left: 0;
}
.scrollsection.bannerVideo.playvideo .videoPlayButton i:before {
content: "\E04F";
}
.scrollsection.bannerVideo.unmutedvideo .videoVolumeButton i:before {
content: "\E04E";
}
.scrollsection.banner img {
max-height: none;
}
.scrollsection.banner > .fp-tableCell > .row {
height: 100%;
}
.scrollsection.banner .hasBackground {
height: 100%;
padding-top: 193px;
}
@media (max-width: 1539px) {
.scrollsection.banner .hasBackground {
align-items: flex-end;
padding-bottom: 30px;
}
.scrollsection.banner .hasBackground .afterBackground {
width: 100%;
}
.scrollsection.banner .hasBackground .bannerBox {
float: right;
max-width: 50%;
}
}
@media (max-width: 767px) {
.scrollsection.banner .hasBackground .bannerBox {
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
}
}
.scrollstoryMaxWidth > .textcontent {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.jobList__cell--description {
font-weight: 600;
margin-bottom: 10px;
}
.jobList__cell--action {
margin-top: 10px;
}
.jobList__cell .button,
.jobList__cell .button_primary,
.jobList__cell .btn-primary,
.jobList__cell .button_second,
.jobList__cell .btn-second,
.jobList__cell .button_warning,
.jobList__cell .btn-warning,
.jobList__cell .button_success,
.jobList__cell .btn-success,
.jobList__cell .button_info,
.jobList__cell .btn-info,
.jobList__cell .button_action,
.jobList__cell .btn-action,
.jobList__cell .button_danger,
.jobList__cell .btn-danger,
.jobList__cell .button_transparent,
.jobList__cell .btn-transparent,
.jobList__cell .button_white,
.jobList__cell .btn-white,
.jobList__cell .button_option,
.jobList__cell .button_action_border,
.jobList__cell .collectionGroupFilter__item > span,
.jobList__cell #dc_amount_select .dc_amount {
min-width: 0;
}
.jobList__row {
border-top: 1px solid #727272;
padding: 20px 0;
width: 100%;
}
.jobList__row--header {
font-size: 14px;
display: none;
border-top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.jobList__row--header .jobList__cell--description {
font-weight: 400;
}
@media (min-width: 768px) {
.jobList__cell {
padding-left: 20px;
padding-right: 20px;
}
.jobList__cell--description {
width: 100%;
padding-left: 0;
}
.jobList__cell--location {
padding-left: 0;
width: 200px;
}
.jobList__cell--action {
padding-right: 0;
margin-top: 0;
flex-grow: 1;
text-align: right;
}
.jobList__row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: space-between;
}
.jobList__row--header {
display: none;
}
}
@media (min-width: 1024px) {
.jobList__label {
display: none;
}
.jobList__cell {
width: 140px;
flex-shrink: 0;
flex-grow: 0;
}
.jobList__cell--description {
flex-shrink: 1;
flex-grow: 1;
margin-bottom: 0;
}
.jobList__row {
flex-wrap: nowrap;
}
.jobList__row--header {
display: flex;
}
}
@media (min-width: 1250px) {
.jobList__cell {
width: 180px;
}
}
@media (min-width: 1024px) {
.jobList__cell--description {
width: auto;
}
.jobList__cell--action {
width: 120px;
}
}
.jobDetail {
padding: 30px;
padding-top: 45px;
border: 1px solid #727272;
margin-bottom: -1px;
display: none;
position: relative;
}
.jobDetail__wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: space-between;
width: 100%;
}
.jobDetail__right {
margin-top: 40px;
flex-shrink: 0;
flex-grow: 1;
max-width: 400px;
}
@media (min-width: 768px) {
.jobDetail__wrapper {
flex-wrap: nowrap;
}
.jobDetail__left {
flex-grow: 1;
padding-right: 40px;
}
.jobDetail__right {
max-width: 200px;
flex-grow: 0;
margin-top: 0;
}
}
.jobDetail__close {
font-size: 32px;
color: #907232;
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
width: 32px;
height: 32px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
}
.jobDetail__close:hover {
color: #e70610;
}
.jobDetail__contact {
font-size: 14px;
}
.jobDetail__contactImage {
margin-bottom: 20px;
}
.jobDetail__contactInfo .button_action,
.jobDetail__contactInfo .button_action_border {
width: 100%;
}
.jobDetail__sharing {
margin-top: 20px;
}
.jobDetail__sharingButton {
font-size: 28px;
display: inline-block;
margin-right: 5px;
}
@media (min-width: 768px) {
.jobDetail {
padding-right: 80px;
}
}
.jobsFilter {
margin-bottom: 30px;
}
.jobsFilter > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: center;
}
.jobsFilter > .row:before,
.jobsFilter > .row:after {
display: none;
}
.bannerVideo.showCustomVideoControls {
display: block;
position: relative;
cursor: pointer;
height: auto;
}
.bannerVideo.showCustomVideoControls .videoVolumeButton,
.bannerVideo.showCustomVideoControls .videoPlayButton {
position: absolute;
bottom: 60px;
width: 40px;
height: 40px;
border: 3px solid #ffffff;
line-height: 34px;
color: #ffffff;
text-align: center;
font-size: 24px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.bannerVideo.showCustomVideoControls .videoVolumeButton:hover,
.bannerVideo.showCustomVideoControls .videoPlayButton:hover {
border-color: #e70610;
color: #e70610;
}
@media (max-width: 1023px) {
.bannerVideo.showCustomVideoControls .videoVolumeButton,
.bannerVideo.showCustomVideoControls .videoPlayButton {
bottom: 40px;
}
}
@media (max-width: 767px) {
.bannerVideo.showCustomVideoControls .videoVolumeButton,
.bannerVideo.showCustomVideoControls .videoPlayButton {
bottom: 20px;
}
}
.bannerVideo.showCustomVideoControls .videoPlayButton {
left: 40px;
padding-left: 4px;
}
@media (max-width: 767px) {
.bannerVideo.showCustomVideoControls .videoPlayButton {
left: 20px;
}
}
.bannerVideo.showCustomVideoControls .videoVolumeButton {
left: 90px;
}
@media (max-width: 767px) {
.bannerVideo.showCustomVideoControls .videoVolumeButton {
left: 70px;
}
}
.bannerVideo.showCustomVideoControls video {
object-fit: cover;
}
@media (min-width: 1024px) {
.bannerVideo.showCustomVideoControls video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto !important;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
}
@media (max-width: 1023px) {
.bannerVideo.showCustomVideoControls video {
position: static;
width: 100% !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
}
.bannerVideo.showCustomVideoControls.playvideo .videoPlayButton {
padding-left: 0;
}
.bannerVideo.showCustomVideoControls.playvideo .videoPlayButton i:before {
content: "\E04F";
}
.bannerVideo.showCustomVideoControls.unmutedvideo .videoVolumeButton i:before {
content: "\E04E";
}
.lg2020-tcImageCover {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.lg2020-tcImageCover > .textcontent {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.lg2020-tcImageCover > .textcontent img {
width: 100% !important;
object-fit: cover;
}
@media (min-width: 768px) {
.lg2020-offsetImage {
margin-top: -200px;
}
}
.newBanner,
.newBannerFullHeight {
position: relative;
}
.newBanner .boxImage img,
.newBannerFullHeight .boxImage img,
.newBanner .boxImage video,
.newBannerFullHeight .boxImage video {
min-width: 100%;
}
@media (max-width: 767px) {
.newBanner .boxImage img,
.newBannerFullHeight .boxImage img,
.newBanner .boxImage video,
.newBannerFullHeight .boxImage video {
min-height: 390px !important;
object-fit: cover;
}
}
.newBanner .boxImage picture img,
.newBannerFullHeight .boxImage picture img {
min-height: 0 !important;
object-fit: none;
}
.newBanner .boxOverlay,
.newBannerFullHeight .boxOverlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 1;
}
.newBanner .boxOverlay img,
.newBannerFullHeight .boxOverlay img {
position: static;
max-width: none !important;
width: 100% !important;
}
@media (max-width: 767px) {
.newBanner {
display: flex;
flex-direction: column;
}
.newBanner .boxText {
order: 1;
margin-bottom: 0 !important;
box-shadow: none;
}
}
.newBanner .boxText {
padding: 15px 20px;
width: 100%;
background: #ffffff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
z-index: 1;
}
@media (min-width: 768px) {
.newBanner .boxText {
width: 380px;
}
}
@media (min-width: 1250px) {
.newBanner .boxText {
padding: 20px 30px;
width: 540px;
}
}
@media (min-width: 1540px) {
.newBanner .boxText {
padding: 30px 45px;
}
}
.newBanner .boxText h1,
.newBanner .boxText .h1,
.newBanner .boxText h2,
.newBanner .boxText .h2,
.newBanner .boxText .bigFont,
.newBanner .boxText .counting__number {
color: #040004;
}
@media (min-width: 768px) {
.newBanner .boxText {
position: absolute;
}
.newBanner .boxText:not(.boxText--topLeft):not(.boxText--bottomLeft):not(.boxText--topRight):not(.boxText--bottomRight) {
top: 50%;
transform: translateY(-50%);
}
.newBanner .boxText:not(.boxText--topLeft):not(.boxText--bottomLeft) {
right: 40px;
}
.newBanner .boxText--topLeft,
.newBanner .boxText--topRight {
top: -60px;
}
.newBanner .boxText--bottomLeft,
.newBanner .boxText--bottomRight {
bottom: -60px;
}
.newBanner .boxText--topLeft,
.newBanner .boxText--bottomLeft {
left: 40px;
}
.newBanner .boxText h1,
.newBanner .boxText .h1,
.newBanner .boxText .bigFont,
.newBanner .boxText .counting__number {
font-size: 40px;
margin-bottom: 20px;
color: #040004;
}
}
@media (min-width: 768px) and screen and (max-width: 1023px) {
.newBanner .boxText h1,
.newBanner .boxText .h1,
.newBanner .boxText .bigFont,
.newBanner .boxText .counting__number {
font-size: 26px;
margin-bottom: 15px;
}
}
@media (min-width: 768px) and screen and (max-width: 480px) {
.newBanner .boxText h1,
.newBanner .boxText .h1,
.newBanner .boxText .bigFont,
.newBanner .boxText .counting__number {
font-size: 20px;
}
}
@media (min-width: 1250px) {
.newBanner .boxText--topLeft,
.newBanner .boxText--topRight {
top: -70px;
}
.newBanner .boxText--bottomLeft,
.newBanner .boxText--bottomRight {
bottom: -70px;
}
}
@media (min-width: 1540px) {
.newBanner .boxText--topLeft,
.newBanner .boxText--topRight {
top: -100px;
}
.newBanner .boxText--bottomLeft,
.newBanner .boxText--bottomRight {
bottom: -100px;
}
}
@media (min-width: 1480px) {
.newBanner .boxText:not(.boxText--topLeft):not(.boxText--bottomLeft) {
right: 40px;
right: calc((100% - 1440px) / 2);
right: -moz-calc((100% - 1440px) / 2);
right: -webkit-calc((100% - 1440px) / 2);
right: -o-calc((100% - 1440px) / 2);
}
.newBanner .boxText--topLeft,
.newBanner .boxText--bottomLeft {
left: 40px;
left: calc((100% - 1440px) / 2);
left: -moz-calc((100% - 1440px) / 2);
left: -webkit-calc((100% - 1440px) / 2);
left: -o-calc((100% - 1440px) / 2);
}
}
@media (max-width: 767px) {
.newBanner .boxText {
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
margin-left: auto;
margin-right: auto;
margin-top: -20px;
position: relative;
margin-bottom: 10px;
}
}
.newBanner .boxText.bg-bordeaux {
background: #451415;
color: #ffffff;
}
.newBanner .boxText.bg-bordeaux h1,
.newBanner .boxText.bg-bordeaux .h1,
.newBanner .boxText.bg-bordeaux h2,
.newBanner .boxText.bg-bordeaux .h2,
.newBanner .boxText.bg-bordeaux .bigFont,
.newBanner .boxText.bg-bordeaux .counting__number {
color: #ffffff;
}
.newBanner .boxText.bg-bordeaux a {
color: #ffffff;
}
.newBanner .boxText.bg-bordeaux a:hover,
.newBanner .boxText.bg-bordeaux a:focus,
.newBanner .boxText.bg-bordeaux a:active {
color: #ffffff;
text-decoration: underline;
}
.newBanner .boxText.bg-bordeaux .textbutton,
.newBanner .boxText.bg-bordeaux .textbutton--big,
.newBanner .boxText.bg-bordeaux .boxSecond--column--half .textbutton {
color: #ffffff;
border-color: #ffffff;
}
.newBanner .boxText.bg-bordeaux .textbutton:hover,
.newBanner .boxText.bg-bordeaux .textbutton:focus,
.newBanner .boxText.bg-bordeaux .textbutton:active,
.newBanner .boxText.bg-bordeaux .textbutton--big:hover,
.newBanner .boxText.bg-bordeaux .textbutton--big:focus,
.newBanner .boxText.bg-bordeaux .textbutton--big:active,
.newBanner .boxText.bg-bordeaux .boxSecond--column--half .textbutton:hover,
.newBanner .boxText.bg-bordeaux .boxSecond--column--half .textbutton:focus,
.newBanner .boxText.bg-bordeaux .boxSecond--column--half .textbutton:active {
background-color: #ffffff;
color: #451415;
text-decoration: none;
}
.newBanner .boxText .shop_item_preview {
margin: 0;
}
.newBanner .boxText .shop_item_preview .itemlistBox__image {
display: none;
}
.newBanner .boxText .shop_item_preview .itemcard_list2,
.newBanner .boxText .shop_item_preview .itemlist {
margin: 0;
}
.newBanner .boxText .shop_item_preview .itemlistBox {
background: transparent;
}
.newBanner .boxText .shop_item_preview .itemlistBox__content {
background: transparent;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.newBanner .boxText .shop_item_preview .itemlistBox__main {
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.newBanner .boxText .shop_item_preview .itemlistBox__extended {
position: static;
box-shadow: none;
display: block;
height: auto;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.newBanner .boxText .shop_item_preview .itemlistBox__description {
font-size: 18px;
font-weight: 600;
text-transform: none;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.newBanner .boxText .shop_item_preview .itemlistBox__description {
font-size: 16px;
}
}
.newBanner .boxText .shop_item_preview .itemlistBox .rating_stars > span {
display: none;
}
.newBanner .boxText .shop_item_preview .itemlistBox .promotion_banner {
display: none;
}
.newBannerFullHeight {
height: calc(80vh - 74px);
height: -moz-calc(80vh - 74px);
height: -webkit-calc(80vh - 74px);
height: -o-calc(80vh - 74px);
max-height: 800px;
}
@media (min-width: 768px) {
.newBannerFullHeight {
height: calc(50vh - 80px);
height: -moz-calc(50vh - 80px);
height: -webkit-calc(50vh - 80px);
height: -o-calc(50vh - 80px);
}
}
@media (min-width: 1024px) {
.newBannerFullHeight {
height: calc(100vh - 150px);
height: -moz-calc(100vh - 150px);
height: -webkit-calc(100vh - 150px);
height: -o-calc(100vh - 150px);
}
}
@media (min-width: 1540px) {
.newBannerFullHeight {
height: calc(100vh - 180px);
height: -moz-calc(100vh - 180px);
height: -webkit-calc(100vh - 180px);
height: -o-calc(100vh - 180px);
}
}
.newBannerFullHeight .boxImage img,
.newBannerFullHeight .boxImage video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.newBannerFullHeight .boxText {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
padding: 40px 20px;
}
@media (min-width: 1250px) {
.newBannerFullHeight .boxText {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 1540px) {
.newBannerFullHeight .boxText {
padding-top: 70px;
padding-bottom: 70px;
}
}
.newBannerFullHeight .boxText h1,
.newBannerFullHeight .boxText .h1,
.newBannerFullHeight .boxText .bigFont,
.newBannerFullHeight .boxText .counting__number {
color: #ffffff;
font-size: 80px;
line-height: 1;
margin-bottom: 0;
text-shadow: 0 0 30px #000000;
}
@media screen and (max-width: 1249px) {
.newBannerFullHeight .boxText h1,
.newBannerFullHeight .boxText .h1,
.newBannerFullHeight .boxText .bigFont,
.newBannerFullHeight .boxText .counting__number {
font-size: 50px;
}
}
@media screen and (max-width: 767px) {
.newBannerFullHeight .boxText h1,
.newBannerFullHeight .boxText .h1,
.newBannerFullHeight .boxText .bigFont,
.newBannerFullHeight .boxText .counting__number {
font-size: 40px;
}
}
@media screen and (max-width: 480px) {
.newBannerFullHeight .boxText h1,
.newBannerFullHeight .boxText .h1,
.newBannerFullHeight .boxText .bigFont,
.newBannerFullHeight .boxText .counting__number {
font-size: 26px;
}
}
.newBannerFullHeight .boxText h1.playfair,
.newBannerFullHeight .boxText .h1.playfair,
.newBannerFullHeight .boxText .bigFont.playfair,
.newBannerFullHeight .boxText .counting__number.playfair {
font-family: 'Playfair Display', Times, serif;
line-height: 1.375;
font-style: italic;
font-weight: 400;
margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
.newBannerFullHeight .boxText h1.playfair,
.newBannerFullHeight .boxText .h1.playfair,
.newBannerFullHeight .boxText .bigFont.playfair,
.newBannerFullHeight .boxText .counting__number.playfair {
font-size: 50px;
}
}
@media screen and (max-width: 1023px) {
.newBannerFullHeight .boxText h1.playfair,
.newBannerFullHeight .boxText .h1.playfair,
.newBannerFullHeight .boxText .bigFont.playfair,
.newBannerFullHeight .boxText .counting__number.playfair {
font-size: 40px;
}
}
@media screen and (max-width: 480px) {
.newBannerFullHeight .boxText h1.playfair,
.newBannerFullHeight .boxText .h1.playfair,
.newBannerFullHeight .boxText .bigFont.playfair,
.newBannerFullHeight .boxText .counting__number.playfair {
font-size: 26px;
}
}
.newBannerFullHeight .boxText h1.playfair span,
.newBannerFullHeight .boxText .h1.playfair span,
.newBannerFullHeight .boxText .bigFont.playfair span,
.newBannerFullHeight .boxText .counting__number.playfair span {
color: #907232;
}
@media (min-width: 1024px) {
.newBannerFullHeight .boxText h1.playfair,
.newBannerFullHeight .boxText .h1.playfair,
.newBannerFullHeight .boxText .bigFont.playfair,
.newBannerFullHeight .boxText .counting__number.playfair {
margin-bottom: 40px;
}
}
.newBannerFullHeight .scrolldown {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
@media (min-width: 1024px) {
.newBannerFullHeight .scrolldown {
bottom: 100px;
}
}
.newBannerFullHeight .scrolldown__description {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.container .newBanner,
.container2 .newBanner {
margin-left: -40px;
margin-right: -40px;
}
.container .newBanner .boxText,
.container2 .newBanner .boxText {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
}
:root {
--threshold: 0.5;
}
.bannerFiftyFifty .boxImage > div {
width: 100%;
height: 100%;
}
.bannerFiftyFifty .boxImage > div img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.bannerFiftyFifty .boxText {
display: flex;
align-items: center;
justify-content: center;
}
.bannerFiftyFifty .boxText > div {
padding: 60px 140px;
}
@media (max-width: 1539px) {
.bannerFiftyFifty .boxText > div {
padding: 60px 100px;
}
}
@media (max-width: 1539px) {
.bannerFiftyFifty .boxText > div {
padding: 60px 40px;
}
}
@media (max-width: 1539px) {
.bannerFiftyFifty .boxText > div {
padding: 40px 20px;
}
}
.bannerFiftyFifty.nogap .afterBackground {
display: flex;
flex-wrap: wrap;
}
.bannerFiftyFifty.nogap .afterBackground > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.bannerFiftyFifty h1,
.bannerFiftyFifty h2,
.bannerFiftyFifty h3,
.bannerFiftyFifty h4,
.bannerFiftyFifty h5,
.bannerFiftyFifty h6,
.bannerFiftyFifty .h1,
.bannerFiftyFifty .h2,
.bannerFiftyFifty .h3,
.bannerFiftyFifty .h4,
.bannerFiftyFifty .h5,
.bannerFiftyFifty .h6,
.bannerFiftyFifty .bigFont,
.bannerFiftyFifty .counting__number,
.bannerFiftyFifty .counting__text,
.bannerFiftyFifty .countText,
.bannerFiftyFifty .finderFilter__label {
color: #040004;
margin-bottom: .5em !important;
}
.bannerFiftyFifty.bg-second {
background-color: #f5f5f5;
}
.bannerFiftyFifty.bg-bordeaux {
background: #451415;
color: #ffffff;
}
.bannerFiftyFifty.bg-bordeaux h1,
.bannerFiftyFifty.bg-bordeaux h2,
.bannerFiftyFifty.bg-bordeaux h3,
.bannerFiftyFifty.bg-bordeaux h4,
.bannerFiftyFifty.bg-bordeaux h5,
.bannerFiftyFifty.bg-bordeaux h6,
.bannerFiftyFifty.bg-bordeaux .h1,
.bannerFiftyFifty.bg-bordeaux .h2,
.bannerFiftyFifty.bg-bordeaux .h3,
.bannerFiftyFifty.bg-bordeaux .h4,
.bannerFiftyFifty.bg-bordeaux .h5,
.bannerFiftyFifty.bg-bordeaux .h6,
.bannerFiftyFifty.bg-bordeaux .bigFont,
.bannerFiftyFifty.bg-bordeaux .counting__number,
.bannerFiftyFifty.bg-bordeaux .counting__text,
.bannerFiftyFifty.bg-bordeaux .countText,
.bannerFiftyFifty.bg-bordeaux .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-green {
background: #a0be71;
}
.bannerFiftyFifty.bg-gradient {
background-color: #f9f7f4;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
.bannerFiftyFifty.bg-gradient.bg-gradient--rotate {
background-color: #f9f7f4;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
.bannerFiftyFifty.bg-lebkuchen {
background: #845240;
color: #ffffff;
}
.bannerFiftyFifty.bg-lebkuchen h1,
.bannerFiftyFifty.bg-lebkuchen h2,
.bannerFiftyFifty.bg-lebkuchen h3,
.bannerFiftyFifty.bg-lebkuchen h4,
.bannerFiftyFifty.bg-lebkuchen h5,
.bannerFiftyFifty.bg-lebkuchen h6,
.bannerFiftyFifty.bg-lebkuchen .h1,
.bannerFiftyFifty.bg-lebkuchen .h2,
.bannerFiftyFifty.bg-lebkuchen .h3,
.bannerFiftyFifty.bg-lebkuchen .h4,
.bannerFiftyFifty.bg-lebkuchen .h5,
.bannerFiftyFifty.bg-lebkuchen .h6,
.bannerFiftyFifty.bg-lebkuchen .bigFont,
.bannerFiftyFifty.bg-lebkuchen .counting__number,
.bannerFiftyFifty.bg-lebkuchen .counting__text,
.bannerFiftyFifty.bg-lebkuchen .countText,
.bannerFiftyFifty.bg-lebkuchen .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-naschereien {
background: #f9d9a1;
}
.bannerFiftyFifty.bg-honig {
background: #e2a13a;
}
.bannerFiftyFifty.bg-besonderheiten {
background: #d95b7d;
}
.bannerFiftyFifty.bg-tea-green {
background: #779460;
}
.bannerFiftyFifty.bg-tea-black {
background: #160906;
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-black h1,
.bannerFiftyFifty.bg-tea-black h2,
.bannerFiftyFifty.bg-tea-black h3,
.bannerFiftyFifty.bg-tea-black h4,
.bannerFiftyFifty.bg-tea-black h5,
.bannerFiftyFifty.bg-tea-black h6,
.bannerFiftyFifty.bg-tea-black .h1,
.bannerFiftyFifty.bg-tea-black .h2,
.bannerFiftyFifty.bg-tea-black .h3,
.bannerFiftyFifty.bg-tea-black .h4,
.bannerFiftyFifty.bg-tea-black .h5,
.bannerFiftyFifty.bg-tea-black .h6,
.bannerFiftyFifty.bg-tea-black .bigFont,
.bannerFiftyFifty.bg-tea-black .counting__number,
.bannerFiftyFifty.bg-tea-black .counting__text,
.bannerFiftyFifty.bg-tea-black .countText,
.bannerFiftyFifty.bg-tea-black .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-herb {
background: #354716;
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-herb h1,
.bannerFiftyFifty.bg-tea-herb h2,
.bannerFiftyFifty.bg-tea-herb h3,
.bannerFiftyFifty.bg-tea-herb h4,
.bannerFiftyFifty.bg-tea-herb h5,
.bannerFiftyFifty.bg-tea-herb h6,
.bannerFiftyFifty.bg-tea-herb .h1,
.bannerFiftyFifty.bg-tea-herb .h2,
.bannerFiftyFifty.bg-tea-herb .h3,
.bannerFiftyFifty.bg-tea-herb .h4,
.bannerFiftyFifty.bg-tea-herb .h5,
.bannerFiftyFifty.bg-tea-herb .h6,
.bannerFiftyFifty.bg-tea-herb .bigFont,
.bannerFiftyFifty.bg-tea-herb .counting__number,
.bannerFiftyFifty.bg-tea-herb .counting__text,
.bannerFiftyFifty.bg-tea-herb .countText,
.bannerFiftyFifty.bg-tea-herb .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-fruits {
background: #9d1c3d;
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-fruits h1,
.bannerFiftyFifty.bg-tea-fruits h2,
.bannerFiftyFifty.bg-tea-fruits h3,
.bannerFiftyFifty.bg-tea-fruits h4,
.bannerFiftyFifty.bg-tea-fruits h5,
.bannerFiftyFifty.bg-tea-fruits h6,
.bannerFiftyFifty.bg-tea-fruits .h1,
.bannerFiftyFifty.bg-tea-fruits .h2,
.bannerFiftyFifty.bg-tea-fruits .h3,
.bannerFiftyFifty.bg-tea-fruits .h4,
.bannerFiftyFifty.bg-tea-fruits .h5,
.bannerFiftyFifty.bg-tea-fruits .h6,
.bannerFiftyFifty.bg-tea-fruits .bigFont,
.bannerFiftyFifty.bg-tea-fruits .counting__number,
.bannerFiftyFifty.bg-tea-fruits .counting__text,
.bannerFiftyFifty.bg-tea-fruits .countText,
.bannerFiftyFifty.bg-tea-fruits .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-tea-rooibos {
background: #d56363;
}
.bannerFiftyFifty.bg-tea-sets {
background: #dfdad0;
}
.bannerFiftyFifty.bg-suppen {
background: #6e1b01;
color: #ffffff;
}
.bannerFiftyFifty.bg-suppen h1,
.bannerFiftyFifty.bg-suppen h2,
.bannerFiftyFifty.bg-suppen h3,
.bannerFiftyFifty.bg-suppen h4,
.bannerFiftyFifty.bg-suppen h5,
.bannerFiftyFifty.bg-suppen h6,
.bannerFiftyFifty.bg-suppen .h1,
.bannerFiftyFifty.bg-suppen .h2,
.bannerFiftyFifty.bg-suppen .h3,
.bannerFiftyFifty.bg-suppen .h4,
.bannerFiftyFifty.bg-suppen .h5,
.bannerFiftyFifty.bg-suppen .h6,
.bannerFiftyFifty.bg-suppen .bigFont,
.bannerFiftyFifty.bg-suppen .counting__number,
.bannerFiftyFifty.bg-suppen .counting__text,
.bannerFiftyFifty.bg-suppen .countText,
.bannerFiftyFifty.bg-suppen .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-herzhaftes {
background: #965c2c;
color: #ffffff;
}
.bannerFiftyFifty.bg-herzhaftes h1,
.bannerFiftyFifty.bg-herzhaftes h2,
.bannerFiftyFifty.bg-herzhaftes h3,
.bannerFiftyFifty.bg-herzhaftes h4,
.bannerFiftyFifty.bg-herzhaftes h5,
.bannerFiftyFifty.bg-herzhaftes h6,
.bannerFiftyFifty.bg-herzhaftes .h1,
.bannerFiftyFifty.bg-herzhaftes .h2,
.bannerFiftyFifty.bg-herzhaftes .h3,
.bannerFiftyFifty.bg-herzhaftes .h4,
.bannerFiftyFifty.bg-herzhaftes .h5,
.bannerFiftyFifty.bg-herzhaftes .h6,
.bannerFiftyFifty.bg-herzhaftes .bigFont,
.bannerFiftyFifty.bg-herzhaftes .counting__number,
.bannerFiftyFifty.bg-herzhaftes .counting__text,
.bannerFiftyFifty.bg-herzhaftes .countText,
.bannerFiftyFifty.bg-herzhaftes .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-kaffee {
background: #e8d6cd;
}
.bannerFiftyFifty.bg-wein {
background: #4c0102;
color: #ffffff;
}
.bannerFiftyFifty.bg-wein h1,
.bannerFiftyFifty.bg-wein h2,
.bannerFiftyFifty.bg-wein h3,
.bannerFiftyFifty.bg-wein h4,
.bannerFiftyFifty.bg-wein h5,
.bannerFiftyFifty.bg-wein h6,
.bannerFiftyFifty.bg-wein .h1,
.bannerFiftyFifty.bg-wein .h2,
.bannerFiftyFifty.bg-wein .h3,
.bannerFiftyFifty.bg-wein .h4,
.bannerFiftyFifty.bg-wein .h5,
.bannerFiftyFifty.bg-wein .h6,
.bannerFiftyFifty.bg-wein .bigFont,
.bannerFiftyFifty.bg-wein .counting__number,
.bannerFiftyFifty.bg-wein .counting__text,
.bannerFiftyFifty.bg-wein .countText,
.bannerFiftyFifty.bg-wein .finderFilter__label {
color: #ffffff;
}
.bannerFiftyFifty.bg-orange {
background: #f3692a;
}
.bannerTile {
position: relative;
overflow: hidden;
display: block;
cursor: pointer;
}
.bannerTile .boxImage {
display: flex;
height: 100%;
}
.bannerTile .boxImage .textcontent {
flex-grow: 1;
}
.bannerTile .boxImage img,
.bannerTile .boxImage picture {
height: 100% !important;
object-fit: cover;
transform: scale(1);
transition: transform 0.2s ease-in-out 0s;
}
.bannerTile .boxImage img,
.bannerTile .boxImage video,
.bannerTile .boxImage picture {
min-width: 100%;
}
@media (max-width: 767px) {
.bannerTile .boxImage img,
.bannerTile .boxImage video,
.bannerTile .boxImage picture {
min-height: 180px !important;
}
}
@media (max-width: 767px) {
.bannerTile .boxImage video {
object-fit: cover;
max-height: 180px !important;
}
}
.bannerTile .boxText {
position: absolute;
padding: 20px;
padding-top: 60px;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.85) 40%, transparent 100%);
width: 100%;
color: #040004;
bottom: 0;
left: 0;
}
@media (min-width: 1024px) {
.bannerTile .boxText {
padding: 30px 100px 30px 50px;
max-width: 50%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 60%, transparent 100%);
height: 100%;
display: flex;
align-items: flex-end;
}
}
@media (min-width: 1540px) {
.bannerTile .boxText {
padding: 40px 100px 40px 60px;
}
}
@media (max-width: 767px) {
.bannerTile .boxText {
margin-top: 0;
margin-bottom: 0;
position: absolute;
}
}
.bannerTile .boxText .h1,
.bannerTile .boxText .h2,
.bannerTile .boxText .h3,
.bannerTile .boxText .h4,
.bannerTile .boxText .h5,
.bannerTile .boxText .h6,
.bannerTile .boxText h1,
.bannerTile .boxText h2,
.bannerTile .boxText h3,
.bannerTile .boxText h4,
.bannerTile .boxText h5,
.bannerTile .boxText h6,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number,
.bannerTile .boxText .counting__text,
.bannerTile .boxText .countText,
.bannerTile .boxText .finderFilter__label {
font-size: 24px;
color: #040004;
margin-bottom: 10px;
}
@media (max-width: 1539px) {
.bannerTile .boxText .h1,
.bannerTile .boxText .h2,
.bannerTile .boxText .h3,
.bannerTile .boxText .h4,
.bannerTile .boxText .h5,
.bannerTile .boxText .h6,
.bannerTile .boxText h1,
.bannerTile .boxText h2,
.bannerTile .boxText h3,
.bannerTile .boxText h4,
.bannerTile .boxText h5,
.bannerTile .boxText h6,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number,
.bannerTile .boxText .counting__text,
.bannerTile .boxText .countText,
.bannerTile .boxText .finderFilter__label {
font-size: 20px;
}
}
@media (max-width: 1023px) {
.bannerTile .boxText .h1,
.bannerTile .boxText .h2,
.bannerTile .boxText .h3,
.bannerTile .boxText .h4,
.bannerTile .boxText .h5,
.bannerTile .boxText .h6,
.bannerTile .boxText h1,
.bannerTile .boxText h2,
.bannerTile .boxText h3,
.bannerTile .boxText h4,
.bannerTile .boxText h5,
.bannerTile .boxText h6,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number,
.bannerTile .boxText .counting__text,
.bannerTile .boxText .countText,
.bannerTile .boxText .finderFilter__label {
font-size: 18px;
}
}
.bannerTile .boxText h1,
.bannerTile .boxText .h1,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number {
font-size: 36px;
}
@media (max-width: 1539px) {
.bannerTile .boxText h1,
.bannerTile .boxText .h1,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number {
font-size: 24px;
}
}
@media (max-width: 1023px) {
.bannerTile .boxText h1,
.bannerTile .boxText .h1,
.bannerTile .boxText .bigFont,
.bannerTile .boxText .counting__number {
font-size: 18px;
}
}
.bannerTile .boxText .textbutton,
.bannerTile .boxText .textbutton--big,
.bannerTile .boxText .boxSecond--column--half .textbutton {
color: #040004;
border-color: #040004;
border-width: 2px;
}
.bannerTile .boxText .textbutton:hover,
.bannerTile .boxText .textbutton--big:hover,
.bannerTile .boxText .boxSecond--column--half .textbutton:hover {
color: #ffffff;
border-color: #907232;
background-color: #907232;
}
.bannerTile:hover .boxImage img {
transform: scale(1.02);
}
.bannerTile:hover .boxText .textbutton,
.bannerTile:hover .boxText .textbutton--big,
.bannerTile:hover .boxText .boxSecond--column--half .textbutton {
color: #ffffff;
border-color: #907232;
background-color: #907232;
}
@media (min-width: 768px) {
.bannerTile--small .boxText {
left: auto;
right: 0;
background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 60%, transparent 100%);
text-align: right;
justify-content: flex-end;
align-items: center;
width: auto;
max-width: 100%;
padding-left: 160px;
padding-right: 60px;
}
}
@media (min-width: 768px) {
.bannerGrid {
display: grid;
grid-gap: 10px;
grid-template-columns: 73% 1fr;
}
}
@media (min-width: 320px) {
.bannerGrid--1-2 {
grid-template-areas: "first first" "second third";
}
}
@media (min-width: 768px) {
.bannerGrid--1-2 {
grid-template-areas: "first second" "first third";
}
}
.bannerGrid > .group {
position: relative;
}
.bannerGrid > .group:first-child {
grid-area: first;
}
.bannerGrid > .group:nth-child(2) {
grid-area: second;
}
.bannerGrid > .group:nth-child(3) {
grid-area: third;
}
@media (min-width: 768px) {
.bannerGrid > .group.newBanner {
display: flex;
}
.bannerGrid > .group.newBanner > .textcontent {
width: 100%;
}
}
.bannerGrid > .group.newBanner .boxImage {
display: flex;
height: 100%;
width: 100%;
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxImage {
display: block !important;
height: auto !important;
}
}
.bannerGrid > .group.newBanner .boxImage img,
.bannerGrid > .group.newBanner .boxImage video {
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box {
display: flex;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel {
display: flex;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-stage-outer {
display: flex;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-nav > button.owl-prev,
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-nav > button.owl-next {
margin: 0;
left: auto;
bottom: 40px;
top: auto;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-nav > button.owl-prev {
right: 75px;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-nav > button.owl-next {
right: 30px;
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .owl-nav {
display: none;
}
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxImage .slideshow_box .owl-carousel .itemcard_list {
margin-bottom: 30px;
}
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .slideshow_maincontent {
align-items: flex-end;
}
.bannerGrid > .group.newBanner .boxImage .slideshow_box .slideshow_content {
justify-content: flex-start;
}
.bannerGrid > .group.newBanner .boxText {
right: 40px;
max-width: calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: -webkit-calc(100% - 80px);
max-width: -o-calc(100% - 80px);
max-width: 450px;
}
@media (min-width: 1024px) {
.bannerGrid > .group.newBanner .boxText--topLeft,
.bannerGrid > .group.newBanner .boxText--topRight {
top: 40px;
}
.bannerGrid > .group.newBanner .boxText--bottomLeft,
.bannerGrid > .group.newBanner .boxText--bottomRight {
bottom: 40px;
}
.bannerGrid > .group.newBanner .boxText--topLeft,
.bannerGrid > .group.newBanner .boxText--bottomLeft {
left: 40px;
}
}
@media (min-width: 768px) {
.bannerGrid > .group.newBanner .boxText--topLeft,
.bannerGrid > .group.newBanner .boxText--topRight {
top: 20px;
}
.bannerGrid > .group.newBanner .boxText--bottomLeft,
.bannerGrid > .group.newBanner .boxText--bottomRight {
bottom: 20px;
}
.bannerGrid > .group.newBanner .boxText--topLeft,
.bannerGrid > .group.newBanner .boxText--bottomLeft {
left: 20px;
}
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxText {
right: unset;
max-width: 100%;
}
}
@media (max-width: 1024px) {
.bannerGrid > .group.newBanner .boxText {
width: 100%;
}
}
.bannerGrid > .group.newBanner .boxImage {
display: flex;
height: 100%;
}
.bannerGrid > .group.newBanner .boxImage .textcontent {
flex-grow: 1;
}
.bannerGrid > .group.newBanner .boxImage img {
height: 100% !important;
object-fit: cover;
}
.bannerGrid > .group.newBanner .boxImage img,
.bannerGrid > .group.newBanner .boxImage video {
min-width: 100%;
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxImage img,
.bannerGrid > .group.newBanner .boxImage video {
min-height: 180px !important;
}
}
@media (max-width: 767px) {
.bannerGrid > .group.newBanner .boxImage video {
object-fit: cover;
max-height: 180px !important;
}
}
@media (min-width: 1024px) {
.bannerGrid > .group.bannerTile .boxText {
padding: 25px 30px;
padding-top: 80px;
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 40%, transparent 100%);
max-width: none;
height: auto;
}
}
#et-fab {
border: 0 !important;
}
#et-fab.et-fab-bottom {
bottom: 70px !important;
}
#et-fab.et-fab-right {
right: 75px !important;
}
@media (min-width: 768px) {
#et-fab.et-fab-right {
right: 150px !important;
}
}
.bg-leitbild > .cms-column:first-child {
padding: 90px 10px 90px 90px;
}
@media (max-width: 1023px) {
.bg-leitbild > .cms-column:first-child {
padding: 90px;
order: 2;
}
}
@media (max-width: 767px) {
.bg-leitbild > .cms-column:first-child {
padding: 0 40px;
}
.bg-leitbild > .cms-column:first-child > .textcontent {
display: flex;
flex-direction: column;
}
}
.circleAnimation {
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.circleAnimation #circleOuter {
width: 732px;
aspect-ratio: 1;
background: #acb99c;
border-radius: 50%;
border: 6px solid #ffffff;
margin-top: -50px;
margin-bottom: -50px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
color: #ffffff;
font-size: 20px;
/* the percentage */
/* the thickness */
/* the color */
}
.circleAnimation #circleOuter:before {
content: "";
position: absolute;
border-radius: 50%;
}
.circleAnimation #circleOuter:before {
inset: 0;
background: radial-gradient(farthest-side, #ffffff 98%, #0000 0) top / 0 40px no-repeat, conic-gradient(#ffffff calc(20%), #0000 0 0);
-webkit-mask: radial-gradient(farthest-side, #0000 0 calc(59%), #000 calc(60%));
mask: radial-gradient(farthest-side, #0000 0 calc(59%), #000 calc(60%));
-webkit-transition: 0.8s all ease-in-out;
-moz-transition: 0.8s all ease-in-out;
-ms-transition: 0.8s all ease-in-out;
-o-transition: 0.8s all ease-in-out;
rotate: -130deg;
opacity: 0;
}
.circleAnimation #circleOuter.step__1:before {
rotate: -36deg;
opacity: 1;
}
.circleAnimation #circleOuter.step__1 #circleOuterTop {
color: #040004;
font-weight: 500;
}
.circleAnimation #circleOuter.step__2:before {
rotate: 146deg;
opacity: 1;
}
.circleAnimation #circleOuter.step__2 #circleOuterBottom {
color: #040004;
font-weight: 500;
}
.circleAnimation #circleOuterBottom,
.circleAnimation #circleOuterTop {
position: absolute;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.circleAnimation #circleOuterBottom:hover,
.circleAnimation #circleOuterTop:hover {
cursor: pointer;
transform: scale(1.05);
font-weight: 500;
}
.circleAnimation #circleOuterTop {
top: 5px;
}
.circleAnimation #circleOuterBottom {
bottom: 5px;
}
.circleAnimation .circle__middle {
width: 632px;
aspect-ratio: 1;
background: #c4cdb9;
border-radius: 50%;
border: 6px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
position: relative;
}
.circleAnimation #circleMiddleLeft {
position: absolute;
transform: rotate(-63deg);
top: 140px;
left: 90px;
}
.circleAnimation #circleMiddleRight {
position: absolute;
transform: rotate(58deg);
top: 135px;
right: 85px;
}
.circleAnimation #circleMiddleBottom {
position: absolute;
bottom: 5px;
}
.circleAnimation #circleInner {
position: relative;
width: 532px;
aspect-ratio: 1;
background: #dce1d6;
border-radius: 50%;
border: 6px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
/* the percentage */
/* the thickness */
/* the color */
/* the size*/
}
.circleAnimation #circleInner:before {
content: "";
position: absolute;
border-radius: 50%;
}
.circleAnimation #circleInner:before {
inset: 0;
background: radial-gradient(farthest-side, #ffffff 98%, #0000 0) top / 0 150px no-repeat, conic-gradient(#ffffff calc(12.5%), #0000 0 0);
-webkit-mask: radial-gradient(farthest-side, #0000 0 calc(-51%), #000 calc(-50%));
mask: radial-gradient(farthest-side, #0000 0 calc(-51%), #000 calc(-50%));
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
rotate: -22deg;
opacity: 0;
animation: colorload 2.5s 1;
animation-delay: 1s;
}
.circleAnimation #circleInner.step__1:before {
rotate: -22deg;
opacity: 1;
}
.circleAnimation #circleInner.step__2:before {
rotate: 20deg;
opacity: 1;
}
.circleAnimation #circleInner.step__3:before {
rotate: 65deg;
opacity: 1;
}
.circleAnimation #circleInner.step__4:before {
rotate: 112deg;
opacity: 1;
}
.circleAnimation #circleInner.step__5:before {
rotate: 157deg;
opacity: 1;
}
.circleAnimation #circleInner.step__6:before {
rotate: 203deg;
opacity: 1;
}
.circleAnimation #circleInner.step__7:before {
rotate: 248deg;
opacity: 1;
}
.circleAnimation #circleInner.step__8:before {
rotate: 294deg;
opacity: 1;
}
.circleAnimation #circleInner > div:not(#circleEye) {
position: absolute;
color: #040004;
width: 110px;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.circleAnimation #circleInner .circle__inner {
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.circleAnimation #circleInner .circle__inner:hover {
transform: scale(1.05);
font-weight: 500;
}
.circleAnimation #circleInner .circle__inner--1 {
top: 5%;
}
.circleAnimation #circleInner .circle__inner--2 {
top: 20%;
right: 15%;
}
.circleAnimation #circleInner .circle__inner--3 {
top: 45%;
right: 5%;
}
.circleAnimation #circleInner .circle__inner--4 {
bottom: 20%;
right: 15%;
}
.circleAnimation #circleInner .circle__inner--5 {
bottom: 5%;
}
.circleAnimation #circleInner .circle__inner--6 {
bottom: 20%;
left: 15%;
}
.circleAnimation #circleInner .circle__inner--7 {
top: 45%;
left: 5%;
}
.circleAnimation #circleInner .circle__inner--8 {
top: 20%;
left: 15%;
}
.circleAnimation #circleEye {
width: 200px;
aspect-ratio: 1;
padding: 20px;
font-weight: 500;
background: #c4cdb9;
border-radius: 50%;
border: 6px solid #ffffff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 1;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
cursor: pointer;
}
.circleAnimation #circleEye:hover {
transform: scale(1.05);
font-weight: 700;
}
.circleAnimation #circleEye.active {
background: #ffffff;
color: #c4cdb9;
}
.circleAnimation__contentWrapper {
margin-top: 40px;
}
.circleAnimation__headline {
font-size: 24px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.circleAnimation__headline {
font-size: 18px;
}
}
.circleAnimation__content strong {
color: #5D864C;
}
.circleAnimation path {
fill: transparent;
}
.circleAnimation text {
fill: #ffffff;
}
@-webkit-keyframes colorload {
0% {
opacity: 1;
transform: rotate(0deg);
}
99% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@keyframes colorload {
0% {
opacity: 1;
transform: rotate(0deg);
}
99% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
.pulseRing {
display: block;
cursor: pointer;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.7);
animation: pulseRing 2s 3;
}
@-webkit-keyframes pulseRing {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes pulseRing {
0% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.circleAnimation__content {
display: none;
}
.circleAnimation__content.active {
display: block;
-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* ----------------------------------------------
* Generated by Animista on 2023-2-8 16:56:10
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-left
* ----------------------------------------
*/
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@media (max-width: 767px) {
.circleAnimation {
margin-bottom: 50px;
}
.circleAnimation__contentWrapper {
margin-top: 10px;
margin-bottom: 20px;
order: -1;
}
.circleAnimation #circleOuter {
margin: 4px;
width: 100%;
font-size: 14px;
line-height: 1.2;
border-width: 4px;
}
.circleAnimation #circleOuterTop {
top: 13px;
}
.circleAnimation #circleOuterBottom {
bottom: 13px;
}
.circleAnimation .circle__middle {
width: 85%;
font-size: 14px;
line-height: 1.2;
border-width: 4px;
}
.circleAnimation #circleMiddleLeft {
transform: rotate(-86deg);
top: 40%;
left: 10%;
}
.circleAnimation #circleMiddleRight {
transform: rotate(86deg);
top: 44%;
right: 7%;
}
.circleAnimation #circleMiddleBottom {
bottom: 15px;
}
.circleAnimation #circleInner {
width: 80%;
border-width: 4px;
}
.circleAnimation #circleInner > div:not(#circleEye) {
font-size: 12px;
line-height: 1.2;
width: 80px;
}
.circleAnimation #circleEye {
width: 35%;
font-size: 12px;
line-height: 1.2;
border-width: 4px;
}
}
@media (max-width: 480px) {
.circleAnimation {
margin-bottom: 0;
margin-top: -30px;
}
.circleAnimation #circleOuter {
font-size: 10px;
border-width: 2px;
}
.circleAnimation #circleOuterTop {
top: 5px;
}
.circleAnimation #circleOuterBottom {
bottom: 5px;
}
.circleAnimation .circle__middle {
width: 88%;
font-size: 10px;
border-width: 2px;
}
.circleAnimation #circleMiddleLeft {
transform: rotate(-85deg);
top: 40%;
left: 25px;
}
.circleAnimation #circleMiddleRight {
transform: rotate(94deg);
top: 50%;
right: 19px;
}
.circleAnimation #circleMiddleBottom {
bottom: 3px;
}
.circleAnimation #circleInner {
width: 88%;
border-width: 2px;
}
.circleAnimation #circleInner > div:not(#circleEye) {
font-size: 10px;
line-height: 1.2;
width: 60px;
}
.circleAnimation #circleInner .circle__inner--1 {
top: 4%;
}
.circleAnimation #circleInner .circle__inner--2 {
top: 17%;
right: 13%;
}
.circleAnimation #circleInner .circle__inner--3 {
right: 4%;
}
.circleAnimation #circleInner .circle__inner--4 {
bottom: 17%;
right: 12%;
}
.circleAnimation #circleInner .circle__inner--5 {
bottom: 4%;
}
.circleAnimation #circleInner .circle__inner--6 {
bottom: 17%;
left: 13%;
}
.circleAnimation #circleInner .circle__inner--7 {
left: 4%;
}
.circleAnimation #circleInner .circle__inner--8 {
top: 19%;
left: 12%;
}
.circleAnimation #circleEye {
width: 35%;
font-size: 10px;
line-height: 1.2;
border-width: 2px;
}
}
@media (max-width: 480px) and (max-width: 390px) {
.circleAnimation #circleMiddleLeft {
transform: rotate(-88deg);
}
}
body.page_lebkuchen-des-jahres,
body.page_breuninger-spezialitaeten {
/* Artikelvorschau nur 2 Produkte */
}
body.page_lebkuchen-des-jahres .footerTrust,
body.page_breuninger-spezialitaeten .footerTrust,
body.page_lebkuchen-des-jahres .footerTopMenu,
body.page_breuninger-spezialitaeten .footerTopMenu,
body.page_lebkuchen-des-jahres .breadcrumbWrapper,
body.page_breuninger-spezialitaeten .breadcrumbWrapper {
display: none;
}
body.page_lebkuchen-des-jahres .trustElements,
body.page_breuninger-spezialitaeten .trustElements {
margin-left: auto;
margin-right: auto;
max-width: 920px;
margin-bottom: 160px;
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres .trustElements,
body.page_breuninger-spezialitaeten .trustElements {
margin-bottom: 120px;
}
}
@media (max-width: 480px) {
body.page_lebkuchen-des-jahres .trustElements,
body.page_breuninger-spezialitaeten .trustElements {
margin-bottom: 80px;
flex-wrap: wrap;
}
body.page_lebkuchen-des-jahres .trustElements .trustElement,
body.page_breuninger-spezialitaeten .trustElements .trustElement {
margin: 0 0 20px;
width: 50%;
}
}
body.page_lebkuchen-des-jahres .horizontal-center .shop_item_preview,
body.page_breuninger-spezialitaeten .horizontal-center .shop_item_preview {
margin-left: auto;
margin-right: auto;
width: 66.6666%;
}
body.page_lebkuchen-des-jahres .horizontal-center .shop_item_preview .itemlist2.itemlist,
body.page_breuninger-spezialitaeten .horizontal-center .shop_item_preview .itemlist2.itemlist {
width: 50%;
}
@media (max-width: 1023px) {
body.page_lebkuchen-des-jahres .horizontal-center .shop_item_preview,
body.page_breuninger-spezialitaeten .horizontal-center .shop_item_preview {
width: 90%;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres .horizontal-center .shop_item_preview,
body.page_breuninger-spezialitaeten .horizontal-center .shop_item_preview {
width: 100%;
margin-left: 20px;
margin-right: 20px;
}
body.page_lebkuchen-des-jahres .horizontal-center .shop_item_preview .itemlist2.itemlist,
body.page_breuninger-spezialitaeten .horizontal-center .shop_item_preview .itemlist2.itemlist {
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
}
}
body.page_lebkuchen-des-jahres .primary_navigation,
body.page_breuninger-spezialitaeten .primary_navigation {
display: block!important;
}
body.page_lebkuchen-des-jahres .primary_navigation .back_to_shop,
body.page_breuninger-spezialitaeten .primary_navigation .back_to_shop {
top: 30px;
padding: 0 0 0 35px;
}
body.page_lebkuchen-des-jahres .primary_navigation .back_to_shop i,
body.page_breuninger-spezialitaeten .primary_navigation .back_to_shop i {
line-height: 1;
}
@media (max-width: 1249px) {
body.page_lebkuchen-des-jahres .primary_navigation,
body.page_breuninger-spezialitaeten .primary_navigation {
padding-left: 80px;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres .primary_navigation,
body.page_breuninger-spezialitaeten .primary_navigation {
padding-left: 60px;
}
body.page_lebkuchen-des-jahres .primary_navigation .navigation > ul > li > a,
body.page_breuninger-spezialitaeten .primary_navigation .navigation > ul > li > a {
font-size: 11px;
padding: 5px;
}
body.page_lebkuchen-des-jahres .primary_navigation .navigation > ul > li > a:after,
body.page_breuninger-spezialitaeten .primary_navigation .navigation > ul > li > a:after {
height: 9px;
}
body.page_lebkuchen-des-jahres .primary_navigation .back_to_shop,
body.page_breuninger-spezialitaeten .primary_navigation .back_to_shop {
display: none;
}
}
@media (max-width: 1249px) {
body.page_lebkuchen-des-jahres .headermain .headerContainer,
body.page_breuninger-spezialitaeten .headermain .headerContainer {
justify-content: center;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres .headermain .headerContainer,
body.page_breuninger-spezialitaeten .headermain .headerContainer {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres #Zutaten,
body.page_breuninger-spezialitaeten #Zutaten {
margin-bottom: 40px!important;
}
}
body.page_lebkuchen-des-jahres .slideshow_box .slideshow_text,
body.page_breuninger-spezialitaeten .slideshow_box .slideshow_text {
font-weight: 400;
font-size: 16px;
}
body.page_lebkuchen-des-jahres footer,
body.page_breuninger-spezialitaeten footer {
padding-bottom: 50px;
}
body.page_lebkuchen-des-jahres #scrolltop_button,
body.page_breuninger-spezialitaeten #scrolltop_button {
z-index: 4;
}
body.page_lebkuchen-des-jahres .headertop {
border-bottom: 0;
padding: 0;
height: 1px;
}
@media (max-width: 1249px) {
body.page_lebkuchen-des-jahres #navigation {
flex-grow: 1;
}
body.page_lebkuchen-des-jahres #navigation .back_to_shop {
top: 40px;
}
body.page_lebkuchen-des-jahres #navigation .back_to_shop i {
margin-top: -16px;
}
}
@media (max-width: 1023px) {
body.page_lebkuchen-des-jahres #navigation .back_to_shop {
top: 35px;
}
body.page_lebkuchen-des-jahres #navigation .back_to_shop i {
margin-top: -15px;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres #navigation {
display: none;
}
}
@media (max-width: 767px) {
body.page_lebkuchen-des-jahres .headerShopmenu {
margin-left: -10px;
}
body.page_lebkuchen-des-jahres .headermain {
padding-left: 30px;
padding-right: 30px;
}
body.page_lebkuchen-des-jahres .headermain .headerContainer {
margin-left: 0;
}
}
body.page_lebkuchen-des-jahres .highlighted {
font-family: 'Playfair Display', Times, serif;
font-style: italic;
font-weight: 400;
position: relative;
margin-bottom: 40px;
}
@media (min-width: 768px) {
body.page_lebkuchen-des-jahres .highlighted {
margin-bottom: 80px;
}
}
body.page_lebkuchen-des-jahres .highlighted:after {
content: "";
display: block;
width: 50%;
max-width: 350px;
height: 1px;
background: #040004;
position: absolute;
left: 50%;
bottom: -20px;
transform: translate(-50%);
}
.bannerText--white {
color: #ffffff;
}
.bannerText--white h1,
.bannerText--white h2,
.bannerText--white h3,
.bannerText--white h4,
.bannerText--white h5,
.bannerText--white h6,
.bannerText--white .h1,
.bannerText--white .h2,
.bannerText--white .h3,
.bannerText--white .h4,
.bannerText--white .h5,
.bannerText--white .h6,
.bannerText--white .bigFont,
.bannerText--white .counting__number,
.bannerText--white .counting__text,
.bannerText--white .countText,
.bannerText--white .finderFilter__label {
color: #ffffff;
}
.bannerText--white h1,
.bannerText--white .h1,
.bannerText--white .bigFont,
.bannerText--white .counting__number {
margin-bottom: 40px!important;
}
.bannerText--white h3,
.bannerText--white .h3,
.bannerText--white .counting__text,
.bannerText--white .countText,
.bannerText--white .finderFilter__label {
margin-bottom: 30px;
}
.bannerText--white .button_white,
.bannerText--white .collectionGroupFilter__item > span {
color: #e70610;
border-color: #ffffff;
}
.bannerText--white .button_white:hover,
.bannerText--white .button_white:active,
.bannerText--white .button_white:focus,
.bannerText--white .collectionGroupFilter__item > span:hover,
.bannerText--white .collectionGroupFilter__item > span:active,
.bannerText--white .collectionGroupFilter__item > span:focus {
color: #907232 !important;
border-color: #907232 !important;
}
.offsetImages__withBox {
display: grid;
grid-template-columns: 1fr 920px 1fr;
z-index: 2;
position: relative;
}
.offsetImages__withBox > div:first-child {
margin-top: 100px;
margin-right: -70px;
z-index: 3;
position: relative;
pointer-events: none;
}
.offsetImages__withBox > div:last-child {
margin-top: -140px;
margin-left: -120px;
z-index: 3;
pointer-events: none;
}
.offsetImages__withBox .maxWidth {
margin-top: 90px;
width: 920px;
padding: 70px;
flex-shrink: 0;
z-index: 2;
position: relative;
}
@media (max-width: 1249px) {
.offsetImages__withBox {
grid-template-columns: 1fr 700px 1fr;
}
.offsetImages__withBox .maxWidth {
width: 100%;
}
}
@media (max-width: 1023px) {
.offsetImages__withBox {
grid-template-columns: 1fr 500px 1fr;
}
}
@media (max-width: 767px) {
.offsetImages__withBox {
grid-template-columns: 1fr;
}
.offsetImages__withBox > div:first-child {
margin-top: -70px;
margin-bottom: -70px;
}
.offsetImages__withBox > div:first-child img {
width: 300px!important;
}
.offsetImages__withBox > div:last-child {
margin-top: -70px;
margin-left: 0;
text-align: right;
}
.offsetImages__withBox > div:last-child img {
width: 300px!important;
}
.offsetImages__withBox .maxWidth {
margin-top: 0;
padding: 70px 40px;
}
}
@media (max-width: 480px) {
.offsetImages__withBox .maxWidth {
padding: 70px 20px;
}
}
ul.hoverElements {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: '. left middle middle right .' '. left-bottom middle-bottom-big middle-bottom-big right-bottom .';
gap: 20px;
height: 100%;
}
ul.hoverElements li {
position: relative;
}
ul.hoverElements li img {
filter: grayscale(1);
transition: 0.2s all ease-in-out;
}
ul.hoverElements li:hover img {
filter: grayscale(0);
}
ul.hoverElements li:hover span {
transform: translate(-50%) scale(1.05);
}
ul.hoverElements li:first-child {
grid-area: left;
}
ul.hoverElements li:first-child span {
top: -60px;
}
ul.hoverElements li:nth-child(2) {
grid-area: middle;
}
ul.hoverElements li:nth-child(2) span {
top: -60px;
}
ul.hoverElements li:nth-child(3) {
grid-area: right;
}
ul.hoverElements li:nth-child(3) span {
top: -60px;
}
ul.hoverElements li:nth-child(4) {
grid-area: left-bottom;
}
ul.hoverElements li:nth-child(4) img {
margin-left: -30px;
}
ul.hoverElements li:nth-child(4) span {
left: 80%;
}
ul.hoverElements li:nth-child(5) {
grid-area: middle-bottom-big;
}
ul.hoverElements li:nth-child(5) img {
filter: grayscale(0);
}
ul.hoverElements li:nth-child(6) {
grid-area: right-bottom;
}
ul.hoverElements li:nth-child(6) img {
margin-right: -30px;
}
ul.hoverElements li:nth-child(6) span {
left: 80%;
}
ul.hoverElements span {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
width: 100px;
height: 100px;
border-radius: 50%;
background: #f9f7f4;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
text-align: center;
transition: 0.2s all ease-in-out;
}
@media (max-width: 1023px) {
ul.hoverElements {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 50px;
margin-right: 50px;
grid-template-areas: 'left middle middle right' 'left-bottom middle-bottom-big middle-bottom-big right-bottom';
}
}
@media (max-width: 767px) {
ul.hoverElements {
margin-left: 30px;
margin-right: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-areas: 'left middle right left-bottom right-bottom' 'middle-bottom-big middle-bottom-big middle-bottom-big middle-bottom-big middle-bottom-big';
}
ul.hoverElements span {
display: none;
}
ul.hoverElements li {
display: flex;
align-items: center;
justify-content: center;
}
ul.hoverElements li img {
margin: 0!important;
}
}
.stickyBar {
position: fixed;
z-index: 3;
bottom: 0;
left: 0;
right: 0;
background: #EAE7E3;
box-shadow: 0 3px 10px #00000029;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.stickyBar a {
margin-left: 30px;
}
@media (max-width: 1023px) {
.stickyBar {
height: 60px;
}
}
@media (max-width: 767px) {
.stickyBar {
height: auto;
padding: 10px;
flex-wrap: wrap;
display: none;
}
.stickyBar a {
margin-left: 0;
margin-top: 10px;
}
}
.batchOfTheYear {
position: absolute;
top: 40px;
left: 40px;
width: 180px;
aspect-ratio: 1;
padding: 10px;
background: #040004;
border-radius: 50%;
border: 2px solid #ffffff;
outline: 6px solid #040004;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #f3692a;
text-transform: uppercase;
font-size: 28px;
line-height: 1.1;
font-weight: 600;
}
.batchOfTheYear span {
color: #ffffff;
font-size: 20px;
}
@media (max-width: 767px) {
.batchOfTheYear {
top: 20px;
left: unset;
right: 20px;
width: 80px;
font-size: 12px;
}
.batchOfTheYear span {
font-size: 10px;
}
}
@media (max-width: 1249px) {
body.page_breuninger-spezialitaeten #primaryNavigation {
display: none!important;
}
}
@media (max-width: 1249px) {
body.page_breuninger-spezialitaeten .headermain .headerContainer {
justify-content: space-between;
}
}
@media (max-width: 767px) {
body.page_breuninger-spezialitaeten .headermain {
padding-right: 20px!important;
}
}
body.page_nikolaus .headertop {
padding: 0;
height: 1px;
}
body.page_nikolaus .headertop .headerContainer {
display: none;
}
body.page_nikolaus .footerTrust,
body.page_nikolaus .footerTopMenu,
body.page_nikolaus .breadcrumbWrapper {
display: none;
}
body.page_nikolaus .footerBottom {
padding-bottom: 100px;
}
body.page_nikolaus .trustElements {
margin-left: auto;
margin-right: auto;
max-width: 920px;
margin-bottom: 160px;
}
@media (max-width: 767px) {
body.page_nikolaus .trustElements {
margin-bottom: 120px;
}
}
@media (max-width: 480px) {
body.page_nikolaus .trustElements {
margin-bottom: 80px;
flex-wrap: wrap;
}
body.page_nikolaus .trustElements .trustElement {
margin: 0 0 20px;
width: 50%;
}
}
body.page_nikolaus .batchOfTheYear.batchNikolaus {
width: 320px;
background-color: transparent !important;
background-image: url(/userdata/files/nikolaus/lks_nikolaus_rabatt-badge.png) !important;
background-size: contain !important;
border-radius: 0;
border: none;
outline: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #ffffff;
text-transform: unset;
font-size: 20px;
line-height: 1.1;
font-weight: 600;
filter: drop-shadow(2px 2px 5px #3f3522);
}
body.page_nikolaus .batchOfTheYear.batchNikolaus span {
color: #ffffff;
font-size: 27px;
}
@media (max-width: 1024px) {
body.page_nikolaus .batchOfTheYear.batchNikolaus {
top: 20px;
left: unset;
right: 20px;
width: 140px;
font-size: 12px;
}
body.page_nikolaus .batchOfTheYear.batchNikolaus span {
font-size: 14px;
}
}
@media (max-width: 480px) {
body.page_nikolaus .newBannerFullHeight {
min-height: calc(100vh - 74px);
min-height: -moz-calc(100vh - 74px);
min-height: -webkit-calc(100vh - 74px);
min-height: -o-calc(100vh - 74px);
}
}
.tag {
background: #f5f5f5;
display: inline-flex;
align-items: center;
padding: 7px 10px;
font-size: 13px;
cursor: pointer;
text-decoration: none;
color: #040004;
border-radius: 4px;
line-height: 1;
text-align: center;
}
.tag:hover,
.tag.is-active {
background: #e70610;
color: #ffffff !important;
text-decoration: none;
}
.tag:focus,
.tag:active {
background: #ce050e;
color: #ffffff !important;
text-decoration: none;
}
.tag .icon {
font-size: 10px;
margin-left: 5px;
line-height: 1;
display: block;
margin-top: 1px;
}
.tags {
display: flex;
flex-wrap: wrap;
margin-bottom: -10px;
margin-right: -10px;
margin-top: 5px;
}
.tags .tag {
margin-right: 10px;
margin-bottom: 10px;
}
@media (max-width: 1023px) {
.tags {
overflow-y: hidden;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
max-width: 100vw;
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
}
.tags > * {
scroll-snap-align: center;
flex-shrink: 0;
}
}
.couponModal {
text-align: center;
}
.couponModal__icon {
margin-bottom: 20px;
font-size: 50px;
line-height: 1;
color: #727272;
}
.couponModal__title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.couponModal__info {
font-size: 12px;
}
.cheering {
background-color: #F1F6ED;
color: #387E06;
text-align: center;
padding: 5px 10px;
hyphens: auto;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.cheering {
display: none !important;
}
}
.cheering__icon {
width: 24px;
height: 24px;
aspect-ratio: 1;
margin-right: 10px;
display: block;
}
.cheering--basket {
padding-top: 7px;
padding-bottom: 7px;
}
body.ab141609 .cheering--basket {
display: flex !important;
}
/*
Unsere Größen zu Ihrem Glück!Und so einfach geht’s!
Ob klein, mittel, extra-groß oder in einer Bubble Waffel – finden Sie die perfekte Basis für Ihr erfrischendes Erlebnis.
*/
.headlineBadgeWrapper {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 600px;
padding-top: 90px;
margin-top: -40px;
}
@media (min-width: 768px) and (max-width: 1249px) {
.headlineBadgeWrapper {
max-width: calc(100% - 200px);
max-width: -moz-calc(100% - 200px);
max-width: -webkit-calc(100% - 200px);
max-width: -o-calc(100% - 200px);
}
}
@media (min-width: 768px) {
.headlineBadgeWrapper {
padding-top: 0;
margin-top: 0;
}
}
.headlineBadgeWrapper .headlineBadge {
border-radius: 50%;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
text-align: center;
line-height: 1.25;
background: #907232;
color: #ffffff;
rotate: 10deg;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-weight: bold;
position: absolute;
width: 80px;
height: 80px;
padding: 5px;
font-size: 14px;
top: 0;
right: 0;
}
@media (min-width: 768px) {
.headlineBadgeWrapper .headlineBadge {
margin-right: 10px;
width: 100px;
height: 100px;
right: 100%;
top: 0;
padding: 10px;
font-size: 16px;
transform: translateY(-50%);
}
}
@media (min-width: 1024px) {
.headlineBadgeWrapper .headlineBadge {
margin-right: 30px;
width: 140px;
height: 140px;
font-size: 20px;
}
}
.sizeSlider {
margin: 0;
padding: 0;
display: flex;
align-content: flex-end;
justify-content: center;
position: relative;
z-index: 1;
width: 100%;
}
@media screen and (min-width: 1024px) {
.sizeSlider {
gap: 20px;
}
}
.sizeSlider li {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
flex-grow: 0;
}
.sizeSlider li span {
margin-top: 15px;
font-family: 'Tiempos Fine', Helvetica, Arial, sans-serif;
font-size: 50px;
color: #907232;
line-height: 50px;
}
@media screen and (max-width: 1539px) {
.sizeSlider li span {
font-size: 40px;
line-height: 40px;
margin-top: 10px;
}
}
@media screen and (max-width: 1023px) {
.sizeSlider li span {
font-size: 35px;
line-height: 35px;
margin-top: 10px;
}
}
.sizeSlider li.smallerText span {
font-size: 30px;
}
@media screen and (max-width: 1539px) {
.sizeSlider li.smallerText span {
font-size: 24px;
}
}
@media screen and (max-width: 1023px) {
.sizeSlider li.smallerText span {
font-size: 20px;
}
}
@media (min-width: 1024px) and (max-width: 1539px) {
.sizeSlider li img {
max-width: 60% !important;
}
}
@media screen and (max-width: 1023px) {
.sizeSlider li img {
aspect-ratio: 0.75;
object-fit: contain;
}
}
@media screen and (max-width: 767px) {
.sizeSlider li img {
aspect-ratio: 1;
}
}
.sizeSlider--3 li {
width: 33.33333333%;
}
.sizeSlider--5 li {
width: 25%;
}
.sizeSlider--line:before {
content: "";
height: 10px;
width: 100%;
border-bottom: 1px solid #907232;
opacity: 0.3;
position: absolute;
left: 0;
bottom: 120px;
z-index: -1;
box-shadow: 0 3px 8px -4px #000000;
}
@media screen and (max-width: 767px) {
.sizeSlider--line:before {
bottom: 70px;
width: 40px;
}
.sizeSlider--line > li {
position: relative;
}
.sizeSlider--line > li:before {
content: "";
height: 10px;
width: 100%;
border-bottom: 1px solid #907232;
opacity: 0.3;
position: absolute;
left: 0;
bottom: 70px;
z-index: -1;
box-shadow: 0 3px 8px -4px #000000;
}
}
@media screen and (max-width: 767px) {
.sizeSlider {
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-snap-align: center;
flex-wrap: nowrap;
justify-content: flex-start;
margin-left: -20px;
margin-right: -20px;
padding-left: 40px;
width: auto;
}
.sizeSlider::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
background: transparent;
display: none;
}
.sizeSlider > li {
scroll-snap-align: center;
flex-shrink: 0;
width: 70%;
padding-left: 10px;
padding-right: 10px;
}
}
.sizeSliderProgressbar {
width: 100%;
background: #f9f7f4;
height: 1px;
}
.sizeSliderProgressbarAction {
background: #907232;
height: 3px;
transition: 0.1s ease;
}
.sizeSliderWrapper {
position: relative;
padding-bottom: 30px;
}
.sizeSliderWrapper .sizeSliderProgressbar,
.sizeSliderWrapper .sizeSliderProgressbarAction {
position: absolute;
left: 0;
}
@media (min-width: 767px+1) {
.sizeSliderWrapper .sizeSliderProgressbar,
.sizeSliderWrapper .sizeSliderProgressbarAction {
display: none;
}
}
.sizeSliderWrapper .sizeSliderProgressbar {
bottom: 1px;
}
.sizeSliderWrapper .sizeSliderProgressbarAction {
bottom: 0;
}
.bg-second .sizeSliderProgressbar {
background: white;
}
.asyncGrid {
margin: 0 -5px;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.asyncGrid {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
.asyncGrid {
max-width: 600px;
}
}
@media (min-width: 1540px) {
.asyncGrid {
max-width: 900px;
}
}
.asyncGrid li {
margin: 0;
padding: 0 5px;
list-style: none;
width: 50%;
flex-shrink: 0;
}
@media (min-width: 768px) {
.asyncGrid li {
padding: 0 11px;
}
}
.asyncGrid li:nth-child(odd) {
margin-top: 60px;
}
@media (min-width: 768px) {
.asyncGrid li:nth-child(odd) {
margin-top: 120px;
}
}
.asyncGrid li img {
min-width: 100%;
display: block;
aspect-ratio: 0.5;
object-fit: cover;
border-radius: 20px;
}
.maxHeightContent {
max-height: 40vh;
max-height: 40svh;
overflow: hidden;
position: relative;
}
.maxHeightContent__buttonWrapper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
background: linear-gradient(0deg, #ffffff 20px, rgba(255, 255, 255, 0.5) 60px, rgba(255, 255, 255, 0) 100%);
padding-top: 40px;
}
.maxHeightContent__button {
display: inline-flex;
gap: 5px;
align-items: center;
color: #907232;
cursor: pointer;
line-height: 1;
}
.maxHeightContent__button:before {
content: "+";
}
.maxHeightContent__button:hover {
color: #e70610;
}
.maxHeightContent.is-open {
max-height: none;
padding-bottom: 60px;
}
.maxHeightContent.is-open .maxHeightContent__button:before {
content: "-";
}
.maxHeightContent:not(.is-active) .maxHeightContent__buttonWrapper {
display: none;
}
.badgeImageWrapper {
position: relative;
z-index: 1;
padding-top: 50px;
}
.badgeImageWrapper__addon {
width: 140px;
height: 140px;
border-radius: 50%;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
text-align: center;
font-size: 16px;
line-height: 1.2;
background: #907232;
color: #ffffff;
padding: 10px;
rotate: 10deg;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
padding-top: 20px;
z-index: -1;
}
.badgeImageWrapper--top-left .badgeImageWrapper__addon {
right: auto;
left: 0;
}
.badgeImageWrapper--bottom-left .badgeImageWrapper__addon {
right: auto;
top: auto;
left: 0;
bottom: 0;
}
.badgeImageWrapper--bottom-right .badgeImageWrapper__addon {
top: auto;
bottom: 0;
}
.linkBox {
border-radius: 16px;
background: #f9f7f4;
display: flex;
flex-direction: column;
width: 100%;
padding: 30px 20px;
gap: 15px 10px;
}
@media (min-width: 768px) {
.linkBox {
padding: 40px 30px;
gap: 20px 15px;
}
}
.linkBox .boxImage {
flex-shrink: 0;
}
.linkBox .boxImage .icon {
font-size: 65px;
line-height: 1;
color: #907232;
}
@media (max-width: 767px) {
.linkBox .boxImage img {
max-width: 50px !important;
}
}
.linkBox--light {
border: 1px solid #ebe7e4;
background: transparent;
}
.headertop {
padding: 7px 10px;
background-color: #ffffff;
color: #4A4B4D;
font-size: 15px;
height: 64px;
border-bottom: 1px solid #f5f5f5;
}
.headertop a {
color: #4A4B4D;
}
.headertop a:hover,
.headertop a.active,
.headertop a.active_tree {
color: #e70610;
}
.headertop a:focus {
color: #e70610;
}
.headertop .headerContainer {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.headertop .headerTopLeft,
.headertop .headerTopRight {
display: flex;
}
.headertop .headerTopLeft {
flex-shrink: 0;
height: 62px;
}
.headerContainer {
max-width: 1860px;
margin-left: auto;
margin-right: auto;
}
.header_language {
display: inline-block;
vertical-align: top;
padding-left: 30px;
}
.top_menu {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.top_menu ul {
padding: 0;
margin: 0 -5px;
}
.top_menu ul li {
padding: 0 5px;
margin: 0;
list-style-type: none;
display: inline-block;
}
.top_menu ul li:after {
content: "\2022";
padding-left: 7px;
color: #907232;
}
.top_menu ul li:last-child:after {
display: none;
}
.headermain {
position: relative;
background-color: #ffffff;
padding-top: 32px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #f5f5f5;
}
.headermain .headerContainer {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media (max-width: 767px) {
.headermain .headerContainer {
align-items: flex-start;
}
}
.headerSwitch ul {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.headerSwitch ul li {
margin: 0;
padding: 0;
list-style: none;
}
.headerSwitch a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 5px 10px;
margin-right: 20px;
position: relative;
transition: 0.2s border-bottom-color ease-in-out;
border-bottom: 2px solid transparent;
height: 100%;
}
.headerSwitch a.tea img {
width: 73px;
}
.headerSwitch a.ah img {
width: 93px;
}
.headerSwitch a img {
max-height: 50px;
filter: grayscale(100%);
opacity: 0.8;
transition: 0.2s all ease-in-out;
}
.headerSwitch a.active,
.headerSwitch a:hover,
.headerSwitch a:focus {
border-bottom: 2px solid #4A4B4D;
}
.headerSwitch a.active img,
.headerSwitch a:hover img,
.headerSwitch a:focus img {
filter: grayscale(0%);
opacity: 1;
}
.headerSwitch a:focus {
border-bottom-color: #e70610;
}
.headerSwitch .dekowelten img {
width: 60px;
}
.headerLogo {
/*float:left;
padding-right: @spacer-base*2;
margin-top: 5px;
margin-bottom: -120px;
position: relative;*/
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 15px;
width: 95px;
text-align: center;
z-index: 201;
margin-bottom: -120px;
}
.headerLogo img {
-webkit-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-ms-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-o-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
}
.headerLogo img:active {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.headerShopmenu {
margin-left: -10px;
margin-right: -10px;
flex-shrink: 0;
display: flex;
align-items: center;
}
@media (min-width: 1250px) {
.headerShopmenu {
max-width: 50%;
}
}
.count {
width: 18px;
height: 18px;
font-weight: 600;
background-color: #e70610;
color: #ffffff !important;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 10px;
line-height: 2;
text-align: center;
margin-left: 5px;
position: relative;
top: -2px;
}
.header_link {
text-align: center;
display: inline-block;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
position: relative;
}
@media (max-width: 1539px) {
.header_link {
padding-left: 5px;
padding-right: 5px;
}
}
.header_link i {
font-size: 26px;
color: #4A4B4D;
line-height: 1;
display: block;
margin-bottom: 2px;
}
.header_link a {
color: #4A4B4D;
display: block;
}
.header_link a:hover,
.header_link a:focus,
.header_link a.active {
color: #e70610;
}
.header_link.active {
color: #e70610;
}
.header_link .count {
top: 0;
left: 50%;
margin-top: 0;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.header_link.logout_link i,
.header_link.search_mobile i {
font-size: 24px;
}
.header_link.header_link_slide {
overflow: hidden;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.header_link.header_link_slide:not(.active) {
width: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
@media (max-width: 767px) {
.header_link.item_compare_link {
display: none;
}
}
@media screen and (max-width: 1023px) {
.header_link {
font-size: 10px;
/* padding-left: 7px;
padding-right: 7px;*/
}
.header_link i {
font-size: 28px;
}
}
@media screen and (max-width: 480px) {
.header_link {
padding-left: 10px;
padding-right: 10px;
}
.header_link span {
display: none;
}
.header_link .count {
right: -2px;
left: auto;
margin-left: 0;
top: -5px;
}
.header_link i {
font-size: 20px;
}
.header_link.logout_link i,
.header_link.search_mobile i {
font-size: 20px;
}
}
/*.headerSearch {
//float:left;
width: 50%;
//padding: @spacer-small @spacer-base*3 @spacer-small 39px;
margin-top: 2px;
z-index: 500;
position: absolute;
left: 25%;
top: 200px;
max-width: 900px;
}*/
.headerSearch {
width: 380px;
z-index: 500;
position: relative;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
@media (max-width: 1500px) {
.headerSearch {
width: 280px;
}
}
@media (max-width: 1249px) {
.headerSearch {
width: 500px;
}
}
@media (max-width: 1023px) {
.headerSearch {
width: 350px;
}
}
.headerSearch.smaller {
width: 300px;
}
@media (max-width: 1500px) {
.headerSearch.smaller {
width: 240px;
}
}
@media (max-width: 1400px) {
.headerSearch.smaller {
width: 180px;
}
}
@media (max-width: 1249px) {
.headerSearch.smaller {
width: 400px;
}
}
@media (max-width: 1023px) {
.headerSearch.smaller {
width: 280px;
}
}
.headerTrustedshops {
margin-left: -10px;
margin-right: -10px;
text-align: right;
}
.headerTrustedshops .textcontent {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.headerTrustedshops i,
.headerTrustedshops .icon {
display: inline-block;
vertical-align: middle;
}
.headerTrustedshops .rating_stars_wrapper span {
margin-right: -4px;
display: inline-block;
vertical-align: middle;
color: rgba(4, 0, 4, 0.2);
font-size: 12px;
}
.headerTrustedshops .rating_stars_wrapper .active span {
color: #4A4B4D;
}
@media (max-width: 1249px) {
.headerTrustedshops {
display: none;
}
}
.headerHotline {
float: left;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 30px;
font-size: 13px;
}
.headerHotline .h4 {
font-size: 18px;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #907232;
font-style: normal;
}
.headerTrust {
padding-top: 5px;
padding-bottom: 5px;
line-height: 60px;
font-size: 17px;
text-align: center;
color: #4A4B4D;
border-bottom: 1px solid #f5f5f5;
}
.headerTrust i {
margin-top: -10px;
position: relative;
top: 10px;
float: left;
margin-right: 5px;
}
.headerTrust .component {
margin-left: -20px;
margin-right: -20px;
}
.headerTrust .component .textcontent {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.headerTrust {
padding-top: 10px;
padding-bottom: 10px;
}
}
.header_loggedIn {
margin-left: 30px;
display: inline-block;
}
.header_loggedIn .logged_in_as {
color: #040004;
}
.header_loggedIn .logged_in_as:after {
content: "\2022";
padding-left: 7px;
padding-right: 7px;
color: #907232;
}
.headerInfobanner {
background-color: #e70610;
-webkit-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
-moz-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
}
.headerInfobanner > .component {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 14px;
line-height: 1.4;
font-weight: 500;
letter-spacing: 0.2px;
color: #ffffff;
}
@media (max-width: 767px) {
.headerInfobanner > .component .newBanner {
margin-left: -40px;
margin-right: -40px;
}
.headerInfobanner > .component .newBanner .boxText {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
}
.headerInfobanner > .component a {
color: #ffffff;
text-decoration: underline;
}
.headerInfobanner > .component a:hover {
color: #040004;
}
@media (max-width: 1539px) {
.headerInfobanner > .component {
font-size: 16px;
}
}
@media (max-width: 1249px) {
.headerInfobanner > .component {
font-size: 14px;
}
}
@media (max-width: 767px) {
.headerInfobanner > .component {
font-size: 12px;
}
}
@media (max-width: 374px) {
.headerInfobanner > .component {
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
}
}
#header.sticky .headerShopmenu .header_link i {
font-size: 24px;
line-height: 1;
margin: 0;
}
@media (max-width: 1249px) {
#header.sticky .headerShopmenu .header_link i {
font-size: 20px;
}
}
#header.sticky .headerShopmenu .header_link i:hover {
color: #e70610;
}
#header.sticky .headerShopmenu .header_link span:not(.count) {
display: none;
}
#header.sticky .headerShopmenu .header_link .count {
margin-left: 3px;
}
@media (max-width: 1249px) {
#header.sticky .headermain .toggle_navigation {
padding-left: 90px;
}
}
@media (max-width: 767px) {
#header.sticky .headermain .toggle_navigation {
padding-left: 80px;
}
}
@media (max-width: 480px) {
#header.sticky .headermain .toggle_navigation {
padding-left: 70px;
}
}
#header.sticky .headermain .toggle_navigation .navigation-bar:last-child {
margin-bottom: 0;
}
#header.sticky .headermain .toggle_navigation__label {
display: none;
}
#header.sticky .headerInfobanner,
#header.sticky .primary_navigation .back_to_shop {
display: none;
}
@media screen and (max-width: 1539px) {
.headermain {
padding-top: 17px;
padding-bottom: 15px;
}
.headerLogo {
width: 75px;
margin-bottom: -75px;
}
}
@media screen and (max-width: 1450px) {
.headerLogo {
width: 60px;
margin-bottom: -60px;
left: 20px;
transform: translateX(0);
}
.headermain {
padding-left: 100px;
}
}
@media screen and (min-width: 1250px) and (max-width: 1290px) {
.headerLogo {
width: 50px;
margin-bottom: -50px;
}
.headerShopmenu .header_link span:not(.count) {
display: none;
}
}
@media screen and (max-width: 1249px) {
.top_menu {
display: none;
}
.headerLogo {
top: 5px;
}
.headerTrust {
font-size: 14px;
}
.headerTrust .component {
margin-left: -10px;
margin-right: -10px;
}
.headerTrust .component .textcontent {
padding-left: 10px;
padding-right: 10px;
}
.headermain {
padding-left: 0;
}
}
@media screen and (max-width: 1023px) {
.headermain {
padding-top: 18px;
padding-bottom: 11px;
}
.headerTrust {
line-height: 28px;
}
.headerTrust i {
font-size: 1.4em;
}
.headerTrust .component {
margin-bottom: -10px;
margin-left: 0;
margin-right: 0;
}
.headerTrust .component .textcontent {
padding: 0;
padding-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.headerSearch {
margin: 0;
padding: 0;
}
.headerShopmenu {
margin-top: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
flex-shrink: 1;
flex-grow: 1;
margin-left: -35px;
}
.headerShopmenu .headerSearch {
order: 99;
width: 100%;
margin-top: 20px;
}
.headermain {
padding-top: 20px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 480px) {
.headerLogo {
width: 50px;
margin-bottom: -50px;
padding-right: 0;
}
}
.sticky-helper {
display: none;
}
@media screen and (min-width: 768px) {
#header.sticky {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 210;
}
#header.sticky .headertop {
display: none;
}
#header.sticky .headerLogo {
position: fixed;
top: 5px;
}
#header.sticky .headerLogo img {
width: auto !important;
height: 90px !important;
}
#header.sticky.checkout {
position: relative;
}
#header.sticky.checkout #navigation {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 200;
}
.sticky-helper {
display: block;
}
}
@media (max-width: 1539px) {
#header.sticky .headermain {
margin: 0;
}
}
@media screen and (max-width: 767px) {
#header.sticky {
position: fixed;
width: 100%;
top: 0;
z-index: 203;
}
#header.sticky .headertop {
display: none;
}
#header.sticky .headerLogo img {
width: auto !important;
height: 70px !important;
}
#header.sticky.checkout {
position: relative;
}
#header.sticky.checkout #navigation {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 200;
}
body.overlay-opened #header.sticky .headerLogo {
opacity: 0;
}
.sticky-helper {
display: block;
}
}
#gadget {
max-width: 1860px;
margin-left: auto;
margin-right: auto;
}
body.overlay-opened:not(.overlay-menu) {
overflow: hidden;
}
body.overlay-opened:not(.overlay-menu) .headerLogo {
opacity: 0;
}
body.overlay-opened:not(.overlay-menu) #overlay2 {
z-index: 201;
}
body.overlay-opened:not(.overlay-menu) .headerSearch {
position: fixed;
left: 25%;
margin-left: 20px;
width: 50%;
top: 25px;
z-index: 502;
}
body.overlay-opened:not(.overlay-menu) .headerSearch #form_search .search_field > input {
padding-top: 15px;
padding-bottom: 14px;
}
body.overlay-opened:not(.overlay-menu) .headerSearch .closeIcon {
position: fixed;
right: 25px;
top: 25px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f5f5f5;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
}
body.overlay-opened:not(.overlay-menu) .headerSearch .closeIcon span {
font-size: 14px;
color: #040004;
line-height: 50px;
}
body.overlay-opened:not(.overlay-menu) .headerSearch .closeIcon:hover span {
color: #907232;
}
@media (max-width: 767px) {
body.overlay-opened:not(.overlay-menu) .headerSearch {
left: 20px;
right: 80px;
width: auto;
top: 25px;
margin: 0;
}
}
body.overlay-opened:not(.overlay-menu) header.sticky .headerLogo,
body.overlay-opened:not(.overlay-menu) header.sticky .header_account,
body.overlay-opened:not(.overlay-menu) header.sticky .header_basket,
body.overlay-opened:not(.overlay-menu) header.sticky #navigation {
display: none;
}
body.overlay-opened:not(.overlay-menu) header.sticky .headermain {
border-bottom: none;
}
body.overlay-menu .headerSearch {
z-index: 200;
}
.headerLogoAnimate img {
max-width: 98%;
opacity: 0;
}
.headerLogoAnimate svg {
-webkit-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-ms-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-o-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
}
.headerLogoAnimate:has(svg) img {
display: none;
}
@media (max-width: 1249px) {
.headerLogo {
transform: translateX(-50%);
left: 50%;
z-index: 501;
}
}
@media (max-width: 767px) {
.headerLogo {
width: 40px;
margin-bottom: -40px;
filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
}
}
@media (max-width: 1249px) {
#toggle_navigation {
padding-left: 0;
}
}
#header.sticky .headermain .toggle_navigation {
padding-left: 0;
}
@media (max-width: 1249px) {
.headerSearch {
width: 300px;
}
}
@media (max-width: 1023px) {
.headerSearch {
width: 220px;
}
}
@media (max-width: 767px) {
.headerSearch {
width: 100%;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f5f5f5;
}
.headerSearch .headerSearchWrapper {
margin-right: 0;
}
}
@media (max-width: 1249px) {
.header_link span {
display: none;
}
.header_link i {
font-size: 20px;
}
}
@media (max-width: 1249px) {
.headermain {
padding-top: 11px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.headermain {
padding-top: 20px;
padding-right: 30px;
}
}
.headermain .headerContainer {
align-items: center;
}
@media (max-width: 767px) {
.headermain .headerContainer {
align-items: flex-start;
}
}
.toggle_navigation {
padding-top: 0;
}
.toggle_navigation .toggle_navigation__label {
display: none;
}
.toggle_navigation .navigation-bar:last-child {
margin-bottom: 0;
}
body.overlay-opened:not(.overlay-menu) .headerSearch {
padding-top: 0;
border: 0;
z-index: 502;
}
.headerLogoAnimate svg {
-webkit-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-ms-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
-o-filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 5px 2px rgba(0, 0, 0, 0.2));
}
.headerLogoAnimate:has(svg) img {
display: none;
}
.headerbenefitsbar {
background: #f5f5f5;
line-height: 16px;
padding-top: 10px;
padding-bottom: 10px;
color: #474747;
font-size: 1.1rem;
}
@media (min-width: 1250px) {
.headerbenefitsbar {
font-size: 1.4rem;
line-height: 20px;
}
}
.headerbenefitsbar .component {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 20px;
}
@media (min-width: 1024px) {
.headerbenefitsbar .component {
gap: 40px;
}
}
@media (min-width: 1540px) {
.headerbenefitsbar .component {
gap: 80px;
}
}
@media (max-width: 767px) {
.headerbenefitsbar .component {
white-space: nowrap;
overflow: hidden;
justify-content: flex-start;
}
.headerbenefitsbar .component > * {
flex-shrink: 0;
width: 100%;
}
}
.headerbenefitsbar .textcontent {
text-align: center;
}
.headerbenefitsbar .textcontent .icon {
font-size: 0.9em;
line-height: 1;
}
.headerbenefitsbar .textcontent > .icon:first-child {
margin-right: 2px;
}
@media (min-width: 1024px) {
.headerbenefitsbar .textcontent > .icon:first-child {
margin-right: 5px;
}
}
@media (min-width: 1921px) {
body {
max-width: 1920px;
margin: 0 auto;
}
}
@media (min-width: 1921px) {
.containerFull {
max-width: 1920px;
margin: 0 auto;
}
}
.material-icons {
width: 30px;
height: 30px;
display: inline-block;
background-color: green;
}
.bg-white {
background-color: #ffffff;
}
.bg-gray {
background-color: #f9f7f4;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
.bg-primary {
background-color: #907232;
}
.bg-gradient {
background-color: #f9f7f4;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
.bg-gradient--rotate {
background-color: #f9f7f4;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
img {
height: auto !important;
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
}
video {
height: auto !important;
max-width: 100%;
}
.image {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
}
.image img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.image:before {
content: "";
display: block;
padding-top: 100%;
}
#container {
background-color: #ffffff;
min-width: 320px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
#content {
min-height: 650px;
}
.emptybox {
padding: 30px;
background-color: #f9f7f4;
margin-bottom: 20px;
}
.row {
display: flex;
flex-wrap: wrap;
}
.row:before,
.row:after {
display: none;
}
.row:not(.align-items-center):not(.align-items-end):not(.align-items-start) > .cms-column {
display: flex;
}
.row:not(.align-items-center):not(.align-items-end):not(.align-items-start) > .cms-column > .textcontent {
width: 100%;
}
.row.align-items-center {
align-items: center;
}
.row.align-items-end {
align-items: flex-end;
}
.row.align-items-start {
align-items: flex-start;
}
.row.horizontal-center {
justify-content: center;
}
.row.nogap {
margin-left: 0 !important;
margin-right: 0 !important;
}
.row.nogap > .cms-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (min-width: 768px) {
.order-sm-1 {
order: 1;
}
}
@media (min-width: 1024px) {
.order-md-1 {
order: 1;
}
}
@media (min-width: 1250px) {
.order-lg-1 {
order: 1;
}
}
.imageMaxHeight.pull-right {
order: 2;
}
@media screen and (max-width: 1023px) {
.imageMaxHeight.pull-right {
order: 0;
}
}
#box {
position: fixed;
bottom: 145px;
left: 0;
z-index: 120;
width: 64px;
-webkit-transition: right 0.2s ease-in;
-moz-transition: right 0.2s ease-in;
-ms-transition: right 0.2s ease-in;
-o-transition: right 0.2s ease-in;
}
#box .box-icons {
cursor: pointer;
-webkit-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15);
padding: 10px;
background-color: #e70610;
}
#box .box-icons .box-icon {
height: 48px;
line-height: 48px;
text-align: center;
color: #ffffff;
display: block;
}
#box .box-icons .box-icon:after {
clear: both;
display: block;
content: " ";
}
#box .box-icons .box-icon i {
font-size: 30px;
line-height: 48px;
}
#box .box-content {
background-color: #e70610;
color: #ffffff;
-webkit-box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.15);
padding: 10px;
width: 256px;
position: absolute;
top: 0;
left: 84px;
display: none;
min-height: 164px;
}
#box .box-content:after {
content: '';
display: block;
width: 0;
height: 0;
left: -20px;
border-top: 10px solid transparent;
border-right: 10px solid #e70610;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
top: 72px;
}
#box .box-content a {
color: #ffffff;
}
#box .box-content h2 {
margin-top: 0;
}
#box .box-content .fa {
font-size: 20px;
width: 30px;
text-align: center;
}
#box .box-content .button,
#box .box-content .button_primary,
#box .box-content .btn-primary,
#box .box-content .button_second,
#box .box-content .btn-second,
#box .box-content .button_warning,
#box .box-content .btn-warning,
#box .box-content .button_success,
#box .box-content .btn-success,
#box .box-content .button_info,
#box .box-content .btn-info,
#box .box-content .button_action,
#box .box-content .btn-action,
#box .box-content .button_danger,
#box .box-content .btn-danger,
#box .box-content .button_transparent,
#box .box-content .btn-transparent,
#box .box-content .button_white,
#box .box-content .btn-white,
#box .box-content .button_option,
#box .box-content .button_action_border,
#box .box-content .collectionGroupFilter__item > span,
#box .box-content #dc_amount_select .dc_amount {
position: relative;
font-size: 13px;
line-height: 1.2em;
padding: 8px;
padding-left: 30px;
min-width: 0;
width: 100%;
margin-bottom: 5px;
text-align: left;
background-color: #e70610;
}
#box .box-content .button i,
#box .box-content .button_primary i,
#box .box-content .btn-primary i,
#box .box-content .button_second i,
#box .box-content .btn-second i,
#box .box-content .button_warning i,
#box .box-content .btn-warning i,
#box .box-content .button_success i,
#box .box-content .btn-success i,
#box .box-content .button_info i,
#box .box-content .btn-info i,
#box .box-content .button_action i,
#box .box-content .btn-action i,
#box .box-content .button_danger i,
#box .box-content .btn-danger i,
#box .box-content .button_transparent i,
#box .box-content .btn-transparent i,
#box .box-content .button_white i,
#box .box-content .btn-white i,
#box .box-content .button_option i,
#box .box-content .button_action_border i,
#box .box-content .collectionGroupFilter__item > span i,
#box .box-content #dc_amount_select .dc_amount i {
position: absolute;
left: 5px;
top: 50%;
font-size: 20px;
margin-top: -10px;
width: 25px;
text-align: center;
height: 20px;
line-height: 20px;
}
#box .box-content .button:hover,
#box .box-content .button_primary:hover,
#box .box-content .btn-primary:hover,
#box .box-content .button_second:hover,
#box .box-content .btn-second:hover,
#box .box-content .button_warning:hover,
#box .box-content .btn-warning:hover,
#box .box-content .button_success:hover,
#box .box-content .btn-success:hover,
#box .box-content .button_info:hover,
#box .box-content .btn-info:hover,
#box .box-content .button_action:hover,
#box .box-content .btn-action:hover,
#box .box-content .button_danger:hover,
#box .box-content .btn-danger:hover,
#box .box-content .button_transparent:hover,
#box .box-content .btn-transparent:hover,
#box .box-content .button_white:hover,
#box .box-content .btn-white:hover,
#box .box-content .button_option:hover,
#box .box-content .button_action_border:hover,
#box .box-content .collectionGroupFilter__item > span:hover,
#box .box-content #dc_amount_select .dc_amount:hover {
color: #e70610;
background-color: #ffffff;
}
#box.hoverintent .box-content,
#box.opened .box-content {
display: block;
}
@media screen and (max-width: 1599px) {
#box {
display: none;
}
}
@media screen and (max-width: 767px) {
#box {
display: block;
left: 0;
width: 100%;
bottom: 0;
z-index: 1;
}
#box .box-icons .box-icon {
height: 20px;
line-height: 20px;
display: none;
}
#box .box-icons .box-icon i {
line-height: 20px;
font-size: 20px;
}
#box .box-icons .box-icon:last-child {
display: block;
}
#box .box-content {
bottom: 60px;
left: 20px;
top: auto;
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
}
#box .box-content:after {
top: auto;
left: 50%;
margin-left: -10px;
bottom: -20px;
border-top-color: #e70610;
border-right-color: transparent;
position: absolute;
}
}
.tabs,
ul.tabs {
margin-bottom: 20px;
}
.tabs .tabs_item,
ul.tabs .tabs_item {
float: left;
padding: 5px 20px;
border: 1px solid #727272;
}
.tabs .tabs_item:hover,
ul.tabs .tabs_item:hover {
background-color: #727272;
}
.tabs .tabs_item:hover input,
ul.tabs .tabs_item:hover input {
color: #040004;
}
.tabs .tabs_item .form-group,
ul.tabs .tabs_item .form-group {
margin-bottom: 0;
}
.tabs .tabs_item:last-child,
ul.tabs .tabs_item:last-child {
border-left: 0;
}
.tabs:after,
ul.tabs:after {
clear: both;
display: block;
content: " ";
}
ul.tabs {
margin: 0;
padding: 0;
}
ul.tabs > li,
ulul.tabs > li {
list-style-type: none;
margin: 0;
display: inline-block;
padding: 5px 20px;
border: 1px solid #727272;
vertical-align: middle;
cursor: pointer;
margin-bottom: 5px;
}
ul.tabs > li:hover,
ul.tabs > li.active,
ulul.tabs > li:hover,
ulul.tabs > li.active {
background-color: #727272;
}
ul.tabs > li:hover input,
ul.tabs > li.active input,
ulul.tabs > li:hover input,
ulul.tabs > li.active input {
color: #040004;
}
ul.tabs > li .form-group,
ulul.tabs > li .form-group {
margin-bottom: 0;
}
ul.tabs.tabs--contact > li,
ulul.tabs.tabs--contact > li {
padding: 5px 10px;
width: calc(100% / 4 - 4px);
width: -moz-calc(100% / 4 - 4px);
width: -webkit-calc(100% / 4 - 4px);
width: -o-calc(100% / 4 - 4px);
text-align: center;
}
iframe {
max-width: 100%;
}
.maxWidth {
margin: 0 auto;
max-width: 1280px;
}
.maxWidth900 {
margin: 0 auto;
max-width: 900px;
}
.toggleContactform {
display: none;
}
.list__row {
margin-bottom: 10px;
}
.list__row:last-child {
margin-bottom: 0;
}
.list__label {
display: inline-block;
width: 200px;
font-weight: 600;
vertical-align: top;
}
.list__value {
vertical-align: top;
display: inline-block;
width: calc(100% - 200px - 5px);
width: -moz-calc(100% - 200px - 5px);
width: -webkit-calc(100% - 200px - 5px);
width: -o-calc(100% - 200px - 5px);
}
@media screen and (max-width: 480px) {
.list__value,
.list__label {
width: 100%;
}
}
.padding {
padding: 20px;
}
.padding--middle {
padding: 45px;
}
@media screen and (max-width: 1249px) {
.padding--middle {
padding: 20px;
}
}
.padding--big {
padding: 60px;
}
@media screen and (max-width: 1249px) {
.padding--big {
padding: 30px;
}
}
.padding--mega {
padding: 100px;
}
@media screen and (max-width: 1249px) {
.padding--mega {
padding: 60px;
}
}
.paddingTop {
padding-top: 30px;
}
.paddingTop--middle {
padding-top: 45px;
}
@media screen and (max-width: 1249px) {
.paddingTop--middle {
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.paddingTop--middle {
padding-top: 30px;
}
}
.paddingTop--big {
padding-top: 60px;
}
@media screen and (max-width: 1249px) {
.paddingTop--big {
padding-top: 30px;
}
}
.paddingTop--mega {
padding-top: 180px;
}
@media screen and (max-width: 1249px) {
.paddingTop--mega {
padding-top: 120px;
}
}
@media screen and (max-width: 767px) {
.paddingTop--mega {
padding-top: 60px;
}
}
.paddingRight {
padding-right: 20px;
}
.paddingRight--middle {
padding-right: 45px;
}
@media screen and (max-width: 1249px) {
.paddingRight--middle {
padding-right: 20px;
}
}
@media screen and (max-width: 480px) {
.paddingRight--middle {
padding-right: 0;
}
}
.paddingRight--big {
padding-right: 60px;
}
@media screen and (max-width: 1249px) {
.paddingRight--big {
padding-right: 30px;
}
}
@media screen and (max-width: 480px) {
.paddingRight--big {
padding-right: 0;
}
}
.paddingRight--mega {
padding-right: 100px;
}
@media screen and (max-width: 1249px) {
.paddingRight--mega {
padding-right: 60px;
}
}
@media screen and (max-width: 767px) {
.paddingRight--mega {
padding-right: 30px;
}
}
@media screen and (max-width: 480px) {
.paddingRight--mega {
padding-right: 20px;
}
}
.paddingBottom {
padding-bottom: 30px;
}
.paddingBottom--middle {
padding-bottom: 45px;
}
@media screen and (max-width: 1249px) {
.paddingBottom--middle {
padding-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.paddingBottom--middle {
padding-bottom: 30px;
}
}
.paddingBottom--big {
padding-bottom: 60px;
}
@media screen and (max-width: 1249px) {
.paddingBottom--big {
padding-bottom: 30px;
}
}
.paddingBottom--mega {
padding-bottom: 180px;
}
@media screen and (max-width: 1249px) {
.paddingBottom--mega {
padding-bottom: 120px;
}
}
@media screen and (max-width: 767px) {
.paddingBottom--mega {
padding-bottom: 60px;
}
}
.paddingLeft {
padding-left: 20px;
}
.paddingLeft--middle {
padding-left: 45px;
}
@media screen and (max-width: 1249px) {
.paddingLeft--middle {
padding-left: 20px;
}
}
@media screen and (max-width: 480px) {
.paddingLeft--middle {
padding-left: 0;
}
}
.paddingLeft--big {
padding-left: 60px;
}
@media screen and (max-width: 1249px) {
.paddingLeft--big {
padding-left: 30px;
}
}
@media screen and (max-width: 480px) {
.paddingLeft--big {
padding-left: 0;
}
}
.paddingLeft--mega {
padding-left: 100px;
}
@media screen and (max-width: 1249px) {
.paddingLeft--mega {
padding-left: 60px;
}
}
@media screen and (max-width: 767px) {
.paddingLeft--mega {
padding-left: 30px;
}
}
@media screen and (max-width: 480px) {
.paddingLeft--mega {
padding-left: 20px;
}
}
.paddingRound {
padding: 20px;
}
.paddingRound--middle {
padding: 45px;
}
@media screen and (max-width: 1249px) {
.paddingRound--middle {
padding: 20px;
}
}
.paddingRound--big {
padding: 60px;
}
@media screen and (max-width: 1249px) {
.paddingRound--big {
padding: 30px;
}
}
.paddingRound--mega {
padding: 100px;
}
@media screen and (max-width: 1249px) {
.paddingRound--mega {
padding: 60px;
}
}
@media screen and (max-width: 767px) {
.paddingRound--mega {
padding: 40px;
}
}
.marginTop {
margin-top: 20px;
}
.marginTop--middle {
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.marginTop--middle {
margin-top: 20px;
}
}
.marginTop--big {
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.marginTop--big {
margin-top: 30px;
}
}
.marginTop--mega {
margin-top: 200px;
}
@media screen and (max-width: 1249px) {
.marginTop--mega {
margin-top: 120px;
}
}
@media screen and (max-width: 767px) {
.marginTop--mega {
margin-top: 60px;
}
}
.marginRight {
margin-right: 20px;
}
.marginRight--middle {
margin-right: 30px;
}
@media screen and (max-width: 767px) {
.marginRight--middle {
margin-right: 20px;
}
}
.marginRight--big {
margin-right: 60px;
}
@media screen and (max-width: 767px) {
.marginRight--big {
margin-right: 30px;
}
}
.marginRight--mega {
margin-right: 200px;
}
@media screen and (max-width: 1249px) {
.marginRight--mega {
margin-right: 120px;
}
}
@media screen and (max-width: 767px) {
.marginRight--mega {
margin-right: 60px;
}
}
.marginBottom {
margin-bottom: 20px;
}
.marginBottom--middle {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.marginBottom--middle {
margin-bottom: 20px;
}
}
.marginBottom--big {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.marginBottom--big {
margin-bottom: 30px;
}
}
.marginBottom--mega {
margin-bottom: 200px;
}
@media screen and (max-width: 1249px) {
.marginBottom--mega {
margin-bottom: 120px;
}
}
@media screen and (max-width: 767px) {
.marginBottom--mega {
margin-bottom: 60px;
}
}
.marginLeft {
margin-left: 20px;
}
.marginLeft--middle {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.marginLeft--middle {
margin-left: 20px;
}
}
.marginLeft--big {
margin-left: 60px;
}
@media screen and (max-width: 767px) {
.marginLeft--big {
margin-left: 30px;
}
}
.marginLeft--mega {
margin-left: 200px;
}
@media screen and (max-width: 1249px) {
.marginLeft--mega {
margin-left: 120px;
}
}
@media screen and (max-width: 767px) {
.marginLeft--mega {
margin-left: 60px;
}
}
.offsetPaddingBottom {
padding-bottom: 160px;
}
@media (min-width: 1024px) {
.offsetPaddingBottom {
padding-bottom: 330px;
}
}
.offsetMarginTop {
position: relative;
top: -140px;
margin-bottom: -140px;
}
@media (min-width: 1024px) {
.offsetMarginTop {
top: -240px;
margin-bottom: -240px;
}
}
.arrowLeft,
.arrowRight,
.arrowTop,
.arrowBottom,
.recommendationCollectionLink .collection__content {
position: relative;
}
.arrowLeft:after,
.arrowRight:after,
.arrowTop:after,
.arrowBottom:after,
.recommendationCollectionLink .collection__content:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.arrowLeft:after {
border-left: 45px solid transparent;
left: -44px;
}
.arrowRight:after {
border-right: 45px solid transparent;
right: -44px;
}
.arrowTop:after,
.recommendationCollectionLink .collection__content:after {
border-top: 0;
border-bottom: 30px solid #f9f7f4;
border-right: 45px solid transparent;
top: -30px;
left: 0;
}
.arrowBottom:after {
border-right: 45px solid transparent;
top: 100%;
left: 0;
}
.box__head {
margin-bottom: 10px;
}
.box__head:after {
clear: both;
display: block;
content: " ";
}
.box__head h3,
.box__head .counting__text,
.box__head .countText,
.box__head .finderFilter__label {
margin-bottom: 0;
float: left;
}
.box__headLink {
float: right;
font-size: 13px;
margin-right: 0;
}
.box__headLink i {
margin-right: 5px;
}
.box,
.navItemPreview__description,
.boxBorder,
.boxSecond,
.boxWhite,
.boxSecond--column,
.boxSecond--column--half,
.collectionJobs.isList .collection_container,
.boxBorder--big,
.boxWhite--big,
.collection_difficulty > div {
padding: 20px;
width: 100%;
}
.box .box__head,
.navItemPreview__description .box__head,
.boxBorder .box__head,
.boxSecond .box__head,
.boxWhite .box__head,
.boxSecond--column .box__head,
.boxSecond--column--half .box__head,
.collectionJobs.isList .collection_container .box__head,
.boxBorder--big .box__head,
.boxWhite--big .box__head,
.collection_difficulty > div .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.box,
.navItemPreview__description,
.boxBorder,
.boxSecond,
.boxWhite,
.boxSecond--column,
.boxSecond--column--half,
.collectionJobs.isList .collection_container,
.boxBorder--big,
.boxWhite--big,
.collection_difficulty > div {
padding: 40px;
}
}
.box h2,
.box .h2,
.navItemPreview__description h2,
.navItemPreview__description .h2,
.boxBorder h2,
.boxBorder .h2,
.boxSecond h2,
.boxSecond .h2,
.boxWhite h2,
.boxWhite .h2,
.boxSecond--column h2,
.boxSecond--column .h2,
.boxSecond--column--half h2,
.boxSecond--column--half .h2,
.collectionJobs.isList .collection_container h2,
.collectionJobs.isList .collection_container .h2,
.boxBorder--big h2,
.boxBorder--big .h2,
.boxWhite--big h2,
.boxWhite--big .h2,
.collection_difficulty > div h2,
.collection_difficulty > div .h2 {
color: #040004;
margin-bottom: 30px;
}
.boxBorder,
.boxBorder--big,
.collection_difficulty > div {
background-color: #ffffff;
border: 1px solid #727272;
}
.boxBorder--big {
border-width: 5px;
}
.boxSecond {
background-color: #f9f7f4;
}
.boxSecond .textbutton,
.boxSecond .textbutton--big,
.boxSecond .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media (min-width: 768px) {
.boxSecond.paddingBottom--big {
padding-bottom: 90px;
}
}
.boxWhite,
.boxWhite--big {
background-color: #ffffff;
}
.boxWhite.arrowRight:after,
.boxWhite--big.arrowRight:after {
border-top-color: #ffffff;
}
.boxWhite--big {
padding: 40px;
}
.boxMaxWidth,
.boxMaxWidth--small {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.boxMaxWidth--small {
max-width: 600px;
}
.boxSecond--column {
background-color: transparent;
position: relative;
min-height: 377px;
}
@media (min-width: 1540px) {
.boxSecond--column {
padding: 60px;
}
}
.boxSecond--column h3,
.boxSecond--column .counting__text,
.boxSecond--column .countText,
.boxSecond--column .finderFilter__label {
margin-bottom: 10px;
}
.boxSecond--column .textbutton,
.boxSecond--column .textbutton--big,
.boxSecond--column .boxSecond--column--half .textbutton {
position: absolute;
left: 20px;
bottom: 20px;
}
.boxSecond--column .cms-column {
position: static;
padding-left: 0;
padding-right: 0;
}
.boxSecond--column--half {
background-color: transparent;
position: relative;
min-height: 377px;
min-height: 160px;
padding-bottom: 20px;
}
@media (min-width: 1540px) {
.boxSecond--column--half {
padding: 60px;
}
}
.boxSecond--column--half h3,
.boxSecond--column--half .counting__text,
.boxSecond--column--half .countText,
.boxSecond--column--half .finderFilter__label {
margin-bottom: 10px;
}
.boxSecond--column--half .textbutton,
.boxSecond--column--half .textbutton--big,
.boxSecond--column--half .boxSecond--column--half .textbutton {
position: absolute;
left: 20px;
bottom: 20px;
}
.boxSecond--column--half .cms-column {
position: static;
padding-left: 0;
padding-right: 0;
}
.boxSecond--column--half .textbutton,
.boxSecond--column--half .textbutton--big {
right: 15px;
left: auto;
top: 45px;
bottom: auto;
}
.boxSecond--column--half > div {
width: calc(100% - 55px);
width: -moz-calc(100% - 55px);
width: -webkit-calc(100% - 55px);
width: -o-calc(100% - 55px);
}
.boxSecond--column--half:first-child {
margin-bottom: 10px;
}
@media screen and (max-width: 1539px) {
.boxSecond--column--half {
min-height: 198px;
}
}
@media screen and (max-width: 1249px) {
.boxSecond--column--half {
min-height: 160px;
}
}
@media screen and (max-width: 1023px) {
.boxSecond--column--half {
min-height: 210px;
}
}
@media screen and (max-width: 767px) {
.boxSecond--column--half {
min-height: 0;
}
}
@media screen and (max-width: 480px) {
.boxSecond--column--half > div {
width: 100%;
padding-bottom: 60px;
}
.boxSecond--column--half .textbutton,
.boxSecond--column--half .textbutton--big,
.boxSecond--column--half .boxSecond--column--half .textbutton {
right: auto;
left: 20px;
top: auto;
bottom: 20px;
}
}
.boxRed--column {
padding: 20px;
width: 100%;
padding-top: 30px;
padding-bottom: 70px;
background-color: #b5050d;
position: relative;
min-height: 330px;
color: #f9f7f4;
border-bottom: 1px solid #b5050d;
}
.boxRed--column .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.boxRed--column {
padding: 40px;
}
}
.boxRed--column h2,
.boxRed--column .h2 {
color: #040004;
margin-bottom: 30px;
}
.boxRed--column h3,
.boxRed--column .h3,
.boxRed--column h4,
.boxRed--column .h4,
.boxRed--column .counting__text,
.boxRed--column .countText,
.boxRed--column .finderFilter__label {
color: #f9f7f4;
}
.boxRed--column .textbutton,
.boxRed--column .textbutton--big,
.boxRed--column .boxSecond--column--half .textbutton {
position: absolute;
left: 20px;
bottom: 20px;
}
.boxRed--column .cms-column {
position: static;
padding-left: 0;
padding-right: 0;
}
.boxShadow {
width: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
padding: 40px;
}
@media screen and (max-width: 480px) {
.boxShadow {
padding: 20px;
}
}
.bannerBox {
padding: 20px;
width: 100%;
background-color: #f9f7f4;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
position: relative;
margin-right: 200px;
width: 630px;
max-width: calc(100% - 280px);
max-width: -moz-calc(100% - 280px);
max-width: -webkit-calc(100% - 280px);
max-width: -o-calc(100% - 280px);
}
.bannerBox .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.bannerBox {
padding: 40px;
}
}
.bannerBox h2,
.bannerBox .h2 {
color: #040004;
margin-bottom: 30px;
}
.bannerBox:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.bannerBox:after {
border-left: 45px solid transparent;
left: -44px;
}
@media screen and (max-width: 1539px) {
.bannerBox {
margin-right: 20px;
max-width: calc(100% - 100px);
max-width: -moz-calc(100% - 100px);
max-width: -webkit-calc(100% - 100px);
max-width: -o-calc(100% - 100px);
}
}
@media screen and (max-width: 1023px) {
.bannerBox {
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
max-width: none;
margin-left: 20px;
}
.bannerBox:after {
display: none;
}
}
@media screen and (min-width: 1024px) {
.bannerBox--big {
padding: 40px;
}
}
.bannerBox--left {
padding: 20px;
width: 100%;
background-color: #f9f7f4;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
position: relative;
margin-left: 200px;
width: 630px;
max-width: calc(100% - 280px);
max-width: -moz-calc(100% - 280px);
max-width: -webkit-calc(100% - 280px);
max-width: -o-calc(100% - 280px);
}
.bannerBox--left .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.bannerBox--left {
padding: 40px;
}
}
.bannerBox--left h2,
.bannerBox--left .h2 {
color: #040004;
margin-bottom: 30px;
}
.bannerBox--left:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.bannerBox--left:after {
border-right: 45px solid transparent;
right: -44px;
}
@media screen and (max-width: 1539px) {
.bannerBox--left {
margin-left: 20px;
max-width: calc(100% - 100px);
max-width: -moz-calc(100% - 100px);
max-width: -webkit-calc(100% - 100px);
max-width: -o-calc(100% - 100px);
}
}
@media screen and (max-width: 1023px) {
.bannerBox--left {
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
max-width: none;
margin-right: 20px;
}
.bannerBox--left:after {
display: none;
}
}
@media screen and (min-width: 1024px) {
.bannerBox--left.bannerBox--big {
padding: 40px;
}
}
.bannerTextbox {
position: absolute;
left: 40px;
bottom: 20px;
background-color: #ffffff;
padding: 15px 20px;
max-width: calc(100% - 80px);
max-width: -moz-calc(100% - 80px);
max-width: -webkit-calc(100% - 80px);
max-width: -o-calc(100% - 80px);
max-height: calc(100% - 40px);
max-height: -moz-calc(100% - 40px);
max-height: -webkit-calc(100% - 40px);
max-height: -o-calc(100% - 40px);
min-width: 250px;
text-align: center;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.bannerTextbox h3,
.bannerTextbox .counting__text,
.bannerTextbox .countText,
.bannerTextbox .finderFilter__label {
margin-bottom: 0;
}
.banner {
background-color: #f9f7f4;
}
.banner > .row {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.banner .hasBackground {
width: 100%;
min-height: 480px;
padding-top: 60px;
padding-bottom: 60px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
}
.banner .hasBackground h1,
.banner .hasBackground .bigFont,
.banner .hasBackground .counting__number {
color: #f9f7f4;
margin-bottom: 0;
text-shadow: 0 0 30px #000000;
}
.banner .hasBackground .bannerBox h1,
.banner .hasBackground .bannerBox .h1,
.banner .hasBackground .bannerBox .bigFont,
.banner .hasBackground .bannerBox .counting__number {
color: #907232;
font-size: 40px;
margin-bottom: 30px;
text-shadow: none;
}
@media screen and (max-width: 1023px) {
.banner .hasBackground .bannerBox h1,
.banner .hasBackground .bannerBox .h1,
.banner .hasBackground .bannerBox .bigFont,
.banner .hasBackground .bannerBox .counting__number {
font-size: 26px;
}
}
@media screen and (max-width: 480px) {
.banner .hasBackground .bannerBox h1,
.banner .hasBackground .bannerBox .h1,
.banner .hasBackground .bannerBox .bigFont,
.banner .hasBackground .bannerBox .counting__number {
font-size: 22px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.banner .hasBackground {
min-height: 180px;
align-items: flex-end;
padding-top: 20px;
padding-bottom: 20px;
}
}
.banner.banner--left .hasBackground {
justify-content: flex-start;
}
.banner.bannerHTML .htmlbanner {
width: 100%;
display: block;
height: 100%;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.banner.bannerHTML .hasBackground {
padding: 0;
min-height: 640px;
position: relative;
}
@media screen and (min-width: 1901px) {
.banner.bannerHTML .hasBackground {
background-image: none !important;
}
}
@media screen and (max-width: 1900px) {
.banner.bannerHTML .htmlbanner {
display: none;
}
}
.banner.banner-fullheight .hasBackground {
height: 800px;
max-height: 100vh;
}
@media (min-height: 1081px) {
.banner.banner-fullheight .hasBackground {
max-height: 1080px;
}
}
.scrolldown {
display: inline-block;
width: 100px;
height: 100px;
border: 5px solid #ffffff;
color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
line-height: 90px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0);
-webkit-animation-name: buttonAnimation;
-moz-animation-name: buttonAnimation;
-o-animation-name: buttonAnimation;
animation-name: buttonAnimation;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.scrolldown:before {
content: "\E022";
font-family: "icons";
font-size: 50px;
margin-left: 5px;
position: relative;
top: -6px;
}
.scrolldown:hover,
.scrolldown:active,
.scrolldown:focus {
color: #ffffff;
}
@media screen and (max-width: 1249px) {
.scrolldown {
width: 50px;
height: 50px;
line-height: 46px;
border-width: 2px;
}
.scrolldown:before {
font-size: 24px;
top: -3px;
}
}
.scrolldown--small {
width: 39px;
height: 80px;
border-radius: 20px;
border: 1px solid #ffffff;
line-height: 1;
animation-name: none;
}
.scrolldown--small:before {
font-size: 20px;
top: 5px;
animation-duration: 3s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
animation-name: buttonAnimationSmallIcon;
}
.scrolldown__description {
display: block;
text-align: center;
margin-bottom: 32px;
font-size: 18px;
color: #ffffff;
}
.norow > .row {
margin-left: 0;
margin-right: 0;
}
@-webkit-keyframes buttonAnimation {
0% {
background-color: rgba(255, 255, 255, 0);
}
50% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@-moz-keyframes buttonAnimation {
0% {
background-color: rgba(255, 255, 255, 0);
}
50% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@-ms-keyframes buttonAnimation {
0% {
background-color: rgba(255, 255, 255, 0);
}
50% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@-o-keyframes buttonAnimation {
0% {
background-color: rgba(255, 255, 255, 0);
}
50% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@keyframes buttonAnimation {
0% {
background-color: rgba(255, 255, 255, 0);
}
50% {
background-color: rgba(255, 255, 255, 0.5);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@keyframes buttonAnimationSmallIcon {
0% {
top: 5px;
opacity: 1;
}
50% {
top: 70%;
opacity: 0;
}
70% {
top: 5px;
opacity: 0;
}
}
.parallaxItem {
z-index: 5;
display: none;
}
@media screen and (min-width: 1750px) {
.parallaxItem {
display: block;
}
}
.overlayVideo:before,
.overlayVideo--dark:before,
.overlayVideo--light:before,
.overlayVideo--dark--light:before,
.overlayVideo--light--dark:before {
position: absolute;
left: 0;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
content: " ";
}
.overlayVideo--dark:before,
.overlayVideo--dark--dark:before,
.overlayVideo--light--dark:before,
.overlayVideo--dark--light--dark:before,
.overlayVideo--light--dark--dark:before {
background-color: rgba(0, 0, 0, 0.2);
}
.overlayVideo--light:before,
.overlayVideo--dark--light:before,
.overlayVideo--light--light:before,
.overlayVideo--dark--light--light:before,
.overlayVideo--light--dark--light:before {
background-color: rgba(255, 255, 255, 0.2);
}
/*
.banner {
position: relative;
.scrolldown {
position: absolute;
bottom: 100px;
left: 50%;
margin-left: -50px;
z-index: 1;
}
@media screen and (max-width: @screen-md-max) {
.scrolldown {
display: none;
}
}
}
.bannerVideo {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: @white;
overflow: hidden;
min-height: 600px;
.calc(height,"100vh - 195px");
max-height: 1080px;
> .row {
padding-left: 0;
padding-right: 0;
}
img,video {
display: block;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width:100%;
height: 100% !important;
object-fit: cover;
}
.bannerBox {
float:right;
margin-top: @spacer-base*6;
margin-bottom: @spacer-base*6;
img {
position: static;
}
}
&__headline {
position: absolute;
left:0;
bottom:50%;
margin-bottom: -40px;
width:100%;
text-align: center;
h1,.h1 {
color: @white;
font-size: 80px;
line-height: 1;
margin-bottom: 0;
.text-shadow(0 0 30px #000000);
}
}
&__overlay {
position: absolute;
left:0;
bottom:0;
width:100%;
text-align: center;
img {
position: static;
max-width: none !important;
width:100% !important;
}
}
.scrolldown {
position: absolute;
bottom: 100px;
left: 50%;
margin-left: -50px;
z-index: 1;
}
@media screen and (max-width: @screen-md-max) {
min-height: 0;
height: 400px;
&__headline {
margin-bottom: -30px;
h1 {
font-size: 50px;
}
}
.scrolldown {
display: none;
}
}
@media screen and (max-width: @screen-sm-max) {
height: 300px;
}
@media screen and (max-width: @screen-xs-max) {
&__headline {
h1 {
font-size: 40px;
}
}
}
@media screen and (max-width: @screen-xs) {
height: 240px;
video {
width:120%;
max-height: 150%;
}
&__headline {
bottom: auto;
top: 50%;
.transform(translateY(-50%));
h1 {
font-size: 26px;
}
}
}
@media screen and (max-width: 340px){
video {
width:140%;
}
}
}
.bannerVideo--withBox {
&:extend(.bannerVideo all);
height: 600px;
@media screen and (max-width: @screen-sm-max) {
height: auto !important;
img,video {
position: static;
}
video {
height: 300px;
object-fit: cover;
}
.bannerBox {
margin-top:0;
margin-bottom:0;
float: none;
img {
position: static;
}
}
}
}
.bannerImage {
> .row {
margin:0;
}
.afterBackground {
.flexbox(row,center);
overflow:hidden;
}
.banner__text {
width: 100%/3*2;
padding: @spacer-base*6;
padding-right: 200px;
}
.banner__image {
width: 100%/3;
padding:0;
overflow:hidden;
.flexbox(row,stretch);
img {
max-width: none !important;
height: 480px !important;
min-height: 100% !important;
}
.textcontent {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: @screen-lg-max){
.banner__text {
padding-right: @spacer-base*6;
}
}
@media screen and (max-width: @screen-md-max) {
.banner__text {
padding: @spacer-base*3;
}
.banner__image {
img {
margin-left: -25%;
}
}
}
@media screen and (max-width: @screen-sm-max) {
.afterBackground {
.flexbox(row,stretch);
}
.banner__text {
width: 100%;
}
.banner__image {
width: 100%;
height: 300px;
img {
margin-left:0;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
}
}
}
@media screen and (max-width: @screen-xs) {
.banner__image {
height: auto;
}
}
}
.bannerImage__left {
&:extend(.bannerImage all);
}
.bannerImage__right {
&:extend(.bannerImage all);
.banner__image {
order:1;
}
.banner__text {
width: 100%/3*2;
padding-left: 200px;
}
@media screen and (max-width: @screen-lg-max){
.banner__text {
padding-left: @spacer-base*6;
}
}
@media screen and (max-width: @screen-md-max) {
.banner__text {
padding: @spacer-base*3;
}
.banner__image {
img {
margin-left: 0;
margin-right: -25%;
}
}
}
@media screen and (max-width: @screen-sm-max) {
.banner__text {
width: 100%;
}
.banner__image {
order:0;
}
}
}
*/
.banner_spacer {
display: none !important;
}
@media screen and (min-width: 1720px) {
.banner_spacer {
display: block !important;
}
}
.back_to_overview {
display: inline-block;
}
.back_to_overview:before {
content: "\00AB";
padding-right: 5px;
}
.breaker > div {
color: #ffffff;
text-transform: uppercase;
padding: 10px;
width: 140px;
height: 140px;
position: relative;
z-index: 1;
font-size: 12px;
}
.breaker > div:before {
border-top: 140px solid #e70610;
border-right: 140px solid transparent;
border-left: 0 solid transparent;
content: " ";
display: inline-block;
height: 0;
width: 0;
left: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
.hasBackground {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.boxOver {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
width: 100%;
display: flex;
flex-direction: column;
}
.boxOver > .grouplink {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.boxOver .boxText {
background: #f9f7f4;
box-shadow: none;
min-height: 0;
display: flex;
padding: 20px;
flex-grow: 1;
}
@media (min-width: 768px) {
.boxOver .boxText {
padding: 30px;
}
}
@media (min-width: 1024px) {
.boxOver .boxText .textcontent {
position: relative;
padding-bottom: 50px;
}
.boxOver .boxText .textcontent .textbutton,
.boxOver .boxText .textcontent .textbutton--big,
.boxOver .boxText .textcontent .boxSecond--column--half .textbutton {
position: absolute;
left: 0;
bottom: 0;
max-width: 100%;
}
}
@media (min-width: 1540px) {
.boxOver .boxText {
padding: 55px;
}
}
.boxOver--left-right {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.boxOver--left-right .boxImage img {
width: 100%;
}
@media (min-width: 768px) {
.boxOver--left-right {
flex-direction: row;
}
.boxOver--left-right > .grouplink {
flex-direction: row;
}
.boxOver--left-right .boxImage {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
display: flex;
}
.boxOver--left-right .boxImage img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.boxOver--left-right .boxImage:before {
content: "";
display: block;
padding-top: 100%;
}
.boxOver--left-right .boxImage img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.boxOver--left-right .boxImage,
.boxOver--left-right .boxText {
width: 50%;
flex-grow: 1;
}
}
.bg-second .boxOver__text,
.bg-second .boxOver__text--half {
background-color: #ffffff;
}
.flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.flexbox.spacingSmall {
margin-left: -8px;
margin-right: -8px;
font-size: 14px;
}
.flexbox.spacingSmall > div {
margin-left: 8px;
margin-right: 8px;
padding: 30px;
}
.flexbox.spacingSmall > div.smallPadding {
padding: 30px 20px;
}
.flexrow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.flexrow:before,
.flexrow:after {
display: none;
}
.flexrow > div {
float: none;
}
.flexrow--center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.counterHead {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: #040004;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.counterHead {
font-size: 16px;
}
}
.boxCounter {
padding: 20px;
width: 100%;
background-color: #ffffff;
padding-left: 40px;
margin-bottom: 30px;
border: 1px solid #907232;
}
.boxCounter .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.boxCounter {
padding: 40px;
}
}
.boxCounter h2,
.boxCounter .h2 {
color: #040004;
margin-bottom: 30px;
}
.boxCounter__count {
margin-left: -30px;
margin-bottom: 20px;
}
.boxCounter__count .count {
width: 30px;
text-align: right;
padding-right: 5px;
display: inline-block;
}
.boxCounter__count {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: #040004;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.boxCounter__count {
font-size: 16px;
}
}
.boxCounter .button_row--bottom {
margin-top: 10px;
}
.boxCounter__withButtons {
padding: 20px;
width: 100%;
background-color: #ffffff;
padding-left: 40px;
margin-bottom: 30px;
border: 1px solid #907232;
}
.boxCounter__withButtons .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.boxCounter__withButtons {
padding: 40px;
}
}
.boxCounter__withButtons h2,
.boxCounter__withButtons .h2 {
color: #040004;
margin-bottom: 30px;
}
.boxCounter__withButtons__count {
margin-left: -30px;
margin-bottom: 20px;
}
.boxCounter__withButtons__count .count {
width: 30px;
text-align: right;
padding-right: 5px;
display: inline-block;
}
.boxCounter__withButtons__count {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: #040004;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.boxCounter__withButtons__count {
font-size: 16px;
}
}
.boxCounter__withButtons .button_row--bottom {
margin-top: 10px;
}
.boxCounter__withButtons > div {
display: inline-block;
vertical-align: top;
}
.boxCounter__withButtons .boxCounter__text {
width: 79%;
}
.boxCounter__withButtons .boxCounter__buttons {
width: 20%;
}
.boxCounter__withButtons .boxCounter__buttons .button,
.boxCounter__withButtons .boxCounter__buttons .button_primary,
.boxCounter__withButtons .boxCounter__buttons .btn-primary,
.boxCounter__withButtons .boxCounter__buttons .button_second,
.boxCounter__withButtons .boxCounter__buttons .btn-second,
.boxCounter__withButtons .boxCounter__buttons .button_warning,
.boxCounter__withButtons .boxCounter__buttons .btn-warning,
.boxCounter__withButtons .boxCounter__buttons .button_success,
.boxCounter__withButtons .boxCounter__buttons .btn-success,
.boxCounter__withButtons .boxCounter__buttons .button_info,
.boxCounter__withButtons .boxCounter__buttons .btn-info,
.boxCounter__withButtons .boxCounter__buttons .button_action,
.boxCounter__withButtons .boxCounter__buttons .btn-action,
.boxCounter__withButtons .boxCounter__buttons .button_danger,
.boxCounter__withButtons .boxCounter__buttons .btn-danger,
.boxCounter__withButtons .boxCounter__buttons .button_transparent,
.boxCounter__withButtons .boxCounter__buttons .btn-transparent,
.boxCounter__withButtons .boxCounter__buttons .button_white,
.boxCounter__withButtons .boxCounter__buttons .btn-white,
.boxCounter__withButtons .boxCounter__buttons .button_option,
.boxCounter__withButtons .boxCounter__buttons .button_action_border,
.boxCounter__withButtons .boxCounter__buttons .collectionGroupFilter__item > span,
.boxCounter__withButtons .boxCounter__buttons #dc_amount_select .dc_amount {
width: 100%;
margin-bottom: 10px;
}
.boxCounter__withButtons .boxCounter__buttons .button:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_primary:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-primary:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_second:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-second:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_warning:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-warning:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_success:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-success:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_info:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-info:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_action:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-action:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_danger:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-danger:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_transparent:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-transparent:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_white:last-child,
.boxCounter__withButtons .boxCounter__buttons .btn-white:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_option:last-child,
.boxCounter__withButtons .boxCounter__buttons .button_action_border:last-child,
.boxCounter__withButtons .boxCounter__buttons .collectionGroupFilter__item > span:last-child,
.boxCounter__withButtons .boxCounter__buttons #dc_amount_select .dc_amount:last-child {
margin-bottom: 0;
}
.infobox {
margin-bottom: 20px;
border: 1px solid #907232;
padding: 20px 10px;
background-color: #ffffff;
display: block;
}
.infobox > div {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.infobox > div.optionBox__buttons {
vertical-align: top;
}
.infobox__icon {
width: 90px;
text-align: center;
}
.infobox__icon i {
font-size: 60px;
}
.infobox__text {
width: calc(79% - 90px);
width: -moz-calc(79% - 90px);
width: -webkit-calc(79% - 90px);
width: -o-calc(79% - 90px);
}
.infobox__buttons {
width: 20%;
}
.infobox__buttons .button:last-child,
.infobox__buttons .button_primary:last-child,
.infobox__buttons .btn-primary:last-child,
.infobox__buttons .button_second:last-child,
.infobox__buttons .btn-second:last-child,
.infobox__buttons .button_warning:last-child,
.infobox__buttons .btn-warning:last-child,
.infobox__buttons .button_success:last-child,
.infobox__buttons .btn-success:last-child,
.infobox__buttons .button_info:last-child,
.infobox__buttons .btn-info:last-child,
.infobox__buttons .button_action:last-child,
.infobox__buttons .btn-action:last-child,
.infobox__buttons .button_danger:last-child,
.infobox__buttons .btn-danger:last-child,
.infobox__buttons .button_transparent:last-child,
.infobox__buttons .btn-transparent:last-child,
.infobox__buttons .button_white:last-child,
.infobox__buttons .btn-white:last-child,
.infobox__buttons .button_option:last-child,
.infobox__buttons .button_action_border:last-child,
.infobox__buttons .collectionGroupFilter__item > span:last-child,
.infobox__buttons #dc_amount_select .dc_amount:last-child {
margin-bottom: 0;
}
.infobox .button,
.infobox .button_primary,
.infobox .btn-primary,
.infobox .button_second,
.infobox .btn-second,
.infobox .button_warning,
.infobox .btn-warning,
.infobox .button_success,
.infobox .btn-success,
.infobox .button_info,
.infobox .btn-info,
.infobox .button_action,
.infobox .btn-action,
.infobox .button_danger,
.infobox .btn-danger,
.infobox .button_transparent,
.infobox .btn-transparent,
.infobox .button_white,
.infobox .btn-white,
.infobox .button_option,
.infobox .button_action_border,
.infobox .collectionGroupFilter__item > span,
.infobox #dc_amount_select .dc_amount {
margin-bottom: 10px;
}
.infobox--small {
margin-bottom: 20px;
border: 1px solid #907232;
padding: 20px 10px;
background-color: #ffffff;
display: block;
font-size: 14px;
}
.infobox--small > div {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.infobox--small > div.optionBox__buttons {
vertical-align: top;
}
.infobox--small__icon {
width: 90px;
text-align: center;
}
.infobox--small__icon i {
font-size: 60px;
}
.infobox--small__text {
width: calc(79% - 90px);
width: -moz-calc(79% - 90px);
width: -webkit-calc(79% - 90px);
width: -o-calc(79% - 90px);
}
.infobox--small__buttons {
width: 20%;
}
.infobox--small__buttons .button:last-child,
.infobox--small__buttons .button_primary:last-child,
.infobox--small__buttons .btn-primary:last-child,
.infobox--small__buttons .button_second:last-child,
.infobox--small__buttons .btn-second:last-child,
.infobox--small__buttons .button_warning:last-child,
.infobox--small__buttons .btn-warning:last-child,
.infobox--small__buttons .button_success:last-child,
.infobox--small__buttons .btn-success:last-child,
.infobox--small__buttons .button_info:last-child,
.infobox--small__buttons .btn-info:last-child,
.infobox--small__buttons .button_action:last-child,
.infobox--small__buttons .btn-action:last-child,
.infobox--small__buttons .button_danger:last-child,
.infobox--small__buttons .btn-danger:last-child,
.infobox--small__buttons .button_transparent:last-child,
.infobox--small__buttons .btn-transparent:last-child,
.infobox--small__buttons .button_white:last-child,
.infobox--small__buttons .btn-white:last-child,
.infobox--small__buttons .button_option:last-child,
.infobox--small__buttons .button_action_border:last-child,
.infobox--small__buttons .collectionGroupFilter__item > span:last-child,
.infobox--small__buttons #dc_amount_select .dc_amount:last-child {
margin-bottom: 0;
}
.infobox--small .button,
.infobox--small .button_primary,
.infobox--small .btn-primary,
.infobox--small .button_second,
.infobox--small .btn-second,
.infobox--small .button_warning,
.infobox--small .btn-warning,
.infobox--small .button_success,
.infobox--small .btn-success,
.infobox--small .button_info,
.infobox--small .btn-info,
.infobox--small .button_action,
.infobox--small .btn-action,
.infobox--small .button_danger,
.infobox--small .btn-danger,
.infobox--small .button_transparent,
.infobox--small .btn-transparent,
.infobox--small .button_white,
.infobox--small .btn-white,
.infobox--small .button_option,
.infobox--small .button_action_border,
.infobox--small .collectionGroupFilter__item > span,
.infobox--small #dc_amount_select .dc_amount {
margin-bottom: 10px;
}
.infobox--small h3,
.infobox--small .counting__text,
.infobox--small .countText,
.infobox--small .finderFilter__label {
margin-bottom: 0;
}
.infobox--small > div {
vertical-align: top;
}
.infobox--small .infobox__icon {
margin-top: -6px;
width: 50px;
}
.infobox--small .infobox__icon i {
font-size: 30px;
}
.infobox--small .infobox__text {
width: calc(98% - 50px);
width: -moz-calc(98% - 50px);
width: -webkit-calc(98% - 50px);
width: -o-calc(98% - 50px);
}
a.infobox--small:hover,
a.infobox--small:active,
a.infobox--small:focus {
background-color: #907232;
color: #f9f7f4;
}
a.infobox--small:hover h3,
a.infobox--small:active h3,
a.infobox--small:focus h3,
a.infobox--small:hover .counting__text,
a.infobox--small:active .counting__text,
a.infobox--small:focus .counting__text,
a.infobox--small:hover .countText,
a.infobox--small:active .countText,
a.infobox--small:focus .countText,
a.infobox--small:hover .finderFilter__label,
a.infobox--small:active .finderFilter__label,
a.infobox--small:focus .finderFilter__label {
color: #f9f7f4;
}
a.infobox--small:active {
background-color: #7d632b;
}
.border--red {
border: 10px solid #e70610;
}
@media screen and (max-width: 767px) {
.border--red {
border-width: 6px;
}
.border--red .textcontent {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
}
}
.counting {
display: flex;
align-items: center;
width: 100%;
margin-left: -10px;
margin-right: -10px;
}
.counting__number {
margin-bottom: 0;
text-align: right;
padding-left: 10px;
padding-right: 10px;
width: 50%;
font-size: 80px;
margin-top: -30px;
line-height: 1em;
color: #040004;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
@media screen and (max-width: 1023px) {
.counting__number {
font-size: 50px;
width: 40%;
margin-top: -15px;
}
}
@media screen and (max-width: 480px) {
.counting__number {
font-size: 40px;
margin-top: -12px;
}
}
.counting__text {
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.countText {
margin-bottom: 0;
width: 50%;
}
@media screen and (max-width: 1023px) {
.youtubecontent {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
}
.youtubecontent iframe {
bottom: 0;
height: 100%;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.youtubecontent:before {
content: "";
display: block;
padding-top: 60%;
}
}
.table_wrapper {
max-width: 100%;
overflow: hidden;
overflow-x: auto;
}
.table_wrapper > table {
table-layout: fixed;
max-width: none !important;
}
.cms-column.col-lg-4.banner {
background-color: transparent;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner > .row:before,
.cms-column.col-lg-4.banner > .row:after {
display: none;
}
.cms-column.col-lg-4.banner > .row > .noBackground {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner > .row > .noBackground > .afterBackground {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner > .row > .noBackground > .afterBackground > .grouplink {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner .boxSecond,
.cms-column.col-lg-4.banner .boxWhite,
.cms-column.col-lg-4.banner .boxBorder,
.cms-column.col-lg-4.banner .boxWhite--big {
position: absolute;
left: 20px;
bottom: 20px;
padding: 15px;
width: 240px;
max-width: calc(100% - 75px);
max-width: -moz-calc(100% - 75px);
max-width: -webkit-calc(100% - 75px);
max-width: -o-calc(100% - 75px);
max-height: calc(100% - 20px);
max-height: -moz-calc(100% - 20px);
max-height: -webkit-calc(100% - 20px);
max-height: -o-calc(100% - 20px);
}
.cms-column.col-lg-4.banner .boxSecond h3,
.cms-column.col-lg-4.banner .boxWhite h3,
.cms-column.col-lg-4.banner .boxBorder h3,
.cms-column.col-lg-4.banner .boxWhite--big h3,
.cms-column.col-lg-4.banner .boxSecond .counting__text,
.cms-column.col-lg-4.banner .boxWhite .counting__text,
.cms-column.col-lg-4.banner .boxBorder .counting__text,
.cms-column.col-lg-4.banner .boxSecond .countText,
.cms-column.col-lg-4.banner .boxWhite .countText,
.cms-column.col-lg-4.banner .boxBorder .countText,
.cms-column.col-lg-4.banner .boxSecond .finderFilter__label,
.cms-column.col-lg-4.banner .boxWhite .finderFilter__label,
.cms-column.col-lg-4.banner .boxBorder .finderFilter__label {
margin-bottom: 10px;
}
.cms-column.col-lg-4.banner .boxSecond .button_action_border,
.cms-column.col-lg-4.banner .boxWhite .button_action_border,
.cms-column.col-lg-4.banner .boxBorder .button_action_border,
.cms-column.col-lg-4.banner .boxWhite--big .button_action_border {
margin-top: 10px;
}
.cms-column.col-lg-4.banner.paddingBottom .boxSecond,
.cms-column.col-lg-4.banner.paddingBottom .boxWhite,
.cms-column.col-lg-4.banner.paddingBottom .boxBorder,
.cms-column.col-lg-4.banner.paddingBottom .boxWhite--big {
bottom: 45px;
}
.cms-column.col-lg-4.banner .banner__image {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner .banner__image .textcontent {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.cms-column.col-lg-4.banner .banner__image .textcontent img,
.cms-column.col-lg-4.banner .banner__image .textcontent video {
object-fit: cover;
height: 100% !important;
}
@supports not (object-fit: cover) {
.cms-column.col-lg-4.banner .banner__image .textcontent {
position: relative;
}
.cms-column.col-lg-4.banner .banner__image .textcontent img {
position: absolute;
height: 100% !important;
max-width: none !important;
min-width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
}
@media (max-width: 1023px) {
.cms-column.col-lg-4.banner .banner__image .textcontent img {
object-position: 80% center;
}
}
@media (max-width: 767px) {
.cms-column.col-lg-4.banner > .row > .noBackground > .afterBackground {
flex-direction: column;
}
.cms-column.col-lg-4.banner > .row > .noBackground > .afterBackground > .grouplink {
flex-direction: column;
}
.cms-column.col-lg-4.banner .boxSecond,
.cms-column.col-lg-4.banner .boxWhite,
.cms-column.col-lg-4.banner .boxBorder,
.cms-column.col-lg-4.banner .boxWhite--big {
position: relative;
left: 10px;
bottom: 0 !important;
margin-top: -60px;
max-width: calc(100% - 65px);
max-width: -moz-calc(100% - 65px);
max-width: -webkit-calc(100% - 65px);
max-width: -o-calc(100% - 65px);
}
.cms-column.col-lg-4.banner .banner__image {
height: 240px;
}
}
.bg-light-blue {
background-color: #f5fdff;
}
.bg-nightblue {
background-color: #23343E;
color: #ffffff;
}
.bg-nightblue h3,
.bg-nightblue .h3,
.bg-nightblue .counting__text,
.bg-nightblue .countText,
.bg-nightblue .finderFilter__label {
color: #ffffff;
}
.usp .textcontent {
display: flex;
gap: 20px;
align-items: center;
}
.usp .textcontent > div {
font-size: 16px;
}
@media (min-width: 1024px) {
.usp .textcontent > div {
font-size: 19px;
}
}
.usp .textcontent > span {
flex-shrink: 0;
display: flex;
align-items: center;
}
footer {
font-size: 15px;
}
footer a {
color: #040004;
}
footer a:hover,
footer a.active,
footer a.active_tree {
color: #e70610;
}
.footer_seotext {
padding-top: 30px;
padding-bottom: 30px;
}
.footerTopMenu {
padding-top: 30px;
padding-bottom: 120px;
border-top: 1px solid #f5f5f5;
}
.footerTopMenu .footer_navigation {
margin-top: 30px;
}
.footerTopMenu .footer_navigation .level_2 a.action_type_new {
position: relative;
}
.footerTopMenu .footer_navigation .level_2 a.action_type_new:after {
content: "neu";
width: 24px;
height: 24px;
background: #e70610;
color: #ffffff;
position: relative;
border-radius: 50%;
top: -2px;
font-size: 9px;
text-transform: uppercase;
margin-left: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.footerTrust {
padding-top: 60px;
padding-bottom: 60px;
border-top: 1px solid #f5f5f5;
}
.footerTrust a {
color: #907232;
}
.footerTrust a:hover,
.footerTrust a.active,
.footerTrust a.active_tree {
color: #e70610;
}
.footerBottomMenu {
padding-top: 30px;
padding-bottom: 130px;
background-color: #f9f7f4;
}
.footerBottom {
background-color: #e70610;
color: #ffffff;
font-size: 14px;
padding-bottom: 50px;
}
.footerBottom a {
color: #ffffff;
}
.footerBottom a:hover,
.footerBottom a.active,
.footerBottom a.active_tree {
color: #040004;
}
@media (max-width: 767px) {
.footerBottom {
padding-bottom: 100px;
}
}
.footerLogo {
margin-top: -108px;
}
.footerLogo h1,
.footerLogo .h1,
.footerLogo .bigFont,
.footerLogo .counting__number {
color: #ffffff;
margin-bottom: 5px;
margin-top: 20px;
font-size: 38px;
}
@media screen and (max-width: 767px) {
.footerLogo h1,
.footerLogo .h1,
.footerLogo .bigFont,
.footerLogo .counting__number {
font-size: 26px;
}
}
@media screen and (max-width: 480px) {
.footerLogo h1,
.footerLogo .h1,
.footerLogo .bigFont,
.footerLogo .counting__number {
font-size: 20px;
}
}
.footerBottomCopy {
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
}
@media screen and (max-width: 1249px) {
.footerTrust {
padding-top: 30px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.footerLogo {
margin-top: -14.5%;
}
.footerTopMenu {
padding-bottom: 90px;
}
.footerTopMenu .footer_navigation {
margin-top: 0;
}
}
@media screen and (max-width: 480px) {
.footerLogo h1,
.footerLogo .h1,
.footerLogo .bigFont,
.footerLogo .counting__number {
margin-top: 10px;
}
}
.footer_trust img {
max-height: 63px !important;
width: auto !important;
}
.footer_trust > .textcontent > div {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.footer_socialmedia a {
text-decoration: none;
}
.navSpecial {
font-weight: 600;
display: inline-flex;
align-items: center;
}
.navSpecial:before,
.navSpecial:after {
content: "";
transition: 0.2s ease-in-out;
display: none;
position: static;
width: auto;
height: auto;
background: transparent;
margin: 0;
padding: 0;
font-weight: normal;
transform: none;
}
.navSpecial:before {
margin-right: 5px;
}
.navSpecial:after {
margin-left: 5px;
}
.navSpecial:hover,
.navSpecial:focus,
.navSpecial:active,
.navSpecial.active {
text-decoration: none;
}
.navSpecial .js-lottie {
width: 25px;
height: 28px;
}
.navSpecial .js-lottie:first-child {
margin-right: 3px;
}
.navSpecial .js-lottie:last-child {
margin-left: 3px;
}
@media (min-width: 1700px) {
.navSpecial .js-lottie {
width: 34px;
height: 37px;
}
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay,
.primary_navigation .navigation > ul > li > a.navValentinsDay,
.mobileMenu a.navValentinsDay,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay,
.primary_navigation .navigation > ul > li > a.navMothersDay,
.mobileMenu a.navMothersDay,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster,
.primary_navigation .navigation > ul > li > a.navEeaster,
.mobileMenu a.navEeaster,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday,
.primary_navigation .navigation > ul > li > a.navWomenday,
.mobileMenu a.navWomenday {
font-weight: 600;
display: inline-flex;
align-items: center;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:before,
.mobileMenu a.navValentinsDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:before,
.mobileMenu a.navMothersDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:before,
.primary_navigation .navigation > ul > li > a.navEeaster:before,
.mobileMenu a.navEeaster:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:before,
.primary_navigation .navigation > ul > li > a.navWomenday:before,
.mobileMenu a.navWomenday:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:after,
.mobileMenu a.navValentinsDay:after,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:after,
.mobileMenu a.navMothersDay:after,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:after,
.primary_navigation .navigation > ul > li > a.navEeaster:after,
.mobileMenu a.navEeaster:after,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:after,
.primary_navigation .navigation > ul > li > a.navWomenday:after,
.mobileMenu a.navWomenday:after {
content: "";
transition: 0.2s ease-in-out;
display: none;
position: static;
width: auto;
height: auto;
background: transparent;
margin: 0;
padding: 0;
font-weight: normal;
transform: none;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:before,
.mobileMenu a.navValentinsDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:before,
.mobileMenu a.navMothersDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:before,
.primary_navigation .navigation > ul > li > a.navEeaster:before,
.mobileMenu a.navEeaster:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:before,
.primary_navigation .navigation > ul > li > a.navWomenday:before,
.mobileMenu a.navWomenday:before {
margin-right: 5px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:after,
.mobileMenu a.navValentinsDay:after,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:after,
.mobileMenu a.navMothersDay:after,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:after,
.primary_navigation .navigation > ul > li > a.navEeaster:after,
.mobileMenu a.navEeaster:after,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:after,
.primary_navigation .navigation > ul > li > a.navWomenday:after,
.mobileMenu a.navWomenday:after {
margin-left: 5px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:hover,
.primary_navigation .navigation > ul > li > a.navValentinsDay:hover,
.mobileMenu a.navValentinsDay:hover,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:hover,
.primary_navigation .navigation > ul > li > a.navMothersDay:hover,
.mobileMenu a.navMothersDay:hover,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:hover,
.primary_navigation .navigation > ul > li > a.navEeaster:hover,
.mobileMenu a.navEeaster:hover,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:hover,
.primary_navigation .navigation > ul > li > a.navWomenday:hover,
.mobileMenu a.navWomenday:hover,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:focus,
.primary_navigation .navigation > ul > li > a.navValentinsDay:focus,
.mobileMenu a.navValentinsDay:focus,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:focus,
.primary_navigation .navigation > ul > li > a.navMothersDay:focus,
.mobileMenu a.navMothersDay:focus,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:focus,
.primary_navigation .navigation > ul > li > a.navEeaster:focus,
.mobileMenu a.navEeaster:focus,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:focus,
.primary_navigation .navigation > ul > li > a.navWomenday:focus,
.mobileMenu a.navWomenday:focus,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:active,
.primary_navigation .navigation > ul > li > a.navValentinsDay:active,
.mobileMenu a.navValentinsDay:active,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:active,
.primary_navigation .navigation > ul > li > a.navMothersDay:active,
.mobileMenu a.navMothersDay:active,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:active,
.primary_navigation .navigation > ul > li > a.navEeaster:active,
.mobileMenu a.navEeaster:active,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:active,
.primary_navigation .navigation > ul > li > a.navWomenday:active,
.mobileMenu a.navWomenday:active,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay.active,
.primary_navigation .navigation > ul > li > a.navValentinsDay.active,
.mobileMenu a.navValentinsDay.active,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay.active,
.primary_navigation .navigation > ul > li > a.navMothersDay.active,
.mobileMenu a.navMothersDay.active,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster.active,
.primary_navigation .navigation > ul > li > a.navEeaster.active,
.mobileMenu a.navEeaster.active,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday.active,
.primary_navigation .navigation > ul > li > a.navWomenday.active,
.mobileMenu a.navWomenday.active {
text-decoration: none;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navValentinsDay .js-lottie,
.mobileMenu a.navValentinsDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navMothersDay .js-lottie,
.mobileMenu a.navMothersDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster .js-lottie,
.primary_navigation .navigation > ul > li > a.navEeaster .js-lottie,
.mobileMenu a.navEeaster .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday .js-lottie,
.primary_navigation .navigation > ul > li > a.navWomenday .js-lottie,
.mobileMenu a.navWomenday .js-lottie {
width: 25px;
height: 28px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay .js-lottie:first-child,
.primary_navigation .navigation > ul > li > a.navValentinsDay .js-lottie:first-child,
.mobileMenu a.navValentinsDay .js-lottie:first-child,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay .js-lottie:first-child,
.primary_navigation .navigation > ul > li > a.navMothersDay .js-lottie:first-child,
.mobileMenu a.navMothersDay .js-lottie:first-child,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster .js-lottie:first-child,
.primary_navigation .navigation > ul > li > a.navEeaster .js-lottie:first-child,
.mobileMenu a.navEeaster .js-lottie:first-child,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday .js-lottie:first-child,
.primary_navigation .navigation > ul > li > a.navWomenday .js-lottie:first-child,
.mobileMenu a.navWomenday .js-lottie:first-child {
margin-right: 3px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay .js-lottie:last-child,
.primary_navigation .navigation > ul > li > a.navValentinsDay .js-lottie:last-child,
.mobileMenu a.navValentinsDay .js-lottie:last-child,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay .js-lottie:last-child,
.primary_navigation .navigation > ul > li > a.navMothersDay .js-lottie:last-child,
.mobileMenu a.navMothersDay .js-lottie:last-child,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster .js-lottie:last-child,
.primary_navigation .navigation > ul > li > a.navEeaster .js-lottie:last-child,
.mobileMenu a.navEeaster .js-lottie:last-child,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday .js-lottie:last-child,
.primary_navigation .navigation > ul > li > a.navWomenday .js-lottie:last-child,
.mobileMenu a.navWomenday .js-lottie:last-child {
margin-left: 3px;
}
@media (min-width: 1700px) {
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navValentinsDay .js-lottie,
.mobileMenu a.navValentinsDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navMothersDay .js-lottie,
.mobileMenu a.navMothersDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster .js-lottie,
.primary_navigation .navigation > ul > li > a.navEeaster .js-lottie,
.mobileMenu a.navEeaster .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday .js-lottie,
.primary_navigation .navigation > ul > li > a.navWomenday .js-lottie,
.mobileMenu a.navWomenday .js-lottie {
width: 34px;
height: 37px;
}
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navValentinsDay .js-lottie,
.mobileMenu a.navValentinsDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay .js-lottie,
.primary_navigation .navigation > ul > li > a.navMothersDay .js-lottie,
.mobileMenu a.navMothersDay .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster .js-lottie,
.primary_navigation .navigation > ul > li > a.navEeaster .js-lottie,
.mobileMenu a.navEeaster .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday .js-lottie,
.primary_navigation .navigation > ul > li > a.navWomenday .js-lottie,
.mobileMenu a.navWomenday .js-lottie {
width: 34px;
height: 37px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:after {
color: #ffd5e5;
content: "\f004";
font-family: FontAwesome;
display: block;
}
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:hover:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:hover:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:focus:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:focus:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:active:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay:active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay.active:before,
.primary_navigation .navigation > ul > li > a.navValentinsDay.active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:hover:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:hover:after,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:focus:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:focus:after,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay:active:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay:active:after,
#primary_navigation_mobile .dl-menuwrapper li a.navValentinsDay.active:after,
.primary_navigation .navigation > ul > li > a.navValentinsDay.active:after {
color: #ffa2c5 !important;
}
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:after {
color: #CF8487;
content: "\f004";
font-family: FontAwesome;
display: block;
}
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:hover:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:hover:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:focus:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:focus:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:active:before,
.primary_navigation .navigation > ul > li > a.navMothersDay:active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay.active:before,
.primary_navigation .navigation > ul > li > a.navMothersDay.active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:hover:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:hover:after,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:focus:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:focus:after,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay:active:after,
.primary_navigation .navigation > ul > li > a.navMothersDay:active:after,
#primary_navigation_mobile .dl-menuwrapper li a.navMothersDay.active:after,
.primary_navigation .navigation > ul > li > a.navMothersDay.active:after {
color: #c15f63 !important;
}
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:before,
.primary_navigation .navigation > ul > li > a.navEeaster:before,
.mobileMenu a.navEeaster:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:after,
.primary_navigation .navigation > ul > li > a.navEeaster:after,
.mobileMenu a.navEeaster:after {
color: #56D593;
content: "\E062";
font-family: "icons";
font-size: 1.5em;
position: relative;
top: 2px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:before .js-lottie,
.primary_navigation .navigation > ul > li > a.navEeaster:before .js-lottie,
.mobileMenu a.navEeaster:before .js-lottie,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:after .js-lottie,
.primary_navigation .navigation > ul > li > a.navEeaster:after .js-lottie,
.mobileMenu a.navEeaster:after .js-lottie {
width: 26px;
height: 26px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:hover:before,
.primary_navigation .navigation > ul > li > a.navEeaster:hover:before,
.mobileMenu a.navEeaster:hover:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:focus:before,
.primary_navigation .navigation > ul > li > a.navEeaster:focus:before,
.mobileMenu a.navEeaster:focus:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:active:before,
.primary_navigation .navigation > ul > li > a.navEeaster:active:before,
.mobileMenu a.navEeaster:active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster.active:before,
.primary_navigation .navigation > ul > li > a.navEeaster.active:before,
.mobileMenu a.navEeaster.active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:hover:after,
.primary_navigation .navigation > ul > li > a.navEeaster:hover:after,
.mobileMenu a.navEeaster:hover:after,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:focus:after,
.primary_navigation .navigation > ul > li > a.navEeaster:focus:after,
.mobileMenu a.navEeaster:focus:after,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster:active:after,
.primary_navigation .navigation > ul > li > a.navEeaster:active:after,
.mobileMenu a.navEeaster:active:after,
#primary_navigation_mobile .dl-menuwrapper li a.navEeaster.active:after,
.primary_navigation .navigation > ul > li > a.navEeaster.active:after,
.mobileMenu a.navEeaster.active:after {
color: #31c779 !important;
}
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:before,
.primary_navigation .navigation > ul > li > a.navWomenday:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:after,
.primary_navigation .navigation > ul > li > a.navWomenday:after {
color: #BD97C1;
content: "\E064";
font-family: "icons";
font-size: 1.5em;
position: relative;
top: 2px;
}
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:hover:before,
.primary_navigation .navigation > ul > li > a.navWomenday:hover:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:focus:before,
.primary_navigation .navigation > ul > li > a.navWomenday:focus:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:active:before,
.primary_navigation .navigation > ul > li > a.navWomenday:active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday.active:before,
.primary_navigation .navigation > ul > li > a.navWomenday.active:before,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:hover:after,
.primary_navigation .navigation > ul > li > a.navWomenday:hover:after,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:focus:after,
.primary_navigation .navigation > ul > li > a.navWomenday:focus:after,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday:active:after,
.primary_navigation .navigation > ul > li > a.navWomenday:active:after,
#primary_navigation_mobile .dl-menuwrapper li a.navWomenday.active:after,
.primary_navigation .navigation > ul > li > a.navWomenday.active:after {
color: #a977ae !important;
}
.fullview_collection .hideInFullview {
display: none !important;
}
.collectionGroupFilter {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 50px;
display: none;
text-align: center;
}
.collectionGroupFilter__item {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.collectionGroupFilter__item > span {
border-color: #040004;
color: #040004;
}
@media screen and (max-width: 767px) {
.collectionGroupFilter__item {
display: none;
}
}
@media screen and (max-width: 480px) {
.collectionGroupFilter {
margin-bottom: 20px;
}
.collectionGroupFilter__item {
width: 100%;
}
.collectionGroupFilter__item > span {
display: block;
width: 100%;
}
}
.collectionGroupFilterSelect {
display: none;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
.collectionGroupFilterSelect {
display: block;
}
}
.recommendationCollectionLink .collectionGroupFilter {
display: none !important;
}
.recommendationCollectionLink .collection__wrapper {
margin: 0;
}
.recommendationCollectionLink .collection {
height: 100%;
}
.recommendationCollectionLink .recommendationCollectionLink__item {
width: 100%;
height: 100%;
padding: 0;
}
.recommendationCollectionLink .collection_container {
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.recommendationCollectionLink .collection__content {
background-color: #f9f7f4;
padding: 20px;
position: absolute;
right: 20px;
bottom: 20px;
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
max-height: calc(100% - 40px);
max-height: -moz-calc(100% - 40px);
max-height: -webkit-calc(100% - 40px);
max-height: -o-calc(100% - 40px);
}
.recommendationCollectionLink .collection__content h3,
.recommendationCollectionLink .collection__content .counting__text,
.recommendationCollectionLink .collection__content .countText,
.recommendationCollectionLink .collection__content .finderFilter__label {
margin-bottom: 0;
}
.recommendationCollectionLink .breaker > div {
width: 90px;
height: 90px;
}
.recommendationCollectionLink .breaker > div:before {
border-top-width: 90px;
border-right-width: 90px;
}
.collection .article .shop_item_preview .itemcard_list {
display: block;
margin-bottom: 16px;
}
.collection .article .shop_item_preview .itemcard_list:after {
clear: both;
display: block;
content: " ";
}
.collection .article .shop_item_preview .itemlist {
width: 25%;
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.collection .article .shop_item_preview .itemlist {
width: 50%;
}
}
@media screen and (max-width: 1023px) {
.collection .article .shop_item_preview .itemlist {
width: 33.33333333%;
}
}
@media screen and (max-width: 480px) {
.collection .article .shop_item_preview .itemlist {
width: 50%;
}
}
.hideCollectionFilter .collectionGroupFilter {
display: none !important;
}
.collectionActionBar {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
flex-wrap: wrap;
}
.collectionActionBar a {
color: #040004;
}
.collectionActionBar a:hover,
.collectionActionBar a:focus,
.collectionActionBar a:active {
color: #907232;
}
.collectionJobs.isList {
margin-left: -20px;
margin-right: -20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collectionJobs.isList .collectionJobs__item {
width: 33.33333333%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.collectionJobs.isList .collection_container {
background-color: #f9f7f4;
padding: 30px;
display: block;
height: 100%;
}
.collectionJobs.isList .collection_container .textbutton,
.collectionJobs.isList .collection_container .textbutton--big,
.collectionJobs.isList .collection_container .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media (min-width: 768px) {
.collectionJobs.isList .collection_container.paddingBottom--big {
padding-bottom: 90px;
}
}
.collectionJobs.isList .collection_container:hover .textbutton,
.collectionJobs.isList .collection_container:hover .textbutton--big,
.collectionJobs.isList .collection_container:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.collectionJobs.isList h3,
.collectionJobs.isList .counting__text,
.collectionJobs.isList .countText,
.collectionJobs.isList .finderFilter__label {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
padding-right: 20px;
width: calc(100% - 65px - 6px);
width: -moz-calc(100% - 65px - 6px);
width: -webkit-calc(100% - 65px - 6px);
width: -o-calc(100% - 65px - 6px);
}
.collectionJobs.isList .collection_link {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1249px) {
.collectionJobs.isList .collectionJobs__item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.collectionJobs.isList .collectionJobs__item {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.collectionJobs.isList h3,
.collectionJobs.isList .counting__text,
.collectionJobs.isList .countText,
.collectionJobs.isList .finderFilter__label {
display: block;
margin-bottom: 20px;
padding-right: 0;
width: 100%;
}
.collectionJobs.isList .collection_link {
display: block;
}
}
.collectionGroupFilter.weihnachtsmaerkte {
display: block;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__wrapper {
margin-left: -20px;
margin-right: -20px;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__item {
float: left;
width: 50%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__image {
width: 60%;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__content {
width: 40%;
min-height: 260px;
padding: 30px 20px;
position: relative;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__content > div {
width: 100%;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__detailsButton {
width: 40px;
height: 40px;
background: #e70610;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
right: 20px;
bottom: 20px;
position: absolute;
font-size: 30px;
border-radius: 50%;
display: none;
}
.collectionChristmasMarkets.isList .collection_container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
text-align: center;
background: #f9f7f4;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
transition: 0.2s ease-in-out;
}
.collectionChristmasMarkets.isList .collection_container.spacingSmall {
margin-left: -8px;
margin-right: -8px;
font-size: 14px;
}
.collectionChristmasMarkets.isList .collection_container.spacingSmall > div {
margin-left: 8px;
margin-right: 8px;
padding: 30px;
}
.collectionChristmasMarkets.isList .collection_container.spacingSmall > div.smallPadding {
padding: 30px 20px;
}
.collectionChristmasMarkets.isList .collection_container .collectionChristmasMarkets__image {
transition: 0.2s ease-in-out;
}
.collectionChristmasMarkets.isList .collection_container:hover,
.collectionChristmasMarkets.isList .collection_container:focus {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1539px) {
.collectionChristmasMarkets.isList .collectionChristmasMarkets__image,
.collectionChristmasMarkets.isList .collectionChristmasMarkets__content {
width: 50%;
}
}
@media screen and (max-width: 1539px) {
.collectionChristmasMarkets.isList .collectionChristmasMarkets__item {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.collectionChristmasMarkets.isList .collection_container {
display: block;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__image {
width: 100%;
height: 200px;
}
.collectionChristmasMarkets.isList .collectionChristmasMarkets__content {
width: 100%;
min-height: 0;
}
}
.collectionChristmasMarkets.isFullView .collectionBanner {
position: relative;
min-height: 600px;
}
.collectionChristmasMarkets.isFullView .collectionBanner .bannerBox {
position: absolute;
top: 80px;
right: 0;
width: 420px;
}
.collectionChristmasMarkets.isFullView .collectionBanner .googlemaps_content {
height: 600px !important;
}
@media screen and (max-width: 1023px) {
.collectionChristmasMarkets.isFullView .collectionBanner {
min-height: 0;
}
.collectionChristmasMarkets.isFullView .collectionBanner:after {
clear: both;
display: block;
content: " ";
}
.collectionChristmasMarkets.isFullView .collectionBanner .bannerBox {
position: static;
width: 100%;
max-width: none;
margin: 0;
margin-bottom: 30px;
}
.collectionChristmasMarkets.isFullView .collectionBanner .googlemaps_content {
height: 300px !important;
}
}
.collectionChristmasMarketsVideo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 40px;
}
.collectionChristmasMarketsVideo__left {
width: 33.33333333%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.collectionChristmasMarketsVideo__left > div {
padding: 20px;
width: 100%;
padding: 40px;
background-color: #f9f7f4;
position: relative;
z-index: 1;
height: 100%;
}
.collectionChristmasMarketsVideo__left > div .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.collectionChristmasMarketsVideo__left > div {
padding: 40px;
}
}
.collectionChristmasMarketsVideo__left > div h2,
.collectionChristmasMarketsVideo__left > div .h2 {
color: #040004;
margin-bottom: 30px;
}
.collectionChristmasMarketsVideo__left > div:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.collectionChristmasMarketsVideo__left > div:after {
border-right: 45px solid transparent;
right: -44px;
}
.collectionChristmasMarketsVideo__right {
width: 66.66666667%;
}
.collectionChristmasMarketsVideo__right div {
height: 100%;
}
.collectionChristmasMarketsVideo .embed-responsive-16by9 {
padding-bottom: 0;
}
.collectionChristmasMarketsVideo .embed-responsive-16by9 iframe {
position: static;
min-height: 680px;
}
@media screen and (max-width: 1249px) {
.collectionChristmasMarketsVideo__left {
width: 40%;
}
.collectionChristmasMarketsVideo__right {
width: 60%;
}
.collectionChristmasMarketsVideo .embed-responsive-16by9 iframe {
min-height: 500px;
}
}
@media screen and (max-width: 1023px) {
.collectionChristmasMarketsVideo {
display: block;
padding: 20px;
}
.collectionChristmasMarketsVideo__left {
width: 100%;
}
.collectionChristmasMarketsVideo__left > div {
padding: 20px;
}
.collectionChristmasMarketsVideo__left > div:after {
top: auto;
bottom: -75px;
right: 0;
border-right: 0;
border-left: 45px solid transparent;
}
.collectionChristmasMarketsVideo__right {
width: 100%;
}
.collectionChristmasMarketsVideo .embed-responsive-16by9 iframe {
position: absolute;
min-height: 0;
}
}
@media (min-width: 1024px) {
.min-width-430--md {
min-width: 430px;
}
}
@media (min-width: 1024px) {
.flex-wrap-nowrap--md {
flex-wrap: nowrap;
}
}
.collectionGroupFilter.rezepte {
display: block;
}
.collectionRecipes__wrapper {
margin-left: -8px;
margin-right: -8px;
}
.collectionRecipes__item {
width: 25%;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 16px;
color: #040004;
}
.collectionRecipes__item.width--2x {
width: 50%;
}
.collectionRecipes__content {
padding: 15px;
background-color: #f9f7f4;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.collectionRecipes__content h3,
.collectionRecipes__content .h3,
.collectionRecipes__content .counting__text,
.collectionRecipes__content .countText,
.collectionRecipes__content .finderFilter__label {
font-size: 18px;
margin-bottom: 0;
}
.collectionRecipes .collectionRecipes__link {
text-align: right;
align-self: flex-end;
-webkit-align-self: flex-end;
}
.collectionRecipes .collectionRecipes__link .textbutton,
.collectionRecipes .collectionRecipes__link .textbutton--big,
.collectionRecipes .collectionRecipes__link .boxSecond--column--half .textbutton {
max-width: 160px;
width: 100%;
text-align: center;
}
.collectionRecipes .collection_container {
position: relative;
display: block;
}
.collectionRecipes__expended {
color: #040004;
font-size: 13px;
background-color: #f9f7f4;
margin-right: -10px;
margin-left: -10px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collectionRecipes__expended > div {
padding-right: 10px;
padding-left: 10px;
margin-top: 10px;
vertical-align: top;
width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.collectionRecipes__expended > div .collection_content_inner {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media screen and (max-width: 1023px) {
.collectionRecipes__expended {
margin-right: -7px;
margin-left: -7px;
}
.collectionRecipes__expended > div {
padding-right: 7px;
padding-left: 7px;
}
}
@media screen and (max-width: 480px) {
.collectionRecipes__expended {
margin-right: -5px;
margin-left: -5px;
}
.collectionRecipes__expended > div {
padding-right: 5px;
padding-left: 5px;
font-size: 11px;
}
}
.collectionRecipes__expended .textbutton,
.collectionRecipes__expended .textbutton--big,
.collectionRecipes__expended .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
.collectionRecipes .collectionRecipes__item:hover .textbutton,
.collectionRecipes .collectionRecipes__item:hover .textbutton--big,
.collectionRecipes .collectionRecipes__item:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.collectionRecipes.isFullView .collectionRecipes__image img,
.collectionRecipes.isFullView .collectionRecipes__image video {
object-fit: cover;
aspect-ratio: 1.33333333;
}
.collectionRecipes.isFullView .boxBorder--big {
padding: 40px;
}
.collectionRecipes .width--2x .collectionRecipes__expended > div {
width: 25%;
}
.collectionRecipes .article .shop_item_preview .itemlist {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.collection_difficulty {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stetch;
-webkit-align-items: stetch;
align-items: stetch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collection_difficulty > div {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 40px;
min-width: 148px;
width: auto;
text-align: center;
}
.collection_difficulty i {
font-size: 2em;
display: block;
}
@media screen and (max-width: 1249px) {
.collection_difficulty {
margin-left: -5px;
margin-right: -5px;
margin-bottom: -10px;
}
.collection_difficulty > div {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: calc(100% / 4 - 10px);
width: -moz-calc(100% / 4 - 10px);
width: -webkit-calc(100% / 4 - 10px);
width: -o-calc(100% / 4 - 10px);
min-width: 0;
font-size: 10px;
padding: 5px;
}
.collection_difficulty i {
font-size: 1.6em;
}
}
@media screen and (max-width: 480px) {
.collection_difficulty > div {
width: calc(100% / 2 - 10px);
width: -moz-calc(100% / 2 - 10px);
width: -webkit-calc(100% / 2 - 10px);
width: -o-calc(100% / 2 - 10px);
}
}
@media screen and (max-width: 1249px) {
.collectionRecipes__item {
width: 33.33333333%;
}
.collectionRecipes__item.width--2x {
width: 66.66666667%;
}
}
@media screen and (max-width: 1023px) {
.collectionRecipes__item {
width: 50%;
}
.collectionRecipes__item.width--2x {
width: 50%;
}
.collectionRecipes__item.width--2x .collectionRecipes__expended > div {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.collectionRecipes__item {
width: 100%;
}
.collectionRecipes__item.width--2x {
width: 100%;
}
}
.collectionGroupFilter.blog {
display: block;
}
.collectionBlog__wrapper {
margin-left: -20px;
margin-right: -20px;
}
.collectionBlog__item {
width: 25%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
color: #040004;
}
.collectionBlog__item:hover .textbutton,
.collectionBlog__item:hover .textbutton--big,
.collectionBlog__item:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.collectionBlog__image {
overflow: hidden;
position: relative;
}
.collectionBlog__image img {
width: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.collectionBlog__content {
padding: 15px;
background-color: #f9f7f4;
text-align: center;
}
@media (min-width: 1540px) {
.collectionBlog__content {
padding: 20px 30px;
}
}
.collectionBlog__content h3,
.collectionBlog__content .h3,
.collectionBlog__content .counting__text,
.collectionBlog__content .countText,
.collectionBlog__content .finderFilter__label {
margin-bottom: 0;
}
.collectionBlog .collection_container {
display: block;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
transition: 0.2s ease-in-out;
}
.collectionBlog .collection_container .collectionBlog__image {
overflow: hidden;
}
.collectionBlog .collection_container .collectionBlog__image img {
transition: 0.2s ease-in-out;
}
.collectionBlog .collection_container:hover {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.collectionBlog .collection_container:hover .collectionBlog__image img {
transform: scale(1.04);
}
.collectionBlog .textbutton,
.collectionBlog .textbutton--big,
.collectionBlog .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
.blog {
position: relative;
overflow: hidden;
}
.blog .blogimage {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
.blog .blogimage img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
.blog .title {
position: relative;
background-color: #f9f7f4;
padding: 10px 20px;
position: absolute;
bottom: 40px;
right: 40px;
z-index: 1;
max-width: 50%;
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
font-weight: 600;
}
.blog .title:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.blog .title:after {
border-left: 45px solid transparent;
left: -44px;
}
.blog .title:after {
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
}
.blog .collection_groupflag {
z-index: 1;
position: absolute;
top: 20px;
left: 20px;
}
.blog.linked:hover .title {
background-color: #e7dfd3;
}
.blog.linked:hover .title:after {
border-top-color: #e7dfd3;
}
@media screen and (max-width: 1249px) {
.collectionBlog__item {
width: 33.33333333%;
}
}
@media screen and (max-width: 1023px) {
.collectionBlog__item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.collectionBlog__wrapper {
margin-left: -8px;
margin-right: -8px;
}
.collectionBlog__item {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 16px;
}
.collectionBlog__content {
padding: 10px;
}
.collectionBlog__content h3,
.collectionBlog__content .h3,
.collectionBlog__content .counting__text,
.collectionBlog__content .countText,
.collectionBlog__content .finderFilter__label {
font-size: 14px;
}
}
@media screen and (max-width: 360px) {
.collectionBlog__item {
width: 100%;
}
}
.finderFilter {
height: 100%;
border-right: 1px solid #727272;
}
.finderFilter .collectionGroupFilterFinder {
margin-left: 0;
margin-right: 0;
margin-bottom: -10px;
}
.finderFilter .collectionGroupFilterFinder__item {
display: block;
position: relative;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.finderFilter .collectionGroupFilterFinder__item:after {
content: '';
display: block;
width: 31px;
height: 0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-left-width: 0;
border-left-style: solid;
border-left-color: #727272;
right: -31px;
position: absolute;
top: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.finderFilter .collectionGroupFilterFinder__item:before {
content: '';
display: block;
width: 31px;
height: 0;
border-top: 31px solid transparent;
border-bottom: 31px solid transparent;
border-left-width: 0;
border-left-style: solid;
border-left-color: #ffffff;
right: -30px;
position: absolute;
top: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
z-index: 1;
}
.finderFilter .collectionGroupFilterFinder__item > span {
cursor: pointer;
display: block;
text-align: left;
border: 0;
padding: 20px 20px 20px 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
color: #040004;
font-weight: 600;
}
.finderFilter .collectionGroupFilterFinder__item > span:hover,
.finderFilter .collectionGroupFilterFinder__item > span:active,
.finderFilter .collectionGroupFilterFinder__item > span:focus {
background-color: transparent;
color: #e70610;
}
.finderFilter .collectionGroupFilterFinder__item.active > span {
color: #907232;
}
.finderFilter .collectionGroupFilterFinder__item.active:before {
border-left-width: 31px;
}
.finderFilter .collectionGroupFilterFinder__item.active:after {
border-left-width: 31px;
}
@media screen and (max-width: 480px) {
.finderFilter .collectionGroupFilterFinder__item > span {
padding: 5px 5px 5px 0;
}
.finderFilter .collectionGroupFilterFinder__item:after,
.finderFilter .collectionGroupFilterFinder__item:before {
display: none;
}
}
.finderFilter__label {
margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
.finderFilter {
border-right: 0;
}
}
@media screen and (max-width: 480px) {
.collectionLebkuchenfinder .collectionGroupFilterFinder__item {
font-size: 18px !important;
margin-bottom: 10px;
}
.collectionLebkuchenfinder .collectionGroupFilterFinder__item:last-child {
margin-bottom: 0;
}
}
.collectionLebkuchenfinder .article .shop_item_preview .itemlist {
float: left;
}
@media screen and (max-width: 767px) {
.collectionLebkuchenfinderWrapper .collectionLebkuchenfinder__item {
padding-bottom: 20px;
padding-top: 20px;
}
.collectionLebkuchenfinderWrapper .collectionLebkuchenfinder__item .collection_content.description .button_action_border {
margin-top: 20px;
}
}
@media screen and (max-width: 480px) {
.collectionLebkuchenfinderWrapper .flexrow {
display: block;
}
}
.collectionGroupFilter.knowledge {
display: block;
}
.collectionKnowledge__wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collectionKnowledge__item {
width: 50%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
color: #040004;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.collectionKnowledge__item:hover .textbutton,
.collectionKnowledge__item:hover .textbutton--big,
.collectionKnowledge__item:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.collectionKnowledge__image {
display: block;
max-width: 100%;
width: 100%;
background-color: #ffffff;
overflow: hidden;
position: relative;
width: 50%;
}
.collectionKnowledge__image img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.collectionKnowledge__image:before {
content: "";
display: block;
padding-top: 100%;
}
.collectionKnowledge__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.collectionKnowledge__content {
width: 50%;
color: #040004;
font-size: 14px;
padding: 20px;
}
@media (min-width: 768px) {
.collectionKnowledge__content {
padding: 30px;
}
}
@media (min-width: 1540px) {
.collectionKnowledge__content {
padding: 55px;
}
}
.collectionKnowledge .summary {
margin-bottom: 20px;
}
.collectionKnowledge .collection_container {
background-color: #f9f7f4;
display: flex;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
transition: 0.2s ease-in-out;
}
.collectionKnowledge .collection_container .collectionKnowledge__image {
overflow: hidden;
}
.collectionKnowledge .collection_container .collectionKnowledge__image img {
transition: 0.2s ease-in-out;
}
.collectionKnowledge .collection_container:hover {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.collectionKnowledge .collection_container:hover .collectionKnowledge__image img {
transform: scale(1.04);
}
.collectionKnowledge .textbutton,
.collectionKnowledge .textbutton--big,
.collectionKnowledge .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media screen and (max-width: 1249px) {
.collectionKnowledge__item {
width: 100%;
}
.collectionKnowledge__image {
width: 25%;
}
.collectionKnowledge__content {
width: 75%;
}
}
@media screen and (max-width: 1023px) {
.collectionKnowledge__image {
width: 35%;
}
.collectionKnowledge__content {
width: 65%;
}
}
@media screen and (max-width: 767px) {
.collectionKnowledge__image {
width: 40%;
}
.collectionKnowledge__content {
width: 60%;
}
}
@media screen and (max-width: 480px) {
.collectionKnowledge .collection_container {
display: block;
}
.collectionKnowledge__item,
.collectionKnowledge__image,
.collectionKnowledge__content {
width: 100%;
}
.collectionKnowledge__image {
height: 200px;
}
}
.knowledge {
position: relative;
overflow: hidden;
}
.knowledge .knowledgeimage {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
.knowledge .knowledgeimage img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
.knowledge .title {
position: relative;
background-color: #f9f7f4;
padding: 10px 20px;
position: absolute;
bottom: 40px;
right: 40px;
z-index: 1;
max-width: 50%;
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
font-weight: 600;
}
.knowledge .title:after {
content: '';
display: none;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
position: absolute;
top: 0;
}
.knowledge .title:after {
border-left: 45px solid transparent;
left: -44px;
}
.knowledge .title:after {
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-ms-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
}
.knowledge .collection_groupflag {
z-index: 1;
position: absolute;
top: 20px;
left: 20px;
}
.knowledge.linked:hover .title {
background-color: #e7dfd3;
}
.knowledge.linked:hover .title:after {
border-top-color: #e7dfd3;
}
.collectionPresse__wrapper {
margin-left: -20px;
margin-right: -20px;
}
.collectionPresse__item {
width: 50%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
color: #040004;
}
.collectionPresse__item:hover .textbutton,
.collectionPresse__item:hover .textbutton--big,
.collectionPresse__item:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.collectionPresse__image {
overflow: hidden;
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
width: 33.33333333%;
}
.collectionPresse__image img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.collectionPresse__image:before {
content: "";
display: block;
padding-top: 100%;
}
.collectionPresse__image:before {
padding-top: 125%;
}
.collectionPresse__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.collectionPresse__content {
padding: 20px;
width: 66.66666667%;
color: #040004;
font-size: 14px;
}
.collectionPresse .date {
margin-bottom: 10px;
}
.collectionPresse .summary {
margin-bottom: 20px;
}
.collectionPresse .collection_container {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
background-color: #f9f7f4;
display: flex;
}
.collectionPresse .textbutton,
.collectionPresse .textbutton--big,
.collectionPresse .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media screen and (max-width: 1249px) {
.collectionPresse__item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.collectionPresse__image {
width: 40%;
}
.collectionPresse__content {
width: 60%;
}
}
@media screen and (max-width: 480px) {
.collectionPresse .collection_container {
display: block;
}
.collectionPresse__image {
padding-right: 20px;
}
.collectionPresse__item,
.collectionPresse__image,
.collectionPresse__content {
width: 100%;
}
}
.isList:not(.preview) .collectionTeeblog__wrapper {
display: flex;
flex-wrap: wrap;
}
.isList:not(.preview) .collectionTeeblog__item {
width: 33.33333333%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
color: #040004;
}
@media (max-width: 767px) {
.isList:not(.preview) .collectionTeeblog__item {
padding-bottom: 20px;
}
}
.isList:not(.preview) .collectionTeeblog__item:hover .collectionTeeblog__image img {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
}
.isList:not(.preview) .collectionTeeblog__item:hover .hashtags {
color: #907232;
}
.isList:not(.preview) .collectionTeeblog__item:hover .textbutton,
.isList:not(.preview) .collectionTeeblog__item:hover .textbutton--big,
.isList:not(.preview) .collectionTeeblog__item:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.isList:not(.preview) .collectionTeeblog__item:first-of-type,
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3) {
margin-top: 80px;
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__item:first-of-type,
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3) {
margin-top: 0;
}
}
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3n+5) {
margin-top: -80px;
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3n+5) {
margin-top: 0;
}
}
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3n+2) {
padding-bottom: 80px;
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3n+2) {
padding-bottom: 40px;
}
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__item:nth-of-type(3n+2) {
padding-bottom: 20px;
}
}
.isList:not(.preview) .collectionTeeblog__image {
overflow: hidden;
position: relative;
}
.isList:not(.preview) .collectionTeeblog__image img {
width: 100%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.isList:not(.preview) .collectionTeeblog__content {
padding: 30px;
font-style: italic;
color: #040004;
}
@media screen and (max-width: 1249px) {
.isList:not(.preview) .collectionTeeblog__content {
padding: 15px;
}
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__content {
padding: 15px 0;
}
}
.isList:not(.preview) .collectionTeeblog__content .hashtags {
color: #D80012;
font-style: normal;
}
.isList:not(.preview) .collectionTeeblog__content h3,
.isList:not(.preview) .collectionTeeblog__content .h3,
.isList:not(.preview) .collectionTeeblog__content .counting__text,
.isList:not(.preview) .collectionTeeblog__content .countText,
.isList:not(.preview) .collectionTeeblog__content .finderFilter__label {
font-size: 27px;
margin-bottom: 20px;
}
@media (max-width: 1249px) {
.isList:not(.preview) .collectionTeeblog__content h3,
.isList:not(.preview) .collectionTeeblog__content .h3,
.isList:not(.preview) .collectionTeeblog__content .counting__text,
.isList:not(.preview) .collectionTeeblog__content .countText,
.isList:not(.preview) .collectionTeeblog__content .finderFilter__label {
font-size: 22px;
}
}
@media (max-width: 767px) {
.isList:not(.preview) .collectionTeeblog__content h3,
.isList:not(.preview) .collectionTeeblog__content .h3,
.isList:not(.preview) .collectionTeeblog__content .counting__text,
.isList:not(.preview) .collectionTeeblog__content .countText,
.isList:not(.preview) .collectionTeeblog__content .finderFilter__label {
font-size: 18px;
margin-bottom: 10px;
}
}
.isList:not(.preview) .collectionTeeblog__shortDescription {
margin-bottom: 20px;
}
.isList:not(.preview) .collectionTeeblog .collection_container {
display: block;
}
.isList:not(.preview) .collectionTeeblog .textbutton,
.isList:not(.preview) .collectionTeeblog .textbutton--big,
.isList:not(.preview) .collectionTeeblog .boxSecond--column--half .textbutton {
background-color: #ffffff;
}
@media screen and (max-width: 1023px) {
.isList:not(.preview) .collectionTeeblog__item {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.isList:not(.preview) .collectionTeeblog__item {
width: 100%;
}
}
.collectionTeeblog.preview {
margin-bottom: 120px;
}
@media (max-width: 1023px) {
.collectionTeeblog.preview {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.collectionTeeblog.preview {
margin-bottom: 60px;
}
}
.collectionTeeblog.preview .collectionTeeblog__wrapper.owl-carousel .owl-stage-outer {
overflow: visible;
}
.collectionTeeblog.preview .collectionTeeblog__wrapper.owl-carousel .owl-item {
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 0.5;
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
z-index: 1;
}
.collectionTeeblog.preview .collectionTeeblog__wrapper.owl-carousel .owl-item.active {
opacity: 1;
z-index: 2;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.collectionTeeblog.preview .collectionTeeblog__wrapper.owl-carousel .owl-item.active.center {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
z-index: 3;
}
body.fullview_collection .teeblog > .row {
margin-left: 0;
margin-right: 0;
}
.collectionTipps.isList .collectionTipps__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_item {
width: 33.33333333%;
max-width: 372px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 60px;
display: flex;
}
@media (max-width: 1023px) {
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_item {
width: 50%;
max-width: 100%;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 480px) {
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_item {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_item > a {
display: flex;
flex-direction: column;
width: 100%;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_image {
margin-bottom: 30px;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_image img {
width: 100%!important;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_content {
color: #040004;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_content h3,
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_content .counting__text,
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_content .countText,
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_content .finderFilter__label {
font-weight: 400;
font-size: 22px;
margin-bottom: 20px;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_shortDescription {
margin-bottom: 30px;
flex-grow: 1;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_link .link {
color: #e70610;
}
.collectionTipps.isList .collectionTipps__wrapper .collectionTipps_link .link:hover {
color: #907232;
}
.collectionTipps.isFullView #gadget {
flex-grow: 1;
}
.collectionGroupFilter.tipps {
display: block;
}
.collectionGroupFilter.tipps .collectionGroupFilter__item > span {
background: #B2B2B2;
color: #ffffff;
border-color: #B2B2B2;
}
.collectionGroupFilter.tipps .collectionGroupFilter__item > span:hover {
background: #040004;
border-color: #040004;
}
.collectionGroupFilter.tipps .collectionGroupFilter__item.active > span {
background: #040004;
color: #ffffff;
border-color: #040004;
}
.imageGallery {
text-align: center;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -40px;
}
.imageGallery__image {
width: 16.66666667%;
display: inline-block;
vertical-align: middle;
margin-right: -6px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.imageGallery__image .image {
cursor: pointer;
/*img {
max-width: 90% !important;
max-height: 90%;
}*/
}
.imageGallery__image .image:before {
padding-top: 75%;
}
.imageGallery__image .image:after {
content: " ";
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
position: absolute;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.imageGallery__image .image:hover:after {
background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1023px) {
.imageGallery__image {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.imageGallery__image {
width: 33.33333333%;
}
}
@media screen and (max-width: 480px) {
.imageGallery__image {
width: 50%;
}
}
.imageGallery .smallimagesCounter {
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
}
.imageGallery .smallimagesCounter > div {
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
width: 80px;
height: 80px;
line-height: 72px;
border: 4px solid #ffffff;
color: #ffffff;
font-weight: 600;
font-size: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.filegallery_content {
margin-bottom: 20px;
}
.filegallery_content .filegallery_content_file {
margin-bottom: 10px;
}
.filegallery_content .filegallery_content_file a {
color: #040004;
margin-left: 25px;
display: inline-block;
}
.filegallery_content .filegallery_content_file a .filegallery_content_file_icon {
margin-right: 10px;
display: inline-block;
margin-left: -25px;
font-size: 18px;
color: #907232;
position: relative;
top: 2px;
}
.filegallery_content .filegallery_content_file a:hover {
color: #e70610;
}
.filegallery_content .filegallery_content_file a:hover .filegallery_content_file_icon {
color: #e70610;
}
.filegallery_1_2 .filegallery_content {
margin-left: -20px;
margin-right: -20px;
}
.filegallery_1_2 .filegallery_content .filegallery_content_file {
float: left;
width: 50%;
padding-left: 50px;
padding-right: 50px;
}
.filegallery_1_2 .filegallery_content:after {
clear: both;
display: block;
content: " ";
}
@media screen and (max-width: 767px) {
.filegallery_1_2 .filegallery_content .filegallery_content_file {
float: left;
width: 100%;
}
}
.slideshow_headline {
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
.slideshow_headline {
font-size: 16px;
}
}
.slideshow_text {
font-size: 16px;
}
.slideshow_text h2 {
margin-bottom: 30px !important;
}
.slideshow_text p {
font-size: 16px;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.slideshow_text {
font-size: 14px;
}
}
.slideshow_button {
margin-top: 20px;
}
.slideshow_button .button,
.slideshow_button .button_primary,
.slideshow_button .btn-primary,
.slideshow_button .button_second,
.slideshow_button .btn-second,
.slideshow_button .button_warning,
.slideshow_button .btn-warning,
.slideshow_button .button_success,
.slideshow_button .btn-success,
.slideshow_button .button_info,
.slideshow_button .btn-info,
.slideshow_button .button_action,
.slideshow_button .btn-action,
.slideshow_button .button_danger,
.slideshow_button .btn-danger,
.slideshow_button .button_transparent,
.slideshow_button .btn-transparent,
.slideshow_button .button_white,
.slideshow_button .btn-white,
.slideshow_button .button_option,
.slideshow_button .button_action_border,
.slideshow_button .collectionGroupFilter__item > span,
.slideshow_button #dc_amount_select .dc_amount {
background-color: #e70610;
color: #ffffff;
border: 0;
}
.slideshow_button .button:hover,
.slideshow_button .button_primary:hover,
.slideshow_button .btn-primary:hover,
.slideshow_button .button_second:hover,
.slideshow_button .btn-second:hover,
.slideshow_button .button_warning:hover,
.slideshow_button .btn-warning:hover,
.slideshow_button .button_success:hover,
.slideshow_button .btn-success:hover,
.slideshow_button .button_info:hover,
.slideshow_button .btn-info:hover,
.slideshow_button .button_action:hover,
.slideshow_button .btn-action:hover,
.slideshow_button .button_danger:hover,
.slideshow_button .btn-danger:hover,
.slideshow_button .button_transparent:hover,
.slideshow_button .btn-transparent:hover,
.slideshow_button .button_white:hover,
.slideshow_button .btn-white:hover,
.slideshow_button .button_option:hover,
.slideshow_button .button_action_border:hover,
.slideshow_button .collectionGroupFilter__item > span:hover,
.slideshow_button #dc_amount_select .dc_amount:hover {
background-color: #ce050e;
}
.slideshow_button .button:active,
.slideshow_button .button:focus,
.slideshow_button .button_primary:active,
.slideshow_button .button_primary:focus,
.slideshow_button .btn-primary:active,
.slideshow_button .btn-primary:focus,
.slideshow_button .button_second:active,
.slideshow_button .button_second:focus,
.slideshow_button .btn-second:active,
.slideshow_button .btn-second:focus,
.slideshow_button .button_warning:active,
.slideshow_button .button_warning:focus,
.slideshow_button .btn-warning:active,
.slideshow_button .btn-warning:focus,
.slideshow_button .button_success:active,
.slideshow_button .button_success:focus,
.slideshow_button .btn-success:active,
.slideshow_button .btn-success:focus,
.slideshow_button .button_info:active,
.slideshow_button .button_info:focus,
.slideshow_button .btn-info:active,
.slideshow_button .btn-info:focus,
.slideshow_button .button_action:active,
.slideshow_button .button_action:focus,
.slideshow_button .btn-action:active,
.slideshow_button .btn-action:focus,
.slideshow_button .button_danger:active,
.slideshow_button .button_danger:focus,
.slideshow_button .btn-danger:active,
.slideshow_button .btn-danger:focus,
.slideshow_button .button_transparent:active,
.slideshow_button .button_transparent:focus,
.slideshow_button .btn-transparent:active,
.slideshow_button .btn-transparent:focus,
.slideshow_button .button_white:active,
.slideshow_button .button_white:focus,
.slideshow_button .btn-white:active,
.slideshow_button .btn-white:focus,
.slideshow_button .button_option:active,
.slideshow_button .button_option:focus,
.slideshow_button .button_action_border:active,
.slideshow_button .button_action_border:focus,
.slideshow_button .collectionGroupFilter__item > span:active,
.slideshow_button .collectionGroupFilter__item > span:focus,
.slideshow_button #dc_amount_select .dc_amount:active,
.slideshow_button #dc_amount_select .dc_amount:focus {
background-color: #b5050d;
}
@media screen and (max-width: 767px) {
.slideshow_button {
margin-top: 10px;
}
}
.slideshow_box {
position: relative;
width: 100%;
}
.slideshow_box .container:before,
.slideshow_box .container:after {
display: block;
}
@media (min-width: 1250px) and (max-width: 1664px) {
.slideshow_box .container {
padding-left: 110px;
padding-right: 110px;
}
}
@media (max-width: 767px) {
.slideshow_box .container {
padding-left: 0;
padding-right: 0;
}
}
.slideshow_box .slideshow_maincontent {
width: 100%;
}
.slideshow_box .slideshow_content {
display: flex;
align-items: center;
justify-content: flex-end;
}
.slideshow_box .slideshow_text {
font-weight: 600;
font-size: 18px;
min-height: 23px;
}
@media (max-width: 767px) {
.slideshow_box .slideshow_maincontent {
flex-grow: 1;
background: #f9f7f4;
}
}
@media (min-width: 768px) {
.slideshow_box .slideshow_maincontent {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
}
.slideshow_box .slideshow_contentbox {
width: 100%;
}
@media (min-width: 768px) {
.slideshow_box .slideshow_contentbox {
width: 380px;
}
}
@media (min-width: 1250px) {
.slideshow_box .slideshow_contentbox {
width: 460px;
}
}
.slideshow_box .slideshow_contentbox .itemlistBox__descriptionHead {
flex-wrap: nowrap;
}
.slideshow_box .slideshow_contentbox .itemlist_content .rating_stars_wrapper .active {
left: unset;
right: 0;
top: 5px;
}
@media (max-width: 767px) {
.slideshow_box .slideshow_contentbox .itemlist_content .rating_stars_wrapper .active {
top: 0;
}
}
.slideshow_box .slideshow_contentbox .itemlist_content .quantity {
display: none;
}
.slideshow_box .slideshow_contentbox .itemlist_content .basket_button_wrapper {
padding-left: 0;
position: absolute;
right: 0;
bottom: 0;
border-radius: 50%;
width: 42px;
overflow: hidden;
}
.slideshow_box .slideshow_contentbox .itemlist_content .basket_button_wrapper i {
margin-right: 3px;
}
.slideshow_box .slideshow_contentbox .itemlist_content .orderbox_gramm_pricing {
color: #4A4B4D;
}
.slideshow_box .slideshow_contentbox .itemlist_content .orderbox_item_no {
display: none;
}
.slideshow_box .slideshow_contentbox .item_campaign_text {
background: #907232;
color: #ffffff;
border-radius: 4px;
padding: 6px 12px 4px;
border: 0;
cursor: pointer;
line-height: 1;
font-size: 14px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.slideshow_box .slideshow_contentbox .itemcard_list .itemlist.abtest .itemlistBox .basket_button_wrapper {
bottom: -10px;
right: -60px;
}
}
.slideshow_box .owl-carousel:not(.owl-loaded) {
display: flex;
overflow: hidden;
}
.slideshow_box .owl-carousel:not(.owl-loaded) .owl-carousel-item {
flex-shrink: 0;
}
.slideshow_box .owl-stage {
display: flex;
}
.slideshow_box .owl-stage:after {
display: none;
}
.slideshow_box .owl-stage > .owl-item {
display: flex;
}
.slideshow_box .owl-carousel-item {
display: flex;
width: 100%;
}
@media (min-width: 768px) {
.slideshow_box .owl-carousel-item {
min-height: 380px;
}
}
@media (min-width: 1024px) {
.slideshow_box .owl-carousel-item {
min-height: 480px;
}
}
@media (min-width: 1250px) {
.slideshow_box .owl-carousel-item {
min-height: 580px;
}
}
.slideshow_box .owl-carousel-item > div,
.slideshow_box .owl-carousel-item > a {
display: flex;
flex-direction: column;
color: #040004;
width: 100%;
}
@media (min-width: 768px) {
.slideshow_box .owl-carousel-item > div,
.slideshow_box .owl-carousel-item > a {
flex-direction: row;
}
}
.slideshow_box .owl-carousel-item > div > img,
.slideshow_box .owl-carousel-item > a > img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
object-position: center;
position: absolute;
}
@media (max-width: 767px) {
.slideshow_box .owl-carousel-item > div > img,
.slideshow_box .owl-carousel-item > a > img {
position: relative;
height: 260px !important;
}
.slideshow_box .owl-carousel-item > div > img.noText,
.slideshow_box .owl-carousel-item > a > img.noText {
height: 100% !important;
}
}
.slideshow_box .owl-carousel-item > div:hover .button,
.slideshow_box .owl-carousel-item > a:hover .button,
.slideshow_box .owl-carousel-item > div:hover .button_primary,
.slideshow_box .owl-carousel-item > a:hover .button_primary,
.slideshow_box .owl-carousel-item > div:hover .btn-primary,
.slideshow_box .owl-carousel-item > a:hover .btn-primary,
.slideshow_box .owl-carousel-item > div:hover .button_second,
.slideshow_box .owl-carousel-item > a:hover .button_second,
.slideshow_box .owl-carousel-item > div:hover .btn-second,
.slideshow_box .owl-carousel-item > a:hover .btn-second,
.slideshow_box .owl-carousel-item > div:hover .button_warning,
.slideshow_box .owl-carousel-item > a:hover .button_warning,
.slideshow_box .owl-carousel-item > div:hover .btn-warning,
.slideshow_box .owl-carousel-item > a:hover .btn-warning,
.slideshow_box .owl-carousel-item > div:hover .button_success,
.slideshow_box .owl-carousel-item > a:hover .button_success,
.slideshow_box .owl-carousel-item > div:hover .btn-success,
.slideshow_box .owl-carousel-item > a:hover .btn-success,
.slideshow_box .owl-carousel-item > div:hover .button_info,
.slideshow_box .owl-carousel-item > a:hover .button_info,
.slideshow_box .owl-carousel-item > div:hover .btn-info,
.slideshow_box .owl-carousel-item > a:hover .btn-info,
.slideshow_box .owl-carousel-item > div:hover .button_action,
.slideshow_box .owl-carousel-item > a:hover .button_action,
.slideshow_box .owl-carousel-item > div:hover .btn-action,
.slideshow_box .owl-carousel-item > a:hover .btn-action,
.slideshow_box .owl-carousel-item > div:hover .button_danger,
.slideshow_box .owl-carousel-item > a:hover .button_danger,
.slideshow_box .owl-carousel-item > div:hover .btn-danger,
.slideshow_box .owl-carousel-item > a:hover .btn-danger,
.slideshow_box .owl-carousel-item > div:hover .button_transparent,
.slideshow_box .owl-carousel-item > a:hover .button_transparent,
.slideshow_box .owl-carousel-item > div:hover .btn-transparent,
.slideshow_box .owl-carousel-item > a:hover .btn-transparent,
.slideshow_box .owl-carousel-item > div:hover .button_white,
.slideshow_box .owl-carousel-item > a:hover .button_white,
.slideshow_box .owl-carousel-item > div:hover .btn-white,
.slideshow_box .owl-carousel-item > a:hover .btn-white,
.slideshow_box .owl-carousel-item > div:hover .button_option,
.slideshow_box .owl-carousel-item > a:hover .button_option,
.slideshow_box .owl-carousel-item > div:hover .button_action_border,
.slideshow_box .owl-carousel-item > a:hover .button_action_border,
.slideshow_box .owl-carousel-item > div:hover .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > a:hover .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > div:hover #dc_amount_select .dc_amount,
.slideshow_box .owl-carousel-item > a:hover #dc_amount_select .dc_amount {
background-color: #ce050e;
}
.slideshow_box .owl-carousel-item > div:active .button,
.slideshow_box .owl-carousel-item > a:active .button,
.slideshow_box .owl-carousel-item > div:focus .button,
.slideshow_box .owl-carousel-item > a:focus .button,
.slideshow_box .owl-carousel-item > div:active .button_primary,
.slideshow_box .owl-carousel-item > a:active .button_primary,
.slideshow_box .owl-carousel-item > div:focus .button_primary,
.slideshow_box .owl-carousel-item > a:focus .button_primary,
.slideshow_box .owl-carousel-item > div:active .btn-primary,
.slideshow_box .owl-carousel-item > a:active .btn-primary,
.slideshow_box .owl-carousel-item > div:focus .btn-primary,
.slideshow_box .owl-carousel-item > a:focus .btn-primary,
.slideshow_box .owl-carousel-item > div:active .button_second,
.slideshow_box .owl-carousel-item > a:active .button_second,
.slideshow_box .owl-carousel-item > div:focus .button_second,
.slideshow_box .owl-carousel-item > a:focus .button_second,
.slideshow_box .owl-carousel-item > div:active .btn-second,
.slideshow_box .owl-carousel-item > a:active .btn-second,
.slideshow_box .owl-carousel-item > div:focus .btn-second,
.slideshow_box .owl-carousel-item > a:focus .btn-second,
.slideshow_box .owl-carousel-item > div:active .button_warning,
.slideshow_box .owl-carousel-item > a:active .button_warning,
.slideshow_box .owl-carousel-item > div:focus .button_warning,
.slideshow_box .owl-carousel-item > a:focus .button_warning,
.slideshow_box .owl-carousel-item > div:active .btn-warning,
.slideshow_box .owl-carousel-item > a:active .btn-warning,
.slideshow_box .owl-carousel-item > div:focus .btn-warning,
.slideshow_box .owl-carousel-item > a:focus .btn-warning,
.slideshow_box .owl-carousel-item > div:active .button_success,
.slideshow_box .owl-carousel-item > a:active .button_success,
.slideshow_box .owl-carousel-item > div:focus .button_success,
.slideshow_box .owl-carousel-item > a:focus .button_success,
.slideshow_box .owl-carousel-item > div:active .btn-success,
.slideshow_box .owl-carousel-item > a:active .btn-success,
.slideshow_box .owl-carousel-item > div:focus .btn-success,
.slideshow_box .owl-carousel-item > a:focus .btn-success,
.slideshow_box .owl-carousel-item > div:active .button_info,
.slideshow_box .owl-carousel-item > a:active .button_info,
.slideshow_box .owl-carousel-item > div:focus .button_info,
.slideshow_box .owl-carousel-item > a:focus .button_info,
.slideshow_box .owl-carousel-item > div:active .btn-info,
.slideshow_box .owl-carousel-item > a:active .btn-info,
.slideshow_box .owl-carousel-item > div:focus .btn-info,
.slideshow_box .owl-carousel-item > a:focus .btn-info,
.slideshow_box .owl-carousel-item > div:active .button_action,
.slideshow_box .owl-carousel-item > a:active .button_action,
.slideshow_box .owl-carousel-item > div:focus .button_action,
.slideshow_box .owl-carousel-item > a:focus .button_action,
.slideshow_box .owl-carousel-item > div:active .btn-action,
.slideshow_box .owl-carousel-item > a:active .btn-action,
.slideshow_box .owl-carousel-item > div:focus .btn-action,
.slideshow_box .owl-carousel-item > a:focus .btn-action,
.slideshow_box .owl-carousel-item > div:active .button_danger,
.slideshow_box .owl-carousel-item > a:active .button_danger,
.slideshow_box .owl-carousel-item > div:focus .button_danger,
.slideshow_box .owl-carousel-item > a:focus .button_danger,
.slideshow_box .owl-carousel-item > div:active .btn-danger,
.slideshow_box .owl-carousel-item > a:active .btn-danger,
.slideshow_box .owl-carousel-item > div:focus .btn-danger,
.slideshow_box .owl-carousel-item > a:focus .btn-danger,
.slideshow_box .owl-carousel-item > div:active .button_transparent,
.slideshow_box .owl-carousel-item > a:active .button_transparent,
.slideshow_box .owl-carousel-item > div:focus .button_transparent,
.slideshow_box .owl-carousel-item > a:focus .button_transparent,
.slideshow_box .owl-carousel-item > div:active .btn-transparent,
.slideshow_box .owl-carousel-item > a:active .btn-transparent,
.slideshow_box .owl-carousel-item > div:focus .btn-transparent,
.slideshow_box .owl-carousel-item > a:focus .btn-transparent,
.slideshow_box .owl-carousel-item > div:active .button_white,
.slideshow_box .owl-carousel-item > a:active .button_white,
.slideshow_box .owl-carousel-item > div:focus .button_white,
.slideshow_box .owl-carousel-item > a:focus .button_white,
.slideshow_box .owl-carousel-item > div:active .btn-white,
.slideshow_box .owl-carousel-item > a:active .btn-white,
.slideshow_box .owl-carousel-item > div:focus .btn-white,
.slideshow_box .owl-carousel-item > a:focus .btn-white,
.slideshow_box .owl-carousel-item > div:active .button_option,
.slideshow_box .owl-carousel-item > a:active .button_option,
.slideshow_box .owl-carousel-item > div:focus .button_option,
.slideshow_box .owl-carousel-item > a:focus .button_option,
.slideshow_box .owl-carousel-item > div:active .button_action_border,
.slideshow_box .owl-carousel-item > a:active .button_action_border,
.slideshow_box .owl-carousel-item > div:focus .button_action_border,
.slideshow_box .owl-carousel-item > a:focus .button_action_border,
.slideshow_box .owl-carousel-item > div:active .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > a:active .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > div:focus .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > a:focus .collectionGroupFilter__item > span,
.slideshow_box .owl-carousel-item > div:active #dc_amount_select .dc_amount,
.slideshow_box .owl-carousel-item > a:active #dc_amount_select .dc_amount,
.slideshow_box .owl-carousel-item > div:focus #dc_amount_select .dc_amount,
.slideshow_box .owl-carousel-item > a:focus #dc_amount_select .dc_amount {
background-color: #b5050d;
}
.slideshow_box .itemlistBox__image {
display: none;
}
.slideshow_box .itemlistBox__description {
font-size: 18px;
font-weight: 600;
text-transform: none;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.slideshow_box .itemlistBox__description {
font-size: 16px;
}
}
.slideshow_box .itemlistBox__main {
box-shadow: none;
}
.slideshow_box .itemlistBox__main:hover {
box-shadow: none;
}
.slideshow_box .itemlistBox__summary {
font-size: 16px;
}
.slideshow_box .itemlistBox__summary > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
min-height: 23px;
}
.slideshow_box .itemlistBox__content,
.slideshow_box .itemlistBox__extended {
padding: 0;
}
.slideshow_box .itemlistBox__extended {
box-shadow: none;
height: auto !important;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.slideshow_box .itemlistBox__content {
padding-bottom: 15px;
}
@media (min-width: 1250px) {
.slideshow_box .itemlistBox__content {
padding-bottom: 20px;
}
}
.slideshow_box .itemlistBox .promotion_banner {
top: 30px;
right: 0;
}
.slideshow_box .itemlistBox .quantity input {
border-color: #040004;
}
.slideshow_box .itemcard_list {
margin-bottom: 0;
}
.slideshow_box .itemcard_list .itemlist.abtest {
margin-bottom: 0;
}
.slideshow_box .itemcard_list .itemlist.abtest .favoriteSignWrapper {
display: none;
}
.slideshow_box .itemcard_list .itemlist.abtest .itemlistBox {
border-radius: 10px;
overflow: hidden;
background-color: transparent;
}
.slideshow_box .itemcard_list .itemlist.abtest .itemlistBox__basketWrapper {
background-color: transparent;
}
.slideshow_box .itemcard_list .itemlist.abtest .itemlistBox__content {
padding-top: 30px;
}
.slideshow_box .itemcard_list .itemlist.abtest .itemlistBox .promotion_banner .promotion {
background: white;
}
.slideshow_box h1,
.slideshow_box .h1,
.slideshow_box h2,
.slideshow_box .h2,
.slideshow_box .bigFont,
.slideshow_box .counting__number {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-size: 40px;
margin-bottom: 20px;
color: #040004;
}
@media screen and (max-width: 1249px) {
.slideshow_box h1,
.slideshow_box .h1,
.slideshow_box h2,
.slideshow_box .h2,
.slideshow_box .bigFont,
.slideshow_box .counting__number {
font-size: 26px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
.slideshow_box h1,
.slideshow_box .h1,
.slideshow_box h2,
.slideshow_box .h2,
.slideshow_box .bigFont,
.slideshow_box .counting__number {
font-size: 20px;
}
}
.slideshow__image {
display: flex;
flex-wrap: wrap;
}
.slideshow__image > .cms-column {
float: none;
padding-left: 0;
padding-right: 0;
}
.slideshow__image > .cms-column:first-child {
position: relative;
}
.slideshow__image > .cms-column:first-child img {
width: 100% !important;
}
@media (min-width: 1024px) {
.slideshow__image > .cms-column:first-child img {
position: absolute;
height: 100% !important;
object-fit: cover;
}
}
.slideshow__image .slideshow_box .slideshow_maincontent {
padding-top: 0;
padding-bottom: 0;
position: static;
display: flex;
align-items: flex-start;
}
.slideshow__image .slideshow_box .slideshow_maincontent > .container {
padding-left: 0;
padding-right: 0;
}
.slideshow__image .slideshow_box .slideshow_contentbox {
width: 100%;
box-shadow: none;
background: none;
padding: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0;
}
@media (min-width: 768px) {
.slideshow__image .slideshow_box .slideshow_contentbox {
padding: 40px;
}
}
@media (min-width: 1250px) {
.slideshow__image .slideshow_box .slideshow_contentbox {
padding: 60px 100px;
}
}
@media (min-width: 1540px) {
.slideshow__image .slideshow_box .slideshow_contentbox {
padding: 100px 150px;
}
}
.slideshow__image .slideshow_box .owl-carousel-item {
min-height: 0;
}
.slideshow__image .slideshow_image {
display: none !important;
}
.slideshow__image .slideshow_number {
display: none;
font-size: 100px;
line-height: 1;
}
@media (min-width: 1800px) {
.slideshow__image .slideshow_number {
font-size: 120px;
}
}
.slideshow__image .slideshow_headline {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-size: 40px;
margin-bottom: 20px;
color: #040004;
}
@media screen and (max-width: 1249px) {
.slideshow__image .slideshow_headline {
font-size: 26px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
.slideshow__image .slideshow_headline {
font-size: 20px;
}
}
.slideshow__image .slideshow_text {
font-weight: normal;
}
.slideshow__image .owl-carousel button.owl-dot {
opacity: 0.2;
}
.slideshow__image .owl-carousel button.owl-dot > span {
background-color: #040004;
}
.slideshow__image .owl-carousel button.owl-dot.active {
opacity: 1;
}
.slideshow__image .owl-carousel button.owl-dot.active > span {
background-color: #040004;
}
.slideshow__image .owl-carousel:not(.showNavigation) .owl-nav,
.slideshow__image .owl-carousel:not(.showNavigation) .owl-dots {
display: none;
}
.slideshow__image .owl-carousel.showNavigation .customNextButton {
opacity: 0;
pointer-events: none;
}
.slideshowWithBackground {
display: flex;
flex-wrap: wrap;
background-image: url("/userdata/images/Imageseiten/Werte/silhouette.svg");
background-position: center bottom;
background-repeat: no-repeat;
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 160px;
}
.slideshowWithBackground > .cms-column {
float: none;
padding-left: 0;
padding-right: 0;
}
.slideshowWithBackground > .cms-column:first-child {
padding: 90px;
}
@media (max-width: 767px) {
.slideshowWithBackground > .cms-column:first-child {
padding: 20px;
}
.slideshowWithBackground > .cms-column:first-child .textcontent {
text-align: center;
}
}
.slideshowWithBackground .slideshow_box .slideshow_maincontent {
padding-top: 0;
padding-bottom: 0;
position: static;
display: flex;
align-items: flex-start;
background: none !important;
}
.slideshowWithBackground .slideshow_box .slideshow_maincontent > .container {
padding-left: 0;
padding-right: 0;
}
.slideshowWithBackground .slideshow_box .slideshow_contentbox {
width: 100%;
box-shadow: none;
background: none;
padding: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0;
}
@media (min-width: 768px) {
.slideshowWithBackground .slideshow_box .slideshow_contentbox {
padding: 40px;
}
}
@media (min-width: 1250px) {
.slideshowWithBackground .slideshow_box .slideshow_contentbox {
padding: 0 80px;
}
}
@media (min-width: 1540px) {
.slideshowWithBackground .slideshow_box .slideshow_contentbox {
padding: 0 120px;
}
}
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 80px;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid {
grid-template-columns: 1fr;
row-gap: 40px;
}
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid > div .slideshow_text2,
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid > div .slideshow_text {
text-align: center;
}
}
.slideshowWithBackground .slideshow_box .slideshow_contentbox.grid .slideshow_text {
font-size: 24px;
line-height: 1.2;
}
.slideshowWithBackground .slideshow_box .owl-carousel-item {
min-height: 0;
}
.slideshowWithBackground .slideshow_image {
display: none !important;
}
.slideshowWithBackground .slideshow_number {
display: none;
font-size: 100px;
line-height: 1;
}
@media (min-width: 1800px) {
.slideshowWithBackground .slideshow_number {
font-size: 120px;
}
}
.slideshowWithBackground .owl-carousel button.owl-dot {
opacity: 0.2;
}
.slideshowWithBackground .owl-carousel button.owl-dot > span {
background-color: #040004;
}
.slideshowWithBackground .owl-carousel button.owl-dot.active {
opacity: 1;
}
.slideshowWithBackground .owl-carousel button.owl-dot.active > span {
background-color: #040004;
}
.slideshowWithBackground .owl-carousel:not(.showNavigation) .owl-nav,
.slideshowWithBackground .owl-carousel:not(.showNavigation) .owl-dots {
display: none;
}
.slideshowWithBackground .owl-carousel.showNavigation .customNextButton {
opacity: 0;
pointer-events: none;
}
@media (min-width: 768px) {
.boxText--topLeft .slideshow_maincontent,
.boxText--topRight .slideshow_maincontent,
.boxText--bottomLeft .slideshow_maincontent,
.boxText--bottomRight .slideshow_maincontent {
padding-top: 0;
padding-bottom: 0;
}
.boxText--topLeft .slideshow_content,
.boxText--topRight .slideshow_content,
.boxText--bottomLeft .slideshow_content,
.boxText--bottomRight .slideshow_content {
position: relative;
}
.boxText--topLeft .owl-carousel-item,
.boxText--topRight .owl-carousel-item {
margin-top: 60px;
}
.boxText--topLeft .slideshow_maincontent,
.boxText--topRight .slideshow_maincontent,
.boxText--topLeft .slideshow_content,
.boxText--topRight .slideshow_content {
align-items: flex-start;
}
.boxText--bottomLeft .owl-carousel-item,
.boxText--bottomRight .owl-carousel-item {
margin-bottom: 60px;
}
.boxText--bottomLeft .slideshow_maincontent,
.boxText--bottomRight .slideshow_maincontent,
.boxText--bottomLeft .slideshow_content,
.boxText--bottomRight .slideshow_content {
align-items: flex-end;
}
.boxText--topLeft .slideshow_content,
.boxText--bottomLeft .slideshow_content {
align-items: flex-start;
}
.boxText--topRight .slideshow_content,
.boxText--bottomRight .slideshow_content {
align-items: flex-end;
}
}
@media (min-width: 1250px) {
.boxText--topLeft .owl-carousel-item,
.boxText--topRight .owl-carousel-item {
margin-top: 70px;
}
.boxText--bottomLeft .owl-carousel-item,
.boxText--bottomRight .owl-carousel-item {
margin-bottom: 70px;
}
}
@media (min-width: 1540px) {
.boxText--topLeft .slideshow_contentbox,
.boxText--topRight .slideshow_contentbox,
.boxText--bottomRight .slideshow_contentbox,
.boxText--bottomLeft .slideshow_contentbox {
padding-top: 60px;
padding-bottom: 60px;
}
.boxText--topLeft .owl-carousel-item,
.boxText--topRight .owl-carousel-item {
margin-top: 100px;
}
.boxText--bottomLeft .owl-carousel-item,
.boxText--bottomRight .owl-carousel-item {
margin-bottom: 100px;
}
.boxText h1,
.boxText .h1,
.boxText h2,
.boxText .h2,
.boxText .bigFont,
.boxText .counting__number {
margin-bottom: 60px;
}
}
.slidecontent {
margin-bottom: 20px;
}
.slidecontent .slide_container {
margin-bottom: 20px;
background-color: #ffffff;
padding: 20px;
}
.slidecontent .slide_container.active .slidecontent_headline:hover,
.slidecontent .slide_container.active .slidecontent_headline:active,
.slidecontent .slide_container.active .slidecontent_headline:focus,
.slidecontent .slide_container.active .collectionLebkuchenfinder .collectionGroupFilterFinder__item:hover,
.slidecontent .slide_container.active .collectionLebkuchenfinder .collectionGroupFilterFinder__item:active,
.slidecontent .slide_container.active .collectionLebkuchenfinder .collectionGroupFilterFinder__item:focus {
color: #040004;
}
.slidecontent .slide_container.active .slidecontent_headline:after,
.slidecontent .slide_container.active .collectionLebkuchenfinder .collectionGroupFilterFinder__item:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
margin-top: -13px;
}
.slidecontent .slide_container:last-child {
margin-bottom: 0;
}
.slidecontent_content_container {
display: none;
padding: 10px 0;
}
.slidecontent:last-child {
margin-bottom: 0;
}
.slidecontent_headline,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item {
position: relative;
cursor: pointer;
padding: 0 0 0 20px;
font-size: 18px;
font-weight: 600;
}
.slidecontent_headline:after,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item:after {
content: "\E022";
font-family: "icons";
position: absolute;
left: 0;
top: 50%;
margin-top: -17px;
color: #040004;
font-weight: normal;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
font-size: 12px;
line-height: 30px;
}
.slidecontent_headline.active:after,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item.active:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
margin-top: -13px;
}
.slidecontent_headline:hover,
.slidecontent_headline:active,
.slidecontent_headline:focus,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item:hover,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item:active,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item:focus {
color: #907232;
}
.slidecontent_headline__button,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item__button {
font-size: 14px;
font-weight: 400;
color: #907232;
cursor: pointer;
display: inline-block;
float: right;
margin-left: 20px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.slidecontent_headline__button i,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item__button i {
width: 20px;
text-align: center;
}
.slidecontent_headline__button i.material-icons,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item__button i.material-icons {
position: relative;
top: 2px;
float: left;
margin-right: 10px;
}
.slidecontent_headline__button:hover,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item__button:hover {
color: #e70610;
}
@media screen and (max-width: 480px) {
.slidecontent_headline,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item {
font-size: 16px;
}
.slidecontent_headline__button,
.collectionLebkuchenfinder .collectionGroupFilterFinder__item__button {
font-size: 11px;
}
}
.modal .slide_container {
margin-bottom: 0;
padding: 10px 0;
}
.googlemaps_content {
max-width: 100%;
}
.googlemaps_content img {
max-width: none !important;
}
.gm-style-pbc {
display: none !important;
}
.footerNewsletter > div {
margin-top: 35px;
position: relative;
}
.footerNewsletter > div .small {
font-size: 13px;
}
.footerNewsletter > div h2,
.footerNewsletter > div .h2 {
margin-bottom: 10px;
line-height: 1;
color: #040004;
font-size: 32px;
}
@media screen and (max-width: 1023px) {
.footerNewsletter > div h2,
.footerNewsletter > div .h2 {
font-size: 26px;
}
}
@media screen and (max-width: 480px) {
.footerNewsletter > div h2,
.footerNewsletter > div .h2 {
font-size: 22px;
}
}
.footerNewsletter > div .form-group {
margin-bottom: 0;
}
.footerNewsletter > div .form-group label {
display: none;
}
.footerNewsletter > div form {
text-align: left;
}
.footerNewsletter > div .newsletter_text {
margin-bottom: 12px;
position: relative;
}
.footerNewsletter > div .badge__newsletterWrapper {
display: flex;
align-items: center;
}
.footerNewsletter > div .badge__newsletter {
width: 90px;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
background: #907232;
border-radius: 50%;
color: #ffffff;
rotate: -12deg;
text-align: center;
line-height: 1.2;
flex-direction: column;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
padding: 5px;
flex-shrink: 0;
margin-right: 10px;
border: 2px solid #ffffff;
outline: 4px solid #907232;
}
.footerNewsletter > div .badge__newsletter > span {
font-size: 34px;
font-weight: bold;
}
.footerNewsletter > div .badge__newsletterText {
line-height: 1.2;
}
.footerNewsletter > div .badge__newsletter--legal {
margin-top: 5px;
font-size: 10px;
color: #4A4B4D;
font-style: italic;
text-align: left;
}
.footerNewsletter > div .newsletter_inputs {
margin-bottom: 20px;
}
.footerNewsletter > div .button_action,
.footerNewsletter > div .button_action_border {
margin-bottom: 20px;
width: 100%;
max-width: 260px;
font-size: 14px;
padding: 8px 12px;
display: inline-block;
cursor: pointer;
}
.footerNewsletter > div .button_action:before,
.footerNewsletter > div .button_action_border:before {
content: "\00BB";
padding-right: 5px;
}
.footerNewsletter .checkbox-group .specialcheckbox {
margin-bottom: 0;
}
.footerNewsletter .checkbox-group label {
font-size: 13px;
}
.newsletterImage {
position: absolute;
right: -20px;
top: -50px;
width: 100px;
}
.customerGroupContainer {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.customerGroupContainer > label {
margin: 0;
margin-right: 20px;
}
.customerGroupContainer > div {
display: inline-block;
vertical-align: middle;
}
.customerGroupContainer .specialcheckbox {
margin-bottom: 0;
margin-right: 20px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
.newsletterImage {
width: 80px !important;
}
}
@media screen and (max-width: 1023px) {
.newsletterImage {
top: -30px;
right: -10px;
}
.footerNewsletter > div {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
/*.footerNewsletter {
.newsletter_form{
.flexbox(row,flex-end);
margin-left: -@grid-gutter-width/2;
margin-right: -@grid-gutter-width/2;
.newsletter_inputs,
.buttonWrapper{
width: 50%;
padding-left: @grid-gutter-width/2;
padding-right: @grid-gutter-width/2;
}
}
}*/
}
@media screen and (max-width: 767px) {
.footerNewsletter {
text-align: center;
}
.footerNewsletter > div form {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.newsletterImage {
top: -60px;
}
}
.language_switch {
position: relative;
}
.language_switch .language_switch_button {
text-align: left;
min-width: 100px;
display: block;
}
.language_switch .language_switch_button i {
font-size: 14px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.language_switch.hoverintent .list_language_switch {
display: block;
}
.language_switch.hoverintent .language_switch_button {
color: #e70610;
}
.list_language_switch {
display: none;
position: absolute;
right: -10px;
top: calc(100% + 7px);
top: -moz-calc(100% + 7px);
top: -webkit-calc(100% + 7px);
top: -o-calc(100% + 7px);
width: calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: -o-calc(100% + 20px);
background-color: #ffffff;
text-align: left;
z-index: 201;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
font-size: 13px;
}
.list_language_switch a {
padding: 5px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.list_language_switch a:hover {
background-color: #f9f7f4;
color: #907232;
}
.list_language_switch img {
display: inline-block;
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 20px;
}
.list_language_switch ul {
margin: 0;
padding: 0;
}
.list_language_switch li {
padding: 0;
list-style-type: none;
}
.list_language_switch li.active > a {
background-color: #907232;
color: #ffffff;
}
.slideshowHistory {
background-color: #f9f7f4;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(235, 231, 228, 0.72592787) 33%, #ebe7e4 100%);
}
.slideshowHistory .owl-item > div {
position: relative;
min-height: 560px;
}
.slideshowHistory__container {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
}
@media (max-width: 767px) {
.slideshowHistory__container .newBanner {
margin-left: -40px;
margin-right: -40px;
}
.slideshowHistory__container .newBanner .boxText {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
}
.slideshowHistory__image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.slideshowHistory__content {
width: 50%;
margin-left: 50%;
padding-top: 80px;
padding-left: 100px;
padding-bottom: 80px;
}
.slideshowHistory__year {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1em;
font-size: 55px;
margin-bottom: 30px;
color: #907232;
margin-bottom: 10px;
}
@media screen and (max-width: 1249px) {
.slideshowHistory__year {
font-size: 32px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.slideshowHistory__year {
font-size: 22px;
}
}
.slideshowHistory__year:has(.word-rotate) {
font-size: 105px;
}
@media (max-width: 1249px) {
.slideshowHistory__year:has(.word-rotate) {
font-size: 85px;
}
}
@media (max-width: 1023px) {
.slideshowHistory__year:has(.word-rotate) {
font-size: 72px;
}
}
@media (max-width: 767px) {
.slideshowHistory__year:has(.word-rotate) {
font-size: 42px;
}
}
@media (max-width: 480px) {
.slideshowHistory__year:has(.word-rotate) {
font-size: 28px;
}
}
.slideshowHistory__headline {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
color: #040004;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.slideshowHistory__headline {
font-size: 16px;
}
}
.timebeamOuter {
background-color: #ffffff;
}
.timebeamWrapper {
padding-left: calc((100vw - 1480px) /2);
padding-left: -moz-calc((100vw - 1480px) /2);
padding-left: -webkit-calc((100vw - 1480px) /2);
padding-left: -o-calc((100vw - 1480px) /2);
padding-right: calc((100vw - 1480px) /2);
padding-right: -moz-calc((100vw - 1480px) /2);
padding-right: -webkit-calc((100vw - 1480px) /2);
padding-right: -o-calc((100vw - 1480px) /2);
overflow: hidden;
}
.timebeam {
width: 20000px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
position: relative;
display: flex;
}
.timebeam > div {
width: 185px;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
padding-right: 5px;
flex-shrink: 0;
}
.timebeam > div:hover,
.timebeam > div.active {
color: #040004;
}
.timebeam > div.active .timebeam__container:before {
background: #907232;
}
.timebeam__container {
padding: 20px 10px;
position: relative;
pointer-events: none;
}
.timebeam__container:before {
content: " ";
width: 100%;
height: 4px;
display: block;
left: 0;
bottom: 0;
background-color: #f5f5f5;
position: absolute;
}
.timebeam__year {
font-size: 22px;
margin-bottom: 10px;
font-weight: 900;
}
@media screen and (max-width: 1539px) {
.slideshowHistory .owl-item > div {
min-height: 480px;
}
.slideshowHistory__image {
width: 40%;
}
.slideshowHistory__content {
width: 60%;
margin-left: 40%;
padding: 40px 60px 40px 40px;
}
.timebeamWrapper {
padding-left: calc((100vw - 100%) /2);
padding-left: -moz-calc((100vw - 100%) /2);
padding-left: -webkit-calc((100vw - 100%) /2);
padding-left: -o-calc((100vw - 100%) /2);
padding-right: calc((100vw - 100%) /2);
padding-right: -moz-calc((100vw - 100%) /2);
padding-right: -webkit-calc((100vw - 100%) /2);
padding-right: -o-calc((100vw - 100%) /2);
}
.timebeam {
font-size: 12px;
}
.timebeam__year {
font-size: 16px;
}
.timebeam__container {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 1249px) {
.slideshowHistory {
font-size: 14px;
}
.slideshowHistory .owl-item > div {
min-height: 485px;
}
.slideshowHistory__image {
width: 50%;
}
.slideshowHistory__content {
width: 50%;
margin-left: 50%;
padding: 30px 85px 30px 30px;
}
.timebeamWrapper {
padding-left: calc((100vw - 100%) /2);
padding-left: -moz-calc((100vw - 100%) /2);
padding-left: -webkit-calc((100vw - 100%) /2);
padding-left: -o-calc((100vw - 100%) /2);
padding-right: calc((100vw - 100%) /2);
padding-right: -moz-calc((100vw - 100%) /2);
padding-right: -webkit-calc((100vw - 100%) /2);
padding-right: -o-calc((100vw - 100%) /2);
}
}
@media screen and (max-width: 1023px) {
.slideshowHistory .owl-nav > button {
top: 260px;
}
.slideshowHistory .owl-item > div {
min-height: 0;
}
.slideshowHistory__container {
padding-left: 0;
padding-right: 0;
}
.slideshowHistory__image {
width: 100%;
position: static;
height: 260px;
}
.slideshowHistory__content {
min-height: 400px;
width: 100%;
margin-left: 0;
padding-right: 30px;
}
.timebeamWrapper {
margin-left: 0;
}
.timebeam {
font-size: 10px;
}
.timebeam > div {
width: 120px;
}
}
@media screen and (max-width: 480px) {
.slideshowHistory .owl-nav > button {
top: 200px;
}
.slideshowHistory__image {
height: 200px;
}
.slideshowHistory__content {
min-height: 600px;
}
}
.fb_iframe_widget {
margin-bottom: 30px;
width: 100%;
display: block !important;
}
.fb_iframe_widget span {
max-width: 100%;
}
.youtubecontentOuter {
text-align: center;
}
.youtubecontentInner {
display: inline-block;
max-width: 100%;
}
body.page_adventcalendar #gadget {
display: none;
}
.countdown {
display: inline-flex;
align-items: baseline;
font-size: 14px;
color: #e70610;
}
@media (max-width: 1249px) {
.countdown {
font-size: 10px;
}
}
.countdown__number {
font-weight: 600;
font-size: 3.9em;
line-height: 1;
}
@media (max-width: 767px) {
.countdown__number {
font-size: 2.9em;
}
}
.countdown__splitter {
font-weight: 600;
font-size: 2.9em;
line-height: 1;
}
@media (max-width: 767px) {
.countdown__splitter {
font-size: 1.9em;
}
}
.countdown__label {
margin-top: 5px;
}
.countdown__count {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
.countdown__count {
padding-left: 10px;
padding-right: 10px;
}
}
.codebanner {
border: 1px dashed #907232;
font-size: 15px;
display: inline-block;
font-style: italic;
padding: 10px;
padding-left: 45px;
position: relative;
}
.codebanner:before {
font-family: FontAwesome;
content: "\f0c1";
position: absolute;
left: -1px;
top: -1px;
width: 35px;
height: 100%;
height: calc(100% + 2px);
height: -moz-calc(100% + 2px);
height: -webkit-calc(100% + 2px);
height: -o-calc(100% + 2px);
background-color: #907232;
color: #ffffff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
text-align: center;
font-size: 1.4em;
padding-right: 2px;
line-height: 1;
}
.codebanner__text {
font-size: 15px;
display: inline-block;
position: relative;
padding: 15px;
}
.avcBanner {
position: relative;
margin-bottom: 30px;
}
.avcBanner__text {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
text-align: center;
}
@media (max-width: 767px) {
.avcBanner__text .newBanner {
margin-left: -40px;
margin-right: -40px;
}
.avcBanner__text .newBanner .boxText {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
}
.avcBanner__text h1,
.avcBanner__text .h1,
.avcBanner__text .bigFont,
.avcBanner__text .counting__number {
font-size: 40px;
margin-bottom: 10px;
}
@media (max-width: 1539px) {
.avcBanner__text h1,
.avcBanner__text .h1,
.avcBanner__text .bigFont,
.avcBanner__text .counting__number {
font-size: 45px;
}
}
@media (max-width: 767px) {
.avcBanner__text h1,
.avcBanner__text .h1,
.avcBanner__text .bigFont,
.avcBanner__text .counting__number {
font-size: 32px;
}
}
@media (max-width: 480px) {
.avcBanner__text h1,
.avcBanner__text .h1,
.avcBanner__text .bigFont,
.avcBanner__text .counting__number {
font-size: 26px;
}
}
.avcBanner__day {
font-size: 20px;
font-weight: 600;
display: none;
}
.avcBanner__day i {
margin-right: 5px;
}
@media (max-width: 1539px) {
.avcBanner__day {
font-size: 16px;
}
}
.avcBanner__countdown {
margin-top: 10px;
margin-bottom: 20px;
}
.avcBanner__buttons .button,
.avcBanner__buttons .button_primary,
.avcBanner__buttons .btn-primary,
.avcBanner__buttons .button_second,
.avcBanner__buttons .btn-second,
.avcBanner__buttons .button_warning,
.avcBanner__buttons .btn-warning,
.avcBanner__buttons .button_success,
.avcBanner__buttons .btn-success,
.avcBanner__buttons .button_info,
.avcBanner__buttons .btn-info,
.avcBanner__buttons .button_action,
.avcBanner__buttons .btn-action,
.avcBanner__buttons .button_danger,
.avcBanner__buttons .btn-danger,
.avcBanner__buttons .button_transparent,
.avcBanner__buttons .btn-transparent,
.avcBanner__buttons .button_white,
.avcBanner__buttons .btn-white,
.avcBanner__buttons .button_option,
.avcBanner__buttons .button_action_border,
.avcBanner__buttons .collectionGroupFilter__item > span,
.avcBanner__buttons #dc_amount_select .dc_amount {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
border-color: #ffffff;
background-color: #ffffff;
color: #040004;
}
.avcBanner__buttons .button:hover,
.avcBanner__buttons .button:focus,
.avcBanner__buttons .button:active,
.avcBanner__buttons .button_primary:hover,
.avcBanner__buttons .button_primary:focus,
.avcBanner__buttons .button_primary:active,
.avcBanner__buttons .btn-primary:hover,
.avcBanner__buttons .btn-primary:focus,
.avcBanner__buttons .btn-primary:active,
.avcBanner__buttons .button_second:hover,
.avcBanner__buttons .button_second:focus,
.avcBanner__buttons .button_second:active,
.avcBanner__buttons .btn-second:hover,
.avcBanner__buttons .btn-second:focus,
.avcBanner__buttons .btn-second:active,
.avcBanner__buttons .button_warning:hover,
.avcBanner__buttons .button_warning:focus,
.avcBanner__buttons .button_warning:active,
.avcBanner__buttons .btn-warning:hover,
.avcBanner__buttons .btn-warning:focus,
.avcBanner__buttons .btn-warning:active,
.avcBanner__buttons .button_success:hover,
.avcBanner__buttons .button_success:focus,
.avcBanner__buttons .button_success:active,
.avcBanner__buttons .btn-success:hover,
.avcBanner__buttons .btn-success:focus,
.avcBanner__buttons .btn-success:active,
.avcBanner__buttons .button_info:hover,
.avcBanner__buttons .button_info:focus,
.avcBanner__buttons .button_info:active,
.avcBanner__buttons .btn-info:hover,
.avcBanner__buttons .btn-info:focus,
.avcBanner__buttons .btn-info:active,
.avcBanner__buttons .button_action:hover,
.avcBanner__buttons .button_action:focus,
.avcBanner__buttons .button_action:active,
.avcBanner__buttons .btn-action:hover,
.avcBanner__buttons .btn-action:focus,
.avcBanner__buttons .btn-action:active,
.avcBanner__buttons .button_danger:hover,
.avcBanner__buttons .button_danger:focus,
.avcBanner__buttons .button_danger:active,
.avcBanner__buttons .btn-danger:hover,
.avcBanner__buttons .btn-danger:focus,
.avcBanner__buttons .btn-danger:active,
.avcBanner__buttons .button_transparent:hover,
.avcBanner__buttons .button_transparent:focus,
.avcBanner__buttons .button_transparent:active,
.avcBanner__buttons .btn-transparent:hover,
.avcBanner__buttons .btn-transparent:focus,
.avcBanner__buttons .btn-transparent:active,
.avcBanner__buttons .button_white:hover,
.avcBanner__buttons .button_white:focus,
.avcBanner__buttons .button_white:active,
.avcBanner__buttons .btn-white:hover,
.avcBanner__buttons .btn-white:focus,
.avcBanner__buttons .btn-white:active,
.avcBanner__buttons .button_option:hover,
.avcBanner__buttons .button_option:focus,
.avcBanner__buttons .button_option:active,
.avcBanner__buttons .button_action_border:hover,
.avcBanner__buttons .button_action_border:focus,
.avcBanner__buttons .button_action_border:active,
.avcBanner__buttons .collectionGroupFilter__item > span:hover,
.avcBanner__buttons .collectionGroupFilter__item > span:focus,
.avcBanner__buttons .collectionGroupFilter__item > span:active,
.avcBanner__buttons #dc_amount_select .dc_amount:hover,
.avcBanner__buttons #dc_amount_select .dc_amount:focus,
.avcBanner__buttons #dc_amount_select .dc_amount:active {
background-color: #907232;
border-color: #907232;
color: #ffffff;
}
.avcBanner__buttons .button_action,
.avcBanner__buttons .button_action_border {
border-color: #e70610;
background: #e70610;
color: #ffffff;
}
.avcBanner__buttons .button_action:hover,
.avcBanner__buttons .button_action:focus,
.avcBanner__buttons .button_action_border:hover,
.avcBanner__buttons .button_action_border:focus {
background-color: #ce050e;
border-color: #ce050e;
color: #ffffff;
}
.avcBanner__buttons .button_action:active,
.avcBanner__buttons .button_action_border:active {
background-color: #b5050d;
border-color: #b5050d;
color: #ffffff;
}
@media (max-width: 1539px) {
.avcBanner__image {
height: 500px;
}
.avcBanner__image img {
max-width: none !important;
height: 100% !important;
object-fit: cover;
}
}
@media (max-width: 480px) {
.avcBanner__image {
height: 400px;
}
}
.avcBanner.hasImage .avcBanner__text {
position: absolute;
top: 15%;
right: 100px;
/*left: 50%;
.transform(translateX(-50%));*/
background: #f9f7f4;
max-width: 550px;
padding: 35px;
}
.avcBanner.hasImage .avcBanner__text:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
border-left: 45px solid transparent;
left: -44px;
position: absolute;
top: 0;
}
@media (max-width: 1539px) {
.avcBanner.hasImage .avcBanner__text {
top: 40px;
}
}
@media (max-width: 1023px) {
.avcBanner.hasImage .avcBanner__text {
right: unset;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.avcBanner.hasImage .avcBanner__text:after {
display: none;
}
}
.avcBanner.hasImage .avcBanner__text h1,
.avcBanner.hasImage .avcBanner__text .h1,
.avcBanner.hasImage .avcBanner__text .bigFont,
.avcBanner.hasImage .avcBanner__text .counting__number {
color: #907232;
}
.avcCard {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
font-size: 14px;
margin-top: 30px;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
top: 0;
}
.avcCard__number {
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
font-family: 'Fira Sans', Times, serif;
font-size: 40px;
line-height: 53px;
font-weight: 500;
font-style: italic;
color: #907232;
}
.avcCard__body {
max-width: 100%;
position: relative;
width: 100%;
display: none;
background-color: #ffffff;
}
.avcCard__body:before {
content: "";
display: block;
padding-top: 125%;
}
.avcCard__body.front {
display: block;
background-repeat: no-repeat;
background-position: center 100px;
/* &:before {
background-repeat: no-repeat;
background-size: cover;
background-image: url("/userdata/adventcalendar/original/backgroundcard.jpg");
}*/
}
@media (max-width: 480px) {
.avcCard__body.front {
background-position: center 60px;
}
}
.avcCard__body.front .avcCard__number {
position: absolute;
top: 0;
left: 25px;
}
.avcCard__body.back .avcCard__bodyInner {
padding: 10px 8px 30px;
}
.avcCard__head {
font-size: 10px;
flex-shrink: 0;
margin-bottom: 10px;
}
.avcCard__head span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
max-width: 100%;
}
.avcCard__head span:after {
content: "";
display: block;
width: 28px;
height: 2px;
background-color: #907232;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
}
.avcCard__content {
flex-grow: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.avcCard__contentInner {
flex-grow: 1;
text-align: center;
font-size: 10px;
line-height: 1.3;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
pointer-events: none;
}
.avcCard__contentInner > div {
width: 100%;
}
.avcCard__contentInner h1,
.avcCard__contentInner h2,
.avcCard__contentInner h3,
.avcCard__contentInner h4,
.avcCard__contentInner h5,
.avcCard__contentInner h6,
.avcCard__contentInner .h1,
.avcCard__contentInner .h2,
.avcCard__contentInner .h3,
.avcCard__contentInner .h4,
.avcCard__contentInner .h5,
.avcCard__contentInner .h6,
.avcCard__contentInner .bigFont,
.avcCard__contentInner .counting__number,
.avcCard__contentInner .counting__text,
.avcCard__contentInner .countText,
.avcCard__contentInner .finderFilter__label {
line-height: 1.3;
margin-bottom: 10px;
font-style: normal;
}
.avcCard__contentInner h1,
.avcCard__contentInner .h1,
.avcCard__contentInner .bigFont,
.avcCard__contentInner .counting__number {
font-size: 1.4em;
}
.avcCard__contentInner h2,
.avcCard__contentInner .h2 {
font-size: 1.1em;
}
.avcCard__contentInner .button,
.avcCard__contentInner .button_primary,
.avcCard__contentInner .btn-primary,
.avcCard__contentInner .button_second,
.avcCard__contentInner .btn-second,
.avcCard__contentInner .button_warning,
.avcCard__contentInner .btn-warning,
.avcCard__contentInner .button_success,
.avcCard__contentInner .btn-success,
.avcCard__contentInner .button_info,
.avcCard__contentInner .btn-info,
.avcCard__contentInner .button_action,
.avcCard__contentInner .btn-action,
.avcCard__contentInner .button_danger,
.avcCard__contentInner .btn-danger,
.avcCard__contentInner .button_transparent,
.avcCard__contentInner .btn-transparent,
.avcCard__contentInner .button_white,
.avcCard__contentInner .btn-white,
.avcCard__contentInner .button_option,
.avcCard__contentInner .button_action_border,
.avcCard__contentInner .collectionGroupFilter__item > span,
.avcCard__contentInner #dc_amount_select .dc_amount {
min-width: 0;
font-size: 1em;
padding: 5px 8px;
line-height: 1;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12);
}
.avcCard__buttonExpired {
text-align: center;
padding-top: 10px;
}
.avcCard__buttonExpired > span {
background-color: #f9f7f4;
font-weight: 600;
text-transform: uppercase;
color: #907232;
text-align: center;
font-size: 13px;
line-height: 1;
padding: 8px 25px;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.avcCard__bodyInner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.avcCard:hover {
top: -30px;
}
.avcCard.isExpired {
top: -30px;
}
.avcCard.isExpired .front {
display: none;
}
.avcCard.isExpired .back {
display: block;
}
.avcCard.isExpired .back .avcCard__bodyInner {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
@media (max-width: 1023px) {
.avcCard:hover {
top: -15px;
}
.avcCard.isExpired {
top: -15px;
}
}
.avcCard .imageGallery {
margin-bottom: 10px;
}
.avcCard .imageGallery > .row {
margin-left: -2px;
margin-right: -2px;
}
.avcCard .imageGallery .imageGallery__item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 0;
margin-bottom: 4px;
width: 50%;
display: none;
cursor: default;
}
.avcCard .imageGallery .imageGallery__item:first-child,
.avcCard .imageGallery .imageGallery__item:nth-child(2),
.avcCard .imageGallery .imageGallery__item:nth-child(3),
.avcCard .imageGallery .imageGallery__item:nth-child(4) {
display: block;
}
.avcCard .imageGallery .imageGallery__item > a {
cursor: default;
}
.avcCard .imageGallery .imageGallery__item > a:before {
display: none;
}
.avcCard .imageGallery .imageGallery__item .image:after {
display: none;
}
.avcCards > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -13px;
margin-right: -13px;
position: relative;
overflow: hidden;
padding-top: 20px;
}
@media (max-width: 480px) {
.avcCards > .row {
padding-top: 0;
}
}
.avcCards > .row:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 90%;
pointer-events: none;
display: block;
background-image: url(/userdata/adventcalendar/wave.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center bottom;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.19));
z-index: 1;
}
@media (max-width: 480px) {
.avcCards > .row:before {
background-size: 150% auto;
height: 85%;
}
}
.avcCards > .row:after {
content: "";
position: absolute;
bottom: 0;
height: 11%;
width: 100%;
background-color: #ffffff;
display: block;
pointer-events: none;
z-index: 2;
}
@media (max-width: 480px) {
.avcCards > .row:after {
height: 16%;
}
}
.avcCards > .row > div {
padding-left: 13px;
padding-right: 13px;
margin-bottom: 26px;
}
.avcCards > .row:nth-child(2n):before {
background-image: url(/userdata/adventcalendar/wave_2.svg);
}
.avcCards > .row:last-child {
margin-bottom: 40px;
}
.avcModal .modal-content {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
padding: 40px 20px;
}
@media (max-width: 767px) {
.avcModal .modal-content {
padding: 40px 10px 30px 10px;
}
}
.avcModal .modal-body {
padding: 0;
text-align: center;
}
.avcModal button.close {
width: 30px;
height: 30px;
opacity: 1;
position: absolute;
right: -6px;
top: -26px;
}
@media (max-width: 767px) {
.avcModal button.close {
right: 0;
}
}
.avcModal button.close:before,
.avcModal button.close:after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #907232;
position: absolute;
top: 50%;
margin-top: -1px;
}
.avcModal button.close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.avcModal button.close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.avcModal button.close:hover,
.avcModal button.close:focus,
.avcModal button.close:active {
background-color: transparent;
}
.avcModal button.close:hover:before,
.avcModal button.close:focus:before,
.avcModal button.close:active:before,
.avcModal button.close:hover:after,
.avcModal button.close:focus:after,
.avcModal button.close:active:after {
background-color: #040004;
}
.avcModal .button,
.avcModal .button_primary,
.avcModal .btn-primary,
.avcModal .button_second,
.avcModal .btn-second,
.avcModal .button_warning,
.avcModal .btn-warning,
.avcModal .button_success,
.avcModal .btn-success,
.avcModal .button_info,
.avcModal .btn-info,
.avcModal .button_action,
.avcModal .btn-action,
.avcModal .button_danger,
.avcModal .btn-danger,
.avcModal .button_transparent,
.avcModal .btn-transparent,
.avcModal .button_white,
.avcModal .btn-white,
.avcModal .button_option,
.avcModal .button_action_border,
.avcModal .collectionGroupFilter__item > span,
.avcModal #dc_amount_select .dc_amount {
min-width: 0;
font-size: 18px;
padding: 13px 40px;
line-height: 1;
}
@media (max-width: 767px) {
.avcModal .button,
.avcModal .button_primary,
.avcModal .btn-primary,
.avcModal .button_second,
.avcModal .btn-second,
.avcModal .button_warning,
.avcModal .btn-warning,
.avcModal .button_success,
.avcModal .btn-success,
.avcModal .button_info,
.avcModal .btn-info,
.avcModal .button_action,
.avcModal .btn-action,
.avcModal .button_danger,
.avcModal .btn-danger,
.avcModal .button_transparent,
.avcModal .btn-transparent,
.avcModal .button_white,
.avcModal .btn-white,
.avcModal .button_option,
.avcModal .button_action_border,
.avcModal .collectionGroupFilter__item > span,
.avcModal #dc_amount_select .dc_amount {
font-size: 16px;
padding: 12px 24px;
}
}
.avcModal .codebanner {
border-width: 2px;
font-size: 20px;
padding: 15px;
padding-left: 75px;
position: relative;
}
.avcModal .codebanner:before {
left: -2px;
top: -2px;
width: 60px;
height: calc(100% + 4px);
height: -moz-calc(100% + 4px);
height: -webkit-calc(100% + 4px);
height: -o-calc(100% + 4px);
padding-right: 2px;
}
.avcModal .codebanner__text {
font-size: 20px;
padding: 15px;
position: relative;
}
.avcModal__head {
font-size: 22px;
flex-shrink: 0;
margin-bottom: 1em;
}
.avcModal__head span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
max-width: 100%;
font-weight: 500;
}
.avcModal__head span:after {
content: "";
display: block;
width: 60px;
height: 2px;
background-color: #907232;
margin-left: auto;
margin-right: auto;
margin-top: 3px;
}
@media (max-width: 767px) {
.avcModal__head {
font-size: 16px;
}
.avcModal__head span:after {
width: 40px;
}
}
.avcModal__body {
font-size: 28px;
line-height: 1.3;
}
.avcModal__body h1,
.avcModal__body h2,
.avcModal__body h3,
.avcModal__body h4,
.avcModal__body h5,
.avcModal__body h6,
.avcModal__body .h1,
.avcModal__body .h2,
.avcModal__body .h3,
.avcModal__body .h4,
.avcModal__body .h5,
.avcModal__body .h6,
.avcModal__body .bigFont,
.avcModal__body .counting__number,
.avcModal__body .counting__text,
.avcModal__body .countText,
.avcModal__body .finderFilter__label {
line-height: 1.3;
margin-bottom: 28px;
font-style: normal;
}
@media (max-width: 767px) {
.avcModal__body h1,
.avcModal__body h2,
.avcModal__body h3,
.avcModal__body h4,
.avcModal__body h5,
.avcModal__body h6,
.avcModal__body .h1,
.avcModal__body .h2,
.avcModal__body .h3,
.avcModal__body .h4,
.avcModal__body .h5,
.avcModal__body .h6,
.avcModal__body .bigFont,
.avcModal__body .counting__number,
.avcModal__body .counting__text,
.avcModal__body .countText,
.avcModal__body .finderFilter__label {
margin-bottom: 16px;
}
}
.avcModal__body h1,
.avcModal__body .h1,
.avcModal__body .bigFont,
.avcModal__body .counting__number {
font-size: 1.4em;
}
.avcModal__body h2,
.avcModal__body .h2 {
font-size: 1.1em;
}
.avcModal__body h3,
.avcModal__body .h3,
.avcModal__body .counting__text,
.avcModal__body .countText,
.avcModal__body .finderFilter__label {
font-size: 1.1em;
}
@media (max-width: 767px) {
.avcModal__body {
font-size: 16px;
}
}
.avcModal.isUpcoming .avcModal__body {
font-weight: 600;
}
.avcModal.isUpcoming .modal-dialog {
width: 400px;
max-width: calc(100% - 60px);
max-width: -moz-calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
max-width: -o-calc(100% - 60px);
}
@media (max-width: 767px) {
.avcModal.isUpcoming .modal-dialog {
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: -webkit-calc(100% - 20px);
max-width: -o-calc(100% - 20px);
}
}
.avcCard .imageGallery {
margin-bottom: 10px;
}
.avcCard .imageGallery > .row {
margin-left: -2px;
margin-right: -2px;
}
.avcCard .imageGallery .imageGallery__item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 0;
margin-bottom: 4px;
width: 50%;
display: none;
cursor: default;
}
.avcCard .imageGallery .imageGallery__item:first-child,
.avcCard .imageGallery .imageGallery__item:nth-child(2),
.avcCard .imageGallery .imageGallery__item:nth-child(3),
.avcCard .imageGallery .imageGallery__item:nth-child(4) {
display: block;
}
.avcCard .imageGallery .imageGallery__item > a {
cursor: default;
}
.avcCard .imageGallery .imageGallery__item > a:before {
display: none;
}
.avcCard .imageGallery .imageGallery__item .image:after {
display: none;
}
.avcModal .imageGallery {
margin-bottom: 30px;
}
.avcModal .imageGallery > .row {
margin-left: -2px;
margin-right: -2px;
}
.avcModal .imageGallery .imageGallery__item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 0;
margin-bottom: 4px;
}
.avcCard .slidecontent {
margin-bottom: 10px;
text-align: left;
font-size: 16px;
}
.avcCard .slidecontent .slide_container {
margin-bottom: 0;
}
.avcCard .slidecontent .slide_container .slidecontent_headline,
.avcCard .slidecontent .slide_container .collectionLebkuchenfinder .collectionGroupFilterFinder__item {
font-size: 13px;
padding-left: 20px;
}
.avcCard .slidecontent .slide_container .slidecontent_headline:after,
.avcCard .slidecontent .slide_container .collectionLebkuchenfinder .collectionGroupFilterFinder__item:after {
font-size: 16px;
}
.avcModal .slidecontent {
margin-bottom: 30px;
text-align: left;
font-size: 16px;
}
.avcModal .slidecontent .slide_container {
margin-bottom: 0;
}
.avcCard .filegallery_content {
text-align: left;
margin-bottom: 10px;
}
.avcCard .filegallery_content .filegallery_content_file a {
margin-left: 20px;
}
.avcCard .filegallery_content .filegallery_content_file a .filegallery_content_file_icon {
font-size: 16px;
margin-left: -20px;
}
.avcModal .filegallery_content {
text-align: left;
margin-bottom: 30px;
font-size: 16px;
}
.itemlistAvC {
margin-bottom: 40px;
color: #040004;
display: block;
text-align: center;
}
.itemlistAvC__description {
margin-top: 20px;
}
.itemlistAvC__image {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.avcCard .itemlistAvC {
margin-bottom: 10px;
}
.avcCard .itemlistAvC__description {
margin-top: 10px;
}
.avcCard .itemlistAvC__image .image:before {
padding-top: 75%;
}
.avcCard .shop_item_preview .itemcard_list .itemlist {
position: relative!important;
text-align: left;
font-size: 16px;
}
.avcModal .shop_item_preview .itemcard_list .itemlist {
position: relative!important;
text-align: left;
font-size: 16px;
}
.avcCard .contactformular .form-group {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.avcCard .contactformular .form-group label {
min-width: 120px;
flex-shrink: 0;
flex-grow: 1;
text-align: left;
font-size: 12px;
}
.avcCard .contactformular .button_row--bottom {
margin-top: 10px;
}
.avcCard .contactformular .button_row--bottom .button,
.avcCard .contactformular .button_row--bottom .button_primary,
.avcCard .contactformular .button_row--bottom .btn-primary,
.avcCard .contactformular .button_row--bottom .button_second,
.avcCard .contactformular .button_row--bottom .btn-second,
.avcCard .contactformular .button_row--bottom .button_warning,
.avcCard .contactformular .button_row--bottom .btn-warning,
.avcCard .contactformular .button_row--bottom .button_success,
.avcCard .contactformular .button_row--bottom .btn-success,
.avcCard .contactformular .button_row--bottom .button_info,
.avcCard .contactformular .button_row--bottom .btn-info,
.avcCard .contactformular .button_row--bottom .button_action,
.avcCard .contactformular .button_row--bottom .btn-action,
.avcCard .contactformular .button_row--bottom .button_danger,
.avcCard .contactformular .button_row--bottom .btn-danger,
.avcCard .contactformular .button_row--bottom .button_transparent,
.avcCard .contactformular .button_row--bottom .btn-transparent,
.avcCard .contactformular .button_row--bottom .button_white,
.avcCard .contactformular .button_row--bottom .btn-white,
.avcCard .contactformular .button_row--bottom .button_option,
.avcCard .contactformular .button_row--bottom .button_action_border,
.avcCard .contactformular .button_row--bottom .collectionGroupFilter__item > span,
.avcCard .contactformular .button_row--bottom #dc_amount_select .dc_amount {
margin: 0;
min-height: 0;
}
.avcModal .contactformular .form-group {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 480px) {
.avcModal .contactformular .form-group {
flex-wrap: wrap;
}
}
.avcModal .contactformular .form-group label {
min-width: 120px;
flex-shrink: 0;
flex-grow: 1;
text-align: left;
}
.avcModal .contactformular .button_row--bottom {
margin-top: 10px;
}
.avcCard .slideshow_box .slideshow_content_inner {
width: 50%;
}
.avcCard .slideshow_box .slideshow_contentboxInner {
padding: 5px;
}
.avcCard .slideshow_box .slideshow_headline {
font-size: 13px;
}
.avcCard .slideshow_box .slideshow_text {
font-size: 10px;
}
.avcCard .slideshow_box .slideshow_button {
margin-top: 5px;
}
.avcModal .slideshow_box .slideshow_content_inner {
width: 50%;
}
body.page_osternest #gadget {
display: none;
}
body.page_osternest .countdown {
display: inline-flex;
align-items: baseline;
font-size: 14px;
color: #e70610;
}
@media (max-width: 1249px) {
body.page_osternest .countdown {
font-size: 10px;
}
}
body.page_osternest .countdown__number {
font-weight: 600;
font-size: 3.9em;
line-height: 1;
}
@media (max-width: 767px) {
body.page_osternest .countdown__number {
font-size: 2.9em;
}
}
body.page_osternest .countdown__splitter {
font-weight: 600;
font-size: 2.9em;
line-height: 1;
}
@media (max-width: 767px) {
body.page_osternest .countdown__splitter {
font-size: 1.9em;
}
}
body.page_osternest .countdown__label {
margin-top: 5px;
}
body.page_osternest .countdown__count {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
body.page_osternest .countdown__count {
padding-left: 10px;
padding-right: 10px;
}
}
body.page_osternest .codebanner {
border: 1px dashed #907232;
font-size: 15px;
display: inline-block;
font-style: italic;
padding: 10px;
padding-left: 45px;
position: relative;
}
body.page_osternest .codebanner:before {
font-family: FontAwesome;
content: "\f0c1";
position: absolute;
left: -1px;
top: -1px;
width: 35px;
height: 100%;
height: calc(100% + 2px);
height: -moz-calc(100% + 2px);
height: -webkit-calc(100% + 2px);
height: -o-calc(100% + 2px);
background-color: #907232;
color: #ffffff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
text-align: center;
font-size: 1.4em;
padding-right: 2px;
line-height: 1;
}
body.page_osternest .codebanner__text {
font-size: 15px;
display: inline-block;
position: relative;
padding: 15px;
}
body.page_osternest .avcBanner {
position: relative;
}
body.page_osternest .avcBanner video {
width: 100%;
}
body.page_osternest .avcBanner__text {
right: 200px !important;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
text-align: center;
}
@media (max-width: 767px) {
body.page_osternest .avcBanner__text .newBanner {
margin-left: -40px;
margin-right: -40px;
}
body.page_osternest .avcBanner__text .newBanner .boxText {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
width: -o-calc(100% - 90px);
}
}
body.page_osternest .avcBanner__text h1,
body.page_osternest .avcBanner__text .h1,
body.page_osternest .avcBanner__text .bigFont,
body.page_osternest .avcBanner__text .counting__number {
font-size: 40px;
margin-bottom: 10px;
}
@media (max-width: 1539px) {
body.page_osternest .avcBanner__text h1,
body.page_osternest .avcBanner__text .h1,
body.page_osternest .avcBanner__text .bigFont,
body.page_osternest .avcBanner__text .counting__number {
font-size: 45px;
}
}
@media (max-width: 767px) {
body.page_osternest .avcBanner__text h1,
body.page_osternest .avcBanner__text .h1,
body.page_osternest .avcBanner__text .bigFont,
body.page_osternest .avcBanner__text .counting__number {
font-size: 32px;
}
}
@media (max-width: 480px) {
body.page_osternest .avcBanner__text h1,
body.page_osternest .avcBanner__text .h1,
body.page_osternest .avcBanner__text .bigFont,
body.page_osternest .avcBanner__text .counting__number {
font-size: 26px;
}
}
@media (max-width: 768px) {
body.page_osternest .avcBanner__text {
position: relative !important;
margin: -8px 0 0;
width: 100%;
top: 0 !important;
right: 0 !important;
left: 0 !important;
max-width: none !important;
transform: none !important;
}
}
body.page_osternest .avcBanner__day {
font-size: 20px;
font-weight: 600;
display: none;
}
body.page_osternest .avcBanner__day i {
margin-right: 5px;
}
@media (max-width: 1539px) {
body.page_osternest .avcBanner__day {
font-size: 16px;
}
}
body.page_osternest .avcBanner__countdown {
margin-top: 10px;
margin-bottom: 20px;
}
body.page_osternest .avcBanner__buttons .button,
body.page_osternest .avcBanner__buttons .button_primary,
body.page_osternest .avcBanner__buttons .btn-primary,
body.page_osternest .avcBanner__buttons .button_second,
body.page_osternest .avcBanner__buttons .btn-second,
body.page_osternest .avcBanner__buttons .button_warning,
body.page_osternest .avcBanner__buttons .btn-warning,
body.page_osternest .avcBanner__buttons .button_success,
body.page_osternest .avcBanner__buttons .btn-success,
body.page_osternest .avcBanner__buttons .button_info,
body.page_osternest .avcBanner__buttons .btn-info,
body.page_osternest .avcBanner__buttons .button_action,
body.page_osternest .avcBanner__buttons .btn-action,
body.page_osternest .avcBanner__buttons .button_danger,
body.page_osternest .avcBanner__buttons .btn-danger,
body.page_osternest .avcBanner__buttons .button_transparent,
body.page_osternest .avcBanner__buttons .btn-transparent,
body.page_osternest .avcBanner__buttons .button_white,
body.page_osternest .avcBanner__buttons .btn-white,
body.page_osternest .avcBanner__buttons .button_option,
body.page_osternest .avcBanner__buttons .button_action_border,
body.page_osternest .avcBanner__buttons .collectionGroupFilter__item > span,
body.page_osternest .avcBanner__buttons #dc_amount_select .dc_amount {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
border-color: #ffffff;
background-color: #ffffff;
color: #040004;
}
body.page_osternest .avcBanner__buttons .button:hover,
body.page_osternest .avcBanner__buttons .button:focus,
body.page_osternest .avcBanner__buttons .button:active,
body.page_osternest .avcBanner__buttons .button_primary:hover,
body.page_osternest .avcBanner__buttons .button_primary:focus,
body.page_osternest .avcBanner__buttons .button_primary:active,
body.page_osternest .avcBanner__buttons .btn-primary:hover,
body.page_osternest .avcBanner__buttons .btn-primary:focus,
body.page_osternest .avcBanner__buttons .btn-primary:active,
body.page_osternest .avcBanner__buttons .button_second:hover,
body.page_osternest .avcBanner__buttons .button_second:focus,
body.page_osternest .avcBanner__buttons .button_second:active,
body.page_osternest .avcBanner__buttons .btn-second:hover,
body.page_osternest .avcBanner__buttons .btn-second:focus,
body.page_osternest .avcBanner__buttons .btn-second:active,
body.page_osternest .avcBanner__buttons .button_warning:hover,
body.page_osternest .avcBanner__buttons .button_warning:focus,
body.page_osternest .avcBanner__buttons .button_warning:active,
body.page_osternest .avcBanner__buttons .btn-warning:hover,
body.page_osternest .avcBanner__buttons .btn-warning:focus,
body.page_osternest .avcBanner__buttons .btn-warning:active,
body.page_osternest .avcBanner__buttons .button_success:hover,
body.page_osternest .avcBanner__buttons .button_success:focus,
body.page_osternest .avcBanner__buttons .button_success:active,
body.page_osternest .avcBanner__buttons .btn-success:hover,
body.page_osternest .avcBanner__buttons .btn-success:focus,
body.page_osternest .avcBanner__buttons .btn-success:active,
body.page_osternest .avcBanner__buttons .button_info:hover,
body.page_osternest .avcBanner__buttons .button_info:focus,
body.page_osternest .avcBanner__buttons .button_info:active,
body.page_osternest .avcBanner__buttons .btn-info:hover,
body.page_osternest .avcBanner__buttons .btn-info:focus,
body.page_osternest .avcBanner__buttons .btn-info:active,
body.page_osternest .avcBanner__buttons .button_action:hover,
body.page_osternest .avcBanner__buttons .button_action:focus,
body.page_osternest .avcBanner__buttons .button_action:active,
body.page_osternest .avcBanner__buttons .btn-action:hover,
body.page_osternest .avcBanner__buttons .btn-action:focus,
body.page_osternest .avcBanner__buttons .btn-action:active,
body.page_osternest .avcBanner__buttons .button_danger:hover,
body.page_osternest .avcBanner__buttons .button_danger:focus,
body.page_osternest .avcBanner__buttons .button_danger:active,
body.page_osternest .avcBanner__buttons .btn-danger:hover,
body.page_osternest .avcBanner__buttons .btn-danger:focus,
body.page_osternest .avcBanner__buttons .btn-danger:active,
body.page_osternest .avcBanner__buttons .button_transparent:hover,
body.page_osternest .avcBanner__buttons .button_transparent:focus,
body.page_osternest .avcBanner__buttons .button_transparent:active,
body.page_osternest .avcBanner__buttons .btn-transparent:hover,
body.page_osternest .avcBanner__buttons .btn-transparent:focus,
body.page_osternest .avcBanner__buttons .btn-transparent:active,
body.page_osternest .avcBanner__buttons .button_white:hover,
body.page_osternest .avcBanner__buttons .button_white:focus,
body.page_osternest .avcBanner__buttons .button_white:active,
body.page_osternest .avcBanner__buttons .btn-white:hover,
body.page_osternest .avcBanner__buttons .btn-white:focus,
body.page_osternest .avcBanner__buttons .btn-white:active,
body.page_osternest .avcBanner__buttons .button_option:hover,
body.page_osternest .avcBanner__buttons .button_option:focus,
body.page_osternest .avcBanner__buttons .button_option:active,
body.page_osternest .avcBanner__buttons .button_action_border:hover,
body.page_osternest .avcBanner__buttons .button_action_border:focus,
body.page_osternest .avcBanner__buttons .button_action_border:active,
body.page_osternest .avcBanner__buttons .collectionGroupFilter__item > span:hover,
body.page_osternest .avcBanner__buttons .collectionGroupFilter__item > span:focus,
body.page_osternest .avcBanner__buttons .collectionGroupFilter__item > span:active,
body.page_osternest .avcBanner__buttons #dc_amount_select .dc_amount:hover,
body.page_osternest .avcBanner__buttons #dc_amount_select .dc_amount:focus,
body.page_osternest .avcBanner__buttons #dc_amount_select .dc_amount:active {
background-color: #907232;
border-color: #907232;
color: #ffffff;
}
body.page_osternest .avcBanner__buttons .button_action,
body.page_osternest .avcBanner__buttons .button_action_border {
border-color: #e70610;
background: #e70610;
color: #ffffff;
}
body.page_osternest .avcBanner__buttons .button_action:hover,
body.page_osternest .avcBanner__buttons .button_action:focus,
body.page_osternest .avcBanner__buttons .button_action_border:hover,
body.page_osternest .avcBanner__buttons .button_action_border:focus {
background-color: #ce050e;
border-color: #ce050e;
color: #ffffff;
}
body.page_osternest .avcBanner__buttons .button_action:active,
body.page_osternest .avcBanner__buttons .button_action_border:active {
background-color: #b5050d;
border-color: #b5050d;
color: #ffffff;
}
@media (max-width: 1539px) {
body.page_osternest .avcBanner__image {
height: 500px;
}
body.page_osternest .avcBanner__image img {
max-width: none !important;
height: 100% !important;
object-fit: cover;
}
}
@media (max-width: 480px) {
body.page_osternest .avcBanner__image {
height: 400px;
}
}
body.page_osternest .avcBanner.hasImage .avcBanner__text {
position: absolute;
top: 15%;
right: 100px;
/*left: 50%;
.transform(translateX(-50%));*/
background: #f9f7f4;
max-width: 550px;
padding: 35px;
}
body.page_osternest .avcBanner.hasImage .avcBanner__text:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 30px solid #f9f7f4;
border-bottom: 45px solid transparent;
border-left: 45px solid transparent;
left: -44px;
position: absolute;
top: 0;
}
@media (max-width: 1539px) {
body.page_osternest .avcBanner.hasImage .avcBanner__text {
top: 40px;
}
}
@media (max-width: 1023px) {
body.page_osternest .avcBanner.hasImage .avcBanner__text {
right: unset;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
body.page_osternest .avcBanner.hasImage .avcBanner__text:after {
display: none;
}
}
body.page_osternest .avcBanner.hasImage .avcBanner__text h1,
body.page_osternest .avcBanner.hasImage .avcBanner__text .h1,
body.page_osternest .avcBanner.hasImage .avcBanner__text .bigFont,
body.page_osternest .avcBanner.hasImage .avcBanner__text .counting__number {
color: #907232;
}
body.page_osternest .avcText {
margin: 120px auto;
padding: 0 30px;
}
body.page_osternest .avcText .button,
body.page_osternest .avcText .button_primary,
body.page_osternest .avcText .btn-primary,
body.page_osternest .avcText .button_second,
body.page_osternest .avcText .btn-second,
body.page_osternest .avcText .button_warning,
body.page_osternest .avcText .btn-warning,
body.page_osternest .avcText .button_success,
body.page_osternest .avcText .btn-success,
body.page_osternest .avcText .button_info,
body.page_osternest .avcText .btn-info,
body.page_osternest .avcText .button_action,
body.page_osternest .avcText .btn-action,
body.page_osternest .avcText .button_danger,
body.page_osternest .avcText .btn-danger,
body.page_osternest .avcText .button_transparent,
body.page_osternest .avcText .btn-transparent,
body.page_osternest .avcText .button_white,
body.page_osternest .avcText .btn-white,
body.page_osternest .avcText .button_option,
body.page_osternest .avcText .button_action_border,
body.page_osternest .avcText .collectionGroupFilter__item > span,
body.page_osternest .avcText #dc_amount_select .dc_amount {
border-color: #907232;
background: #907232;
color: #ffffff;
}
body.page_osternest .avcText .button:hover,
body.page_osternest .avcText .button_primary:hover,
body.page_osternest .avcText .btn-primary:hover,
body.page_osternest .avcText .button_second:hover,
body.page_osternest .avcText .btn-second:hover,
body.page_osternest .avcText .button_warning:hover,
body.page_osternest .avcText .btn-warning:hover,
body.page_osternest .avcText .button_success:hover,
body.page_osternest .avcText .btn-success:hover,
body.page_osternest .avcText .button_info:hover,
body.page_osternest .avcText .btn-info:hover,
body.page_osternest .avcText .button_action:hover,
body.page_osternest .avcText .btn-action:hover,
body.page_osternest .avcText .button_danger:hover,
body.page_osternest .avcText .btn-danger:hover,
body.page_osternest .avcText .button_transparent:hover,
body.page_osternest .avcText .btn-transparent:hover,
body.page_osternest .avcText .button_white:hover,
body.page_osternest .avcText .btn-white:hover,
body.page_osternest .avcText .button_option:hover,
body.page_osternest .avcText .button_action_border:hover,
body.page_osternest .avcText .collectionGroupFilter__item > span:hover,
body.page_osternest .avcText #dc_amount_select .dc_amount:hover {
background: #7d632b;
border-color: #7d632b;
}
@media (max-width: 1024px) {
body.page_osternest .avcText {
margin: 60px auto;
}
}
body.page_osternest .avcCard {
position: absolute;
max-width: 200px;
box-shadow: none;
margin: 0;
overflow: visible;
z-index: 1;
}
body.page_osternest .avcCard img {
transition: all 0.3s ease-out;
}
body.page_osternest .avcCard.isExpired {
top: -30px;
}
body.page_osternest .avcCard.isExpired .front {
display: none;
}
body.page_osternest .avcCard.isExpired .back {
display: block;
}
body.page_osternest .avcCard.isExpired .back .avcCard__bodyInner {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
@media (max-width: 1023px) {
body.page_osternest .avcCard:hover {
top: -15px;
}
body.page_osternest .avcCard.isExpired {
top: -15px;
}
}
body.page_osternest .avcCard .imageGallery {
margin-bottom: 10px;
}
body.page_osternest .avcCard .imageGallery > .row {
margin-left: -2px;
margin-right: -2px;
}
body.page_osternest .avcCard .imageGallery .imageGallery__item {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 0;
margin-bottom: 4px;
width: 50%;
display: none;
cursor: default;
}
body.page_osternest .avcCard .imageGallery .imageGallery__item:first-child,
body.page_osternest .avcCard .imageGallery .imageGallery__item:nth-child(2),
body.page_osternest .avcCard .imageGallery .imageGallery__item:nth-child(3),
body.page_osternest .avcCard .imageGallery .imageGallery__item:nth-child(4) {
display: block;
}
body.page_osternest .avcCard .imageGallery .imageGallery__item > a {
cursor: default;
}
body.page_osternest .avcCard .imageGallery .imageGallery__item > a:before {
display: none;
}
body.page_osternest .avcCard .imageGallery .imageGallery__item .image:after {
display: none;
}
body.page_osternest .avcCard:first-child {
top: 25%;
left: 30%;
}
body.page_osternest .avcCard:first-child img {
transform: rotate(35deg);
}
body.page_osternest .avcCard:first-child:hover img {
transform: rotate(-10deg);
}
body.page_osternest .avcCard:nth-child(2) {
top: 63%;
right: 32%;
z-index: 2;
}
body.page_osternest .avcCard:nth-child(2) img {
transform: rotate(10deg);
}
body.page_osternest .avcCard:nth-child(2):hover img {
transform: rotate(-35deg);
}
body.page_osternest .avcCard:nth-child(3) {
top: 53%;
left: 18%;
}
body.page_osternest .avcCard:nth-child(3) img {
transform: rotate(-20deg);
}
body.page_osternest .avcCard:nth-child(3):hover img {
transform: rotate(25deg);
}
body.page_osternest .avcCard:nth-child(4) {
top: 70%;
left: 34%;
}
body.page_osternest .avcCard:nth-child(4) img {
transform: rotate(30deg);
}
body.page_osternest .avcCard:nth-child(4):hover img {
transform: rotate(-15deg);
}
body.page_osternest .avcCard:nth-child(5) {
top: 38%;
right: 22%;
}
body.page_osternest .avcCard:nth-child(5) img {
transform: rotate(-40deg);
}
body.page_osternest .avcCard:nth-child(5):hover img {
transform: rotate(5deg);
}
@media (max-width: 1610px) {
body.page_osternest .avcCard {
max-width: 160px;
}
body.page_osternest .avcCard:first-child {
top: 22%;
left: 31%;
}
body.page_osternest .avcCard:nth-child(2) {
top: 63%;
right: 22%;
}
body.page_osternest .avcCard:nth-child(3) {
top: 53%;
left: 12%;
}
body.page_osternest .avcCard:nth-child(4) {
top: 70%;
left: 34%;
}
body.page_osternest .avcCard:nth-child(5) {
top: 28%;
right: 12%;
}
}
@media (max-width: 1249px) {
body.page_osternest .avcCard {
max-width: 160px;
}
body.page_osternest .avcCard:first-child {
top: 22%;
left: 31%;
}
body.page_osternest .avcCard:nth-child(2) {
top: 63%;
right: 30%;
}
body.page_osternest .avcCard:nth-child(3) {
top: 50%;
left: 16%;
}
body.page_osternest .avcCard:nth-child(4) {
top: 70%;
left: 34%;
}
body.page_osternest .avcCard:nth-child(5) {
top: 30%;
right: 25%;
}
}
@media (max-width: 1023px) {
body.page_osternest .avcCard {
max-width: 120px;
}
body.page_osternest .avcCard:first-child {
top: 13%;
left: 27%;
}
body.page_osternest .avcCard:nth-child(2) {
top: 58%;
right: 24%;
}
body.page_osternest .avcCard:nth-child(3) {
top: 47%;
left: 13%;
}
body.page_osternest .avcCard:nth-child(4) {
top: 70%;
left: 34%;
}
body.page_osternest .avcCard:nth-child(5) {
top: 21%;
right: 17%;
}
}
@media (max-width: 767px) {
body.page_osternest .avcCard:first-child {
top: 10%;
left: 13%;
}
body.page_osternest .avcCard:nth-child(2) {
top: 57%;
right: 13%;
}
body.page_osternest .avcCard:nth-child(3) {
top: 39%;
left: 3%;
}
body.page_osternest .avcCard:nth-child(4) {
top: 70%;
left: 15%;
}
body.page_osternest .avcCard:nth-child(5) {
top: 25%;
right: 6%;
}
}
body.page_osternest .avcCards {
position: relative;
}
body.page_osternest .avcCards .innerBannerHeadline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
text-align: center;
width: 35%;
margin: 0;
line-height: 67px;
}
@media (max-width: 1610px) {
body.page_osternest .avcCards .innerBannerHeadline {
font-size: 30px;
}
}
@media (max-width: 1249px) {
body.page_osternest .avcCards .innerBannerHeadline {
display: none;
}
}
@media (max-width: 767px) {
body.page_osternest .avcCards > img {
position: absolute;
top: 0;
left: 0;
height: 100% !important;
width: 100%;
object-fit: cover;
}
body.page_osternest .avcCards:after {
content: "";
display: block;
padding-top: 150%;
}
}
body.page_osternest .avcModal .modal-dialog {
margin: 0;
}
@media (min-width: 768px) {
body.page_osternest .avcModal .modal-dialog {
width: 530px;
}
}
@media (max-width: 1249px) {
body.page_osternest .avcModal .modal-dialog {
margin: 30px auto;
}
}
@media (max-width: 767px) {
body.page_osternest .avcModal .modal-dialog {
margin: 30px;
}
}
body.page_osternest .avcModal .modal-content {
border-radius: 32px;
padding: 50px 50px 40px 50px;
}
body.page_osternest .avcModal .modal-content .avcModal__head {
margin-top: 0;
margin-bottom: 20px;
padding: 0 10px;
}
body.page_osternest .avcModal .modal-content .avcModal__head span {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-size: 40px;
margin-bottom: 20px;
color: #040004;
font-size: 22px;
margin-bottom: 0;
white-space: normal;
}
@media screen and (max-width: 1249px) {
body.page_osternest .avcModal .modal-content .avcModal__head span {
font-size: 26px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px) {
body.page_osternest .avcModal .modal-content .avcModal__head span {
font-size: 20px;
}
}
body.page_osternest .avcModal .modal-content .avcModal__head span:after {
display: none;
}
@media (max-width: 1249px) {
body.page_osternest .avcModal .modal-content {
padding: 20px;
}
}
body.page_osternest .avcModal .modal-body .textcontent {
font-size: 14px;
}
body.page_osternest .avcModal .modal-body .textcontent img {
max-height: 235px;
width: auto !important;
margin-bottom: 20px;
}
body.page_osternest .avcModal .modal-body .textcontent h3,
body.page_osternest .avcModal .modal-body .textcontent .h3,
body.page_osternest .avcModal .modal-body .textcontent .counting__text,
body.page_osternest .avcModal .modal-body .textcontent .countText,
body.page_osternest .avcModal .modal-body .textcontent .finderFilter__label {
font-size: 20px;
margin-bottom: 20px;
}
@media (max-width: 1249px) {
body.page_osternest .avcModal .modal-body .textcontent h3,
body.page_osternest .avcModal .modal-body .textcontent .h3,
body.page_osternest .avcModal .modal-body .textcontent .counting__text,
body.page_osternest .avcModal .modal-body .textcontent .countText,
body.page_osternest .avcModal .modal-body .textcontent .finderFilter__label {
font-size: 20px;
}
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] {
display: flex;
align-items: center;
justify-content: stretch;
font-family: 'Fira Sans', Times, serif;
font-style: italic;
margin: 45px 0;
}
@media (max-width: 1249px) {
body.page_osternest .avcModal .modal-body form[name^="contactformular"] {
margin: 20px 0;
}
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .form-group {
margin: 0;
width: 100%;
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .form-group input {
padding: 11px 15px;
}
@media (max-width: 1249px) {
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .form-group input {
padding: 10px 15px;
}
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] label {
display: none;
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .button_row--bottom {
margin: 0 0 0 auto;
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .button_row--bottom input {
margin: 0;
background: #907232;
border: none;
}
body.page_osternest .avcModal .modal-body form[name^="contactformular"] .button_row--bottom input:hover {
background: #7d632b;
}
body.page_osternest .avcModal .modal-body small {
font-size: 12px;
}
body.page_osternest .avcModal .modal-body .newsletter_form {
text-align: left;
}
body.page_osternest .avcModal .modal-body .newsletter_form .form-group,
body.page_osternest .avcModal .modal-body .newsletter_form .specialcheckbox {
margin-bottom: 20px;
}
body.page_osternest .avcModal .modal-body .newsletter_form .buttonWrapper {
text-align: left;
}
body.page_osternest .avcModal .modal-body .newsletter_form .marginTop {
margin-top: 0;
}
body.page_osternest .avcModal .component {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid #EAD9BF;
text-align: left;
}
body.page_osternest .avcModal button.close {
top: 30px;
right: 30px;
width: 14px;
height: 14px;
z-index: 2;
}
body.page_osternest .avcModal button.close:before,
body.page_osternest .avcModal button.close:after {
background: #040004;
}
body.page_osternest .avcModal button.close:hover:before,
body.page_osternest .avcModal button.close:hover:after {
background: #907232;
}
@media (max-width: 767px) {
body.page_osternest .avcModal button.close {
top: 26px;
right: 15px;
}
}
.itemcard_list26 .itemlist_item {
text-align: center;
}
.itemcard_list26 .itemlist_container {
background-color: transparent !important;
}
.itemcard_list26 .itemlist_container .itemlist_description_wrapper {
background-color: transparent;
padding: 10px 0;
}
.itemcard_list26 .itemlist_container.hoverintent .itemlist_description_wrapper {
margin-top: 0;
}
.itemcard_list26 .itemlist_container .image {
background-color: transparent;
}
.itemcard_list26 .itemlist_container .image.hasBackground {
background-size: contain;
}
.itemcard_list26 .itemlist_container .image:before {
padding-top: 40%;
}
.itemcard_list26 .itemlist_content.description {
font-size: 20px;
}
@media (max-width: 1249px) {
.itemcard_list26 .itemlist_content.description {
font-size: 20px;
}
}
.itemcard_list26 .itemlist_content.summary {
font-size: 16px;
margin-top: 10px;
}
.itemcard_list26 .itemlist_content.prices {
margin: 0;
}
.itemcard_list26 .itemlist_content.prices .itemBasePrice {
color: #907232;
font-size: 40px;
}
@media (max-width: 1249px) {
.itemcard_list26 .itemlist_content.prices {
margin: 15px 0;
margin: 0;
}
}
.itemcard_list26 .basket .basket_button_wrapper {
width: 225px;
}
.itemcard_list26 .basket .basket_button {
margin: 0 auto 7px;
display: flex;
max-width: none;
align-items: center;
justify-content: center;
}
.itemcard_list26 .basket .basket_button .quantity {
width: 70px;
}
.itemcard_list26 .basket .basket_button .quantity .spinner_wrapper {
color: #907232;
}
.itemcard_list26 .basket .basket_button .itemorder_submit_button:hover {
background-color: #907232;
}
.itemcard_list26.itemcard_list .inventory {
line-height: 1;
}
.itemcard_list26.itemcard_list .orderbox_gramm_pricing {
float: none;
}
.itemcard_list26.itemcard_list .vat_info:before {
display: none;
}
.videoTile {
position: relative;
}
.videoTile .boxImage {
display: block;
position: relative;
width: 100%;
}
.videoTile .boxImage img,
.videoTile .boxImage video {
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.videoTile .boxImage:before {
content: "";
display: block;
padding-top: 100%;
}
.videoTile .boxImage:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(4, 0, 4, 0.4) 0%, rgba(255, 255, 255, 0) 33%);
}
.videoTile .boxText {
position: absolute;
bottom: 0;
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 60px;
font-size: 30px;
line-height: 36px;
color: #ffffff;
font-weight: 600;
}
@media (max-width: 1539px) {
.videoTile .boxText {
padding: 30px;
font-size: 26px;
line-height: 30px;
}
}
@media (max-width: 1249px) {
.videoTile .boxText {
padding: 20px;
font-size: 20px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.videoTile .boxText {
font-size: 26px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.videoTile {
margin-bottom: 20px;
}
}
.offsetTile {
position: relative;
flex-direction: column;
}
.offsetTile .boxImage {
width: 50%;
position: relative;
}
.offsetTile .boxImage img {
width: 100% !important;
}
@media (max-width: 1249px) {
.offsetTile .boxImage {
width: 100%;
}
}
.offsetTile .boxText {
background: #ffffff;
margin-left: 30%;
padding-left: 20%;
margin-top: -180px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
font-size: 18px;
line-height: 22px;
}
.offsetTile .boxText h3,
.offsetTile .boxText .counting__text,
.offsetTile .boxText .countText,
.offsetTile .boxText .finderFilter__label {
font-size: 24px;
}
.offsetTile .boxText > div {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 40px;
}
.offsetTile .boxText .textbutton,
.offsetTile .boxText .textbutton--big,
.offsetTile .boxText .boxSecond--column--half .textbutton {
margin-top: auto;
border-color: #040004;
color: #040004;
}
.offsetTile .boxText .textbutton:hover,
.offsetTile .boxText .textbutton--big:hover,
.offsetTile .boxText .boxSecond--column--half .textbutton:hover {
border-color: #e70610;
color: #e70610;
}
@media (min-width: 1250px) {
.offsetTile .boxText {
min-height: 250px;
}
}
@media (max-width: 1249px) {
.offsetTile .boxText {
margin-left: 0;
padding-left: 0;
margin-top: 0;
}
.offsetTile .boxText > div {
padding: 20px;
}
}
.offsetTile a {
background: transparent;
}
.offsetTile a:hover .textbutton,
.offsetTile a:hover .textbutton--big,
.offsetTile a:hover .boxSecond--column--half .textbutton {
border-color: #e70610;
color: #e70610;
}
.badgesRow .textcontent {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.badgesRow .textcontent > img {
max-width: 10%;
}
@media (max-width: 1249px) {
.badgesRow .textcontent > img {
max-width: 15%;
margin-bottom: 20px;
}
}
@media (max-width: 1023px) {
.badgesRow .textcontent > img {
max-width: 20%;
}
}
@media (max-width: 767px) {
.badgesRow .textcontent > img {
max-width: 40%;
}
}
.imageGalleryCarousel__image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 1024px) {
.imageGalleryCarousel__image {
border-radius: 20px;
}
}
.imageGalleryCarousel__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: white;
display: block;
opacity: 0;
transition: 0.2s ease-in-out;
}
.imageGalleryCarousel__image img {
aspect-ratio: 1.72881356;
object-fit: cover;
}
.imageGalleryCarousel .owl-carousel .owl-item {
transition: 0.2s ease-in-out;
scale: 0.9;
}
.imageGalleryCarousel .owl-carousel .owl-item:not(.center) .imageGalleryCarousel__image:before {
opacity: 0.5;
}
.imageGalleryCarousel .owl-carousel .owl-item.center {
scale: 1.3;
z-index: 1;
}
.imageGalleryCarousel .owl-carousel .owl-nav {
position: relative;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
.imageGalleryCarousel .owl-carousel .owl-nav > button {
position: static;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
}
.imageGalleryCarousel .owl-carousel .owl-nav > button i {
background: transparent;
font-size: 36px;
line-height: 1;
filter: none;
}
.imageGalleryCarousel .owl-carousel .owl-nav.disable {
display: flex;
}
.imageGalleryCarousel .owl-carousel .owl-stage-outer {
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 1023px) {
.imageGalleryCarousel {
margin-left: -20px;
margin-right: -20px;
}
}
@media (max-width: 767px) {
body .juicer-feed .j-stack {
display: flex !important;
flex-wrap: wrap;
}
body .juicer-feed li.feed-item {
width: 50%;
}
}
body .juicer-feed .j-paginate.juicer-button {
display: none !important;
}
.teeblog .juicer-feed .j-image {
height: 100%;
}
.teeblog .juicer-feed .j-image img {
display: block;
height: 100%!important;
object-fit: cover;
width: 100%!important;
}
.order_price_total,
.order_price_total_label {
color: #e70610;
font-size: 16px;
font-weight: 600;
}
#user_queue .itemcard_order_button_input_wrapper_outer {
margin-top: 8px;
margin-bottom: 0;
width: 100%;
}
#user_queue .itemcard_order_button_input_wrapper_outer .itemcard_order_button_wrapper_text {
width: 100%;
}
#user_queue .itemcard_order_button_input_wrapper_outer .itemcard_order_button_wrapper_text button {
padding-bottom: 9px;
}
.accountBox {
border: 1px solid #f5f5f5;
padding: 20px 20px 20px 0;
display: block;
height: 100%;
min-height: 160px;
}
.accountBox i {
font-size: 2.6em;
display: inline-block;
}
.accountBox__icon {
display: inline-block;
width: 70px;
vertical-align: middle;
text-align: center;
}
.accountBox__text {
display: inline-block;
width: calc(100% - 70px - 6px);
width: -moz-calc(100% - 70px - 6px);
width: -webkit-calc(100% - 70px - 6px);
width: -o-calc(100% - 70px - 6px);
vertical-align: middle;
color: #040004;
}
.accountboxWrapper > div {
margin-bottom: 40px;
}
.page_switch {
text-align: right;
height: 36px;
color: #040004;
font-size: 14px;
margin-bottom: 20px;
}
.page_switch .page_switch_control {
display: inline-block;
border: 1px solid #040004;
height: 36px;
width: 36px;
text-align: center;
line-height: 36px;
color: #040004;
cursor: pointer;
background-color: transparent;
}
.page_switch .page_switch_control.page_switch_prev {
margin-right: 10px;
}
.page_switch .page_switch_control.page_switch_next {
margin-left: 10px;
}
.page_switch .page_switch_control .fa {
color: #040004;
font-size: 20px;
}
.page_switch .page_switch_control:hover {
border-color: #907232;
}
.page_switch .page_switch_control:hover .fa {
color: #907232;
}
.itembox_header {
margin-bottom: 10px;
}
.highlights_caption {
margin-bottom: 40px;
}
.highlights_box {
padding: 40px;
margin-bottom: 40px;
border: 3px solid #f9f7f4;
}
.highlights_box .higlights_caption {
color: #ffffff;
}
.highlights_box .itemcard_list {
margin-bottom: -40px;
}
.order_finished_box {
padding: 40px;
margin-bottom: 40px;
border: 3px solid #f9f7f4;
}
.order_finished_box .higlights_caption {
color: #ffffff;
}
.order_finished_box .itemcard_list {
margin-bottom: -40px;
}
.quantity {
width: 85px;
position: relative;
}
.quantity input {
width: 100%;
text-align: center;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #f5f5f5;
display: block;
}
.quantity .spinner_wrapper_inner > button {
width: 20px;
height: 20px;
text-align: center;
position: absolute;
left: 5px;
top: 50%;
line-height: 20px;
margin-top: -10px;
font-size: 18px;
border: 0;
background-color: transparent;
}
.quantity .spinner_wrapper .spinner_up {
right: 5px;
left: auto;
}
.quantity:not(.inactive) .spinner_wrapper_inner > button {
cursor: pointer;
color: #040004;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.quantity:not(.inactive) .spinner_wrapper_inner > button:hover {
color: #e70610;
}
.quantity:not(.inactive) .spinner_wrapper_inner > button:active,
.quantity:not(.inactive) .spinner_wrapper_inner > button:focus {
color: #e70610;
}
.quantity.inactive input {
background-color: #f9f7f4;
border-color: #f9f7f4;
cursor: no-drop;
}
.quantity.inactive .spinner_wrapper {
display: none;
}
@media screen and (max-width: 1249px) {
.quantity .spinner_wrapper {
display: none;
}
.quantity input {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 374px) {
.quantity {
width: 60px;
}
}
.order_prices_box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.order_prices_box:after {
clear: both;
content: " ";
display: block;
}
.order_prices_box .order_prices_box_left,
.order_prices_box .order_prices_box_right {
width: 50%;
padding: 20px;
border-top: 1px solid #727272;
border-bottom: 1px solid #727272;
}
.order_prices_box .order_prices_box_left {
padding-left: 0;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.order_prices_box {
display: block;
}
.order_prices_box .order_prices_box_left {
width: 100%;
border-bottom: 0;
}
.order_prices_box .order_prices_box_right {
width: 100%;
}
}
.stickyArea {
margin-bottom: 30px;
}
.basket_button {
max-width: 340px;
width: 100%;
display: flex;
margin-bottom: 10px;
}
.basket_button .basket_button_wrapper {
display: block;
flex-grow: 1;
padding-left: 10px;
}
.basket_button .itemorder_submit_button {
display: inline-block;
padding: 9px 15px;
min-width: 150px;
border: 1px solid #040004;
color: #040004;
cursor: pointer;
background: transparent;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
line-height: 22px;
background-color: #e70610;
color: #ffffff;
font-size: 18px;
line-height: 42px;
text-align: center;
display: block;
padding: 0;
border: 0;
max-width: none;
width: 100%;
min-width: 0;
font-weight: 500;
letter-spacing: 0.03em;
}
.basket_button .itemorder_submit_button i {
line-height: 18px;
margin-right: 5px;
position: relative;
top: 2px;
}
.basket_button .itemorder_submit_button i.fa {
top: 0;
}
.basket_button .itemorder_submit_button:hover,
.basket_button .itemorder_submit_button:focus {
background: #e4ceac;
border-color: #e4ceac;
color: #040004;
}
.basket_button .itemorder_submit_button:active {
background: #ddc299;
border-color: #ddc299;
}
.basket_button .itemorder_submit_button:hover {
background-color: #ce050e;
color: #ffffff;
}
.basket_button .itemorder_submit_button:active,
.basket_button .itemorder_submit_button:focus {
background-color: #b5050d;
color: #ffffff;
}
.basket_button .itemorder_submit_button i {
display: block;
line-height: 36px;
padding-top: 0;
padding-bottom: 3px;
}
.basket_button.itemlist_qty_wrapper_inactive .itemorder_submit_button,
.basket_button.inactive_order_button_wrapper .itemorder_submit_button {
background-color: #d5bc86;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.basket_button.itemlist_qty_wrapper_inactive .itemorder_submit_button:hover,
.basket_button.inactive_order_button_wrapper .itemorder_submit_button:hover,
.basket_button.itemlist_qty_wrapper_inactive .itemorder_submit_button:active,
.basket_button.inactive_order_button_wrapper .itemorder_submit_button:active,
.basket_button.itemlist_qty_wrapper_inactive .itemorder_submit_button:focus,
.basket_button.inactive_order_button_wrapper .itemorder_submit_button:focus {
background-color: #d5bc86;
}
.basket_button.itemlist_qty_wrapper_inactive .quantity,
.basket_button.inactive_order_button_wrapper .quantity {
display: none;
}
.basket_button.itemlist_qty_wrapper_inactive .basket_button_wrapper,
.basket_button.inactive_order_button_wrapper .basket_button_wrapper {
padding-left: 0;
}
@media screen and (max-width: 1023px) {
.basket_button .itemorder_submit_button {
font-size: 16px;
}
}
@media screen and (max-width: 480px) {
.basket_button {
margin-bottom: 5px;
}
.basket_button .itemorder_submit_button {
font-size: 14px;
}
.basket_button .itemorder_submit_button i {
font-size: 18px;
}
}
.basket_button.itemlist_qty_wrapper_inactive {
pointer-events: none;
}
.basket_prices {
max-width: 385px;
font-size: 14px;
}
.basket_prices .flexrow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.basket_prices table {
margin-top: 0;
}
.attribute_code {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #040004;
}
.attribute_icon {
display: inline-block;
margin-right: 30px;
margin-bottom: 30px;
vertical-align: top;
font-size: 14px;
text-align: center;
}
.attribute_icon img {
aspect-ratio: 1;
object-fit: contain;
display: inline-block;
margin-bottom: 5px;
}
.user_queue_added {
margin-bottom: 30px;
}
.modal .modal-body .modal-item-info .modal-item-description.user_queue_added_basket {
margin-bottom: 20px;
}
.modal .modal-body .modal-item-info.user_queue_added .button,
.modal .modal-body .modal-item-info.user_queue_added .button_primary,
.modal .modal-body .modal-item-info.user_queue_added .btn-primary,
.modal .modal-body .modal-item-info.user_queue_added .button_second,
.modal .modal-body .modal-item-info.user_queue_added .btn-second,
.modal .modal-body .modal-item-info.user_queue_added .button_warning,
.modal .modal-body .modal-item-info.user_queue_added .btn-warning,
.modal .modal-body .modal-item-info.user_queue_added .button_success,
.modal .modal-body .modal-item-info.user_queue_added .btn-success,
.modal .modal-body .modal-item-info.user_queue_added .button_info,
.modal .modal-body .modal-item-info.user_queue_added .btn-info,
.modal .modal-body .modal-item-info.user_queue_added .button_action,
.modal .modal-body .modal-item-info.user_queue_added .btn-action,
.modal .modal-body .modal-item-info.user_queue_added .button_danger,
.modal .modal-body .modal-item-info.user_queue_added .btn-danger,
.modal .modal-body .modal-item-info.user_queue_added .button_transparent,
.modal .modal-body .modal-item-info.user_queue_added .btn-transparent,
.modal .modal-body .modal-item-info.user_queue_added .button_white,
.modal .modal-body .modal-item-info.user_queue_added .btn-white,
.modal .modal-body .modal-item-info.user_queue_added .button_option,
.modal .modal-body .modal-item-info.user_queue_added .button_action_border,
.modal .modal-body .modal-item-info.user_queue_added .collectionGroupFilter__item > span,
.modal .modal-body .modal-item-info.user_queue_added #dc_amount_select .dc_amount {
margin-bottom: 10px;
width: 100%;
}
.linklist.table_area .table_row .table_cell {
padding-top: 10px;
padding-bottom: 10px;
}
.linklist.table_area .table_row.table_body:hover {
cursor: pointer;
}
.linklist.table_area .table_row.table_body:hover .table_cell {
background-color: #f9f7f4;
}
.shipping_option_country_list_wrapper .shipping_country {
overflow: hidden;
overflow-x: auto;
}
@media screen and (max-width: 480px) {
.shipping_option_country_list_wrapper .nufacts th,
.shipping_option_country_list_wrapper .nufacts td {
font-size: 11px;
}
}
@media screen and (min-width: 768px) {
.userAccountStart .shop_item_preview .itemlist {
width: 50%;
}
}
.slider.slider-horizontal {
width: 100%;
height: 11px;
}
.slider.slider-horizontal .slider-track {
margin-top: -3px;
height: 5px;
}
.slider.slider-horizontal .slider-selection {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: #c8a760;
}
.slider.slider-horizontal .slider-handle {
width: 14px;
height: 14px;
margin-left: -7px;
top: -2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #907232;
cursor: pointer;
background-image: none;
}
.slider.slider-horizontal .slider-handle:hover {
background-color: #6a5425;
}
.guest_select .order_devision_headline {
display: none;
}
#new_address_type_select {
display: none;
}
.favorite-button {
font-size: 2em;
color: #ffffff;
cursor: pointer;
line-height: 1;
}
.favorite-button:hover {
color: #e70610;
}
.favorite-button.active {
color: #e70610;
}
.favorite-button.active:hover {
color: #ce050e;
}
@media screen and (max-width: 1023px) {
.favorite-button {
font-size: 24px;
}
}
.basket_infobox {
font-weight: 600;
font-size: 18px;
}
.laData {
font-size: 14px;
}
.nufacts {
width: 100%;
}
.nufacts td,
.nufacts th {
border-bottom: 1px solid #727272;
vertical-align: top;
padding: 5px;
}
.nufacts td:first-child,
.nufacts th:first-child {
padding-left: 0;
}
.nufacts td:last-child,
.nufacts th:last-child {
padding-right: 0;
}
.nufacts tr:last-child td {
border-bottom: 0;
}
.nufacts th {
padding-top: 0;
}
.nufacts__right {
white-space: nowrap;
text-align: right;
}
.itembox_header {
float: right;
width: 20%;
margin-bottom: 20px;
}
.js-itemBasketList.is-loading .quantitySelect {
opacity: 0.5;
background: #f5f5f5;
pointer-events: none;
cursor: not-allowed;
}
.js-quantitySelect.is-input:after {
display: none;
}
.js-quantitySelect.is-input .custom-quantity-input {
width: 81px;
}
@media (max-width: 480px) {
.js-quantitySelect.is-input .custom-quantity-input {
width: 100%;
}
}
@media screen and (max-width: 1539px) {
.order_option_list .span-wrapper .longText {
height: 60px;
}
}
@media screen and (max-width: 1249px) {
.itembox_header {
width: 25%;
}
}
@media screen and (max-width: 1023px) {
.itembox_header {
width: 50%;
padding-left: 8px;
}
.guest_checkout_tabs .tabs_item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.order_prices_box {
display: block;
}
.order_prices_box .order_prices_box_left {
width: 100%;
border-bottom: 0;
}
.order_prices_box .order_prices_box_right {
width: 100%;
}
.linklist.table_area .table_row .table_cell {
padding-top: 0;
padding-bottom: 0;
}
.category_info {
margin-bottom: 20px;
}
.order_option_list .span-wrapper .longText {
height: auto;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#user_queue .itemlist3 {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.itembox_header {
width: 100%;
padding-left: 0;
}
#user_basket .user_basket_refresh_buttons a {
display: block;
}
.order_option_list .image {
float: none;
width: 100%;
}
.order_option_list .image:before {
display: block;
padding-top: 50px;
}
.order_option_list .image img {
position: absolute;
}
.order_option_list .span-wrapper {
width: 100%;
float: none;
padding-left: 0;
padding-top: 20px;
}
}
@media screen and (min-width: 481px) {
#form_shop_user_card .form-label-left .form-group:not(.form-check) .date-dropdowns {
width: calc(100% - 114px);
width: -moz-calc(100% - 114px);
width: -webkit-calc(100% - 114px);
width: -o-calc(100% - 114px);
}
#form_shop_user_card .form-label-left .form-group:not(.form-check) label {
width: 120px;
}
#form_shop_user_card .form-label-left .form-group:not(.form-check) input,
#form_shop_user_card .form-label-left .form-group:not(.form-check):not(.date) .select_body,
#form_shop_user_card .form-label-left .form-group:not(.form-check) .pass-wrapper,
#form_shop_user_card .form-label-left .form-group:not(.form-check):not(.date) .filterbox-mobilebutton {
width: calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: -webkit-calc(100% - 120px);
width: -o-calc(100% - 120px);
}
}
.displayNone {
display: none;
}
.inventory {
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
font-size: 14px;
/*&.low_availability {
color: @brand-warning;
&:before {
content: "\E006";
color: @brand-warning;
}
}*/
}
.inventory:before {
font-family: "icons";
float: left;
margin-right: 8px;
font-size: 1.4em;
font-weight: 400;
display: none;
}
.inventory.available,
.inventory.low_availability {
color: #387E06;
}
.inventory.available:before,
.inventory.low_availability:before {
content: "\E006";
color: #387E06;
}
.inventory.not_available {
color: #907232;
}
.inventory.not_available:before {
content: "\E014";
color: #907232;
}
.inventory.not_available_orderable,
.inventory.not_available_orderable_number {
color: #387E06;
}
.inventory.not_available_orderable:before,
.inventory.not_available_orderable_number:before {
content: "\E006";
color: #387E06;
}
.promotion {
width: 36px;
height: 36px;
text-transform: uppercase;
font-weight: 700;
text-align: right;
padding: 5px;
line-height: 1;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #907232;
color: #ffffff;
font-size: 13px;
}
.promotion:before {
content: 'Neu';
}
.promotion.promotion_1 {
background: #e70610;
font-size: 11px;
}
.promotion.promotion_1:before {
content: "Aktion";
}
.promotion.promotion_2 {
background: #e70610;
font-size: 18px;
}
.promotion.promotion_2:before {
content: "%";
}
.promotion_banner {
display: flex;
}
.promotion_banner .promotion {
margin-left: 8px;
}
@media (max-width: 767px) {
.promotion_banner {
flex-direction: column;
}
.promotion_banner .promotion {
margin-left: 0;
margin-bottom: 8px;
}
}
body[data-language-code="en"] .promotion:before {
content: "New";
}
body[data-language-code="en"] .promotion.promotion_1:before {
content: "Sale";
}
.categorybox {
margin-bottom: 60px;
}
.category_info h1,
.category_info .bigFont,
.category_info .counting__number {
margin-bottom: 30px;
}
.category_description_1 {
margin-bottom: 40px;
}
@media screen and (max-width: 1249px) {
.category_description_1 {
max-width: 100%;
}
}
.category_description_2 {
margin-top: 30px;
margin-bottom: 60px;
font-size: 14px;
}
.itemBasePrice,
.itemCrossPrice {
white-space: nowrap;
line-height: 1;
font-size: 24px;
color: #040004;
}
@media screen and (max-width: 1249px) {
.itemBasePrice,
.itemCrossPrice {
font-size: 20px;
}
}
.itemBasePrice {
color: #040004;
font-weight: 700;
}
.itemCrossPrice {
position: relative;
color: #e70610;
display: inline-block;
}
.itemCrossPrice:before {
content: " ";
height: 1.5px;
background-color: #e70610;
width: calc(100% + 6px);
display: block;
position: absolute;
left: -3px;
-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-ms-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
top: 50%;
}
.itemDescription {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
color: #040004;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.itemDescription {
font-size: 16px;
}
}
.itemInfo {
font-size: 0.8em;
}
.base_price {
white-space: nowrap;
line-height: 1;
font-size: 24px;
color: #040004;
font-weight: 700;
}
@media screen and (max-width: 1249px) {
.base_price {
font-size: 20px;
}
}
.cross_price {
white-space: nowrap;
line-height: 1;
font-size: 24px;
color: #040004;
position: relative;
color: #e70610;
display: inline-block;
}
@media screen and (max-width: 1249px) {
.cross_price {
font-size: 20px;
}
}
.cross_price:before {
content: " ";
height: 1.5px;
background-color: #e70610;
width: calc(100% + 6px);
display: block;
position: absolute;
left: -3px;
-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-ms-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
top: 50%;
}
.prices {
display: flex;
align-items: center;
}
.prices .itemCrossPrice {
margin-right: 10px;
font-size: 20px;
}
@media (max-width: 1249px) {
.prices .itemCrossPrice {
font-size: 16px;
}
}
.item_campaign_banner {
overflow: hidden;
position: relative;
width: 60px;
height: 80px;
text-align: center;
}
.item_campaign_banner img {
left: 50%;
top: -100%;
position: absolute;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.item_campaign_banner.active img {
top: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.filterbox-wrapper {
margin-bottom: 20px;
}
.headlineFilter {
font-weight: 500;
margin-bottom: 10px;
}
.filterbox .filterRow {
margin-left: -5px;
margin-right: -5px;
}
.filterbox .filter-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.filterbox .filter-wrapper-inner {
position: relative;
}
.filterbox .filter-wrapper-inner .filter_unset {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
text-align: right;
cursor: pointer;
}
.filterbox .filter-wrapper-inner .filter_unset i {
position: absolute;
right: 15px;
top: 50%;
margin-top: -16px;
font-size: 14px;
color: #907232;
}
.filterbox .filter-wrapper-inner .filter_unset a {
color: #040004;
display: block;
line-height: 32px;
height: 100%;
padding-right: 10px;
}
.filterbox .filter-wrapper-inner .filter_unset:hover a {
color: #040004;
}
.filter {
position: relative;
margin-bottom: 10px;
}
.filter .filter_headline {
border: 1px solid #f5f5f5;
background: #f5f5f5;
padding: 10px 40px 10px 10px;
margin-bottom: 0;
line-height: 20px;
font-size: 15px;
width: 100%;
position: relative;
color: #040004;
cursor: pointer;
display: block;
}
.filter .filter_headline:after {
content: "\E022";
font-family: "icons";
position: absolute;
right: 15px;
top: 50%;
margin-top: -18px;
height: 30px;
line-height: 30px;
color: #040004;
pointer-events: none;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.filter .filter_headline.clicked:after {
transform: rotate(180deg);
margin-top: -12px;
}
.filter .filter_headline.single_checkbox {
padding: 0;
}
.filter .filter_headline.single_checkbox:after {
display: none;
}
.filter .filter_headline.single_checkbox .form-check-label {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
display: block;
cursor: pointer;
}
.filter .filter_headline.single_checkbox .form-check-label input[type=checkbox] {
margin: 7px 5px 0 0;
}
.filter .filter_headline.active {
background-color: #727272;
}
.filter .filter_headline.active:after {
display: none;
}
.filter .filter_toggle {
display: none;
position: absolute;
left: 0;
width: 100%;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
padding: 10px;
-webkit-box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
-moz-box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
background-color: #ffffff;
z-index: 3;
max-height: 410px;
}
.filter .filter_toggle ul {
margin: 0;
padding: 0;
}
.filter .filter_toggle ul li {
list-style-type: none;
padding-left: 0;
}
.filter .filter_toggle .form-check-label {
display: block;
}
.filter .filter_toggle .form-check-label.disabled {
color: gray;
}
.filter .filter_toggle select[multiple],
.filter .filter_toggle select[size] {
border: 0;
width: 100%;
padding: 0;
}
.filter .filter_toggle select[multiple] option,
.filter .filter_toggle select[size] option {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.filter .filter_body.icons_body {
margin-left: -2px;
margin-right: -2px;
}
.filter .filter_body.icons_body a {
float: left;
width: 25%;
padding-left: 2px;
padding-right: 2px;
}
.filter .filter_body .filterlist a {
color: #040004;
}
.filter .filter_body .filterlist a:hover {
color: #907232;
}
.filter .filter_body .checkbox-group:last-child .specialcheckbox {
margin-bottom: 0;
}
.filter .select_body.active:after,
.filter .filterbox-mobilebutton.active:after {
display: none;
}
.filter .filterBadge {
background: #e70610;
border-radius: 50%;
width: 20px;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
position: absolute;
right: 0;
top: 0;
}
.filterbox-mobilebutton {
padding: 9px 15px;
color: #040004;
border: 1px solid #f5f5f5;
background: #f5f5f5;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 22px;
font-size: 15px;
}
.filterbox-mobilebutton:after {
line-height: 32px;
color: #040004;
}
.filterbox-mobilebutton.active {
background-color: #f5f5f5;
}
.filterbox-mobilebutton.active:after {
content: "\f106";
}
@media screen and (max-width: 767px) {
.filterbox-mobilebutton {
font-size: 13px;
}
}
.filterbox-wrapper {
float: left;
width: 80%;
padding-right: 10px;
}
#filterbox-wrapper-sticky {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #ffffff;
z-index: 199;
padding-top: 45px;
}
#filterbox-wrapper-sticky .filterbox-wrapper,
#filterbox-wrapper-sticky .itembox_header {
margin-bottom: 10px;
}
.filter_headline_label,
.filter_headline_selected_choices {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
position: relative;
}
@media screen and (max-width: 1249px) {
.filterbox-wrapper {
width: 75%;
}
}
@media screen and (max-width: 1023px) {
.filterbox-wrapper {
width: 50%;
padding-right: 8px;
}
.headlineFilter {
text-align: center;
padding: 10px 20px;
margin-bottom: 0;
border-top: 2px solid transparent;
border-bottom: 2px solid #907232;
font-weight: 600;
}
.closeFilter {
display: inline-block;
padding: 9px 15px;
min-width: 150px;
border: 1px solid #040004;
color: #040004;
cursor: pointer;
background: transparent;
text-align: center;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
font-weight: 500;
line-height: 22px;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.closeFilter i {
line-height: 18px;
margin-right: 5px;
position: relative;
top: 2px;
}
.closeFilter i.fa {
top: 0;
}
.closeFilter:hover,
.closeFilter:focus {
background: #e4ceac;
border-color: #e4ceac;
color: #040004;
}
.closeFilter:active {
background: #ddc299;
border-color: #ddc299;
}
.closeFilter:before {
content: "\E013";
font-family: "icons";
position: absolute;
left: 20px;
top: 50%;
margin-top: -11px;
}
.filterbox {
padding: 0;
-webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: #ffffff;
}
.filterbox__content {
padding: 10px;
height: calc(100% - 91px);
height: -moz-calc(100% - 91px);
height: -webkit-calc(100% - 91px);
height: -o-calc(100% - 91px);
overflow-x: hidden;
overflow-y: auto;
}
.filter .filter_headline {
margin-bottom: 20px;
padding-right: 10px;
border-width: 0;
font-weight: 600;
border-bottom-width: 1px;
cursor: default;
}
.filter .filter_headline:after {
display: none;
}
.filter .filter_toggle {
position: static;
display: block !important;
border: 0;
margin-bottom: 40px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-height: none;
}
}
@media screen and (max-width: 480px) {
.filterbox-wrapper {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.filterbox .filter-wrapper.col-xs-6 {
width: 100%;
}
.filter.checkbox-filter .filter_body .form-check-label {
width: 100%;
float: none;
}
}
.filter-wrapper.deletefilter {
line-height: 42px;
margin-bottom: 10px;
}
.filter-wrapper.deletefilter .linkWithIcon {
font-size: 14px;
}
.filter-wrapper.deletefilter .linkWithIcon i {
font-size: 12px;
}
.sortBySelect {
position: relative;
margin-bottom: 10px;
}
.sortBySelect__headline {
border: 1px solid #f5f5f5;
background: #f5f5f5;
padding: 10px 40px 10px 10px;
margin-bottom: 0;
line-height: 20px;
font-size: 15px;
width: 100%;
position: relative;
color: #040004;
cursor: pointer;
display: block;
}
@media (max-width: 767px) {
.sortBySelect__headline {
padding-right: 30px;
}
}
.sortBySelect__headline:after {
content: "\E022";
font-family: "icons";
position: absolute;
right: 15px;
top: 50%;
margin-top: -18px;
height: 30px;
line-height: 30px;
color: #040004;
pointer-events: none;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.sortBySelect__headline.clicked:after {
transform: rotate(180deg);
margin-top: -12px;
}
@media screen and (max-width: 767px) {
.sortBySelect__headline {
font-size: 13px;
}
}
.sortBySelect__toggle {
display: none;
position: absolute;
left: 0;
width: 100%;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
padding: 10px;
-webkit-box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
-moz-box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
box-shadow: 0 5px 10px -5px rgba(4, 0, 4, 0.2);
background-color: #ffffff;
z-index: 3;
max-height: 410px;
}
.sortBySelect__toggle ul {
margin: 0;
padding: 0;
}
.sortBySelect__toggle li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 10px;
cursor: pointer;
font-size: 15px;
}
@media (max-width: 767px) {
.sortBySelect__toggle li {
font-size: 12px;
}
}
.sortBySelect__toggle li:last-child {
margin-bottom: 0;
}
.sortBySelect__toggle li:hover,
.sortBySelect__toggle li:focus,
.sortBySelect__toggle li.active {
color: #e70610;
}
.sortBySelect__toggle li a {
display: block;
color: #040004;
}
.sortBySelect__toggle li a:hover,
.sortBySelect__toggle li a:focus,
.sortBySelect__toggle li a.active {
color: #e70610;
}
.itemlistBox {
background-color: #f9f7f4;
position: relative;
}
.itemlistBox .favoriteSignWrapper {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.itemlistBox__main {
display: block;
color: #040004;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
transition: 0.2s ease-in-out;
position: relative;
}
.itemlistBox__main:hover {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.itemlistBox__main .itemlistBox__main {
box-shadow: none !important;
}
.itemlistBox .itemlistCampaignWrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
white-space: nowrap;
}
.itemlistBox .itemlistCampaignWrapper > div:empty {
display: none;
}
.itemlistBox .item_campaign_text {
border: 0;
background: #907232;
color: #ffffff;
border-radius: 4px;
padding: 6px 12px 4px;
cursor: pointer;
line-height: 1;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.itemlistBox .item_campaign_text i {
display: none;
}
.itemlistBox__image {
position: relative;
overflow: hidden;
}
.itemlistBox__image .infos {
position: absolute;
right: 20px;
top: 60px;
text-align: center;
display: flex;
flex-direction: column;
gap: 5px;
align-items: flex-end;
}
.itemlistBox__image .infos img {
width: auto !important;
}
.itemlistBox__image .infos .item_campaign_text {
border: 0;
background: #907232;
color: #ffffff;
border-radius: 4px;
padding: 6px 12px 4px;
cursor: pointer;
line-height: 1;
font-size: 14px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
.itemlistBox__image .infos .item_campaign_text.item_campaign_with_icon {
pointer-events: none;
}
.itemlistBox__image .infos .favorite-button {
display: inline-block;
vertical-align: top;
padding-top: 20px;
text-shadow: 0 0 20px #040004;
}
.itemlistBox__image .image {
background-color: #e6e6e6;
}
.itemlistBox__image .image:before {
padding-top: 56%;
}
.itemlistBox__image .image img {
width: 100%;
max-height: none;
}
.itemlistBox__summary,
.itemlistBox__description {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
min-height: 23px;
}
.itemlistBox__summary > div,
.itemlistBox__description > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.itemlistBox__summary br,
.itemlistBox__description br {
display: none;
}
.itemlistBox__summary {
font-size: 14px;
width: 100%;
}
.itemlistBox__description {
font-weight: 700;
width: calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -o-calc(100% - 80px);
}
@media (max-width: 767px) {
.itemlistBox__description {
min-height: 0;
}
}
.itemlistBox .rating {
line-height: 1;
}
.itemlistBox .rating_stars {
font-size: 14px;
}
.itemlistBox__descriptionHead {
display: flex;
justify-content: space-between;
gap: 10px;
row-gap: 5px;
margin-bottom: 5px;
}
@media (max-width: 400px) {
.itemlistBox__descriptionHead {
flex-wrap: wrap;
margin-bottom: 10px;
}
}
.itemlistBox__prices {
margin-top: 10px;
}
@media (min-width: 768px) {
.itemlistBox__prices {
margin-top: 15px;
}
}
.itemlistBox__priceRatingWrapper {
display: flex;
gap: 10px;
align-items: flex-end;
}
.itemlistBox__priceRatingWrapper .itemlistBox__prices {
flex-direction: row;
}
.itemlistBox__content,
.itemlistBox__extended {
padding: 15px 20px;
background-color: #f9f7f4;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
z-index: 1;
}
@media (min-width: 1540px) {
.itemlistBox__content,
.itemlistBox__extended {
padding: 20px 30px;
}
}
.itemlistBox__content {
position: relative;
top: 0;
}
.itemlistBox__content.itemlist_description_wrapper > .itemlistBox__main,
.itemlistBox__content .itemlistBox__priceRatingWrapper > .itemlistBox__main {
box-shadow: none !important;
}
.itemlistBox__extended {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: 100%;
width: 100%;
box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
z-index: 3;
}
.itemlistBox.hoverintent .itemlistBox__content {
top: -56px;
}
@media (min-width: 1540px) {
.itemlistBox.hoverintent .itemlistBox__content {
top: -76px;
}
}
.itemlistBox.hoverintent .itemlistBox__extended {
margin-top: -56px;
height: 105px;
padding-bottom: 15px;
}
@media (min-width: 1540px) {
.itemlistBox.hoverintent .itemlistBox__extended {
margin-top: -76px;
height: 130px;
padding-bottom: 20px;
}
}
.itemlistBox .itemBasePrice {
margin-bottom: 0;
}
.itemlistBox .vat_info,
.itemlistBox .orderbox_gramm_pricing {
font-size: 12px;
line-height: 1.2;
}
.itemlistBox .inventory {
line-height: 2em;
margin-bottom: 7px;
}
.itemlistBox .vat_info:before {
content: "\2022";
padding-right: 2px;
}
.itemlistBox .orderbox_gramm_pricing {
float: left;
padding-right: 5px;
}
@media (min-width: 768px) {
.itemlistBox .orderbox_gramm_pricing {
min-height: 14px;
}
}
.itemlistBox .orderbox_weight,
.itemlistBox .orderbox_net_weight {
display: none;
}
.itemlistBox .promotion_banner {
position: absolute;
top: 20px;
right: 55px;
z-index: 2;
}
@media (min-width: 1540px) {
.itemlistBox .promotion_banner {
right: 65px;
}
}
.itemcard_list {
margin-bottom: 50px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.itemcard_list:before {
content: " ";
clear: both;
display: block;
width: 100%;
}
.itemcard_list .itemlist {
margin-bottom: 16px;
}
.itemcard_list a {
color: #040004;
}
.itemcard_list .breaker {
position: absolute;
left: 20px;
top: 20px;
}
@media screen and (max-width: 480px) {
.itemcard_list {
margin-bottom: 30px;
}
}
.itemcard_list.itemcard_list25 .image:before {
padding-top: 42%;
}
.itemcard_list.itemcard_list25 .buttons {
margin-top: 10px;
margin-bottom: 10px;
}
.itemcard_list.itemcard_list25 .button_primary:hover {
color: #f9f7f4;
}
@media (min-width: 481px) {
.itemcard_list.itemcard_list25 .prices {
text-align: right;
}
}
.itemtable_list {
margin-bottom: 30px;
font-size: 14px;
}
.itemtable_list .table_header .table_cell {
padding-top: 0;
}
.itemtable_list .table_cell {
vertical-align: top;
padding: 10px;
}
.itemtable_list .image_line {
width: 120px;
}
.itemtable_list .description_line .description {
font-weight: 600;
}
.itemtable_list .description_line .description > a {
color: #040004;
font-weight: 600;
}
.itemtable_list .description_line .description > a:hover {
color: #e70610;
}
.itemtable_list .description_line .basket_delete {
margin-top: 20px;
display: inline-block;
}
.itemtable_list .line_amount_line .order_price {
font-weight: 600;
}
.itemtable_list .quantity_line {
white-space: nowrap;
}
.itemtable_list .quantity_line .update-wrapper {
display: inline-block;
vertical-align: top;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.itemtable_list .quantity_line .update-wrapper {
padding-top: 5px;
}
}
.itemtable_list .quantity {
display: inline-block;
margin-right: 5px;
}
.itemtable_list .update-wrapper a {
color: #B7B7B8;
}
.itemtable_list .update-wrapper a:hover {
color: #e70610;
}
.itemtable_list .update-wrapper i {
vertical-align: middle;
padding: 0 0 4px 4px;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.itemtable_list .update-wrapper i {
font-size: 20px;
padding-right: 10px;
padding-bottom: 0;
}
}
.itemtable_list .inventory {
margin-bottom: 0;
margin-top: 10px;
}
.itemtable_list .itemtable_list_label {
display: none;
font-weight: 400;
}
.itemtable_list .price_line,
.itemtable_list .quantity_line {
width: 90px;
}
.itemtable_list .price_line .cross_price {
margin-top: -3px;
font-size: 14px;
}
.itemtable_list .price_line .cross_price:before {
height: 1px;
}
.itemtable_list .line_amount_line {
width: 100px;
}
.itemtable_list .basket_button {
max-width: 137px;
}
.itemtable_list .basket_button .itemorder_submit_button i {
margin-right: 0;
}
.itemtable_list .basket_button .basket_button_wrapper--full .itemorder_submit_button {
font-size: 13px;
}
.itemtable_list.itemtable_list5 .table_cell,
.itemtable_list.itemtable_list23 .table_cell,
.itemtable_list.itemtable_list8 .table_cell {
vertical-align: middle;
}
.itemtable_list.itemtable_list5 .image_line,
.itemtable_list.itemtable_list23 .image_line,
.itemtable_list.itemtable_list8 .image_line {
width: 80px;
}
.itemtable_list.itemtable_list8 {
margin-bottom: 0;
}
.itemtable_list.itemtable_list8 .table_row:last-child .table_cell {
border-bottom: 0;
}
.itemtable_list.itemtable_list4 .quantity_line {
width: 160px;
}
.itemtable_list.itemtable_list4 .item_no_line {
width: 100px;
}
.itemtable_list.itemtable_list20 .quantity {
margin-right: 0;
}
.itemtable_list.itemtable_list20 .quantity_line {
width: 200px;
}
.itemtable_list.itemtable_list20 .table_row:not(.table_header) .price_line {
line-height: 42px;
}
.itemtable_list.itemtable_list20 .table_row:not(.table_header) .price_line .cross_price {
line-height: 1.6;
}
.itemtable_list.itemtable_list20 .action_line .itemlist_content {
width: 166px;
justify-content: flex-end;
}
.itemtable_list.itemtable_list20 .flashMessage {
text-align: left;
align-items: center;
top: 15px;
}
.itemtable_list.itemtable_list20 .flashMessage:after {
border-bottom: 15px solid #387E06;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
right: 2px;
top: -19px;
}
.itemtable_list.itemtable_list20 .itemlist_content {
width: 200px;
display: inline-flex;
align-items: center;
}
.itemtable_list.itemtable_list20 .itemlist_content > i {
margin-right: 16px;
font-size: 16px;
}
.itemtable_list.itemtable_list20 .itemlist_content > i:hover {
cursor: pointer;
color: #e70610;
}
.itemtable_list.itemtable_list20 .itemlist_content .basket_button {
margin-bottom: 0;
}
.boxBorder .itemtable_list {
margin-bottom: 0;
}
.itemtable_list.ownGreetingCardList {
margin-top: -30px;
}
.itemcard_list15 {
margin-left: -20px;
margin-right: -20px;
}
.itemcard_list15 .itemcardList__wrapper {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
width: 14.28571429%;
vertical-align: top;
text-align: center;
}
.itemcard_list15 .image:before {
padding-top: 150%;
}
.itemcard_list15 .itemcardList__contentDescription {
padding-top: 20px;
}
.itemcard_list13 {
text-align: center;
font-size: 14px;
}
.itemcard_list13 .itemlist {
margin-bottom: 20px;
}
.itemcard_list13 .itemlist > a {
border: 2px solid transparent;
display: block;
padding: 10px;
}
.itemcard_list13 .itemlist:hover .description {
color: #e70610;
}
.itemcard_list13 .itemlist.active .description {
color: #e70610;
}
.itemcard_list13 .itemlist.active > a {
border-color: #e70610;
}
.itemcard_list13 .image_wrapper .image img {
width: auto;
}
.itemcard_list13 .image {
background-color: transparent;
}
.itemcard_list13 .description {
min-height: 68px;
white-space: normal;
}
.itemcard_list13 .itemlist_content {
margin-bottom: 10px;
}
.itemcard_list13 .itemlist_content.prices {
margin-bottom: 0;
}
.itemcard_list13 .itemlist > a:hover .button_action,
.itemcard_list13 .itemlist > a:hover .button_action_border {
background-color: #b5050d;
border-color: #b5050d;
}
.itemcard_list13 .itemlist > a:hover .button,
.itemcard_list13 .itemlist > a:focus .button,
.itemcard_list13 .itemlist > a:hover .button_primary,
.itemcard_list13 .itemlist > a:focus .button_primary,
.itemcard_list13 .itemlist > a:hover .btn-primary,
.itemcard_list13 .itemlist > a:focus .btn-primary,
.itemcard_list13 .itemlist > a:hover .button_second,
.itemcard_list13 .itemlist > a:focus .button_second,
.itemcard_list13 .itemlist > a:hover .btn-second,
.itemcard_list13 .itemlist > a:focus .btn-second,
.itemcard_list13 .itemlist > a:hover .button_warning,
.itemcard_list13 .itemlist > a:focus .button_warning,
.itemcard_list13 .itemlist > a:hover .btn-warning,
.itemcard_list13 .itemlist > a:focus .btn-warning,
.itemcard_list13 .itemlist > a:hover .button_success,
.itemcard_list13 .itemlist > a:focus .button_success,
.itemcard_list13 .itemlist > a:hover .btn-success,
.itemcard_list13 .itemlist > a:focus .btn-success,
.itemcard_list13 .itemlist > a:hover .button_info,
.itemcard_list13 .itemlist > a:focus .button_info,
.itemcard_list13 .itemlist > a:hover .btn-info,
.itemcard_list13 .itemlist > a:focus .btn-info,
.itemcard_list13 .itemlist > a:hover .button_action,
.itemcard_list13 .itemlist > a:focus .button_action,
.itemcard_list13 .itemlist > a:hover .btn-action,
.itemcard_list13 .itemlist > a:focus .btn-action,
.itemcard_list13 .itemlist > a:hover .button_danger,
.itemcard_list13 .itemlist > a:focus .button_danger,
.itemcard_list13 .itemlist > a:hover .btn-danger,
.itemcard_list13 .itemlist > a:focus .btn-danger,
.itemcard_list13 .itemlist > a:hover .button_transparent,
.itemcard_list13 .itemlist > a:focus .button_transparent,
.itemcard_list13 .itemlist > a:hover .btn-transparent,
.itemcard_list13 .itemlist > a:focus .btn-transparent,
.itemcard_list13 .itemlist > a:hover .button_white,
.itemcard_list13 .itemlist > a:focus .button_white,
.itemcard_list13 .itemlist > a:hover .btn-white,
.itemcard_list13 .itemlist > a:focus .btn-white,
.itemcard_list13 .itemlist > a:hover .button_option,
.itemcard_list13 .itemlist > a:focus .button_option,
.itemcard_list13 .itemlist > a:hover .button_action_border,
.itemcard_list13 .itemlist > a:focus .button_action_border,
.itemcard_list13 .itemlist > a:hover .collectionGroupFilter__item > span,
.itemcard_list13 .itemlist > a:focus .collectionGroupFilter__item > span,
.itemcard_list13 .itemlist > a:hover #dc_amount_select .dc_amount,
.itemcard_list13 .itemlist > a:focus #dc_amount_select .dc_amount {
background-color: #e4ceac;
border-color: #e4ceac;
color: #040004;
}
.itemcard_list13 .itemlist > a:active .button,
.itemcard_list13 .itemlist > a:active .button_primary,
.itemcard_list13 .itemlist > a:active .btn-primary,
.itemcard_list13 .itemlist > a:active .button_second,
.itemcard_list13 .itemlist > a:active .btn-second,
.itemcard_list13 .itemlist > a:active .button_warning,
.itemcard_list13 .itemlist > a:active .btn-warning,
.itemcard_list13 .itemlist > a:active .button_success,
.itemcard_list13 .itemlist > a:active .btn-success,
.itemcard_list13 .itemlist > a:active .button_info,
.itemcard_list13 .itemlist > a:active .btn-info,
.itemcard_list13 .itemlist > a:active .button_action,
.itemcard_list13 .itemlist > a:active .btn-action,
.itemcard_list13 .itemlist > a:active .button_danger,
.itemcard_list13 .itemlist > a:active .btn-danger,
.itemcard_list13 .itemlist > a:active .button_transparent,
.itemcard_list13 .itemlist > a:active .btn-transparent,
.itemcard_list13 .itemlist > a:active .button_white,
.itemcard_list13 .itemlist > a:active .btn-white,
.itemcard_list13 .itemlist > a:active .button_option,
.itemcard_list13 .itemlist > a:active .button_action_border,
.itemcard_list13 .itemlist > a:active .collectionGroupFilter__item > span,
.itemcard_list13 .itemlist > a:active #dc_amount_select .dc_amount {
background-color: #ddc299;
border-color: #ddc299;
}
.itemPackageContainer {
text-align: center;
}
.itemcard_list22 .itemlist_container {
background-color: transparent;
text-align: center;
}
.itemcard_list22 .imagewrapper {
margin-bottom: 10px;
}
.itemcard_list22 .image {
background-color: transparent;
}
.itemcard_list22 .itemBasePrice {
font-size: 24px;
}
.itemcard_list22 .prices {
justify-content: center;
margin-top: 20px;
}
.itemcard_list22 .itemlist {
margin-bottom: 40px;
}
.itemcard_list22 a:hover .description {
color: #e70610;
}
@media screen and (min-width: 768px) {
.itemtable_list.itemtable_list4 .itemtable_row:not(.table_header) .table_cell:not(.quantity_line):not(.image_line),
.itemtable_list.itemtable_list20 .itemtable_row:not(.table_header) .table_cell:not(.quantity_line):not(.image_line) {
padding-top: 20px;
}
}
@media screen and (max-width: 1249px) {
.itemtable_list .image_line {
width: 80px;
}
}
@media screen and (max-width: 1023px) {
.itemcard_list2 .infos {
right: 10px;
}
.itemcard_list2 .inventory {
line-height: 1;
}
.itemcard_list2 .vat_info,
.itemcard_list2 .orderbox_gramm_pricing {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
.itemtable_list .itemtable_row:after {
content: " ";
display: block;
clear: both;
}
.itemtable_list .itemtable_list_label {
margin-right: 20px;
float: left;
display: block;
}
.itemtable_list.itemtable_list4 .table_cell.line_amount_line {
line-height: 42px;
}
.itemtable_list.itemtable_list4 .table_cell.quantity_line .itemtable_list_label {
line-height: 42px;
}
.itemtable_list.itemtable_list4 .price_line,
.itemtable_list.itemtable_list4 .line_amount_line,
.itemtable_list.itemtable_list4 .quantity_line {
width: 100%;
}
.itemtable_list.itemtable_list20 .price_line,
.itemtable_list.itemtable_list20 .action_line {
float: left;
width: 50%;
}
.itemtable_list2 {
display: block;
}
.itemtable_list2 .itemtable_row {
display: block;
border-bottom: 1px solid #727272;
padding: 5px;
}
.itemtable_list2 .itemtable_row:after {
clear: both;
display: block;
content: " ";
}
.itemtable_list2 .itemtable_row .table_cell {
float: left;
width: 100%;
border: 0;
padding: 5px;
}
.itemtable_list2 .itemtable_row .table_cell:not(.description_line) > div {
display: inline-block;
}
.itemtable_list2 .itemtable_row .image_line {
width: 80px;
}
.itemtable_list2 .itemtable_row .item_no_line,
.itemtable_list2 .itemtable_row .description_line {
float: right;
width: calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -o-calc(100% - 80px);
}
.itemtable_list2 .itemtable_row .price_line {
width: 50%;
margin-left: 50%;
text-align: right;
}
.itemtable_list2 .itemtable_row .quantity_line {
width: 50%;
text-align: left;
}
.itemtable_list2 .itemtable_row .line_amount_line {
width: 50%;
text-align: right;
}
.itemtable_list2 .itemtable_row.table_header {
display: none;
}
}
@media screen and (max-width: 767px) {
.itemtable_list .itemtable_row {
padding-top: 10px;
padding-bottom: 10px;
}
.itemtable_list .itemtable_row .table_cell {
float: left;
width: 100%;
padding: 5px 10px;
}
.itemtable_list .itemtable_row .table_cell.line_amount_line {
line-height: 1.6;
}
.itemtable_list .itemtable_row .image_line {
width: 80px;
}
.itemtable_list .itemtable_row .image_line .image:before {
padding-top: 80px;
}
.itemtable_list .itemtable_row .item_no_line,
.itemtable_list .itemtable_row .description_line {
width: calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -o-calc(100% - 80px);
}
.itemtable_list .itemtable_row .price_line {
margin-left: 0;
}
.itemtable_list .itemtable_row .quantity_line {
text-align: right;
}
.itemtable_list .itemtable_list_label {
width: 80px;
text-align: left;
}
.itemtable_list.itemtable_list20 .price_line {
line-height: 1.6;
}
.itemtable_list.itemtable_list5 .itemtable_row .quantity_line,
.itemtable_list.itemtable_list8 .itemtable_row .quantity_line {
width: 66.66666667%;
padding: 0 10px;
}
.itemtable_list.itemtable_list5 .itemtable_row .quantity_line .itemtable_list_label,
.itemtable_list.itemtable_list8 .itemtable_row .quantity_line .itemtable_list_label {
width: 50px;
}
.itemtable_list.itemtable_list5 .itemtable_row .line_amount_line,
.itemtable_list.itemtable_list8 .itemtable_row .line_amount_line {
width: 66.66666667%;
padding: 0 10px;
}
.itemtable_list.itemtable_list4 .itemtable_row:not(.table_header) {
position: relative;
display: grid;
flex-wrap: wrap;
grid-template-columns: 80px 1fr 1fr;
grid-template-rows: repeat(3, auto);
grid-template-areas: "image description description" "image itemno itemno" "image quantity lineamount";
}
.itemtable_list.itemtable_list4 .itemtable_row:not(.table_header):after {
display: none;
}
.itemtable_list.itemtable_list4 .image_line {
grid-area: image;
}
.itemtable_list.itemtable_list4 .quantity_line {
text-align: left;
width: auto;
grid-area: quantity;
}
.itemtable_list.itemtable_list4 .line_amount_line {
width: auto;
grid-area: lineamount;
align-self: center;
}
.itemtable_list.itemtable_list4 .item_no_line {
grid-area: itemno;
}
.itemtable_list.itemtable_list4 .description_line {
grid-area: description;
}
.itemtable_list.itemtable_list4 .item_no_line,
.itemtable_list.itemtable_list4 .description_line {
padding-right: 30px;
width: auto;
}
.itemtable_list.itemtable_list4 .quantity {
width: 60px;
}
.itemtable_list.itemtable_list4 .update-wrapper > a {
width: 30px;
height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.itemtable_list.itemtable_list4 .update-wrapper i {
padding: 0;
line-height: 1;
font-size: 16px;
}
.itemtable_list.itemtable_list4 .basket_delete {
position: absolute;
right: 0;
top: 10px;
}
.itemcard_list2 {
font-size: 14px;
}
.itemcard_list2 .description,
.itemcard_list2 .summary {
min-height: 18px;
}
.itemcard_list2 .inventory {
font-size: 12px;
}
.itemcard_list2 .vat_info,
.itemcard_list2 .orderbox_gramm_pricing {
font-size: 9px;
}
}
@media screen and (max-width: 480px) {
.itemcard_list13 .description {
min-height: 0;
}
}
.itemlistBreaker {
margin-bottom: 20px;
margin-top: 10px;
}
.itemcard_list .itemlist.abtest {
display: flex;
}
.itemcard_list .itemlist.abtest > form {
display: flex;
width: 100%;
}
.itemcard_list .itemlist.abtest .itemlistBox {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
background: transparent;
}
.itemcard_list .itemlist.abtest .itemlistBox .disruptorWrapper {
top: unset;
bottom: 20px;
}
.itemcard_list .itemlist.abtest .itemlistBox .promotion_banner {
top: 0;
right: unset;
left: 20px;
}
.itemcard_list .itemlist.abtest .itemlistBox .promotion_banner .promotion {
background: #f9f7f4;
color: #907232;
height: 25px;
border-radius: 0 0 4px 4px;
margin-left: 0;
margin-right: 8px;
width: 55px;
justify-content: flex-end;
font-weight: 400;
padding-left: 20px;
padding-right: 12px;
}
.itemcard_list .itemlist.abtest .itemlistBox .promotion_banner .promotion:after {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #907232;
position: absolute;
left: 10px;
top: 10px;
}
.itemcard_list .itemlist.abtest .itemlistBox .quantity {
display: none;
}
.itemcard_list .itemlist.abtest .itemlistBox .basket_button_wrapper {
padding-left: 0;
position: absolute;
right: -70px;
bottom: -20px;
border-radius: 50%;
width: 52px;
height: 52px;
overflow: hidden;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.itemcard_list .itemlist.abtest .itemlistBox .basket_button_wrapper .itemorder_submit_button {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 50%;
line-height: 1;
}
.itemcard_list .itemlist.abtest .itemlistBox .basket_button_wrapper i {
line-height: 1;
margin: 0;
top: 0;
padding: 0;
font-size: 28px;
padding-bottom: 3px;
}
.itemcard_list .itemlist.abtest .itemlistBox .basket_button_wrapper i:before {
display: block;
}
.itemcard_list .itemlist.abtest .itemlistBox .orderbox_gramm_pricing {
color: #4A4B4D;
}
.itemcard_list .itemlist.abtest .itemlistBox .orderbox_inhalt,
.itemcard_list .itemlist.abtest .itemlistBox .orderbox_item_no {
display: none;
}
.itemcard_list .itemlist.abtest .itemlistBox__content {
padding: 20px 20px 0 20px;
flex-grow: 1;
}
.itemcard_list .itemlist.abtest .itemlistBox__main {
box-shadow: none !important;
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
}
.itemcard_list .itemlist.abtest .itemlistBox__descriptionHead .rating_stars_wrapper .active {
left: unset;
right: 0;
}
.itemcard_list .itemlist.abtest .itemlistBox__basketWrapper {
padding: 20px 70px 20px 20px;
background: transparent;
position: relative;
}
.itemcard_list .itemlist.abtest .itemlistBox__priceRatingWrapper {
gap: 5px 20px;
align-items: center;
position: relative;
flex-wrap: wrap;
}
.itemcard_list .itemlist.abtest .itemlistBox__priceRatingWrapper .basket_button {
margin-bottom: 5px;
}
@media (max-width: 1023px) {
.itemcard_list .itemlist.abtest .itemlistBox__priceRatingWrapper {
flex-direction: column;
align-items: flex-start;
}
}
.itemcard_list .itemlist.abtest .itemlistBox__prices {
margin-top: 0;
}
@media (max-width: 1023px) {
.itemcard_list .itemlist.abtest .itemlistBox__prices {
order: 2;
}
}
.itemcard_list .itemlist.abtest .itemlistBox__basket {
display: flex;
align-items: flex-start;
gap: 10px;
position: relative;
}
.itemcard_list .itemlist.abtest .itemlistBox .itemlistCampaignWrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
white-space: nowrap;
}
.itemcard_list .itemlist.abtest .itemlistBox .itemlistCampaignWrapper > div:empty {
display: none;
}
.itemcard_list .itemlist.abtest .itemlistBox .item_campaign_text {
border: 0;
background: #907232;
color: #ffffff;
border-radius: 4px;
padding: 6px 12px 4px;
cursor: pointer;
line-height: 1;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.itemcard_list .itemlist.abtest .itemlistBox .item_campaign_text i {
display: none;
}
.itemcard_list .itemlist.abtest .itemlistBox.hoverintent .itemlistBox__content {
top: 0;
}
.itemcard_list .itemlist .clippedElement {
mask: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjYgNjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNIDY2IDAgTCA2NiA2NiBMIDAgNjYgQyA1LjUyMyA2NiAxMCA2MS41MjMgMTAgNTYgTCAxMCAzOCBDIDEwIDIyLjUzNiAyMi41MzYgMTAgMzggMTAgTCA1NiAxMCBDIDYxLjUyMyAxMCA2NiA1LjUyMyA2NiAwIFoiIGZpbGw9IiMwMDAiPjwvcGF0aD4KPC9zdmc+Cg==), linear-gradient(#000000, #000000);
mask-size: 70px 70px, cover;
mask-repeat: no-repeat;
mask-composite: exclude;
mask-position: right bottom;
position: absolute;
inset: 0;
background: #f9f7f4;
}
.shop_item_preview .itemcard_list .itemlist.abtest {
display: block;
}
.shop_item_preview .itemcard_list .itemlist.abtest > form {
display: block;
}
.shop_item_preview .itemcard_list .itemlist.abtest .itemlistBox__summary {
white-space: nowrap;
}
body.isFreistellerItemlist .itemlistBox__main,
body.isFreistellerItemlist .itemlistBox__extended {
box-shadow: none;
}
body.isFreistellerItemlist .itemlistBox__image .image {
background-color: white;
background-size: contain;
}
body.isFreistellerItemlist .itemlistBox__image .image:before {
padding-top: 75%;
}
body.isFreistellerItemlist .itemlistBox .favorite-button {
color: #907232;
}
body.isFreistellerItemlist .itemcard_list .itemlist {
margin-bottom: 32px;
}
.itemcard_list.owl-carousel {
padding-bottom: 60px;
}
.itemcard_list.owl-carousel .itemlist_container {
margin-left: 0;
margin-right: 0;
}
.itemcard_list.owl-carousel .owl-item {
-webkit-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.itemcard_list.owl-carousel .owl-item.active {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.itemcard_list.owl-carousel .owl-item img {
width: auto;
}
.itemcard_list.owl-carousel .owl-dots {
padding-left: 80px;
padding-right: 80px;
padding-bottom: 5px;
}
.itemcard_list.owl-carousel .owl-nav {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.itemcard_list.owl-carousel .owl-nav > button.owl-prev,
.itemcard_list.owl-carousel .owl-nav > button.owl-next {
margin: 0;
left: auto;
bottom: 0;
top: auto;
}
.itemcard_list.owl-carousel .owl-nav > button.owl-prev {
right: 75px;
}
.itemcard_list.owl-carousel .owl-nav > button.owl-next {
right: 30px;
}
.itemcard_list.owl-carousel .itemlist {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.item_preview_list .shop_item_preview .itemcard_list {
display: block;
margin-bottom: 16px;
margin-left: -8px;
margin-right: -8px;
}
.item_preview_list .shop_item_preview .itemcard_list:after {
clear: both;
display: block;
content: " ";
}
.item_preview_list .shop_item_preview .itemlist {
width: 33.33333333%;
padding-left: 8px;
padding-right: 8px;
}
@media screen and (max-width: 1249px) {
.item_preview_list .shop_item_preview .itemlist {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.item_preview_list .shop_item_preview .itemlist {
width: 100%;
}
}
.mz-hint {
display: none !important;
}
.item_images_container {
position: relative;
}
.item_images_container .itemcard_banner {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.item_images_container .item_main_image {
margin: 0;
overflow: hidden;
text-align: left;
width: 100%;
padding: 0;
}
.item_images_container .item_main_image .item_main_container {
text-align: left;
width: 100%;
}
.item_images_container .item_main_image .item_main_container a {
cursor: default;
display: block;
height: 100%;
text-align: left;
width: 100% !important;
}
.item_images_container .item_main_image .item_main_container a .mz-figure {
background-color: #f9f7f4;
}
.item_images_container .item_main_image .item_main_container a img {
cursor: pointer;
aspect-ratio: 1.33333333;
object-fit: contain;
max-height: none !important;
mix-blend-mode: multiply;
}
.item_images_container .item_images {
margin-top: 20px;
text-align: left;
margin-bottom: 0;
display: flex;
}
.item_images_container .item_images .mz-thumb {
width: 20%;
text-align: center;
margin: 0;
background: #f9f7f4;
border: 1px solid transparent;
padding: 3px;
margin-right: 6px;
}
@media (min-width: 768px) {
.item_images_container .item_images .mz-thumb {
padding: 5px;
margin-right: 10px;
border-width: 2px;
}
}
.item_images_container .item_images .mz-thumb > img {
aspect-ratio: 1;
object-fit: contain;
box-shadow: none;
filter: none !important;
border: 0;
mix-blend-mode: multiply;
}
.item_images_container .item_images .mz-thumb.mz-thumb-selected {
border-color: #907232;
}
.item_images_container .item_images .mcs-wrapper {
left: 0 !important;
right: auto !important;
margin-left: -10px;
margin-right: -10px;
}
.item_images_container .item_images.MagicScroll .mcs-button-arrow.mcs-button-arrow-prev {
left: -25px;
}
.item_images_container .item_images.MagicScroll .mcs-button-arrow.mcs-button-arrow-next {
right: -25px;
}
.mz-expand-thumbnails {
height: 100px;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 70px;
height: 70px;
line-height: 62px;
border: 2px solid transparent;
position: relative;
background: #f9f7f4;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb > img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-width: calc(100% - 10px) !important;
max-width: -moz-calc(100% - 10px) !important;
max-width: -webkit-calc(100% - 10px) !important;
max-width: -o-calc(100% - 10px) !important;
max-height: calc(100% - 10px);
max-height: -moz-calc(100% - 10px);
max-height: -webkit-calc(100% - 10px);
max-height: -o-calc(100% - 10px);
position: absolute;
right: 0;
top: 0;
width: auto;
mix-blend-mode: multiply;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb:hover {
border-color: #f9f7f4;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb:hover > img {
filter: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb.magic-thumb-selected {
border-color: #907232;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb.magic-thumb-selected > img {
filter: none;
}
.mobile-magic .mz-expand .mz-expand-thumbnails .magic-thumbs .magic-thumb {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 50px;
height: 50px;
line-height: 46px;
border-width: 2px;
}
.mejs__overlay-button {
background-image: url("/components/mediaelement/build/mejs-controls.svg");
}
.mejs__overlay-loading-bg-img {
background-image: url("/components/mediaelement/build/mejs-controls.svg");
}
.mejs__button > button {
background-image: url("/components/mediaelement/build/mejs-controls.svg");
}
.mz-hint-message {
background-color: rgba(249, 247, 244, 0.8);
color: #f9f7f4;
}
.mz-hint-message:before {
content: "\f002";
font-family: FontAwesome;
}
button.mz-button {
background-color: #ffffff !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.itemcard_short_description {
margin-bottom: 30px;
}
.item-details-container {
margin-bottom: 60px;
}
.item-details-container.flexbox {
justify-content: flex-start;
}
.itemcard_brand_logo img {
width: 50px;
}
#videoThumbWrapper {
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
#videoThumbWrapper .videoThumb {
width: 90px;
height: 60px;
background-size: contain !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#videoThumbWrapper .videoThumb:after {
content: "\E04A";
font-family: icons, serif;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(231, 6, 16, 0.8);
border-radius: 50%;
color: #ffffff;
font-size: 24px;
padding-left: 4px;
transition: 0.3s all ease-in-out;
}
#videoThumbWrapper .videoThumb:hover:after {
scale: 1.25;
}
@media (min-width: 1024px) {
#videoThumbWrapper .videoThumb {
width: 120px;
height: 80px;
}
}
.itemcard_item_name {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
font-size: 26px;
margin-top: 10px;
color: #040004;
margin-bottom: 0;
font-weight: 900;
}
@media screen and (max-width: 767px) {
.itemcard_item_name {
font-size: 16px;
}
}
.itemcard_item_name .item_brand_name {
font-weight: normal;
font-size: 16px;
}
.itemcard_item_no {
margin-bottom: 30px;
}
#itemcard .base_price {
margin-bottom: 10px;
font-size: 40px;
}
#itemcard .header_trust {
font-size: 14px;
max-width: 385px;
margin-bottom: 20px;
}
#itemcard .header_trust .textcontent {
display: block;
white-space: nowrap;
padding-right: 15px;
}
#itemcard .header_trust:after {
clear: both;
display: block;
content: " ";
}
#itemcard .header_trust i {
font-size: 22px;
position: relative;
top: 6px;
display: none;
}
#itemcard .item_images_container .item_main_image {
text-align: center;
}
#itemcard .item_images_container .item_main_image .item_main_container {
text-align: center;
}
#itemcard .item_images_container .item_main_image .item_main_container a {
text-align: center;
}
.itemcard_storeLocation {
margin-right: 20px;
margin-top: 10px;
}
.itemcardTop {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
position: relative;
min-height: 620px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
@media (max-width: 1023px) {
.itemcardTop.marginBottom .itemcardLeft {
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.itemcardTop {
box-shadow: none;
}
}
#itemcard .recommendation-wrapper {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
#itemcard .recommendation-wrapper {
margin-left: 0;
margin-right: 0;
}
}
.itemcardLeft {
padding-left: 0;
padding-right: 0;
background-position: center center;
background-repeat: no-repeat;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #e6e6e6;
}
.itemcardLeft img {
width: 100% !important;
}
.itemcardLeft .breaker {
left: 20px;
top: 20px;
position: absolute;
}
.itemcardLeft.clickable {
cursor: pointer;
}
.itemcardLeft:not(.clickable) {
pointer-events: none;
}
.itemcardLeft .owl-carousel .owl-stage {
padding-bottom: 20px;
}
.itemcardLeft .owl-carousel .owl-dots {
bottom: -10px;
padding-bottom: 5px;
}
.itemcardLeft .owl-carousel .item {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
background: #f9f7f4;
}
.itemcardLeft .owl-carousel .item img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
mix-blend-mode: multiply;
}
.itemcardLeft .owl-carousel .item img.cover {
object-fit: cover;
}
@media (max-width: 480px) {
.itemcardLeft .owl-carousel .item {
height: 270px;
}
}
.itemcardLeft.noBackground {
background-color: #ffffff;
}
.itemcardRight {
padding: 20px 40px 30px 40px;
position: relative;
}
.itemcardRight .favorite-button {
margin-top: 10px;
}
.itemcardRight .itemcardInfo {
padding-right: 60px;
}
.itemcardRight .infos {
position: absolute;
right: 20px;
top: 20px;
text-align: center;
display: flex;
gap: 5px;
flex-direction: column;
align-items: flex-end;
z-index: 2;
}
.itemcardRight .infos img {
width: auto !important;
}
.itemcardRight .infos .banners_campaign {
vertical-align: top;
align-items: flex-end;
display: flex;
gap: 5px;
flex-direction: column;
}
.itemcardRight .infos .item_campaign_text {
border: 0;
background: #907232;
color: #ffffff;
border-radius: 4px;
padding: 6px 12px 4px;
cursor: pointer;
line-height: 1;
font-size: 14px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
@media (max-width: 1539px) {
.itemcardRight .infos {
position: relative;
top: 0;
right: unset;
align-items: flex-start;
}
.itemcardRight .infos .banners_campaign {
margin-bottom: 20px;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.itemcardRight .basket_button {
flex-direction: column;
gap: 10px;
max-width: 100%;
margin-bottom: 20px;
}
.itemcardRight .basket_button .quantity {
width: 100%;
position: relative;
}
.itemcardRight .basket_button .quantity input {
font-size: 18px;
}
.itemcardRight .basket_button .quantity .spinner_wrapper_inner > button {
height: 42px;
width: 50px;
background: #f5f5f5;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
top: 10px;
}
.itemcardRight .basket_button .quantity .spinner_wrapper_inner .spinner_up {
right: 0;
}
.itemcardRight .basket_button .quantity .spinner_wrapper_inner .spinner_down {
left: 0;
}
.itemcardRight .basket_button .spinner_wrapper {
display: block;
}
.itemcardRight .basket_button .basket_button_wrapper {
padding-left: 0;
}
.itemcardRight .orderbox_gramm_pricing,
.itemcardRight .itemcard_order_button_vat_ship_notice_wrapper {
color: #727272;
}
.itemcardRight .trustElements {
overflow: scroll;
max-width: unset;
width: 100%;
}
.itemcardRight .trustElements .trustElement {
flex-direction: row;
width: auto;
gap: 10px;
flex-shrink: 0;
background: #f9f7f4;
border-radius: 25px;
padding-right: 15px;
}
.itemcardRight .trustElements .trustElementIcon {
flex-shrink: 0;
width: 40px;
height: 40px;
font-size: 36px;
background-color: #AB883D29;
border-radius: 50%;
}
.itemcardRight .trustElements .trustElementLabel {
flex-shrink: 0;
text-align: left;
width: 100%;
}
}
.orderbox_gramm_pricing,
.itemcard_order_button_vat_ship_notice_wrapper,
.itemcard_item_no {
font-size: 12px;
font-weight: 400;
}
.vat_info a,
.vat_info .link {
color: #040004;
}
.vat_info a:hover,
.vat_info .link:hover {
color: #e70610;
}
.orderbox_gramm_pricing--inline-block > div,
.itemcardRight .orderbox_gramm_pricing > div,
#user_queue_customize .orderbox_gramm_pricing > div {
display: inline-block;
padding-right: 2px;
}
.orderbox_gramm_pricing--inline-block > div:before,
.itemcardRight .orderbox_gramm_pricing > div:before,
#user_queue_customize .orderbox_gramm_pricing > div:before {
content: "\2022";
padding-right: 5px;
}
.orderbox_gramm_pricing--inline-block > div:first-child:before,
.itemcardRight .orderbox_gramm_pricing > div:first-child:before,
#user_queue_customize .orderbox_gramm_pricing > div:first-child:before {
display: none;
}
.itemcardRight .orderbox_gramm_pricing {
margin-bottom: 20px;
}
.itemcard_back_button {
font-size: 14px;
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0;
}
@media (min-width: 1024px) {
.itemcard_back_button {
text-align: right;
}
}
.itemcard_order_button_vat_ship_notice_wrapper a,
.itemcard_order_button_vat_ship_notice_wrapper .link {
color: #040004;
text-decoration: underline;
}
.itemcard_order_button_vat_ship_notice_wrapper a:hover,
.itemcard_order_button_vat_ship_notice_wrapper .link:hover {
color: #907232;
}
.itemcard_order_button_cross_price_wrapper {
margin-bottom: 5px;
}
.availability_message {
margin-top: 20px;
margin-bottom: 20px;
}
.availability_message .availability_message_button {
display: inline-block;
margin-bottom: 10px;
}
.availability_message .availability_message_button .fa {
padding-right: 10px;
}
.availability_message .availability_message_box {
max-width: 385px;
}
.availability_message .availability_message_box .button,
.availability_message .availability_message_box .button_primary,
.availability_message .availability_message_box .btn-primary,
.availability_message .availability_message_box .button_second,
.availability_message .availability_message_box .btn-second,
.availability_message .availability_message_box .button_warning,
.availability_message .availability_message_box .btn-warning,
.availability_message .availability_message_box .button_success,
.availability_message .availability_message_box .btn-success,
.availability_message .availability_message_box .button_info,
.availability_message .availability_message_box .btn-info,
.availability_message .availability_message_box .button_action,
.availability_message .availability_message_box .btn-action,
.availability_message .availability_message_box .button_danger,
.availability_message .availability_message_box .btn-danger,
.availability_message .availability_message_box .button_transparent,
.availability_message .availability_message_box .btn-transparent,
.availability_message .availability_message_box .button_white,
.availability_message .availability_message_box .btn-white,
.availability_message .availability_message_box .button_option,
.availability_message .availability_message_box .button_action_border,
.availability_message .availability_message_box .collectionGroupFilter__item > span,
.availability_message .availability_message_box #dc_amount_select .dc_amount {
width: 100%;
}
.itemcardInfoLeft {
padding-top: 20px;
}
.itemcardEntertainBox .m360-icon {
display: none;
}
.itemcardEntertainBox__icon {
position: relative;
padding-left: 45px;
}
.itemcardEntertainBox__icon i {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #907232;
color: #ffffff;
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -18px;
}
.itemcardEntertainBox__icon:hover,
.itemcardEntertainBox__icon:focus,
.itemcardEntertainBox__icon:active {
color: #e70610;
}
.itemcardEntertainBox__icon:hover i,
.itemcardEntertainBox__icon:focus i,
.itemcardEntertainBox__icon:active i {
background-color: #e70610;
color: #ffffff;
}
.itemcardEntertainBox__footer {
text-align: left;
}
.itemcardEntertainBox__footer a {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.itemcardEntertainBox .modal {
z-index: 501;
}
.itemPackageContainer {
margin-bottom: 20px;
}
.itemPackageContainer .textbutton,
.itemPackageContainer .textbutton--big,
.itemPackageContainer .boxSecond--column--half .textbutton {
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.itemPackageContainer .textbutton,
.itemPackageContainer .textbutton--big,
.itemPackageContainer .boxSecond--column--half .textbutton {
width: 100%;
margin-bottom: 10px;
}
}
.itemPackageDescription {
margin-bottom: 10px;
font-size: 14px;
min-height: 44px;
}
.grad_prices {
font-size: 14px;
}
.grad_prices table {
text-align: right;
width: 100%;
}
@media screen and (max-width: 480px) {
.grad_prices table {
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.grad_prices table td:last-child {
text-align: right;
}
}
@media screen and (min-width: 1540px) {
.itemcardLeft {
width: 62.3%;
}
.itemcardRight {
width: 37.7%;
}
.itemcardInfoLeft {
padding-right: 80px;
}
}
@media screen and (max-width: 1249px) {
.itemcardRight {
padding-left: 20px;
padding-right: 20px;
}
.itemcard_short_description {
margin-bottom: 20px;
}
.itemcard_item_name {
font-size: 20px;
}
.itemcard_back_button {
padding-left: 0;
}
}
@media screen and (max-width: 1023px) {
.itemcardTop {
display: block;
min-height: 0;
}
.itemcardTop:after {
clear: both;
display: block;
content: " ";
}
.itemcardLeft {
height: 350px;
overflow: hidden;
}
.itemcardRight {
padding: 20px;
}
.itemcardShareWrapper {
padding-right: 100px;
}
.breadcrumb {
margin-top: 10px;
margin-bottom: 10px;
}
.itemcard_back_button {
margin: 0;
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.itemcardLeft {
height: 300px;
}
.item-details-container {
margin-bottom: 30px;
}
.item-details-container.flexbox {
display: block;
}
.item-details-container.flexbox:after {
clear: both;
display: block;
content: " ";
}
.item-details-container.flexbox > div {
padding: 20px;
}
.itemcard_back_button {
margin-bottom: 20px;
font-size: 12px;
}
#itemcard .base_price {
font-size: 32px;
}
}
@media screen and (max-width: 480px) {
.itemcardLeft {
height: 300px;
}
}
body.page_shop_itemcard .headermain {
border-bottom: 0;
}
body.page_shop_itemcard #header.sticky .headermain {
border-bottom: 1px solid #f5f5f5;
}
.item-details-container details {
padding-left: 34px;
}
@media (max-width: 768px) {
.item-details-container details {
padding-left: 42px;
}
}
.item-details-container details summary {
color: #040004;
text-decoration: none;
display: inline-flex;
position: relative;
gap: 10px;
align-items: center;
font-weight: 600;
padding-left: 2px;
cursor: pointer;
margin-left: -34px;
}
@media (max-width: 768px) {
.item-details-container details summary {
margin-left: -42px;
}
}
.item-details-container details summary:before {
content: "\E010";
font-family: "icons";
line-height: 1;
font-weight: normal;
width: 24px;
font-size: 24px;
}
@media (max-width: 768px) {
.item-details-container details summary:before {
width: 30px;
font-size: 30px;
}
}
.item-details-container details summary:hover,
.item-details-container details summary:focus,
.item-details-container details summary:active {
color: #907232;
}
.item-details-container details[open] summary:before {
rotate: 90deg;
}
.item-details-container details > p {
margin-top: 10px;
}
.item-details-container details table {
width: 100%;
}
.item-details-container details table td,
.item-details-container details table th {
border-bottom: 1px solid #727272;
vertical-align: top;
padding: 5px;
}
.item-details-container details table td:first-child,
.item-details-container details table th:first-child {
padding-left: 0;
}
.item-details-container details table td:last-child,
.item-details-container details table th:last-child {
padding-right: 0;
}
.item-details-container details table tr:last-child td {
border-bottom: 0;
}
.item-details-container details table th {
padding-top: 0;
}
.rating_stars {
display: flex;
align-items: baseline;
flex-wrap: wrap;
justify-content: flex-start;
flex-shrink: 0;
}
.rating_stars > span {
display: inline-block;
margin-left: 5px;
white-space: nowrap;
}
.rating_stars_wrapper {
position: relative;
display: inline-block;
white-space: nowrap;
}
.rating_stars_wrapper i {
color: rgba(4, 0, 4, 0.2);
padding-left: 1px;
padding-right: 1px;
position: relative;
top: 2px;
}
.rating_stars_wrapper .active {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.rating_stars_wrapper .active i {
color: #907232;
}
#create_comment input,
#create_comment textarea {
width: 100%;
}
#create_comment input.button,
#create_comment textarea.button,
#create_comment input.button_primary,
#create_comment textarea.button_primary,
#create_comment input.btn-primary,
#create_comment textarea.btn-primary,
#create_comment input.button_second,
#create_comment textarea.button_second,
#create_comment input.btn-second,
#create_comment textarea.btn-second,
#create_comment input.button_warning,
#create_comment textarea.button_warning,
#create_comment input.btn-warning,
#create_comment textarea.btn-warning,
#create_comment input.button_success,
#create_comment textarea.button_success,
#create_comment input.btn-success,
#create_comment textarea.btn-success,
#create_comment input.button_info,
#create_comment textarea.button_info,
#create_comment input.btn-info,
#create_comment textarea.btn-info,
#create_comment input.button_action,
#create_comment textarea.button_action,
#create_comment input.btn-action,
#create_comment textarea.btn-action,
#create_comment input.button_danger,
#create_comment textarea.button_danger,
#create_comment input.btn-danger,
#create_comment textarea.btn-danger,
#create_comment input.button_transparent,
#create_comment textarea.button_transparent,
#create_comment input.btn-transparent,
#create_comment textarea.btn-transparent,
#create_comment input.button_white,
#create_comment textarea.button_white,
#create_comment input.btn-white,
#create_comment textarea.btn-white,
#create_comment input.button_option,
#create_comment textarea.button_option,
#create_comment input.button_action_border,
#create_comment textarea.button_action_border,
#create_comment input.collectionGroupFilter__item > span,
#create_comment textarea.collectionGroupFilter__item > span,
#create_comment input#dc_amount_select .dc_amount,
#create_comment textarea#dc_amount_select .dc_amount {
width: auto;
}
#create_comment .rating_stars {
margin-top: 5px;
padding-right: 0 !important;
display: block !important;
}
#create_comment .rating_stars .stars {
background-color: #f9f7f4;
padding: 20px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
#create_comment .rating_stars .stars .star .fa {
font-size: 20px;
}
.user_rating {
padding: 20px;
background: #f5f5f5;
border-radius: 12px;
}
.user_rating .rating_stars {
margin-bottom: 5px;
font-size: 14px;
}
.user_rating_name {
margin-bottom: 20px;
font-size: 14px;
}
.item_card_rating_counter {
font-size: 14px;
}
.item_card_rating_counter > a {
color: #040004;
}
.item_card_rating_counter > a:hover {
color: #e70610;
}
.item_card_rating_counter .rating_stars {
display: inline-block;
margin-right: 10px;
}
.item_card_rating_counter .icon-033-arrowbottom {
font-size: 10px;
}
.item_card_rating {
margin-bottom: 10px;
}
.item_card_rating span {
margin-left: 10px;
}
@media screen and (max-width: 1539px) {
.item_card_rating {
margin-bottom: 20px;
}
}
.itemcardComments__pageCountWrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 20px;
row-gap: 20px;
column-gap: 40px;
}
.itemcardComments__pageCountWrapper > div {
display: flex;
align-items: center;
}
.itemcardComments__dropdown {
border: 0;
padding: 0 25px 0 10px;
background: transparent;
position: relative;
}
.itemcardComments__dropdown:after {
content: "\E022";
font-family: "icons";
position: absolute;
right: 0;
top: 50%;
pointer-events: none;
font-size: 14px;
transform: translateY(-50%);
height: 20px;
margin-top: -4px;
}
.itemcardComments__dropdownOptions {
padding-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.itemcardComments__dropdownOptions button {
padding: 5px;
background: transparent;
border: 1px solid #040004;
line-height: 22px;
min-width: 34px;
}
.itemcardComments__dropdownOptions button:hover {
color: #907232;
border-color: #907232;
}
#userReviewWrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 1023px) {
#userReviewWrapper {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
#userReviewWrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
#userReviewWrapper {
grid-template-columns: repeat(1, 1fr);
}
}
#showMoreWrapper {
display: flex;
justify-content: center;
margin-bottom: 20px;
margin-top: 40px;
}
.ratingStarsValueWrapper {
display: flex;
align-items: center;
gap: 10px;
}
.ratingStarsValueWrapper .ratingStarsValue {
color: #4A4B4D;
font-size: 14px;
}
#flashMessages {
position: relative;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.flashMessage {
z-index: 300;
top: 20px;
width: 350px;
margin-bottom: 20px;
padding: 20px 15px 20px 15px;
background-color: #ffffff;
color: #040004;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
cursor: pointer;
position: absolute;
right: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
font-size: 13px;
border: 4px solid #f9f7f4;
}
.flashMessage:after {
content: '';
display: block;
width: 0;
height: 0;
border-bottom: 20px solid #f9f7f4;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
right: 15px;
position: absolute;
top: -24px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.flashMessage__buttonRow {
display: flex;
gap: 5px;
margin-top: 10px;
}
.flashMessage__buttonRow .button,
.flashMessage__buttonRow .button_primary,
.flashMessage__buttonRow .btn-primary,
.flashMessage__buttonRow .button_second,
.flashMessage__buttonRow .btn-second,
.flashMessage__buttonRow .button_warning,
.flashMessage__buttonRow .btn-warning,
.flashMessage__buttonRow .button_success,
.flashMessage__buttonRow .btn-success,
.flashMessage__buttonRow .button_info,
.flashMessage__buttonRow .btn-info,
.flashMessage__buttonRow .button_action,
.flashMessage__buttonRow .btn-action,
.flashMessage__buttonRow .button_danger,
.flashMessage__buttonRow .btn-danger,
.flashMessage__buttonRow .button_transparent,
.flashMessage__buttonRow .btn-transparent,
.flashMessage__buttonRow .button_white,
.flashMessage__buttonRow .btn-white,
.flashMessage__buttonRow .button_option,
.flashMessage__buttonRow .button_action_border,
.flashMessage__buttonRow .collectionGroupFilter__item > span,
.flashMessage__buttonRow #dc_amount_select .dc_amount {
flex-grow: 1;
}
.flashMessage .icon {
position: absolute;
left: 15px;
top: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 30px;
height: 30px;
background-color: rgba(4, 0, 4, 0.4);
text-align: center;
line-height: 30px;
font-size: 20px;
margin-top: -15px;
color: #ffffff;
}
.flashMessage .close_flash {
position: absolute;
right: 5px;
top: 5px;
color: #040004;
z-index: 1;
display: inline-block;
font-size: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
line-height: 20px;
width: 20px;
height: 20px;
text-align: center;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.flashMessage .close_flash:hover {
color: #e70610;
}
.flashMessage.flashMessage_warning {
border-color: #e6e600;
}
.flashMessage.flashMessage_warning .icon {
background-color: #e6e600;
}
.flashMessage.flashMessage_warning:after {
border-bottom-color: #e6e600;
}
.flashMessage.flashMessage_error {
border-color: #e70610;
}
.flashMessage.flashMessage_error .icon {
background-color: #e70610;
}
.flashMessage.flashMessage_error:after {
border-bottom-color: #e70610;
}
.flashMessage.flashMessage_success {
border-color: #387E06;
}
.flashMessage.flashMessage_success .icon {
background-color: #387E06;
}
.flashMessage.flashMessage_success:after {
border-bottom-color: #387E06;
}
.flashMessage:active {
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
}
.flashMessage.hideFlash {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
pointer-events: none;
}
.flashMessage.showFlash {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.flashMessage .image_wrapper {
display: inline-block;
width: 60px;
padding-right: 10px;
vertical-align: middle;
}
.flashMessage .description_wrapper {
display: inline-block;
width: calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: -o-calc(100% - 60px);
vertical-align: middle;
}
.flashMessage .cheering {
margin-bottom: 20px;
}
#header.sticky .flashMessage:after {
right: -4px;
}
@media screen and (max-width: 1249px) {
#header.sticky #flashMessages {
position: fixed;
top: 29px;
right: 10px;
}
#header.sticky .flashMessage:after {
display: none;
}
}
@media screen and (max-width: 1023px) {
#header.sticky #flashMessages {
top: 36px;
}
}
@media screen and (max-width: 480px) {
#flashMessages {
top: -10px;
}
.flashMessage {
width: calc(100vw - 20px);
width: -moz-calc(100vw - 20px);
width: -webkit-calc(100vw - 20px);
width: -o-calc(100vw - 20px);
max-width: none;
}
.flashMessage:after {
border-bottom-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
top: -14px;
right: 5px;
}
#header.sticky #flashMessages {
top: -10px;
}
}
#form_search {
position: relative;
}
#form_search .search_button {
position: absolute;
left: 5px;
top: 50%;
color: #040004;
cursor: pointer;
width: 40px;
height: 100%;
text-align: center;
font-size: 18px;
margin-top: -20px;
line-height: 40px;
height: 40px;
-webkit-appearance: none;
border: 0;
background: none;
}
#form_search .search_button:hover,
#form_search .search_button:focus {
color: #e70610;
}
#form_search .search_field > input {
background: #f5f5f5;
border-radius: 21px;
border-color: #f5f5f5;
padding: 10px;
padding-left: 45px;
padding-right: 10px;
line-height: 20px;
width: 100%;
font-size: 16px;
-webkit-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
}
.headerSearchWrapper {
position: relative;
margin-right: 10px;
}
.headerSearchWrapper #search {
background: #ffffff;
}
.headerSearchWrapper .closeIcon {
display: none;
}
.SearchSuggestDataWrapper {
padding: 20px;
z-index: 1;
}
.SearchSuggestDataWrapper .itemSuggestions__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
@media (max-width: 1023px) {
.SearchSuggestDataWrapper .itemSuggestions__grid {
grid-gap: 20px;
order: -1;
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.SearchSuggestDataWrapper .itemSuggestions__grid {
grid-gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
}
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_line {
flex-grow: 1;
width: 100%;
}
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_line > a {
flex-grow: 1;
flex-direction: column;
}
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_item_image {
width: 100%;
margin-bottom: 5px;
}
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_item_image:before {
padding-top: 70%;
}
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_item_description {
padding: 0;
width: 100%;
font-size: 16px;
line-height: 1.2;
text-align: center;
}
@media (max-width: 1539px) {
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_item_description {
font-size: 15px;
}
}
@media (max-width: 767px) {
.SearchSuggestDataWrapper .itemSuggestions__grid .suggestion_item_description {
font-size: 14px;
text-align: center;
}
}
.suggestion_line {
font-size: 14px;
cursor: pointer;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.suggestion_line:last-child {
margin-bottom: 0;
}
.suggestion_line > a {
color: #040004;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 4px;
padding-bottom: 4px;
}
.suggestion_line > a:hover {
color: #907232;
}
.suggestion_line.not_available {
cursor: default;
}
.suggestion_line.not_available:hover {
color: #040004;
}
.suggestion_line.not_available:hover .suggestion_item_description > strong {
color: #040004;
}
@media (max-width: 480px) {
.suggestion_line {
font-size: 12px;
}
.suggestion_line .suggestion_item_description > strong {
font-size: 14px;
}
}
.suggestion_item_image {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
width: 50px;
flex-shrink: 0;
}
.suggestion_item_image img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.suggestion_item_image:before {
content: "";
display: block;
padding-top: 100%;
}
.suggestion_item_description {
padding-left: 20px;
width: calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -o-calc(100% - 50px);
flex-grow: 1;
}
.suggestion_item_description .inventory {
margin-bottom: 0;
}
.suggestion_item_price {
padding-left: 20px;
width: 80px;
white-space: nowrap;
text-align: right;
font-weight: 600;
}
.suggestion_item_add {
margin-top: 5px;
padding-left: 70px;
}
#SearchSuggestData {
position: fixed;
width: 100vw;
max-width: 100%;
left: 0;
top: 100px;
z-index: 203;
}
#SearchSuggestData .SearchSuggestDataWrapper {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding: 20px!important;
z-index: 1!important;
background-color: #fff!important;
max-height: 70vh!important;
-webkit-box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15) !important;
-moz-box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15) !important;
box-shadow: none!important;
}
@media (max-width: 1023px) {
#SearchSuggestData .SearchSuggestDataWrapper {
height: 70vh;
overflow: scroll;
}
}
@media (max-width: 768px) {
#SearchSuggestData .SearchSuggestDataWrapper {
max-height: 90vh!important;
height: 100vh;
padding-top: 0;
overflow-y: scroll;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#SearchSuggestData .SearchSuggestDataWrapper #SearchTermCategorySuggestionWrapper {
display: flex;
}
#SearchSuggestData .SearchSuggestDataWrapper #SearchTermCategorySuggestionWrapper > div {
width: 50%;
margin-top: 0!important;
}
}
.search_mobile {
padding-top: 10px;
cursor: pointer;
}
.search_mobile span {
color: #4A4B4D;
}
.search_mobile:hover span {
color: #e70610;
}
.searchSuggestionAnswer {
text-align: center;
}
.back_button_mobile {
position: fixed;
left: 0;
top: 0;
width: 54px;
height: 54px;
line-height: 54px;
text-align: center;
z-index: 251;
}
.back_button_mobile i {
line-height: 50px;
}
@media screen and (max-width: 767px) {
.headerSearchWrapper {
position: static;
}
.search_mobile {
display: inline-block !important;
}
/* #search {
position: fixed;
left:0;
top:0;
width: 100%;
z-index: 250;
.box-shadow(0 4px 4px fade(@black,7));
}
#form_search .search_field > input {
padding-top: 16px;
padding-bottom: 17px;
padding-left: 54px;
padding-right: 54px;
}
#form_search .search_button {
right: 10px;
}
#SearchSuggestData {
position: fixed;
left:0;
top:0;
width:100%;
max-height:none;
.SearchSuggestDataWrapper {
max-height:none;
height: 100vh;
padding-top: 74px;
overflow-y: scroll;
.box-shadow(none);
}
}*/
}
.searchSiteForm {
max-width: 600px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.searchSiteForm #SearchSuggestData {
position: absolute;
width: 900px;
max-width: 100%;
left: 0;
top: 50px;
z-index: 203;
}
.searchSiteForm #form_search .search_field > input {
background: #f5f5f5;
border-radius: 25px;
line-height: 20px;
padding: 15px 15px 15px 50px;
}
.searchSiteForm #form_search .search_button {
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -25px;
}
.searchSiteForm .SearchSuggestDataWrapper {
border-radius: 20px;
margin-top: 10px;
background: #ffffff;
max-height: 350px;
padding: 20px;
-webkit-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
overflow-y: auto;
z-index: 1;
}
.searchSiteForm #SearchTermCategorySuggestionWrapper {
width: 50%;
}
@media (max-width: 1249px) {
.searchSiteForm #SearchTermCategorySuggestionWrapper {
width: 100%;
}
}
.searchSiteForm .itemSuggestions__grid {
display: flex;
flex-direction: column;
width: 50%;
}
@media (max-width: 1249px) {
.searchSiteForm .itemSuggestions__grid {
width: 100%;
}
}
.searchSiteForm .itemSuggestions__grid .suggestion_line > a {
flex-direction: row;
}
.searchSiteForm .itemSuggestions__grid .suggestion_item_image {
width: 50px;
}
.searchSiteForm .itemSuggestions__grid .suggestion_item_description {
padding-left: 20px;
width: calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -o-calc(100% - 50px);
flex-grow: 1;
font-size: 14px;
font-weight: normal;
}
@media (max-width: 767px) {
.searchSiteForm #search {
position: static;
display: block;
box-shadow: none;
}
.searchSiteForm .back_button_mobile {
display: none !important;
}
.searchSiteForm #SearchSuggestData {
position: absolute;
top: 100%;
}
.searchSiteForm #SearchSuggestData .SearchSuggestDataWrapper {
height: auto;
max-height: 40vh;
padding-top: 20px;
-webkit-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
}
}
#overlay2.openedSearch {
background-color: #ffffff;
overflow: hidden;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
max-height: 70vh;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}
#overlay2.openedSearch:after {
content: "";
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 30vh;
background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
#overlay2.openedSearch {
max-height: 100vh;
}
#overlay2.openedSearch:after {
display: none;
}
}
#quickOrderSuggestItems .SearchSuggestDataWrapper {
background-color: #ffffff;
max-height: 350px;
padding: 20px;
-webkit-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
overflow-y: auto;
z-index: 1;
}
.categoryPreviewArea {
background: #ffffff;
width: 100%;
display: flex;
flex-direction: column;
color: #040004;
}
.categoryPreviewArea__img {
flex-shrink: 0;
}
.categoryPreviewArea__img:before {
padding-top: 60%;
}
.categoryPreviewArea__img img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.categoryPreviewArea__content {
flex-grow: 1;
display: flex;
justify-content: center;
flex-direction: column;
padding: 15px 20px;
}
@media (min-width: 1024px) {
.categoryPreviewArea__content {
padding: 20px 30px;
}
}
.categoryPreviewArea__content ul {
margin: 0;
padding: 0;
}
.categoryPreviewArea__content ul a {
display: block;
}
.categoryPreviewArea__content li {
margin: 0;
padding: 0;
list-style: none;
}
.categoryPreviewArea__content a {
color: #040004;
margin-bottom: 7px;
}
.categoryPreviewArea__content a:hover,
.categoryPreviewArea__content a:focus,
.categoryPreviewArea__content a:active {
color: #e70610;
}
.categoryPreviewArea__name,
.categoryPreviewArea__navigation > ul > li > a {
font-size: 1.2em;
font-weight: 700;
}
.categoryPreviewArea__name + ul li a[href*="fuer-firmen"],
.categoryPreviewArea__navigation > ul > li > a + ul li a[href*="fuer-firmen"] {
position: relative;
}
.categoryPreviewArea__name + ul li a[href*="fuer-firmen"]:after,
.categoryPreviewArea__navigation > ul > li > a + ul li a[href*="fuer-firmen"]:after {
content: "neu";
width: 24px;
height: 24px;
background: #e70610;
color: #ffffff;
position: relative;
border-radius: 50%;
top: -3px;
font-size: 9px;
text-transform: uppercase;
margin-left: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.categoryPreviewArea__navigation {
flex-grow: 1;
}
.categoryPreviewArea__link {
margin-top: 15px;
}
@media (min-width: 1024px) {
.categoryPreviewArea__link {
margin-top: 20px;
}
}
@media (min-width: 1540px) {
.categoryPreviewArea__link {
margin-top: 30px;
}
}
.categoryPreviewArea--single .categoryPreviewArea__content {
padding: 15px 20px;
justify-content: flex-start;
}
@media (min-width: 1024px) {
.categoryPreviewArea--single .categoryPreviewArea__content {
padding: 20px 30px;
}
}
@media (min-width: 1540px) {
.categoryPreviewArea--single .categoryPreviewArea__content {
padding: 30px 45px;
}
}
a.categoryPreviewArea {
transition: 0.2s ease-in-out;
}
a.categoryPreviewArea .categoryPreviewArea__img {
overflow: hidden;
}
a.categoryPreviewArea .categoryPreviewArea__img img {
transition: 0.2s ease-in-out;
}
a.categoryPreviewArea:hover {
color: #040004;
}
a.categoryPreviewArea:hover .categoryPreviewArea__img img {
transform: scale(1.04);
}
.Magic360,
.Magic360-container {
border: 0;
}
button.m360-icon {
color: #040004 !important;
}
button.m360-icon:hover {
color: #e70610 !important;
}
.m360-hint {
bottom: 50%;
margin-bottom: -26px;
}
.m360-hint-message {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: rgba(144, 114, 50, 0.6);
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
padding: 10px 30px;
}
button.m360-icon.m360-icon-fullscreen-open {
background-color: rgba(255, 255, 255, 0.8) !important;
bottom: 0 !important;
top: auto !important;
right: auto !important;
left: 50% !important;
font-size: 26px !important;
width: 88px !important;
color: #907232;
font-weight: 400 !important;
margin-left: -44px !important;
}
button.m360-icon.m360-icon-fullscreen-open:after,
button.m360-icon.m360-icon-fullscreen-open:before {
font-family: "Material Icons" !important;
display: inline-block !important;
line-height: 44px !important;
width: 50%;
}
button.m360-icon.m360-icon-fullscreen-open:after {
content: "\E8B6";
}
button.m360-icon.m360-icon-fullscreen-open:before {
content: "\E84D";
}
.info360 {
position: absolute;
right: 20px;
bottom: 20px;
background-color: rgba(255, 255, 255, 0.8);
padding: 20px;
text-align: left;
display: inline-block;
font-size: 12px;
z-index: 2;
width: 420px;
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
}
@media screen and (max-width: 767px) {
.info360 {
padding: 10px;
right: 10px;
bottom: 10px;
font-size: 10px;
max-width: calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: -webkit-calc(100% - 20px);
max-width: -o-calc(100% - 20px);
}
}
.dragBoxWrapper ul {
padding: 0;
margin: 0;
}
.dragBoxWrapper li {
margin: 0;
padding: 0;
list-style-type: none;
}
.dragBoxWrapper > ul {
padding: 0;
margin: 0 -20px;
}
.dragBoxWrapper > ul:after {
clear: both;
display: block;
content: " ";
}
.dragBoxWrapper > ul > li {
padding: 0 20px 40px 20px;
width: 33.33333333%;
float: left;
}
.dragBoxWrapper > ul > li.dropped .dragBox {
-webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1023px) {
.dragBoxWrapper > ul > li {
width: 50%;
}
}
.dragBoxWrapper .itemtable_list .inventory {
margin-top: 5px;
}
.dragBoxWrapper .itemtable_list .image_line {
width: 80px;
}
.dragBoxWrapper .textcontent ul {
margin-left: 15px;
}
.dragBoxWrapper .textcontent li {
list-style-type: circle;
}
.dragBox {
background-color: #ffffff;
border: 4px solid #EAD9BF;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}
.dragBox__head {
background-color: #EAD9BF;
padding: 10px 50px 10px 20px;
position: relative;
}
.dragBox__head:after {
clear: both;
display: block;
content: " ";
}
.dragBox__head h3,
.dragBox__head .counting__text,
.dragBox__head .countText,
.dragBox__head .finderFilter__label {
margin-bottom: 0;
float: none;
}
.dragBox__head .dragBox__move {
cursor: move;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.dragBox__head:hover .dragBox__move {
color: #e70610;
}
.dragBox__head .linkWithIcon {
float: none;
font-size: 14px;
margin-right: 10px;
}
.dragBox__body {
padding: 10px 20px;
position: relative;
font-size: 14px;
}
.dragBox__items {
height: 185px;
overflow-x: hidden;
overflox-y: auto;
}
.dragBox__footer {
background-color: #EAD9BF;
padding: 11px 20px 9px 20px;
}
.dragBox.placeholder {
text-align: center;
display: table;
width: 100%;
}
.dragBox.placeholder a,
.dragBox.placeholder span {
display: table-cell;
vertical-align: middle;
font-weight: 600;
color: #040004;
height: 316px;
}
.dragBox.placeholder i {
font-size: 140px;
display: block;
margin-bottom: 10px;
color: #EAD9BF;
line-height: 1;
}
.dragBox.placeholder a:hover {
color: #e70610;
}
.dragBox.placeholder a:hover i {
color: #e70610;
}
.dragBox .slide_container {
padding: 0;
}
.dragBox.has-danger {
border-color: #e91e63;
}
@media screen and (max-width: 1249px) {
.dragBoxWrapper > ul {
margin-left: -10px;
margin-right: -10px;
}
.dragBoxWrapper > ul > li {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.dragBox__head {
padding-left: 10px;
padding-right: 10px;
}
.dragBox__head h3,
.dragBox__head .counting__text,
.dragBox__head .countText,
.dragBox__head .finderFilter__label {
padding-right: 30px;
}
.dragBox__head .dragBox__move {
top: 8px;
right: 10px;
margin-top: 0;
}
.dragBox__body {
padding-left: 10px;
padding-right: 10px;
}
.dragBox__footer {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 767px) {
.dragBoxWrapper > ul > li {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.dragBox__head .linkWithIcon {
font-size: 12px;
margin-top: 10px;
}
.dragBox.placeholder a,
.dragBox.placeholder span {
height: 344px;
}
}
.free_shipping_bar {
height: 6px;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
background-color: #D6D6D6;
border-radius: 3px;
}
.free_shipping_bar .free_shipping_progress {
position: absolute;
bottom: 0;
top: 0;
left: 0;
background-color: #e70610;
max-width: 100%;
border-radius: 3px;
}
.free_shipping_info {
text-align: center;
}
.free_shipping_box {
background: #f5f5f5;
padding: 10px 20px;
}
.checkoutOrderbox {
margin-bottom: 20px;
}
.checkoutOrderbox__top {
background-color: #ffffff;
font-size: 14px;
}
.checkoutOrderbox__top td {
padding-top: 2px;
padding-bottom: 2px;
}
.checkoutOrderbox__top tr:first-child td {
padding-top: 0;
}
.checkoutOrderbox__top tr:last-child td {
padding-bottom: 0;
}
.checkoutOrderbox__top .tax {
font-weight: 300;
font-size: 13px;
}
.checkoutOrderbox__top .order_price_total_label,
.checkoutOrderbox__top .order_price_total {
border-top: 1px solid #040004;
padding-top: 5px;
margin-top: 5px;
}
.checkoutOrderbox__bottom {
margin-top: 20px;
}
.checkoutOrderbox__bottom .button_action,
.checkoutOrderbox__bottom .button_action_border {
min-width: 0;
width: 100%;
max-width: none;
}
.couponBox .form-group label {
display: none;
}
.shippinglabelBox {
margin-top: 15px;
font-size: 14px;
}
h3 .box__headLink,
.counting__text .box__headLink,
.countText .box__headLink,
.finderFilter__label .box__headLink {
font-weight: 400;
margin-right: 0;
}
.checkoutTrust {
color: #e70610;
padding: 20px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
margin-top: -10px;
}
.checkoutTrust .box__head {
border-bottom: 1px solid #907232;
padding-bottom: 10px;
}
@media (min-width: 1540px) {
.checkoutTrust {
padding: 40px;
}
}
.checkoutTrust h2,
.checkoutTrust .h2 {
color: #040004;
margin-bottom: 30px;
}
.checkoutTrust .textcontent {
display: inline-block;
position: relative;
padding: 10px 10px 10px 30px;
padding-left: 30px;
padding-right: 30px;
}
.checkoutTrust .textcontent i {
color: #907232;
position: absolute;
left: 0;
top: 7px;
font-size: 24px;
line-height: 30px;
width: 20px;
text-align: center;
}
.hint {
font-size: 13px;
}
.guest_checkout_tabs:after {
clear: both;
display: block;
content: " ";
}
.guest_checkout_tabs .tabs_item {
padding: 0;
float: left;
}
.guest_checkout_tabs .tabs_item .form-check {
height: auto;
}
.guest_checkout_tabs .tabs_item .form-check label {
display: block;
margin-bottom: 0;
}
.guest_checkout_tabs .tabs_item .form-check label input {
float: left;
margin-right: 9px;
margin-top: 12px;
color: #040004;
}
.optionListSmallTerm__longtext {
font-size: 12px;
}
.optionListSmallTerm .specialradiobox {
display: block;
}
.optionListSmallTerm .specialradiobox label {
top: 0;
margin-top: 1px;
}
.optionListSmallTerm:last-child .specialradiobox {
margin-bottom: 0;
}
.optionList__item {
border-bottom: 1px solid #f5f5f5;
}
.optionList__item:after {
clear: both;
display: block;
content: " ";
}
.optionList__item:last-child {
border-bottom: 0;
}
.optionList__item .specialradiobox {
padding: 15px 0 15px 40px;
display: block;
margin: 0;
}
.optionList__item .specialradiobox:after {
clear: both;
display: block;
content: " ";
}
.optionList__item .specialradiobox label {
left: 0;
top: 19px;
margin-top: 0;
}
.optionList__item .specialradiobox:hover {
color: #040004;
}
.optionList__item:hover {
color: #040004;
}
.optionList__item:hover .optionList__description {
color: #e70610;
}
.optionList__item.selected .optionList__box {
display: block;
}
.optionList__description {
font-family: 'Fira Sans', Times, serif;
font-weight: 700;
line-height: 1.2;
color: #907232;
margin-top: 0;
margin-bottom: 1em;
font-family: "Fira Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 600;
color: #040004;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
min-height: 34px;
}
.optionList__img {
width: 100px;
flex-shrink: 0;
}
.optionList__img img {
aspect-ratio: 3;
object-fit: contain;
}
.optionList__box {
display: none;
padding: 10px 0 0 40px;
}
.optionList__section {
padding-bottom: 20px;
}
.basket_items {
margin: 0;
padding: 0;
}
.basket_items > li {
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #f9f7f4;
margin-left: -10px;
margin-right: -10px;
background-color: #ffffff;
cursor: move;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}
.basket_items > li:last-child {
border-bottom: 0;
}
.basket_items > li.dropped {
-webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
}
.basket_items > li > div {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}
.basket_items__image {
width: 80px;
}
.basket_items__description {
width: calc(100% - 80px - 130px);
width: -moz-calc(100% - 80px - 130px);
width: -webkit-calc(100% - 80px - 130px);
width: -o-calc(100% - 80px - 130px);
}
.basket_items__price {
width: 120px;
text-align: right;
}
.switchGridMiddle > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.switchGridMiddle > .row:before,
.switchGridMiddle > .row:after {
display: none;
}
.switchGridMiddle__box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.switchGridMiddle__box .box__head {
flex-shrink: 1;
}
.switchGridMiddle__box .boxBorder {
flex-grow: 1;
}
@media screen and (max-width: 1249px) {
.basket_items__image {
width: 60px;
}
.basket_items__description {
width: calc(100% - 60px - 130px);
width: -moz-calc(100% - 60px - 130px);
width: -webkit-calc(100% - 60px - 130px);
width: -o-calc(100% - 60px - 130px);
}
}
@media screen and (max-width: 480px) {
.basket_items__image {
width: 50px;
}
.basket_items__description {
width: calc(100% - 50px - 80px);
width: -moz-calc(100% - 50px - 80px);
width: -webkit-calc(100% - 50px - 80px);
width: -o-calc(100% - 50px - 80px);
}
.basket_items__price {
width: 70px;
}
}
body.isCheckout a,
body.isCheckout .link,
body.isCheckout [data-toggle="tooltip"]:not(.order_sum) {
color: #040004;
}
body.isCheckout a:hover,
body.isCheckout .link:hover,
body.isCheckout [data-toggle="tooltip"]:not(.order_sum):hover,
body.isCheckout a:focus,
body.isCheckout .link:focus,
body.isCheckout [data-toggle="tooltip"]:not(.order_sum):focus,
body.isCheckout a:active,
body.isCheckout .link:active,
body.isCheckout [data-toggle="tooltip"]:not(.order_sum):active {
color: #e70610;
}
body.isCheckout .button,
body.isCheckout .button_primary,
body.isCheckout .btn-primary,
body.isCheckout .button_second,
body.isCheckout .btn-second,
body.isCheckout .button_warning,
body.isCheckout .btn-warning,
body.isCheckout .button_success,
body.isCheckout .btn-success,
body.isCheckout .button_info,
body.isCheckout .btn-info,
body.isCheckout .button_action,
body.isCheckout .btn-action,
body.isCheckout .button_danger,
body.isCheckout .btn-danger,
body.isCheckout .button_transparent,
body.isCheckout .btn-transparent,
body.isCheckout .button_white,
body.isCheckout .btn-white,
body.isCheckout .button_option,
body.isCheckout .button_action_border,
body.isCheckout .collectionGroupFilter__item > span,
body.isCheckout #dc_amount_select .dc_amount {
background: #f5f5f5;
border-color: #f5f5f5;
color: #040004;
}
body.isCheckout .button:hover,
body.isCheckout .button:focus,
body.isCheckout .button_primary:hover,
body.isCheckout .button_primary:focus,
body.isCheckout .btn-primary:hover,
body.isCheckout .btn-primary:focus,
body.isCheckout .button_second:hover,
body.isCheckout .button_second:focus,
body.isCheckout .btn-second:hover,
body.isCheckout .btn-second:focus,
body.isCheckout .button_warning:hover,
body.isCheckout .button_warning:focus,
body.isCheckout .btn-warning:hover,
body.isCheckout .btn-warning:focus,
body.isCheckout .button_success:hover,
body.isCheckout .button_success:focus,
body.isCheckout .btn-success:hover,
body.isCheckout .btn-success:focus,
body.isCheckout .button_info:hover,
body.isCheckout .button_info:focus,
body.isCheckout .btn-info:hover,
body.isCheckout .btn-info:focus,
body.isCheckout .button_action:hover,
body.isCheckout .button_action:focus,
body.isCheckout .btn-action:hover,
body.isCheckout .btn-action:focus,
body.isCheckout .button_danger:hover,
body.isCheckout .button_danger:focus,
body.isCheckout .btn-danger:hover,
body.isCheckout .btn-danger:focus,
body.isCheckout .button_transparent:hover,
body.isCheckout .button_transparent:focus,
body.isCheckout .btn-transparent:hover,
body.isCheckout .btn-transparent:focus,
body.isCheckout .button_white:hover,
body.isCheckout .button_white:focus,
body.isCheckout .btn-white:hover,
body.isCheckout .btn-white:focus,
body.isCheckout .button_option:hover,
body.isCheckout .button_option:focus,
body.isCheckout .button_action_border:hover,
body.isCheckout .button_action_border:focus,
body.isCheckout .collectionGroupFilter__item > span:hover,
body.isCheckout .collectionGroupFilter__item > span:focus,
body.isCheckout #dc_amount_select .dc_amount:hover,
body.isCheckout #dc_amount_select .dc_amount:focus {
background: #e8e8e8;
border-color: #e8e8e8;
color: #040004;
}
body.isCheckout .button:active,
body.isCheckout .button_primary:active,
body.isCheckout .btn-primary:active,
body.isCheckout .button_second:active,
body.isCheckout .btn-second:active,
body.isCheckout .button_warning:active,
body.isCheckout .btn-warning:active,
body.isCheckout .button_success:active,
body.isCheckout .btn-success:active,
body.isCheckout .button_info:active,
body.isCheckout .btn-info:active,
body.isCheckout .button_action:active,
body.isCheckout .btn-action:active,
body.isCheckout .button_danger:active,
body.isCheckout .btn-danger:active,
body.isCheckout .button_transparent:active,
body.isCheckout .btn-transparent:active,
body.isCheckout .button_white:active,
body.isCheckout .btn-white:active,
body.isCheckout .button_option:active,
body.isCheckout .button_action_border:active,
body.isCheckout .collectionGroupFilter__item > span:active,
body.isCheckout #dc_amount_select .dc_amount:active {
background: #dcdcdc;
border-color: #dcdcdc;
color: #040004;
}
body.isCheckout .button_action,
body.isCheckout .button_action_border {
background: #e70610;
border-color: #e70610;
color: #ffffff;
}
body.isCheckout .button_action:hover,
body.isCheckout .button_action:focus,
body.isCheckout .button_action_border:hover,
body.isCheckout .button_action_border:focus {
background: #ce050e;
border-color: #ce050e;
color: #ffffff;
}
body.isCheckout .button_action:active,
body.isCheckout .button_action_border:active {
background: #b5050d;
border-color: #b5050d;
color: #ffffff;
}
body.isCheckout hr,
body.isCheckout .boxBorder {
border-color: #f5f5f5;
}
body.isCheckout input,
body.isCheckout select {
border-color: #727272;
}
body.isCheckout .specialradiobox label {
border-color: #727272;
}
body.isCheckout .specialradiobox label:after {
background: #e70610;
}
body.isCheckout .specialradiobox:active {
color: #e70610;
}
body.isCheckout .specialcheckbox label {
border-color: #727272;
}
body.isCheckout .specialcheckbox label:after {
color: #e70610;
}
body.isCheckout .specialcheckbox:active {
color: #e70610;
}
body.isCheckout .select_body:after,
body.isCheckout .filterbox-mobilebutton:after {
color: #727272;
}
body.isCheckout .modal-header {
background: #f5f5f5;
}
body.isCheckout .modal-header .close {
color: #4A4B4D;
}
body.isCheckout .modal-header .close:hover {
color: #ffffff;
}
body.isCheckout .itemBasePrice {
font-style: normal;
font-size: 24px;
}
body.isCheckout .slidecontent_headline:after,
body.isCheckout .collectionLebkuchenfinder .collectionGroupFilterFinder__item:after {
color: #040004;
}
body.isCheckout .slidecontent_headline:hover,
body.isCheckout .slidecontent_headline:focus,
body.isCheckout .slidecontent_headline:active,
body.isCheckout .collectionLebkuchenfinder .collectionGroupFilterFinder__item:hover,
body.isCheckout .collectionLebkuchenfinder .collectionGroupFilterFinder__item:focus,
body.isCheckout .collectionLebkuchenfinder .collectionGroupFilterFinder__item:active {
color: #e70610;
}
body.isCheckout .dragBox {
border: 2px solid #f5f5f5;
}
body.isCheckout .dragBox__footer,
body.isCheckout .dragBox__head {
background: #f5f5f5;
}
body.isCheckout .dragBox.placeholder i {
color: #f5f5f5;
}
body.isCheckout .emptybox {
background: #f5f5f5;
}
body.isCheckout .boxBorder--big {
border-width: 2px;
}
body.isCheckout .button_disabled {
background: #f5f5f5 !important;
border-color: #f5f5f5 !important;
color: #4A4B4D !important;
}
/* Hide Login Mask on Mobile */
@media (max-width: 1249px) {
.hideOnMobile__box {
display: none;
}
.hideOnMobile__box.is-active {
display: block;
margin-top: -20px;
}
}
.showLoginBox {
color: #e70610;
cursor: pointer;
display: none;
font-size: 14px;
font-weight: normal;
align-items: center;
flex-shrink: 0;
margin-left: 10px;
}
.showLoginBox:hover {
color: #040004;
}
@media (max-width: 1249px) {
.showLoginBox {
display: inline-flex;
}
}
.orderShowLoginHeadline {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1;
}
@media (max-width: 1249px) {
.orderShowLoginHeadline {
margin-bottom: 30px;
}
}
body.isCheckout .slidecontent .slide_container {
padding: 0;
}
#basketCoupons .tag.is-active {
background: #387e05;
color: #ffffff;
}
#basketCoupons .tag.is-active:hover,
#basketCoupons .tag.is-active:focus,
#basketCoupons .tag.is-active:active {
background: #2d6605;
}
.headerCheckoutProcessbar {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0;
padding: 0;
overflow: hidden;
}
.headerCheckoutProcessbar__count {
margin-bottom: 5px;
line-height: 1;
position: relative;
z-index: 2;
width: 34px;
height: 51px;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (min-width: 768px) {
.headerCheckoutProcessbar__count {
width: 50px;
height: 76px;
margin-bottom: 10px;
}
}
.headerCheckoutProcessbar__count img {
min-width: 100%;
display: none;
}
.headerCheckoutProcessbar__count > span {
background: #474747;
color: #ffffff;
border: 2px solid #ffffff;
font-size: 14px;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.headerCheckoutProcessbar__count > span:after {
content: "\E019";
font-family: "icons";
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
position: absolute;
right: -5px;
top: -5px;
background: #907232;
border: 0;
font-size: 8px;
opacity: 0;
}
@media (min-width: 768px) {
.headerCheckoutProcessbar__count > span {
width: 50px;
height: 50px;
font-size: 16px;
border-width: 4px;
}
}
.headerCheckoutProcessbar__link {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
color: #474747 !important;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
font-size: 9px;
}
@media (min-width: 768px) {
.headerCheckoutProcessbar__link {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
}
}
.headerCheckoutProcessbar__item {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
position: relative;
}
@media (min-width: 768px) {
.headerCheckoutProcessbar__item {
flex-grow: 1;
justify-content: center;
}
}
.headerCheckoutProcessbar__item:after {
content: "";
width: 100%;
height: 1px;
display: block;
background: #474747;
position: absolute;
top: 35px;
z-index: 1;
}
@media (min-width: 768px) {
.headerCheckoutProcessbar__item:after {
top: 50px;
}
}
.headerCheckoutProcessbar__item.is-done:after {
background: #e70610;
}
.headerCheckoutProcessbar__item.is-done .headerCheckoutProcessbar__link {
color: #e70610 !important;
}
.headerCheckoutProcessbar__item.is-done .headerCheckoutProcessbar__count > span {
background: #e70610;
position: relative;
}
.headerCheckoutProcessbar__item.is-done .headerCheckoutProcessbar__count > span:after {
opacity: 1;
}
.headerCheckoutProcessbar__item.is-active {
flex-grow: 1;
}
@media (max-width: 767px) {
.headerCheckoutProcessbar__item.is-active:last-child {
justify-content: flex-end;
}
}
.headerCheckoutProcessbar__item.is-active:after {
background: #e70610;
}
.headerCheckoutProcessbar__item.is-active .headerCheckoutProcessbar__link {
color: #e70610 !important;
}
.headerCheckoutProcessbar__item.is-active .headerCheckoutProcessbar__count {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.headerCheckoutProcessbar__item.is-active .headerCheckoutProcessbar__count > span {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: transparent;
border: 0;
}
.headerCheckoutProcessbar__item.is-active .headerCheckoutProcessbar__count img {
display: block;
}
.headerCheckoutProcessbar__item:first-child .headerCheckoutProcessbar__count:before,
.headerCheckoutProcessbar__item:last-child .headerCheckoutProcessbar__count:before {
content: "";
display: block;
width: 30vw;
height: 100%;
background: #ffffff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.headerCheckoutProcessbar__item:first-child .headerCheckoutProcessbar__count:before {
right: 100%;
}
.headerCheckoutProcessbar__item:last-child .headerCheckoutProcessbar__count:before {
left: 100%;
}
.headerCheckout {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
}
.headerCheckout .container {
max-width: 1024px;
}
.headerCheckout .linkWithIcon i {
margin-top: -2px;
}
.headerCheckout__wrapper {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.headerCheckout__wrapper {
gap: 20px;
justify-content: center;
}
}
@media (min-width: 1024px) {
.headerCheckout__wrapper {
flex-wrap: nowrap;
}
}
.headerCheckout__wrapper .headerCheckoutProcessbar {
flex-grow: 1;
}
.headerCheckout__wrapper .headerCheckout__backlink {
flex-shrink: 0;
order: 1;
}
@media (min-width: 768px) {
.headerCheckout__wrapper .headerCheckout__backlink {
order: 0;
width: 130px;
}
}
@media (max-width: 767px) {
.headerCheckout__wrapper .headerCheckout__backlink {
font-size: 12px;
}
}
.headerCheckout:has(.headerCheckout__wrapper) .container {
max-width: 1480px;
}
body.isCheckout {
font-size: 14px;
}
body.isCheckout .breadcrumb {
display: none;
}
body.isCheckout .footerTrust {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
body.isCheckout .footerTrust {
padding-top: 60px;
padding-bottom: 60px;
}
}
body.isCheckout .footerBottom {
background: white;
color: #040004;
border-top: 1px solid #f5f5f5;
}
body.isCheckout .footerBottom a {
color: #040004;
}
body.isCheckout .footerBottom a:hover,
body.isCheckout .footerBottom a:focus,
body.isCheckout .footerBottom a:active,
body.isCheckout .footerBottom a.active {
color: #e70610;
}
.order_navigation {
font-size: 18px;
}
.order_navigation i {
font-size: 30px;
}
.processbar {
vertical-align: middle;
font-size: 18px;
}
.processbar i {
font-size: 30px;
}
.processbar ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.processbar li {
list-style-type: none;
margin: 0;
}
.processbar li {
padding: 15px 60px 15px 40px;
line-height: 30px;
position: relative;
color: #f5f5f5;
}
.processbar li:after {
content: "\E031";
font-family: "icons";
position: absolute;
top: 50%;
margin-top: -15px;
right: 5px;
}
.processbar li:last-child:after {
display: none;
}
.processbar__icon {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
height: 30px;
width: 30px;
text-align: center;
line-height: 26px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #f5f5f5;
font-size: 15px;
font-weight: 400;
}
.processbar__icon i {
font-size: 18px;
line-height: 22px;
}
.processbar__label {
display: inline-block;
}
.processbar .done {
color: #040004;
cursor: pointer;
}
.processbar .done .processbar__icon {
border-color: #040004;
}
.processbar .done:hover {
color: #e70610;
}
.processbar .done:hover .processbar__icon {
border-color: #e70610;
background-color: #e70610;
color: #ffffff;
}
.processbar .done:hover:after {
color: #907232;
}
.processbar .active {
color: #e70610;
}
.processbar .active .processbar__icon {
border-color: #e70610;
background-color: #e70610;
color: #ffffff;
}
.processbar .active:after {
color: #f5f5f5;
}
.modal .processbar {
float: none;
text-align: center;
margin-bottom: 10px;
}
.modal .processbar li {
display: inline-block;
}
@media screen and (min-width: 1024px) {
.modal .processbar li {
padding-right: 35px;
}
.modal .processbar li:after {
right: 10px;
}
}
@media screen and (max-width: 1249px) {
.processbar li {
padding-right: 40px;
}
.processbar li:last-child {
padding-right: 0;
}
}
@media screen and (max-width: 1023px) {
.processbar {
font-size: 14px;
}
.processbar__icon {
width: 26px;
height: 26px;
border-width: 2px;
line-height: 22px;
margin-top: -13px;
}
.processbar__icon i {
line-height: 20px;
font-size: 16px;
}
.processbar li {
padding: 13px 30px 10px 35px;
line-height: 30px;
min-height: 54px;
vertical-align: middle;
}
.processbar li:last-child {
padding-right: 0;
}
.processbar li:after {
font-size: 22px;
margin-top: -15px;
right: 2px;
}
.processbar li:not(.active) {
padding-right: 20px;
}
.processbar li:not(.active):last-child {
padding-right: 0;
}
.processbar li:not(.active) .processbar__label {
display: none;
}
}
@media screen and (max-width: 767px) {
.processbar {
font-size: 14px;
}
.processbar__icon {
width: 24px;
height: 24px;
line-height: 20px;
margin-top: -12px;
}
.processbar__icon i {
line-height: 18px;
font-size: 14px;
}
.processbar li {
padding: 13px 30px 10px 30px;
line-height: 30px;
min-height: 54px;
vertical-align: middle;
}
.processbar li:last-child {
padding-right: 0;
}
.processbar li:after {
font-size: 18px;
margin-top: -15px;
right: 6px;
}
.processbar li:not(.active) {
padding-right: 20px;
}
.processbar li:not(.active):last-child {
padding-right: 0;
}
.processbar li:not(.active) .processbar__label {
display: none;
}
}
.sortableBasket .price {
font-weight: 600;
}
.sortableBasket .dragBox__footer .price {
float: right;
}
.sortableBasket .basket_items {
height: 100%;
}
.sortableBasket .basket_items > li {
cursor: move;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-ms-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}
.sortableBasket .basket_items > li.dropped {
-webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.15);
}
.multiShippingAdressesItem {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
}
.multiShippingAdressesItem > div {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 480px) {
.multiShippingAdressesItem {
font-size: 13px;
margin-left: -5px;
margin-right: -5px;
}
.multiShippingAdressesItem > div {
padding-left: 5px;
padding-right: 5px;
}
}
.multiShippingAdresses {
font-size: 14px;
}
.multiShippingAdresses .dragBox {
margin-bottom: 30px;
}
.multiShippingAdresses .dragBox:last-child {
margin-bottom: 0;
}
.multiShippingAdresses .optionList__description {
font-size: 14px;
font-weight: 400;
}
.multiShippingAdresses .dragBox__body {
padding-top: 20px;
padding-bottom: 20px;
}
.multiShippingAdresses .inputAsText {
font-size: 14px;
line-height: 1.6;
}
.multiShippingAdresses .optionList__item {
border-bottom: 0;
}
.multiShippingAdresses .optionList__item .specialradiobox {
padding: 0 10px;
padding-left: 30px;
}
.multiShippingAdresses .optionList__item .specialradiobox label {
top: 1px;
left: 0;
}
.multiShippingAdresses .checkoutOrderbox {
margin-bottom: 0;
}
.multiShippingAdresses .checkoutOrderbox__top {
border: 0;
padding: 0;
}
.multiShippingAdresses .checkoutOrderbox__top td {
padding-top: 0;
padding-bottom: 0;
}
.multiShippingAdresses .checkoutOrderbox__top td.total {
border-bottom: 0;
}
.multiShippingAdresses__item {
padding-bottom: 40px;
}
.multiShippingAdresses__item:last-child {
padding-bottom: 0;
}
.multiShippingAddressTable {
/*@media screen and (min-width: 600px) and (max-width: @screen-xs-max) {
display: table;
.table_row {
display: table-row;
}
.table_cell {
display: table-cell;
}
}*/
}
.multiShippingAddressTable .table_cell {
border-bottom-color: #f9f7f4;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.3em;
vertical-align: top;
}
.multiShippingAddressTable .multiShippingAddressTable__action {
vertical-align: middle;
}
.multiShippingAddressTable .multiShippingAddressTable__action:after {
clear: both;
display: block;
content: " ";
}
.multiShippingAddressTable .multiShippingAddressTable__action .linkWithIcon {
margin-bottom: 5px;
width: 80px;
text-align: left;
float: right;
}
.multiShippingAddressTable .multiShippingAddressTable__action .linkWithIcon:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.multiShippingAddressTable .multiShippingAddressTable__action {
padding-top: 10px;
padding-bottom: 20px;
text-align: left;
}
.multiShippingAddressTable .multiShippingAddressTable__action .linkWithIcon {
float: none;
}
}
.userBasketHeadline {
margin-top: 40px;
margin-bottom: 40px;
}
.userBasketHeadline .specialcheckbox {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.userBasketHeadline {
margin-top: 30px;
margin-bottom: 30px;
}
}
.lightboxMultiList {
margin: 0 -10px;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
border-bottom: 1px solid #f9f7f4;
}
.lightboxMultiList:after {
clear: both;
display: block;
content: " ";
}
.lightboxMultiList:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.lightboxMultiList:hover {
background-color: #f9f7f4;
}
.lightboxMultiList:hover .lightboxMultiList__button {
background-color: #ce050e;
}
.lightboxMultiList:active,
.lightboxMultiList:focus {
background-color: #f9f7f4;
}
.lightboxMultiList:active .lightboxMultiList__button,
.lightboxMultiList:focus .lightboxMultiList__button {
background-color: #b5050d;
}
.lightboxMultiList div {
vertical-align: middle;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.lightboxMultiList div.lightboxMultiList__description {
width: calc(100% - 180px - 120px - 9px);
width: -moz-calc(100% - 180px - 120px - 9px);
width: -webkit-calc(100% - 180px - 120px - 9px);
width: -o-calc(100% - 180px - 120px - 9px);
}
.lightboxMultiList div.lightboxMultiList__inlineinput {
width: calc(100% - 180px - 5px);
width: -moz-calc(100% - 180px - 5px);
width: -webkit-calc(100% - 180px - 5px);
width: -o-calc(100% - 180px - 5px);
margin-bottom: 0;
}
.lightboxMultiList__price {
width: 120px;
text-align: right;
font-weight: 600;
}
.lightboxMultiList__button {
height: 42px;
background-color: #e70610;
text-align: center;
color: #ffffff;
padding: 0 10px;
line-height: 42px;
width: 180px;
}
@media screen and (max-width: 767px) {
.lightboxMultiList__price {
display: none !important;
}
.lightboxMultiList__button {
width: 42px;
}
.lightboxMultiList div.lightboxMultiList__description,
.lightboxMultiList div.lightboxMultiList__inlineinput {
width: calc(100% - 42px);
width: -moz-calc(100% - 42px);
width: -webkit-calc(100% - 42px);
width: -o-calc(100% - 42px);
margin-right: -5px;
}
}
.sortableWishlist .dragBox__head {
min-height: 66px;
}
.sortableWishlist .dragBox.placeholder a,
.sortableWishlist .dragBox.placeholder span {
height: 271px;
}
.sortableWishlist .dragBox .basket_items > li {
cursor: default;
}
.lightboxMultiList--wishlist div.lightboxMultiList__description {
width: calc(100% - 220px - 13px);
width: -moz-calc(100% - 220px - 13px);
width: -webkit-calc(100% - 220px - 13px);
width: -o-calc(100% - 220px - 13px);
}
.lightboxMultiList--wishlist .lightboxMultiList__button {
width: 220px;
}
@media screen and (max-width: 767px) {
.lightboxMultiList--wishlist .lightboxMultiList__button {
width: 100%;
}
.lightboxMultiList--wishlist div.lightboxMultiList__description,
.lightboxMultiList--wishlist div.lightboxMultiList__inlineinput {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
}
.wishListOptions {
display: flex;
align-items: center;
background: #f5f5f5;
padding: 22px;
}
.wishListOptions > div:not(.addAllToBasket) {
padding: 0 22px;
}
.wishListOptions > div:not(.addAllToBasket) a {
display: flex;
align-items: center;
}
.wishListOptions > div:not(.addAllToBasket) a i {
display: flex;
align-items: center;
margin-right: 14px;
font-size: 25px;
}
@media (max-width: 1249px) {
.wishListOptions > div:not(.addAllToBasket) a i {
font-size: 18px;
margin-right: 10px;
}
}
@media (max-width: 1249px) {
.wishListOptions > div:not(.addAllToBasket) a {
font-size: 12px;
}
}
@media (max-width: 767px) {
.wishListOptions > div:not(.addAllToBasket) a {
justify-content: center;
}
}
@media (max-width: 480px) {
.wishListOptions > div:not(.addAllToBasket) a {
flex-direction: column;
text-align: center;
font-size: 10px;
line-height: 1.2;
}
.wishListOptions > div:not(.addAllToBasket) a i {
margin: 0 0 5px;
}
}
.wishListOptions > div:not(.addAllToBasket):first-child {
padding-left: 0;
}
.wishListOptions > div:not(.addAllToBasket):last-child {
padding-right: 0;
}
@media (max-width: 767px) {
.wishListOptions > div:not(.addAllToBasket) {
width: 100%;
flex-shrink: 0;
}
.wishListOptions > div:not(.addAllToBasket):first-child {
padding: unset;
margin-bottom: 10px;
}
}
.wishListOptions .optionQuickOrder {
margin: 0;
min-width: 220px;
transition: min-width 0.2s ease-in-out;
}
.wishListOptions .optionQuickOrder .optionQuickOrder__form {
padding: 0;
border: none;
left: -10px;
}
.wishListOptions .optionQuickOrder .optionQuickOrder__form .quickOrderItem {
margin: 0;
padding: 0;
min-width: 220px;
}
.wishListOptions .optionQuickOrder .optionQuickOrder__form .SearchSuggestDataWrapper {
margin-top: 20px;
width: 450px;
left: 10px;
position: relative;
}
.wishListOptions .optionQuickOrder .optionQuickOrder__form .SearchSuggestDataWrapper .linkWithIcon .icon {
font-size: 16px;
}
@media (max-width: 767px) {
.wishListOptions .optionQuickOrder .optionQuickOrder__form .SearchSuggestDataWrapper {
width: 100%;
}
.wishListOptions .optionQuickOrder .optionQuickOrder__form .SearchSuggestDataWrapper .linkWithIcon .icon {
font-size: 16px;
margin-top: -10px;
}
}
@media (max-width: 1249px) {
.wishListOptions .optionQuickOrder.active {
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.wishListOptions .optionQuickOrder {
border: none;
}
}
.wishListOptions .addAllToBasket {
margin-left: auto;
}
@media (max-width: 767px) {
.wishListOptions .addAllToBasket {
width: 100%;
flex-shrink: 0;
margin-top: 10px;
}
.wishListOptions .addAllToBasket .button_action,
.wishListOptions .addAllToBasket .button_action_border {
width: 100%;
margin-top: 10px;
}
}
@media (max-width: 1249px) {
.wishListOptions {
padding: 11px;
}
}
@media (max-width: 767px) {
.wishListOptions {
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.wishListOptions {
align-items: flex-start;
}
}
.flashMessageWishlist {
position: absolute!important;
right: 0;
bottom: 0;
}
.quickOrderListHint {
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
padding-top: 20px;
margin-bottom: 20px;
}
.quickOrderListHint > div {
display: grid;
grid-template-columns: minmax(80px, 1fr) 9fr;
align-items: center;
}
.quickOrderListHint > div strong {
font-size: 18px;
display: block;
}
@media (max-width: 767px) {
.quickOrderListHint > div br {
display: none;
}
}
.shareWishList a {
display: inline-flex;
align-items: center;
}
.shareWishList a i {
display: flex;
align-items: center;
margin-right: 14px;
font-size: 25px;
}
.deleteWishList {
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
.wishListContainer {
padding-bottom: 100px;
}
}
@media (max-width: 480px) {
.wishListContainer {
padding-bottom: 120px;
}
}
.wishListContainer .table_area {
position: relative;
}
.shipmentAdressList > .row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: -20px;
}
@media (min-width: 768px) {
.shipmentAdressList > .row {
margin-bottom: -40px;
}
}
.shipmentAdressList > .row > div {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.shipmentAdressList > .row > div {
margin-bottom: 40px;
}
}
.shipmentAdressList > .row > div.col-xs-12 {
display: flex;
}
.shipmentAdressList__item {
padding: 20px;
float: none;
display: flex;
flex-direction: column;
width: 100%;
}
.shipmentAdressList__itemType {
font-size: 12px;
padding: 4px 8px;
line-height: 16px;
border-radius: 12px;
background: #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
}
.shipmentAdressList__itemHeader {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.shipmentAdressList__itemHeader span {
font-weight: 600;
}
.shipmentAdressList__itemContent {
flex-grow: 1;
}
.shipmentAdressList__itemBottom {
font-size: 14px;
margin-top: 20px;
width: 100%;
}
.shipmentAdressList__itemBottom .linkWithIcon {
margin-right: 2px;
}
.shipmentAdressList__itemBottom .linkWithIcon:last-child {
margin-right: 0;
}
.shipmentAdressList__item--new .shipmentAdressList__itemContent {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.shipmentAdressList__item--new i {
display: block;
font-size: 3em;
}
.pass-wrapper {
margin-top: 10px;
}
.pass-wrapper .pass-text {
font-size: 13px;
margin-top: 5px;
display: block;
}
.orderstat {
font-size: 16px;
}
.orderstat > .row > div[class^="col"] {
padding-top: 45px;
padding-bottom: 45px;
}
@media (min-width: 1250px) {
.orderstat > .row {
margin-left: -125px;
margin-right: -125px;
}
.orderstat > .row > div[class^="col"] {
padding: 90px 125px;
}
}
.orderstat hr {
border-color: #4A4B4D;
}
.orderstat p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.orderstat .customerInformation > div {
margin-bottom: 16px;
}
.orderstat .customerInformation > div:last-child {
margin-bottom: 0;
}
}
.orderstat .button_action,
.orderstat .button_action_border {
flex-shrink: 0;
}
.orderstat .button_action:before,
.orderstat .button_action_border:before {
content: "\00BB";
padding-right: 5px;
}
.orderstat #orderstat__animation {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 60px;
max-width: 500px;
position: relative;
}
.orderstat #orderstat__animation .status {
width: 47px;
height: 47px;
position: relative;
background: #f5f5f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.orderstat #orderstat__animation .status i {
font-size: 12px;
margin-top: 3px;
color: #ffffff;
opacity: 0;
}
.orderstat #orderstat__animation .status .description {
position: absolute;
bottom: -29px;
font-size: 12px;
width: 150px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
@media (max-width: 480px) {
.orderstat #orderstat__animation .status .description {
bottom: -39px;
font-size: 10px;
width: 80px;
}
}
.orderstat #orderstat__animation .status:before {
content: "";
width: 35px;
height: 35px;
border: 2px solid #ffffff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.orderstat #orderstat__animation:before {
content: "";
width: 100%;
height: 5px;
background: #f5f5f5;
position: absolute;
top: 21px;
}
.orderstat #orderstat__animation:after {
content: "";
height: 5px;
background: #040004;
position: absolute;
top: 21px;
}
.orderstat #orderstat__animation.order_status_open.animate-it .status-1 {
animation-name: setStatusBlack;
animation-duration: .2s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_status_open.animate-it .status-1 i {
animation-name: setIconVisible;
animation-duration: .2s;
animation-delay: .2s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_confirmation.animate-it .status-1 {
animation-name: setStatusBlack;
animation-duration: .2s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_confirmation.animate-it .status-1 i {
animation-name: setIconVisible;
animation-duration: .2s;
animation-delay: .2s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_confirmation.animate-it .status-2 {
animation-name: setStatusBlack;
animation-duration: .2s;
animation-delay: 1.25s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_confirmation.animate-it .status-2 i {
animation-name: setIconVisible;
animation-duration: .2s;
animation-delay: 1.45s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_confirmation.animate-it:after {
animation-name: afterWidth1;
animation-duration: 2s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-1 {
background: #040004;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-1 i {
opacity: 1;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-2 {
animation-name: setStatusBlack;
animation-duration: .2s;
animation-delay: 1.15s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-2 i {
animation-name: setIconVisible;
animation-duration: .2s;
animation-delay: 1.35s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-3 {
animation-name: setStatusBlack;
animation-duration: .2s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it .status-3 i {
animation-name: setIconVisible;
animation-duration: .2s;
animation-delay: 2.7s;
animation-fill-mode: forwards;
}
.orderstat #orderstat__animation.order_shipment_prepared.animate-it:after {
animation-name: afterWidth2;
animation-duration: 4s;
animation-fill-mode: forwards;
}
@keyframes afterWidth1 {
0% {
width: 0;
}
100% {
width: 50%;
}
}
@keyframes afterWidth2 {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes setStatusBlack {
0% {
background: #f5f5f5;
}
100% {
background: #040004;
}
}
@keyframes setIconVisible {
0% {
opacity: 0;
transform: scale(1);
}
30% {
transform: scale(2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 1539px) {
.orderstat #orderstat__animation {
max-width: 440px;
}
}
@media (max-width: 1249px) {
.orderstat #orderstat__animation {
max-width: 380px;
}
}
@media (max-width: 1023px) {
.orderstat #orderstat__animation {
margin-top: 30px;
}
}
.orderstat__login {
display: flex;
align-items: flex-end;
margin-top: 15px;
margin-bottom: 60px;
}
.orderstat__login .input {
margin-bottom: 0;
margin-right: 16px;
width: 100%;
}
@media (max-width: 767px) {
.orderstat__login {
flex-direction: column;
}
.orderstat__login .input {
margin-right: 0;
margin-bottom: 8px;
}
.orderstat__login .button_action,
.orderstat__login .button_action_border {
align-self: flex-end;
}
}
Bes .orderstat__service {
display: flex;
align-items: center;
margin-bottom: 36px;
}
Bes .orderstat__service h3,
Bes .orderstat__service .counting__text,
Bes .orderstat__service .countText,
Bes .orderstat__service .finderFilter__label {
margin-right: 28px;
font-weight: 400;
margin-bottom: 0;
}
Bes .orderstat__service h3 strong,
Bes .orderstat__service .counting__text strong,
Bes .orderstat__service .countText strong,
Bes .orderstat__service .finderFilter__label strong {
font-weight: 600;
}
@media (max-width: 767px) {
Bes .orderstat__service {
flex-direction: column;
align-items: flex-start;
}
Bes .orderstat__service h3,
Bes .orderstat__service .counting__text,
Bes .orderstat__service .countText,
Bes .orderstat__service .finderFilter__label {
margin-right: 0;
margin-bottom: 8px;
}
Bes .orderstat__service .button_action,
Bes .orderstat__service .button_action_border {
align-self: flex-end;
}
}
.orderstat__right {
background: #f5f5f5;
}
.orderstat__itemlist .item {
display: flex;
align-items: center;
margin-bottom: 28px;
}
.orderstat__itemlist .item .image {
width: 90px;
margin-right: 28px;
flex-shrink: 0;
}
.orderstat__itemlist .item .image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.orderstat__itemlist .item .description {
margin-right: 28px;
}
.orderstat__itemlist .item .description h3,
.orderstat__itemlist .item .description .h3,
.orderstat__itemlist .item .description .counting__text,
.orderstat__itemlist .item .description .countText,
.orderstat__itemlist .item .description .finderFilter__label {
margin-bottom: 5px;
}
.orderstat__itemlist .item .description p {
margin-bottom: 5px;
line-height: 1.2;
}
.orderstat__itemlist .item .price {
font-weight: 600;
font-size: 20px;
flex-shrink: 0;
margin-left: auto;
}
.orderstat__itemlist .item .quantity {
font-size: 14px;
}
.orderstat__itemlist .item:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.orderstat__itemlist .item {
margin-bottom: 14px;
align-items: flex-start;
flex-wrap: wrap;
}
.orderstat__itemlist .item .image {
width: 45px;
margin-right: 14px;
}
.orderstat__itemlist .item .description {
margin-right: 0;
width: calc(100% - 59px);
width: -moz-calc(100% - 59px);
width: -webkit-calc(100% - 59px);
width: -o-calc(100% - 59px);
}
.orderstat__itemlist .item .price {
width: 100%;
text-align: right;
}
}
.orderstat__table {
padding-top: 16px;
margin-top: 32px;
border-top: 1px solid #040004;
}
.orderstat__table tr:first-child {
font-size: 20px;
font-weight: 600;
}
.orderstat__table td {
vertical-align: top !important;
padding-bottom: 8px;
}
.orderstat__table .total {
padding-top: 16px;
border-top: 1px solid #040004;
}
.orderstat__table .order_price_total_label {
font-size: 20px;
color: #040004;
}
.orderstat__table .order_price_total {
font-size: 30px;
color: #040004;
}
.orderstat > .alert {
margin-top: 60px;
}
.trustElements {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
width: 100%;
max-width: 500px;
}
.trustElement {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 8px 20px;
width: 25%;
}
.trustElement:first-child {
margin-left: 0;
}
.trustElement:last-child {
margin-right: 0;
}
.trustElementIcon {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
font-size: 56px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.trustElementIcon.trust-lieferung {
background-image: url(/userdata/images/trustIcons/lieferung.svg);
background-size: 70%;
}
.trustElementIcon.trust-strom {
background-image: url(/userdata/images/trustIcons/strom.svg);
background-size: 70%;
}
.trustElementIcon.trust-verpackungsarm {
background-image: url(/userdata/images/trustIcons/verpackung.svg);
background-size: 70%;
}
@media (max-width: 1249px) {
.trustElementIcon {
width: 40px;
height: 40px;
font-size: 38px;
}
}
@media (max-width: 480px) {
.trustElementIcon {
width: 36px;
height: 36px;
font-size: 36px;
}
}
.trustElementLabel {
font-size: 14px;
line-height: 17px;
text-align: center;
margin-top: 10px;
}
@media (max-width: 1249px) {
.trustElementLabel {
font-size: 12px;
line-height: 15px;
}
}
@media (max-width: 480px) {
.trustElementLabel {
font-size: 10px;
line-height: 13px;
margin-top: 5px;
}
}
.trustElement--round .trustElementIcon {
border-radius: 50%;
background-color: #eae7e3;
}
/* Markup
Sparen Sie
30%
Einzelkauf: 999,99 €
Gespart: 99,99 €
*/
.disruptorWrapper {
position: absolute;
top: 20px;
left: 20px;
border-radius: 50%;
background: #907232;
color: #ffffff;
width: 140px;
aspect-ratio: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 11px;
line-height: 1.4;
border: 2px solid #ffffff;
}
.disruptorWrapper .disruptorLine.percentageDifference {
font-size: 38px;
line-height: 1.1;
font-weight: 600;
}
.disruptorWrapper .disruptorLine.introText {
font-size: 16px;
}
@media (max-width: 1023px) {
.disruptorWrapper {
width: 110px;
font-size: 9px;
line-height: 1.3;
top: 10px;
left: 10px;
z-index: 2;
}
.disruptorWrapper .disruptorLine.percentageDifference {
font-size: 20px;
}
.disruptorWrapper .disruptorLine.introText {
font-size: 12px;
}
}
/* ItemList */
.itemlistBox__image .disruptorWrapper {
border: 1px solid #ffffff;
width: 90px;
font-size: 9px;
line-height: 1.3;
z-index: 2;
text-align: center;
}
.itemlistBox__image .disruptorWrapper .disruptorLine.percentageDifference {
font-size: 24px;
line-height: 1.2;
}
.itemlistBox__image .disruptorWrapper .disruptorLine.percentageDifference:before {
content: '-';
}
.itemlistBox__image .disruptorWrapper .disruptorLine.introText {
display: none;
}
@media (max-width: 767px) {
.itemlistBox__image .disruptorWrapper {
width: 75px;
font-size: 8px;
}
.itemlistBox__image .disruptorWrapper .disruptorLine.percentageDifference {
font-size: 18px;
}
}
.couponFlag {
padding: 1px 30px 1px 5px;
cursor: pointer;
position: relative;
display: inline-flex;
align-items: center;
background: #B5E3AF;
font-weight: 600;
gap: 5px;
}
.couponFlag:before {
content: "\f02c";
font-family: FontAwesome;
line-height: 1;
font-size: 1.1em;
position: absolute;
right: 7px;
top: 50%;
margin-top: 1px;
transform: translateY(-50%);
}
.couponFlag:hover {
background: #a4dc9c;
}
.couponFlag:focus,
.couponFlag:active {
background: #92d689;
}
.couponFlag.is-success,
.couponFlag.is-error {
background: #4A4B4D !important;
border-color: #4A4B4D !important;
color: #040004 !important;
cursor: not-allowed;
pointer-events: none;
}
.couponFlag.is-success {
background: #387E06 !important;
color: #ffffff !important;
}
.couponFlag.is-error {
background: #e70610 !important;
color: #ffffff !important;
}
.itemcardListQueue {
margin-bottom: -20px;
}
.itemcardListQueue .itemQueue {
margin-bottom: 20px;
}
.itemcardListQueue > .row {
display: flex;
flex-wrap: wrap;
}
.itemcardListQueue > .row > * {
display: flex;
flex-wrap: wrap;
}
.itemQueue {
display: flex;
flex-direction: column;
color: #040004;
width: 100%;
}
.itemQueue a {
color: #040004;
}
.itemQueue a:hover {
color: #907232;
}
.itemQueue__content {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.itemQueue__description {
flex-grow: 1;
}
.itemQueue__prices {
justify-content: center;
margin-top: 10px;
}
.itemQueue__prices .itemBasePrice {
font-size: 20px;
}
.itemQueue__orderButton {
margin-top: 10px;
}
.itemQueue__orderButton .basket_button {
flex-direction: column;
}
.itemQueue__orderButton .basket_button_wrapper {
padding-left: 0;
margin-top: 10px;
}
.itemQueue__orderButton .quantity {
margin: 0 auto;
}
.itemQueue__orderButton .basket_button .itemorder_submit_button {
font-size: 1.4rem;
}
.itemQueue__orderButton .orderbox_gramm_pricing {
min-height: 78px;
font-size: 11px;
}
.userQueueAdded__image:before {
padding-top: 75%;
}
body .background--tea,
body .background--selektion,
body .background--kaiserburg {
display: none;
}
body .background--lks {
display: block;
}
body.isTea .background--lks,
body.isTea .background--selektion,
body.isTea .background--kaiserburg {
display: none;
}
body.isTea .background--tea {
display: block;
}
body.isSelektion .background--lks,
body.isSelektion .background--tea,
body.isSelektion .background--kaiserburg {
display: none;
}
body.isSelektion .background--selektion {
display: block;
}
body.isKaiserburg .background--lks,
body.isKaiserburg .background--tea,
body.isKaiserburg .background--selektion {
display: none;
}
body.isKaiserburg .background--kaiserburg {
display: block;
}
.discount_info,
.creation_info,
.item_order_button_discount_info_element {
font-style: italic;
}
.free_item_bar {
height: 4px;
position: relative;
margin-top: 10px;
margin-bottom: 80px;
background-color: #e8e8e8;
border-radius: 3px;
}
.free_item_bar.showMissingAmountInfo {
margin-bottom: 170px;
}
.free_item_bar .loading_bar {
position: absolute;
bottom: 0;
top: 0;
left: 0;
background-color: #387E06;
max-width: 100%;
border-radius: 10px;
animation-name: freePackingAnimation;
animation-duration: 4s;
}
.free_item_bar .step_line {
position: absolute;
bottom: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 20px;
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-top: solid 10px #e8e8e8;
margin-top: 7px;
}
@media (min-width: 768px) {
.free_item_bar .step_line.requ_fulfilled {
border-top-width: 0;
}
}
.free_item_bar .step_line.requ_fulfilled .step_text {
border-color: #040004;
}
.free_item_bar .step_line.requ_fulfilled .step_text:after {
line-height: 0.6;
content: "\E019";
display: flex;
align-items: center;
justify-content: center;
font-family: "icons";
position: absolute;
width: 18px;
height: 18px;
border-radius: 50%;
background: #040004;
color: #ffffff;
font-size: 8px;
right: 0;
top: -2px;
}
.free_item_bar .step_line.requ_fulfilled .step_count:after {
display: flex;
}
.free_item_bar .step_count {
position: absolute;
text-align: center;
transform: translateX(-50%);
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #e8e8e8;
top: 5px;
align-items: center;
justify-content: center;
display: none;
}
.free_item_bar .step_count:after {
line-height: 0.6;
content: "\E019";
align-items: center;
justify-content: center;
font-family: "icons";
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #040004;
color: #ffffff;
font-size: 6px;
right: -7px;
top: -5px;
display: none;
}
.free_item_bar .step_text {
position: absolute;
text-align: center;
white-space: nowrap;
transform: translateX(-50%);
left: 50%;
border: 1px solid #dcdcdc;
border-radius: 26px;
padding: 12px 15px;
line-height: 1.1;
font-size: 12px;
}
.free_item_bar .step_text.step_text_bottom {
top: calc(100% + 10px);
top: -moz-calc(100% + 10px);
top: -webkit-calc(100% + 10px);
top: -o-calc(100% + 10px);
}
.free_item_bar .step_text.step_text_top {
bottom: calc(100% + 10px);
bottom: -moz-calc(100% + 10px);
bottom: -webkit-calc(100% + 10px);
bottom: -o-calc(100% + 10px);
}
.free_item_bar .step_text span {
color: #387E06;
}
.free_item_bar .basket_free_minis {
margin-top: 10px;
margin-bottom: 10px;
height: 40px !important;
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
}
.free_item_bar .missingAmount__wrapper {
position: absolute;
top: 80px;
background: #f5f5f5;
max-width: 300px;
min-width: 100px;
text-align: center;
border-radius: 10px;
padding: 5px 10px;
line-height: 1.2;
}
@media (min-width: 768px) {
.free_item_bar .missingAmount__wrapper {
border-radius: 22px;
padding: 8px 12px 7px 12px;
}
}
@media (max-width: 767px) {
.free_item_bar .missingAmount__wrapper {
font-size: 11px;
}
}
.free_item_bar .missingAmount__wrapper:before {
content: "";
position: absolute;
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-bottom: solid 10px #f5f5f5;
top: -9px;
right: 20px;
}
.bar_description_mobile {
display: none;
margin-bottom: 10px;
text-align: center;
}
.bar_description_mobile .step_count {
text-align: center;
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #e8e8e8;
align-items: center;
justify-content: center;
display: flex;
color: #040004 !important;
}
.bar_description_mobile .step_text {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
}
.bar_description_mobile .step_text:last-child {
border-bottom: 0;
}
.bar_description_mobile .step_text span {
color: #387E06;
}
.bar_description_mobile .step_text.requ_fulfilled .step_count {
position: relative;
}
.bar_description_mobile .step_text.requ_fulfilled .step_count:after {
line-height: 0.6;
content: "\E019";
display: flex;
align-items: center;
justify-content: center;
font-family: "icons";
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #040004;
color: #ffffff;
font-size: 6px;
right: -7px;
top: -5px;
}
@media (max-width: 767px) {
.free_item_bar {
margin-bottom: 30px;
margin-top: 0;
}
.free_item_bar.showMissingAmountInfo {
margin-bottom: 100px;
}
.free_item_bar .step_text {
display: none;
}
.free_item_bar .step_count {
display: flex;
}
.free_item_bar .missingAmount__wrapper {
top: 50px;
}
.bar_description_mobile {
display: block;
}
.bar_description_mobile .step_text {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
}
@keyframes freePackingAnimation {
from {
max-width: 0;
}
to {
max-width: 100%;
}
}
.setGraduatedPriceTable .table-striped {
display: grid;
}
.setGraduatedPriceTable .table-striped .table_row {
display: grid;
grid-template-columns: 1fr auto auto;
}
.setGraduatedPriceTable .table-striped .table_body:nth-child(odd) {
background: #f5f5f5;
}
.setGraduatedPriceTable .table-striped .table_body .selected_state {
position: relative;
padding-right: 40px;
}
.setGraduatedPriceTable .table-striped .table_body .selected_state:after {
content: "";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
border-radius: 50%;
background: #727272;
}
.setGraduatedPriceTable .table-striped .table_body .selected_state.is-active:after {
content: "\E053";
background: #387E06;
font-family: "icons";
color: #ffffff;
font-size: 14px;
}
.setGraduatedPriceTable .discount_info > span {
background: #e70610;
border-radius: 4px;
padding: 4px;
color: #ffffff;
}
.setGraduatedPriceTable .discount_info > span:empty {
background: none;
}
.setItemsHeadline {
color: #907232;
font-size: 32px;
font-weight: bold;
}
@media (max-width: 767px) {
.setItemsHeadline {
font-size: 21px;
}
}
.setItemList .owl-carousel {
display: flex;
flex-direction: column;
}
.setItemList .owl-carousel .owl-stage-outer {
display: flex;
flex-direction: column;
}
.setItemList .owl-carousel .owl-stage-outer .owl-stage {
display: flex;
}
.setItemList .item-details-container {
margin: 0;
}
.setItemList .itemcard_list {
margin: 0;
}
.setItemList .itemcard_list.owl-carousel .owl-nav > button.owl-prev {
right: 45px;
}
.setItemList .itemcard_list.owl-carousel .owl-nav > button.owl-next {
right: 0;
}
#dc_amount_select {
margin-left: -10px;
margin-right: -10px;
float: left;
}
#dc_amount_select .dc_amount {
margin-left: 10px;
margin-right: 10px;
min-width: 0;
margin-bottom: 10px;
}
#dc_amount_select .dc_amount.active {
background-color: #907232;
border-color: #907232;
color: #ffffff;
}
#dc_individ_input {
float: left;
width: 350px;
}
#dc_individ_input label {
display: inline-block;
width: 100px;
margin-right: -3px;
vertical-align: middle;
margin-bottom: 0;
text-align: center;
}
#dc_individ_input input {
display: inline-block;
width: calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -o-calc(100% - 100px);
margin-right: -3px;
vertical-align: middle;
}
#dc_background_select {
margin-bottom: 20px;
}
#dc_background_select .dc_background {
display: inline-block;
margin-top: 20px;
margin-right: 20px;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-ms-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
cursor: pointer;
width: 140px;
}
#dc_background_select .dc_background .image:before {
padding-top: 70%;
}
#dc_background_select .dc_background.active {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
#input_message,
#message {
height: 221px;
}
#dc_message #message {
height: 150px;
}
#coupon_background_image {
width: 100%;
height: 380px;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
.greetingOrderbox .image:before {
padding-top: 56%;
}
.greetingOrderbox .image {
margin-bottom: 10px;
}
.greetingOrderbox .description {
margin-bottom: 10px;
font-weight: 600;
font-size: 16px;
}
.greetingOrderbox .checkoutOrderbox__top {
text-align: center;
}
#greeting_price h4 {
margin-bottom: 0;
}
.isCheckBox {
padding-left: 40px;
position: relative;
}
.isCheckBox:before {
font-family: "icons";
content: "\E006";
position: absolute;
top: 50%;
left: 0;
width: 20px;
font-size: 24px;
margin-top: -19px;
text-align: center;
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.isCheckBox.active:before {
color: #387E06;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
#greeting_card .slidecontent_headline__button {
display: none;
}
#greeting_card .slide_container.selected .slidecontent_headline__button {
display: block;
}
#greeting_card .slidecontent_content_container {
padding-left: 0;
padding-right: 0;
}
.basket_gift_package {
border: 1px solid #727272;
padding: 10px;
margin: 10px 0;
}
.basket_gift_package .greeting-card-text {
font-size: 12px;
line-height: 1.2em;
margin: 10px 0;
word-break: break-word;
max-width: 100%;
}
.quickOrderItems {
margin-bottom: -20px;
font-size: 14px;
}
.quickOrderItem {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 20px;
}
.quickOrderItem > div {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
margin-right: -4px;
}
.quickOrderItem__name,
.quickOrderItem__formFilled {
font-weight: 600;
width: calc(100% - 200px - 105px - 40px);
width: -moz-calc(100% - 200px - 105px - 40px);
width: -webkit-calc(100% - 200px - 105px - 40px);
width: -o-calc(100% - 200px - 105px - 40px);
}
.quickOrderItem__itemNo {
width: calc(100% - 105px - 105px - 40px);
width: -moz-calc(100% - 105px - 105px - 40px);
width: -webkit-calc(100% - 105px - 105px - 40px);
width: -o-calc(100% - 105px - 105px - 40px);
}
.quickOrderItem__itemNo input {
width: 100%;
}
.quickOrderItem__itemNo2 {
width: 200px;
}
.quickOrderItem__quantity {
width: 105px;
}
.quickOrderItem__delete {
width: 40px;
text-align: center;
font-size: 1.6em;
}
.quickOrderItem .suggestion_item_description {
width: calc(100% - 50px - 80px);
width: -moz-calc(100% - 50px - 80px);
width: -webkit-calc(100% - 50px - 80px);
width: -o-calc(100% - 50px - 80px);
}
@media screen and (max-width: 480px) {
.quickOrderItem .suggestion_item_description {
width: calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -o-calc(100% - 50px);
}
.quickOrderItem .suggestion_item_price {
width: 100%;
}
}
.optionQuickOrder {
position: relative;
margin-bottom: 10px;
}
.optionQuickOrder__form {
padding: 9px 15px;
border: 2px solid #f5f5f5;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
z-index: -1;
}
.optionQuickOrder__form:after {
display: block;
content: " ";
clear: both;
}
.optionQuickOrder__button {
cursor: pointer;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.optionQuickOrder__button:after {
display: none;
}
.optionQuickOrder .quickOrderItem__itemNo {
width: 100%;
}
.optionQuickOrder .suggestion_line {
border-bottom: 1px solid #f5f5f5;
padding-top: 5px;
padding-bottom: 5px;
cursor: default;
}
.optionQuickOrder .suggestion_item_description {
width: calc(100% - 50px - 80px);
width: -moz-calc(100% - 50px - 80px);
width: -webkit-calc(100% - 50px - 80px);
width: -o-calc(100% - 50px - 80px);
}
.optionQuickOrder.active .optionQuickOrder__button {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.optionQuickOrder.active .optionQuickOrder__form {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 1;
}
.quickOrderItems--single .quickOrderItem__form {
width: calc(100% - 200px - 105px - 40px);
width: -moz-calc(100% - 200px - 105px - 40px);
width: -webkit-calc(100% - 200px - 105px - 40px);
width: -o-calc(100% - 200px - 105px - 40px);
}
.quickOrderItems--single .quickOrderItem__itemNo {
width: 100%;
}
.quickOrderItems--single .quickOrderItem__itemNo .quickOrderSuggestItems {
position: relative;
width: 100%;
}
.quickOrderItems--single .quickOrderItem__itemNo .SearchSuggestDataWrapper {
position: absolute;
top: 100%;
width: 100%;
}
@media screen and (max-width: 767px) {
.quickOrderItems--single .quickOrderItem__formFilled {
width: calc(100% - 105px - 40px);
width: -moz-calc(100% - 105px - 40px);
width: -webkit-calc(100% - 105px - 40px);
width: -o-calc(100% - 105px - 40px);
}
.quickOrderItems--single .quickOrderItem__form {
position: fixed;
left: 0;
top: 0;
width: 100%;
max-height: none;
padding: 0;
border: 0;
background-color: rgba(255, 255, 255, 0.6);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
z-index: -1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.quickOrderItems--single .quickOrderItem__form input {
padding-top: 16px;
padding-bottom: 17px;
padding-left: 54px;
border: 0;
font-size: 15px;
line-height: 21px;
-webkit-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
-moz-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
}
.quickOrderItems--single .quickOrderItem__quantity {
width: 105px;
}
.quickOrderItems--single > .quickOrderItem > div:not(.quickOrderItem__form) {
display: none;
}
.quickOrderItems--single .quickOrderItem.active .quickOrderItem__form {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 250;
}
.quickOrderItems--single .quickOrderItem.filled > .quickOrderItem__formFilled,
.quickOrderItems--single .quickOrderItem.filled > .quickOrderItem__quantity,
.quickOrderItems--single .quickOrderItem.filled > .quickOrderItem__delete {
display: inline-block;
}
.quickOrderItems--single .SearchSuggestDataWrapper {
top: 0;
max-height: none;
height: 100vh;
height: calc(100vh - 54px);
height: -moz-calc(100vh - 54px);
height: -webkit-calc(100vh - 54px);
height: -o-calc(100vh - 54px);
padding-top: 0;
overflow-y: scroll;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
#quickOrderSuggestItems #ItemSuggestionWrapper,
.quickOrderSuggestItems #ItemSuggestionWrapper {
width: 100%;
}
#quickOrderSuggestItems .SearchSuggestDataWrapper,
.quickOrderSuggestItems .SearchSuggestDataWrapper {
background-color: #ffffff;
max-height: 350px;
padding: 20px;
-webkit-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.15);
overflow-y: auto;
z-index: 1;
}
@media screen and (max-width: 767px) {
.optionQuickOrder.active .optionQuickOrder__form {
z-index: 250;
}
.optionQuickOrder__form {
position: fixed;
left: 0;
top: 0;
width: 100%;
max-height: none;
padding: 0;
border: 0;
background-color: rgba(255, 255, 255, 0.6);
}
.optionQuickOrder__form .SearchSuggestDataWrapper {
max-height: none;
height: 100vh;
padding-top: 74px;
overflow-y: scroll;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.optionQuickOrder__form .quickOrderItem {
padding-bottom: 0;
}
.optionQuickOrder__form .quickOrderItems {
position: fixed;
left: 0;
top: 0;
width: 100%;
-webkit-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
-moz-box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
box-shadow: 0 4px 4px rgba(4, 0, 4, 0.07);
z-index: 251;
}
.optionQuickOrder__form .quickOrderItems input {
padding-top: 16px;
padding-bottom: 17px;
padding-left: 54px;
padding-right: 54px;
border: 0;
font-size: 15px;
line-height: 21px;
}
.optionQuickOrder__form .optionQuickOrder.active .optionQuickOrder__button {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
}
@media screen and (max-width: 480px) {
.optionQuickOrder .suggestion_item_description {
width: calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -o-calc(100% - 50px);
}
.optionQuickOrder .suggestion_item_price {
width: 100%;
padding-left: 0;
}
}
.quickOrderItem .quickOrderItem__delete {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
.quickOrderItem .quickOrderItem__delete > a {
cursor: default;
}
.quickOrderItem .quickOrderItem__delete > a:hover {
color: #907232;
}
.quickOrderItem.filled .quickOrderItem__delete {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.quickOrderItem.filled .quickOrderItem__delete > a {
cursor: pointer;
}
.quickOrderItem.filled .quickOrderItem__delete > a:hover {
color: #e70610;
}
.shipping_addresses_table {
width: 100%;
height: 400px;
overflow-y: auto;
border: 1px solid #727272;
padding: 10px;
}
@media screen and (max-width: 767px) {
.shipping_addresses_table .table_area {
display: table;
}
.shipping_addresses_table .table_row {
display: table-row;
}
.shipping_addresses_table .table_cell {
display: table-cell;
}
}
.shipping_addresses_textarea > textarea {
width: 100%;
height: 400px;
overflow-y: auto;
padding: 10px;
margin-bottom: 0;
}
.dealerSearch {
margin: 40px -20px;
}
.dealerSearch:after {
clear: both;
display: block;
content: " ";
}
.dealerSearch__input {
float: left;
width: calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: -webkit-calc(100% - 200px);
width: -o-calc(100% - 200px);
padding-left: 20px;
padding-right: 20px;
}
.dealerSearch__radius .form-group {
position: relative;
}
.dealerSearch__radius input {
padding-right: 50px;
}
.dealerSearch__radius .input-group-addon {
background-color: #ffffff;
border: 1px solid #727272;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #040004;
font-size: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 10px 15px;
height: auto;
line-height: 20px;
position: absolute;
right: 0;
bottom: 0;
padding-left: 0;
border-left: 0;
min-width: 50px;
text-align: right;
pointer-events: none;
}
.dealerSearch__radius .input-group-addon:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #040004;
}
.dealerSearch__radius .input-group-addon:focus + .input-group-addon {
border-color: #040004;
}
.dealerSearch__radius .input-group-addon:disabled {
color: #040004;
}
@media screen and (max-width: 767px) {
.dealerSearch__radius .input-group-addon {
font-size: 13px;
}
}
.dealerSearch__radius,
.dealerSearch__button {
float: left;
width: 200px;
padding-left: 20px;
padding-right: 20px;
}
.dealerSearch__button {
padding-top: 28px;
}
.dealerSearch__button .button,
.dealerSearch__button .button_primary,
.dealerSearch__button .btn-primary,
.dealerSearch__button .button_second,
.dealerSearch__button .btn-second,
.dealerSearch__button .button_warning,
.dealerSearch__button .btn-warning,
.dealerSearch__button .button_success,
.dealerSearch__button .btn-success,
.dealerSearch__button .button_info,
.dealerSearch__button .btn-info,
.dealerSearch__button .button_action,
.dealerSearch__button .btn-action,
.dealerSearch__button .button_danger,
.dealerSearch__button .btn-danger,
.dealerSearch__button .button_transparent,
.dealerSearch__button .btn-transparent,
.dealerSearch__button .button_white,
.dealerSearch__button .btn-white,
.dealerSearch__button .button_option,
.dealerSearch__button .button_action_border,
.dealerSearch__button .collectionGroupFilter__item > span,
.dealerSearch__button #dc_amount_select .dc_amount {
min-width: 0;
width: 100%;
}
@media screen and (max-width: 1539px) {
.dealerSearch__map {
max-height: 700px;
}
}
@media screen and (max-width: 1249px) {
.dealerSearch__map {
max-height: 600px;
}
}
@media screen and (max-width: 1023px) {
.dealerSearch__map {
max-height: 500px;
}
}
@media screen and (max-width: 767px) {
.dealerSearch__map {
max-height: 400px;
}
.dealerSearch__input {
width: calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: -webkit-calc(100% - 200px);
width: -o-calc(100% - 200px);
}
.dealerSearch__radius {
width: 200px;
}
.dealerSearch__button .button,
.dealerSearch__button .button_primary,
.dealerSearch__button .btn-primary,
.dealerSearch__button .button_second,
.dealerSearch__button .btn-second,
.dealerSearch__button .button_warning,
.dealerSearch__button .btn-warning,
.dealerSearch__button .button_success,
.dealerSearch__button .btn-success,
.dealerSearch__button .button_info,
.dealerSearch__button .btn-info,
.dealerSearch__button .button_action,
.dealerSearch__button .btn-action,
.dealerSearch__button .button_danger,
.dealerSearch__button .btn-danger,
.dealerSearch__button .button_transparent,
.dealerSearch__button .btn-transparent,
.dealerSearch__button .button_white,
.dealerSearch__button .btn-white,
.dealerSearch__button .button_option,
.dealerSearch__button .button_action_border,
.dealerSearch__button .collectionGroupFilter__item > span,
.dealerSearch__button #dc_amount_select .dc_amount {
max-width: 200px;
}
}
@media screen and (max-width: 480px) {
.dealerSearch__map {
max-height: 300px;
}
.dealerSearch__input,
.dealerSearch__radius {
width: 100%;
}
.dealerSearch__button {
text-align: center;
width: 100%;
padding-top: 10px;
}
.dealerSearch__button .button,
.dealerSearch__button .button_primary,
.dealerSearch__button .btn-primary,
.dealerSearch__button .button_second,
.dealerSearch__button .btn-second,
.dealerSearch__button .button_warning,
.dealerSearch__button .btn-warning,
.dealerSearch__button .button_success,
.dealerSearch__button .btn-success,
.dealerSearch__button .button_info,
.dealerSearch__button .btn-info,
.dealerSearch__button .button_action,
.dealerSearch__button .btn-action,
.dealerSearch__button .button_danger,
.dealerSearch__button .btn-danger,
.dealerSearch__button .button_transparent,
.dealerSearch__button .btn-transparent,
.dealerSearch__button .button_white,
.dealerSearch__button .btn-white,
.dealerSearch__button .button_option,
.dealerSearch__button .button_action_border,
.dealerSearch__button .collectionGroupFilter__item > span,
.dealerSearch__button #dc_amount_select .dc_amount {
max-width: none;
}
}
.dealerSearchResult {
padding-top: 60px;
padding-bottom: 60px;
}
.dealerSearchResult h3,
.dealerSearchResult .counting__text,
.dealerSearchResult .countText,
.dealerSearchResult .finderFilter__label {
margin-bottom: 20px;
}
.dealerSearchResult__item {
border-bottom: 1px solid #907232;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
display: block;
color: #040004;
}
.dealerSearchResult__item:hover {
color: #040004;
}
.dealerSearchResult__item:hover .dealerSearchResult__itemDetailsButton:after {
border-bottom-color: #e70610;
}
.dealerSearchResult__itemDetailsButton {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
cursor: pointer;
text-align: center;
vertical-align: bottom;
height: 80px;
}
.dealerSearchResult__itemDetailsButton span {
color: #ffffff !important;
line-height: 0;
position: absolute;
right: 12px;
bottom: 20px;
font-size: 46px;
}
.dealerSearchResult__itemDetailsButton:after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 80px solid transparent;
border-left: 80px solid transparent;
border-bottom: 80px solid #907232;
position: absolute;
z-index: -1;
bottom: 0;
right: 0;
}
.cropit-preview-image {
max-width: none !important;
}
.individualizeOrderrow {
line-height: 44px;
}
.individualizeOrderrow .basket_button {
margin-bottom: 0;
display: block;
}
#user_queue .individualizeOrderrow .itemcard_order_button_input_wrapper_outer {
margin-top: 0;
}
.basket_customization_area {
margin-top: 10px;
}
.individualize-button {
font-size: 2em;
color: #e70610;
display: block;
line-height: 1;
}
.filearea {
position: relative;
}
.slider-wrapper {
display: inline-block;
width: 50%;
float: right;
}
.slider-wrapper .icon-image {
color: #040004;
display: inline-block;
text-align: left;
vertical-align: middle;
font-weight: bold;
width: 50px;
/*&:before {
content: "\E018";
font-family: "icons";
}*/
}
.slider-wrapper input {
padding: 0;
min-height: 24px;
width: calc(100% - 50px - 4px);
width: -moz-calc(100% - 50px - 4px);
width: -webkit-calc(100% - 50px - 4px);
width: -o-calc(100% - 50px - 4px);
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.slider-wrapper {
float: none;
width: 100%;
}
}
.controls-wrapper {
font-size: 14px;
line-height: 35px;
margin: 30px auto 30px auto;
width: 750px;
max-width: 100%;
vertical-align: middle;
}
.controls-wrapper .uploadForm {
display: inline-block;
vertical-align: middle;
max-width: 50%;
padding-right: 15px;
margin-bottom: 5px;
}
.controls-wrapper .uploadForm__input {
float: none;
}
.controls-wrapper .uploadForm__input label {
display: block;
position: relative;
padding: 0 0 0 30px;
border: 0;
line-height: 35px;
color: #907232;
font-size: 14px;
}
.controls-wrapper .uploadForm__input label:hover {
color: #e70610;
}
.controls-wrapper .uploadForm__input i {
font-size: 1.6em;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
line-height: 20px;
text-align: center;
width: 20px;
}
@media screen and (max-width: 767px) {
.controls-wrapper .uploadForm {
max-width: none;
}
}
.controls-wrapper .actionBtn {
display: inline-block;
margin-right: 15px;
position: relative;
padding: 0 0 0 30px;
border: 0;
line-height: 35px;
color: #907232;
font-size: 14px;
margin-bottom: 5px;
}
.controls-wrapper .actionBtn i {
font-size: 1.6em;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
line-height: 20px;
text-align: center;
width: 20px;
}
.controls-wrapper .actionBtn:hover {
color: #e70610;
}
.dpi_text,
.dpi_text2 {
font-weight: 600;
display: none;
/*span {
//float:right;
margin-left: 10px;
}*/
}
.dpi_text,
.dpi_text2 {
float: left;
width: 50%;
}
@media screen and (max-width: 767px) {
.dpi_text,
.dpi_text2 {
float: none;
width: auto;
}
}
.dpi_text_text,
.dpi_text_text2 {
margin-left: 10px;
}
.dpi_text_text.ok,
.dpi_text_text2.ok,
.dpi_text_text.good,
.dpi_text_text2.good {
color: #387E06;
}
.dpi_text_text.bad,
.dpi_text_text2.bad {
color: #e70610;
}
.dpi_text_tooltip,
.dpi_text_tooltip2 {
color: #040004;
width: 100%;
float: left;
}
@media screen and (max-width: 767px) {
.dpi_text_tooltip,
.dpi_text_tooltip2 {
float: none;
width: auto;
}
}
.dropper__image {
width: 100%;
}
.dropper__image img {
width: 100%;
}
.dropper__image--empty {
background-color: #e6e6e6;
min-height: 150px;
}
.dropper:not(.stophover),
.dropper2:not(.stophover) {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
background-color: #ffffff;
border: 4px dashed #999999;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
min-height: 80px;
}
.dropper:not(.stophover):hover,
.dropper2:not(.stophover):hover,
.dropper:not(.stophover).over,
.dropper2:not(.stophover).over {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
z-index: 2;
}
.dropperInnerArea {
outline: 0 dashed #999999;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.dropperInnerArea.active {
outline-width: 2px;
}
.dropperInnerArea .ui-resizable {
border: 1px dashed #999999;
}
.dropperInnerArea .ui-resizable-handle {
background-color: #ffffff;
}
.dropper__infotext,
.dropper__infotext2 {
text-align: center;
pointer-events: none;
font-weight: 600;
font-size: 14px;
padding: 20px;
margin-bottom: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.dropper__infotext i,
.dropper__infotext2 i {
font-size: 30px;
margin-bottom: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #040004;
display: inline-block;
width: 60px;
height: 60px;
line-height: 52px;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 1023px) {
.dropper__infotext i,
.dropper__infotext2 i {
font-size: 22px;
width: 40px;
height: 40px;
line-height: 36px;
}
.dropper__infotext br,
.dropper__infotext2 br {
display: none;
}
}
@media screen and (max-width: 767px) {
.dropper__infotext,
.dropper__infotext2 {
font-size: 12px;
padding: 10px;
text-align: left;
vertical-align: middle;
}
.dropper__infotext i,
.dropper__infotext2 i {
display: inline-block;
margin-right: 10px;
}
.dropper__infotext .dropper__text,
.dropper__infotext2 .dropper__text {
display: inline-block;
width: calc(100% - 53px);
width: -moz-calc(100% - 53px);
width: -webkit-calc(100% - 53px);
width: -o-calc(100% - 53px);
}
}
.customizedPreview {
margin-bottom: 20px;
}
.customizedPreview:before {
padding-top: 250px;
}
.customization_values {
margin-bottom: 30px;
min-height: 170px;
max-width: 385px;
}
.customization_values .specialradiobox,
.customization_values .specialcheckbox {
margin-bottom: 5px;
}
.customization_values .children_custromization {
margin-left: 30px;
display: none;
}
.customization_values .children_custromization > div {
display: inline-block;
padding-right: 20px;
width: 50%;
margin-right: -3px;
}
@media screen and (max-width: 480px) {
.customization_values .children_custromization > div {
width: 100%;
padding-right: 0;
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.customization_values {
min-height: 0;
}
}
.not_selectable {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.compare_list_weight {
display: inline-block;
padding-right: 2px;
}
.compare_list_weight:before {
content: "\2022";
padding-right: 5px;
}
.compare_list_weight:first-child:before {
display: none;
}
.archiveFilterbox {
margin-top: 20px;
margin-bottom: 20px;
}
.archiveFilterbox .row {
margin-left: -5px;
margin-right: -5px;
}
.archiveFilterbox .row > div {
padding-left: 5px;
padding-right: 5px;
}
.archiveFilterbox__right .form-group {
margin-bottom: 0;
}
@media screen and (min-width: 1250px) {
.archiveFilterbox__right {
text-align: right;
}
}
@media screen and (max-width: 1249px) {
.archiveFilterbox__right .form-group label {
display: none;
}
}
.archiveFilterbox .button,
.archiveFilterbox .button_primary,
.archiveFilterbox .btn-primary,
.archiveFilterbox .button_second,
.archiveFilterbox .btn-second,
.archiveFilterbox .button_warning,
.archiveFilterbox .btn-warning,
.archiveFilterbox .button_success,
.archiveFilterbox .btn-success,
.archiveFilterbox .button_info,
.archiveFilterbox .btn-info,
.archiveFilterbox .button_action,
.archiveFilterbox .btn-action,
.archiveFilterbox .button_danger,
.archiveFilterbox .btn-danger,
.archiveFilterbox .button_transparent,
.archiveFilterbox .btn-transparent,
.archiveFilterbox .button_white,
.archiveFilterbox .btn-white,
.archiveFilterbox .button_option,
.archiveFilterbox .button_action_border,
.archiveFilterbox .collectionGroupFilter__item > span,
.archiveFilterbox #dc_amount_select .dc_amount {
min-width: 0;
}
.archiveFilterbox .button_row,
.archiveFilterbox .button_row--bottom,
.archiveFilterbox .button_row--top {
margin-top: 0;
margin-bottom: 0;
}
.archiveFilterbox .button_row .button,
.archiveFilterbox .button_row .button_primary,
.archiveFilterbox .button_row .btn-primary,
.archiveFilterbox .button_row .button_second,
.archiveFilterbox .button_row .btn-second,
.archiveFilterbox .button_row .button_warning,
.archiveFilterbox .button_row .btn-warning,
.archiveFilterbox .button_row .button_success,
.archiveFilterbox .button_row .btn-success,
.archiveFilterbox .button_row .button_info,
.archiveFilterbox .button_row .btn-info,
.archiveFilterbox .button_row .button_action,
.archiveFilterbox .button_row .btn-action,
.archiveFilterbox .button_row .button_danger,
.archiveFilterbox .button_row .btn-danger,
.archiveFilterbox .button_row .button_transparent,
.archiveFilterbox .button_row .btn-transparent,
.archiveFilterbox .button_row .button_white,
.archiveFilterbox .button_row .btn-white,
.archiveFilterbox .button_row--bottom .button,
.archiveFilterbox .button_row--top .button,
.archiveFilterbox .button_row .button_option,
.archiveFilterbox .button_row .button_action_border,
.archiveFilterbox .button_row .collectionGroupFilter__item > span,
.archiveFilterbox .button_row #dc_amount_select .dc_amount {
margin-top: 0;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.archiveFilterbox .button,
.archiveFilterbox .button_primary,
.archiveFilterbox .btn-primary,
.archiveFilterbox .button_second,
.archiveFilterbox .btn-second,
.archiveFilterbox .button_warning,
.archiveFilterbox .btn-warning,
.archiveFilterbox .button_success,
.archiveFilterbox .btn-success,
.archiveFilterbox .button_info,
.archiveFilterbox .btn-info,
.archiveFilterbox .button_action,
.archiveFilterbox .btn-action,
.archiveFilterbox .button_danger,
.archiveFilterbox .btn-danger,
.archiveFilterbox .button_transparent,
.archiveFilterbox .btn-transparent,
.archiveFilterbox .button_white,
.archiveFilterbox .btn-white,
.archiveFilterbox .button_option,
.archiveFilterbox .button_action_border,
.archiveFilterbox .collectionGroupFilter__item > span,
.archiveFilterbox #dc_amount_select .dc_amount {
width: 100%;
}
}
.archiveTable {
margin-bottom: 30px;
}
.archiveTable .button,
.archiveTable .button_primary,
.archiveTable .btn-primary,
.archiveTable .button_second,
.archiveTable .btn-second,
.archiveTable .button_warning,
.archiveTable .btn-warning,
.archiveTable .button_success,
.archiveTable .btn-success,
.archiveTable .button_info,
.archiveTable .btn-info,
.archiveTable .button_action,
.archiveTable .btn-action,
.archiveTable .button_danger,
.archiveTable .btn-danger,
.archiveTable .button_transparent,
.archiveTable .btn-transparent,
.archiveTable .button_white,
.archiveTable .btn-white,
.archiveTable .button_option,
.archiveTable .button_action_border,
.archiveTable .collectionGroupFilter__item > span,
.archiveTable #dc_amount_select .dc_amount {
width: 190px;
margin-bottom: 0;
}
.archiveTable .table_cell {
padding-top: 0;
padding-bottom: 0;
border-bottom: 0;
}
.archiveTable .table_cell:first-child {
padding-left: 0;
}
.archiveTable .table_cell:last-child {
padding-right: 0;
}
.archiveTable .table_cell .table_cell {
vertical-align: middle;
border-top: 1px solid #f5f5f5;
width: 130px;
padding-top: 10px;
padding-bottom: 10px;
}
.archiveTable .table_cell .table_cell.archiveTable__actionLine {
width: auto;
}
.archiveTable .table_header .table_cell .table_cell {
border-top: 0;
}
.archiveTable__links {
display: inline-block;
padding-right: 10px;
vertical-align: middle;
text-align: left;
min-width: 190px;
}
.archiveTable__links .linkWithIcon:first-child {
margin-bottom: 5px;
}
.archiveTable__statusLine {
width: 130px;
}
.archiveTable__statusLine:not(.isMulti) {
border-top-color: transparent !important;
}
.archiveTableInTable {
table-layout: fixed;
}
.archiveTableInTable .table_cell:first-child {
padding-left: 20px;
}
@media screen and (max-width: 1249px) {
.archiveTable .table_row .table_cell .table_cell {
width: 100px;
}
}
@media screen and (max-width: 767px) {
.archiveTable tbody {
width: 100%;
display: block;
}
.archiveTable .table_row {
width: 100%;
margin-bottom: 30px;
padding: 10px 20px;
border: 1px solid #f5f5f5;
}
.archiveTable .table_row .table_cell {
padding-left: 0;
padding-right: 0;
}
.archiveTable .archiveTableInTable .table_row {
background-color: #ffffff;
margin-bottom: 0;
border: 0;
padding: 0;
}
.archiveTable .archiveTableInTable .table_row .table_cell {
width: 50%;
margin-right: -3px;
display: inline-block;
border: 0;
}
.archiveTable .archiveTableInTable .table_row .table_cell.archiveTable__totalLine {
margin-left: 50%;
text-align: left;
}
.archiveTable .archiveTableInTable .table_row .table_cell.archiveTable__actionLine {
width: 100%;
text-align: left;
}
.archiveTable__links {
display: block;
}
.archiveTable__statusLine {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.archiveTable .button,
.archiveTable .button_primary,
.archiveTable .btn-primary,
.archiveTable .button_second,
.archiveTable .btn-second,
.archiveTable .button_warning,
.archiveTable .btn-warning,
.archiveTable .button_success,
.archiveTable .btn-success,
.archiveTable .button_info,
.archiveTable .btn-info,
.archiveTable .button_action,
.archiveTable .btn-action,
.archiveTable .button_danger,
.archiveTable .btn-danger,
.archiveTable .button_transparent,
.archiveTable .btn-transparent,
.archiveTable .button_white,
.archiveTable .btn-white,
.archiveTable .button_option,
.archiveTable .button_action_border,
.archiveTable .collectionGroupFilter__item > span,
.archiveTable #dc_amount_select .dc_amount {
width: 100%;
}
}
.toggleTable .archiveTable__statusLine {
position: relative;
}
.toggleTable .archiveTable__statusLine:before {
position: absolute;
left: 5px;
top: 14px;
content: "\f105";
font-family: FontAwesome;
font-size: 20px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.toggleTable.active .archiveTable__statusLine:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
color: #907232;
}
.toggleTableRow {
/*&.isfirst {
cursor: pointer;
}*/
}
.toggleTableRow:not(.isfirst) .table_cell {
padding-top: 0;
padding-bottom: 10px;
border-top: 0;
}
@media screen and (max-width: 767px) {
.toggleTable {
padding-top: 40px !important;
}
.toggleTable .table_row {
position: relative;
}
.toggleTable .archiveTable__statusLine {
position: static;
}
.toggleTable .archiveTable__statusLine:before {
left: 0;
top: -20px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
color: #ffffff;
background-color: #907232;
}
.toggleTable.active .archiveTable__statusLine:before {
color: #ffffff;
background-color: #e70610;
}
}
.scrollingTable {
overflow-x: auto;
}
.scrollingTable > table {
width: auto;
table-layout: fixed;
}
.scrollingTable .table_header_sticky {
overflow-x: auto;
position: fixed;
top: 0;
width: 100%;
background-color: #ffffff;
z-index: 2;
display: block;
padding-top: 10px;
}
.scrollingTable .table_header_sticky tr {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
}
.scrollingTable .table_header_sticky td {
display: block;
}
.scrollingTable .table_header_sticky .basket_button {
margin-bottom: 0;
}
.scrollingTable .table_header_sticky .image,
.scrollingTable .table_header_sticky .base_price,
.scrollingTable .table_header_sticky .orderbox_gramm_pricing,
.scrollingTable .table_header_sticky .orderbox_inventory,
.scrollingTable .table_header_sticky .linkWithIcon {
display: none;
}
.compareTable__headItem {
text-align: center;
vertical-align: top;
}
.compareTable__headItem .image {
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.compareTable__headItem .base_price {
margin-top: 10px;
margin-bottom: 10px;
}
.compareTable__headItem .basket_button {
max-width: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
justify-content: center;
}
.compareTable__headItem .basket_button .quantity {
float: none;
}
.compareTable__headItem .basket_button .basket_button_wrapper {
float: none;
width: 52px;
}
.compareTable__headItemLink {
display: block;
margin-bottom: 10px;
}
.compareTable__subItemLink {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
font-size: 14px;
}
.compareTable__subItemLink .image {
width: 40px;
margin-right: 10px;
}
.compareTable__cell {
display: table-cell;
vertical-align: middle;
padding: 10px;
border-bottom: 1px solid #907232;
}
.compareTable td {
min-width: 280px;
}
body.page_neutral .bg-second {
background-color: #f5f5f5;
}
body.page_neutral h1,
body.page_neutral .h1,
body.page_neutral h2,
body.page_neutral .h2,
body.page_neutral .bigFont,
body.page_neutral .counting__number {
color: #040004;
}
body.page_neutral .shop_site_headline {
margin-top: 30px;
}
body.page_neutral .itemcard_list2 .itemlist_container.hoverintent .itemlist_extended {
background: #f9f7f4;
}
body.page_neutral .itemcard_list2 .itemlist_container .description {
font-size: 16px;
}
body.hide_tabs #header:not(.headerCheckout) {
border-bottom: 1px solid #f5f5f5;
background-color: #ffffff;
}
body.hide_tabs #header:not(.headerCheckout) .headermain {
max-width: 1860px;
margin-left: auto;
margin-right: auto;
border-bottom: 0;
}
body.hide_tabs #header:not(.headerCheckout) .headermain .headerLogo {
left: 20px;
transform: none;
}
@media (min-width: 1539px) {
body.hide_tabs #header:not(.headerCheckout) .headermain .headerLogo {
width: 85px!important;
}
}
@media (min-width: 1024px) {
body.hide_tabs #header:not(.headerCheckout) .headermain .headerLogo {
width: 60px;
}
}
body.hide_tabs #header:not(.headerCheckout) .headermain .headerContainer {
padding-left: 106px;
}
@media (max-width: 1249px) {
body.hide_tabs #header:not(.headerCheckout) .headermain .headerContainer {
padding-left: 90px;
}
}
@media (max-width: 1023px) {
body.hide_tabs #header:not(.headerCheckout) .headermain .headerContainer {
padding-left: 0;
}
}
@media (max-width: 1539px) {
body.hide_tabs #header:not(.headerCheckout) .headermain .primary_navigation .back_to_shop {
font-size: 14px;
line-height: 14px;
}
}
body.hide_tabs #header:not(.headerCheckout).sticky .headerLogo {
position: absolute;
}
body.hide_tabs .primary_navigation_mobile_trigger {
top: 0;
}
.headerSites ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.headerSites ul {
justify-content: center;
}
}
.headerSites li {
margin: 0;
padding: 5px;
list-style: none;
}
@media (min-width: 768px) {
.headerSites li {
padding: 10px;
}
}
.headerSites a {
display: block;
width: 35px;
}
@media (min-width: 768px) {
.headerSites a {
width: 65px;
}
}
@media (min-width: 1250px) {
.headerSites a {
width: 85px;
}
}
.headerSites a img {
aspect-ratio: 1;
object-fit: contain;
}
.headerNeutralMain {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.headerNeutralMain {
flex-wrap: wrap;
}
}
.headerNeutralMain .headerSites {
flex-grow: 1;
}
.headerNeutralMain .headerBack {
flex-shrink: 0;
order: 1;
}
.headerNeutralMain .headerBack .back_to_shop {
display: inline-flex;
align-items: center;
}
.headerNeutralMain .headerBack .back_to_shop i {
margin-right: 10px;
}
@media (max-width: 767px) {
.headerNeutralMain .headerBack {
margin-top: 10px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 768px) {
.headerNeutralMain .headerBack {
width: 200px;
padding-right: 20px;
order: -1;
}
}
@media (min-width: 1250px) {
.headerNeutralMain .headerBack {
width: 300px;
}
}
.headerNeutralMain .headerShopmenu {
justify-content: flex-end;
padding-left: 20px;
}
@media (min-width: 768px) {
.headerNeutralMain .headerShopmenu {
width: 200px;
}
}
@media (min-width: 1250px) {
.headerNeutralMain .headerShopmenu {
width: 300px;
}
}
.headerNeutral {
padding: 10px 0;
border-bottom: 1px solid #f5f5f5;
background: #ffffff;
}
.headerNeutral .back_to_shop {
color: #4A4B4D;
}
.headerNeutral .back_to_shop:hover,
.headerNeutral .back_to_shop:focus,
.headerNeutral .back_to_shop:active {
color: #040004;
}
.headerNeutral .container {
max-width: 1920px;
}
.shepherd-element {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-top: 20px!important;
}
.shepherd-has-title .shepherd-content .shepherd-header {
background: #f9f7f4;
font-size: 14px;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
background: #f9f7f4;
}
.shepherd-title {
color: #040004;
font-size: 14px;
font-weight: 400!important;
}
.shepherd-text {
font-size: 16px;
line-height: 1.4;
}
.shepherd-button:not(:disabled):hover {
background: #ce050e;
border-color: #ce050e;
color: #ffffff;
}
.shepherd-button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.shepherd-footer {
padding-top: 30px;
}
.shepherd-footer .shepherd-button {
width: 50%;
}
body.page_frozen-yoghurt {
/* Tiempos Fine, Medium - latin */
/* Tiempos Fine, Medium italic - latin */
/* Tiempos Fine, Black - latin */
/* Headlines */
}
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Tiempos Fine';
font-style: normal;
font-weight: 400;
src: url('../fonts/tiempos/tiempos-fine-regular.woff2') format('woff2');
/* Modern Browsers */
}
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Tiempos Fine';
font-style: normal;
font-weight: 500;
src: url('../fonts/tiempos/tiempos-text-medium.woff2') format('woff2');
/* Modern Browsers */
}
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Tiempos Fine';
font-style: italic;
font-weight: 500;
src: url('../fonts/tiempos/tiempos-text-medium-italic.woff2') format('woff2');
/* Modern Browsers */
}
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Tiempos Fine';
font-style: normal;
font-weight: 800;
src: url('../fonts/tiempos/tiempos-fine-black.woff2') format('woff2');
/* Modern Browsers */
}
body.page_frozen-yoghurt #content h1,
body.page_frozen-yoghurt #content .h1,
body.page_frozen-yoghurt #content h2,
body.page_frozen-yoghurt #content .h2,
body.page_frozen-yoghurt #content .bigFont,
body.page_frozen-yoghurt #content .counting__number {
font-family: 'Tiempos Fine', Helvetica, Arial, sans-serif;
font-weight: 400;
color: #907232;
}
body.page_frozen-yoghurt #content h3,
body.page_frozen-yoghurt #content .h3,
body.page_frozen-yoghurt #content .counting__text,
body.page_frozen-yoghurt #content .countText,
body.page_frozen-yoghurt #content .finderFilter__label {
font-family: 'Tiempos Fine', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 32px;
}
@media (max-width: 1023px) {
body.page_frozen-yoghurt #content h3,
body.page_frozen-yoghurt #content .h3,
body.page_frozen-yoghurt #content .counting__text,
body.page_frozen-yoghurt #content .countText,
body.page_frozen-yoghurt #content .finderFilter__label {
font-size: 20px;
}
}
@media (max-width: 767px) {
body.page_frozen-yoghurt #content h3,
body.page_frozen-yoghurt #content .h3,
body.page_frozen-yoghurt #content .counting__text,
body.page_frozen-yoghurt #content .countText,
body.page_frozen-yoghurt #content .finderFilter__label {
font-size: 18px;
}
}
body.page_frozen-yoghurt .breadcrumbWrapper {
z-index: 2;
position: relative;
margin-bottom: -63px;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .breadcrumbWrapper {
margin-bottom: -90px;
}
}
body.page_frozen-yoghurt .newBanner {
position: relative;
background: #f9f7f4;
overflow: hidden;
height: 800px;
max-height: 60vh;
max-height: 60svh;
z-index: 1;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner {
max-height: 45vh;
max-height: 45svh;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner {
max-height: 80vh;
max-height: 80svh;
}
}
body.page_frozen-yoghurt .newBanner .boxImage {
width: 95%;
max-width: 850px;
max-height: 100%;
position: absolute;
left: 50%;
top: 15%;
transform: translate(-50%, 0);
transition: 2.2s ease-in-out;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .boxImage {
top: 0;
max-width: 450px;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner .boxImage {
max-width: 850px;
}
}
body.page_frozen-yoghurt .newBanner .boxImage img {
min-height: auto !important;
}
body.page_frozen-yoghurt .newBanner .boxAddon {
position: absolute;
right: 20px;
top: 40px;
z-index: 1;
transition: 2.2s ease-in-out;
opacity: 1;
transform: translateY(0);
}
body.page_frozen-yoghurt .newBanner .boxAddon .textcontent {
border-radius: 50%;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
text-align: center;
font-weight: bold;
line-height: 1.15;
background: #907232;
color: #ffffff;
rotate: 10deg;
width: 100px;
height: 100px;
padding: 6px;
padding-bottom: 15px;
font-size: 15px;
}
body.page_frozen-yoghurt .newBanner .boxAddon .textcontent strong {
font-size: 1.1em;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .boxAddon {
right: 30px;
top: 40px;
}
body.page_frozen-yoghurt .newBanner .boxAddon .textcontent {
width: 120px;
height: 120px;
font-size: 16px;
padding: 10px;
padding-bottom: 20px;
}
body.page_frozen-yoghurt .newBanner .boxAddon .textcontent strong {
font-size: 1.3em;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner .boxAddon {
right: 80px;
top: 60px;
}
body.page_frozen-yoghurt .newBanner .boxAddon .textcontent {
width: 160px;
height: 160px;
font-size: 22px;
}
}
body.page_frozen-yoghurt .newBanner:before,
body.page_frozen-yoghurt .newBanner:after {
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
display: block;
z-index: -1;
pointer-events: none;
transition: 2.2s ease-in-out;
}
body.page_frozen-yoghurt .newBanner:before {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower.svg");
aspect-ratio: 0.62573099;
left: 0;
top: 0;
transform: translate(-20%, -4%) rotate(30deg);
width: 50%;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner:before {
width: 30%;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner:before {
width: 20%;
}
}
@media (min-width: 1540px) {
body.page_frozen-yoghurt .newBanner:before {
width: 30%;
}
}
body.page_frozen-yoghurt .newBanner:after {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower2.svg");
aspect-ratio: 0.47256858;
right: 0;
bottom: 0;
transform: translate(20%, 10%) rotate(-36deg);
width: 40%;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner:after {
width: 25%;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner:after {
width: 15%;
}
}
@media (min-width: 1540px) {
body.page_frozen-yoghurt .newBanner:after {
width: 20%;
}
}
body.page_frozen-yoghurt .newBanner:not(.is-finished):before {
transform: translate(-20%, 20%) rotate(30deg);
}
body.page_frozen-yoghurt .newBanner:not(.is-finished):after {
transform: translate(20%, 35%) rotate(-36deg);
}
body.page_frozen-yoghurt .newBanner:not(.is-finished) .boxImage {
transform: translate(-45%, 50%);
}
body.page_frozen-yoghurt .newBanner:not(.is-finished) .boxAddon {
opacity: 0;
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation {
font-family: 'Tiempos Fine', Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
z-index: 1;
font-size: 46px;
letter-spacing: 5px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
opacity: 0;
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation.can-animate {
opacity: 1;
}
@media (max-width: 767px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation .sortingTextAnimation__space {
width: 100%;
height: 10px;
}
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation {
font-size: 60px;
letter-spacing: 5px;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation {
font-size: 90px;
}
}
@media (min-width: 1540px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation {
font-size: 110px;
letter-spacing: 10px;
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation > * {
display: block;
min-width: 40px;
flex-shrink: 0;
transform: translate(0, 0);
transition: 2.2s ease-in-out;
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(1) {
transform: translate(-140%, -5%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(1) {
transform: translate(-140%, -5%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(2) {
transform: translate(-160%, -145%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(2) {
transform: translate(-50%, -145%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(3) {
transform: translate(-220%, 100%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(3) {
transform: translate(-60%, 40%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(4) {
transform: translate(-220%, -60%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(4) {
transform: translate(-110%, -80%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(5) {
transform: translate(-140%, -270%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(5) {
transform: translate(100%, -160%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(6) {
transform: translate(-305%, 50%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(6) {
transform: translate(-125%, -30%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(8) {
transform: translate(410%, -270%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(8) {
transform: translate(150%, -100%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(9) {
transform: translate(450%, -240%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(9) {
transform: translate(420%, -240%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(10) {
transform: translate(150%, 100%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(10) {
transform: translate(100%, -30%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(11) {
transform: translate(310%, 30%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(11) {
transform: translate(100%, -140%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(12) {
transform: translate(140%, -80%);
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(13) {
transform: translate(-120%, -140%);
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(13) {
transform: translate(-270%, -221%);
}
}
body.page_frozen-yoghurt .newBanner .sortingTextAnimation:not(.is-finished) > *:nth-child(14) {
transform: translate(100%, -158%);
}
body.page_frozen-yoghurt .background-3,
body.page_frozen-yoghurt .background-4,
body.page_frozen-yoghurt .background-5,
body.page_frozen-yoghurt .background-6,
body.page_frozen-yoghurt .background-7,
body.page_frozen-yoghurt .background-8,
body.page_frozen-yoghurt .background-9 {
position: relative;
}
body.page_frozen-yoghurt .background-3:before,
body.page_frozen-yoghurt .background-4:before,
body.page_frozen-yoghurt .background-5:before,
body.page_frozen-yoghurt .background-6:before,
body.page_frozen-yoghurt .background-7:before,
body.page_frozen-yoghurt .background-8:before,
body.page_frozen-yoghurt .background-9:before,
body.page_frozen-yoghurt .background-3:after,
body.page_frozen-yoghurt .background-4:after,
body.page_frozen-yoghurt .background-5:after,
body.page_frozen-yoghurt .background-6:after,
body.page_frozen-yoghurt .background-7:after,
body.page_frozen-yoghurt .background-8:after,
body.page_frozen-yoghurt .background-9:after {
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
display: block;
pointer-events: none;
transition: 2.2s ease-in-out;
width: 40%;
}
@media (min-width: 768px) {
body.page_frozen-yoghurt .background-3:before,
body.page_frozen-yoghurt .background-4:before,
body.page_frozen-yoghurt .background-5:before,
body.page_frozen-yoghurt .background-6:before,
body.page_frozen-yoghurt .background-7:before,
body.page_frozen-yoghurt .background-8:before,
body.page_frozen-yoghurt .background-9:before,
body.page_frozen-yoghurt .background-3:after,
body.page_frozen-yoghurt .background-4:after,
body.page_frozen-yoghurt .background-5:after,
body.page_frozen-yoghurt .background-6:after,
body.page_frozen-yoghurt .background-7:after,
body.page_frozen-yoghurt .background-8:after,
body.page_frozen-yoghurt .background-9:after {
width: 30%;
}
}
@media (min-width: 1024px) {
body.page_frozen-yoghurt .background-3:before,
body.page_frozen-yoghurt .background-4:before,
body.page_frozen-yoghurt .background-5:before,
body.page_frozen-yoghurt .background-6:before,
body.page_frozen-yoghurt .background-7:before,
body.page_frozen-yoghurt .background-8:before,
body.page_frozen-yoghurt .background-9:before,
body.page_frozen-yoghurt .background-3:after,
body.page_frozen-yoghurt .background-4:after,
body.page_frozen-yoghurt .background-5:after,
body.page_frozen-yoghurt .background-6:after,
body.page_frozen-yoghurt .background-7:after,
body.page_frozen-yoghurt .background-8:after,
body.page_frozen-yoghurt .background-9:after {
width: 25%;
}
}
body.page_frozen-yoghurt .background-3:before,
body.page_frozen-yoghurt .background-4:before,
body.page_frozen-yoghurt .background-5:before,
body.page_frozen-yoghurt .background-6:before,
body.page_frozen-yoghurt .background-7:before,
body.page_frozen-yoghurt .background-8:before,
body.page_frozen-yoghurt .background-9:before {
left: 0;
top: 0;
}
body.page_frozen-yoghurt .background-3:after,
body.page_frozen-yoghurt .background-4:after,
body.page_frozen-yoghurt .background-5:after,
body.page_frozen-yoghurt .background-6:after,
body.page_frozen-yoghurt .background-7:after,
body.page_frozen-yoghurt .background-8:after,
body.page_frozen-yoghurt .background-9:after {
right: 0;
bottom: 0;
}
body.page_frozen-yoghurt .background-3:before {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower3.svg");
aspect-ratio: 0.70676692;
transform: translate(-10%, 0) rotate(8deg);
left: 0;
top: 0;
}
body.page_frozen-yoghurt .background-4:after {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower4.svg");
aspect-ratio: 0.62594458;
transform: translate(45%, 30%) rotate(-8deg);
}
body.page_frozen-yoghurt .background-5:before {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower5.svg");
aspect-ratio: 0.625;
transform: translate(-25%, 5%) rotate(54deg);
z-index: 1;
}
body.page_frozen-yoghurt .background-6:after {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower6.svg");
aspect-ratio: 0.62686567;
bottom: auto;
top: 0;
transform: translate(20%, -3%) rotate(-7deg);
}
body.page_frozen-yoghurt .background-7:before {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower7.svg");
aspect-ratio: 0.70543807;
transform: translate(-10%, -70%) rotate(5deg);
}
body.page_frozen-yoghurt .background-8:after {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower8.svg");
aspect-ratio: 0.62654321;
transform: translate(32%, -30%) rotate(-48deg);
}
body.page_frozen-yoghurt .background-9:before {
background-image: url("/userdata/images/frozen-yoghurt/frozen-yoghurt-flower9.svg");
aspect-ratio: 0.59837963;
transform: translate(-37%, -30%) rotate(41deg);
}
body.b2b_sites .banner.banner-fullheight .hasBackground {
align-items: flex-start;
justify-content: center;
}
@media (max-width: 480px) {
body.b2b_sites .banner.banner-fullheight .hasBackground {
height: 500px;
}
}
body.b2b_sites .banner.banner-fullheight .banner__text {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1023px) {
body.b2b_sites .banner.banner-fullheight .banner__text {
margin-top: 0;
}
body.b2b_sites .banner.banner-fullheight .banner__text br {
display: none;
}
}
body.b2b_sites .banner .hasBackground h1,
body.b2b_sites .banner .hasBackground .bigFont,
body.b2b_sites .banner .hasBackground .counting__number {
color: #040004;
text-shadow: none;
margin-bottom: 10px;
}
body.b2b_sites .newBannerFullHeight .boxText {
align-items: flex-start;
}
body.b2b_sites .newBannerFullHeight .boxText h1,
body.b2b_sites .newBannerFullHeight .boxText .h1,
body.b2b_sites .newBannerFullHeight .boxText .bigFont,
body.b2b_sites .newBannerFullHeight .boxText .counting__number {
font-size: 55px;
margin-bottom: 30px;
color: #040004;
text-shadow: none;
}
@media screen and (max-width: 1023px) {
body.b2b_sites .newBannerFullHeight .boxText h1,
body.b2b_sites .newBannerFullHeight .boxText .h1,
body.b2b_sites .newBannerFullHeight .boxText .bigFont,
body.b2b_sites .newBannerFullHeight .boxText .counting__number {
font-size: 32px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
body.b2b_sites .newBannerFullHeight .boxText h1,
body.b2b_sites .newBannerFullHeight .boxText .h1,
body.b2b_sites .newBannerFullHeight .boxText .bigFont,
body.b2b_sites .newBannerFullHeight .boxText .counting__number {
font-size: 22px;
}
}
body.b2b_sites .boxSecond a:not(.button) {
color: #040004;
font-weight: 500;
text-decoration: underline;
}
body.b2b_sites .boxSecond a:not(.button):hover {
color: #907232;
}
body.b2b_sites .boxSecond--column {
padding-bottom: 30px;
min-height: auto;
}
body.b2b_sites .boxSecond--column h1,
body.b2b_sites .boxSecond--column .h1,
body.b2b_sites .boxSecond--column h2,
body.b2b_sites .boxSecond--column .h2,
body.b2b_sites .boxSecond--column h3,
body.b2b_sites .boxSecond--column .h3,
body.b2b_sites .boxSecond--column h4,
body.b2b_sites .boxSecond--column .h4,
body.b2b_sites .boxSecond--column .bigFont,
body.b2b_sites .boxSecond--column .counting__number,
body.b2b_sites .boxSecond--column .counting__text,
body.b2b_sites .boxSecond--column .countText,
body.b2b_sites .boxSecond--column .finderFilter__label {
font-size: 32px;
margin-bottom: 45px;
}
@media (max-width: 1023px) {
body.b2b_sites .boxSecond--column h1,
body.b2b_sites .boxSecond--column .h1,
body.b2b_sites .boxSecond--column h2,
body.b2b_sites .boxSecond--column .h2,
body.b2b_sites .boxSecond--column h3,
body.b2b_sites .boxSecond--column .h3,
body.b2b_sites .boxSecond--column h4,
body.b2b_sites .boxSecond--column .h4,
body.b2b_sites .boxSecond--column .bigFont,
body.b2b_sites .boxSecond--column .counting__number,
body.b2b_sites .boxSecond--column .counting__text,
body.b2b_sites .boxSecond--column .countText,
body.b2b_sites .boxSecond--column .finderFilter__label {
font-size: 28px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
body.b2b_sites .boxSecond--column h1,
body.b2b_sites .boxSecond--column .h1,
body.b2b_sites .boxSecond--column h2,
body.b2b_sites .boxSecond--column .h2,
body.b2b_sites .boxSecond--column h3,
body.b2b_sites .boxSecond--column .h3,
body.b2b_sites .boxSecond--column h4,
body.b2b_sites .boxSecond--column .h4,
body.b2b_sites .boxSecond--column .bigFont,
body.b2b_sites .boxSecond--column .counting__number,
body.b2b_sites .boxSecond--column .counting__text,
body.b2b_sites .boxSecond--column .countText,
body.b2b_sites .boxSecond--column .finderFilter__label {
font-size: 24px;
margin-bottom: 20px;
}
}
body.b2b_sites ul.b2bUlList {
display: flex;
padding: 35px 0;
font-weight: 500;
margin-left: -10px;
margin-right: -10px;
}
body.b2b_sites ul.b2bUlList li {
display: inline-flex;
align-items: center;
line-height: 22px;
padding-left: 10px;
padding-right: 10px;
}
body.b2b_sites ul.b2bUlList li:before {
font-family: icons;
content: "\E019";
font-size: 16px;
padding-right: 10px;
}
@media (max-width: 767px) {
body.b2b_sites ul.b2bUlList {
flex-wrap: wrap;
}
}
body.b2b_sites .slidecontent .slide_container {
background: #E0E0E0;
max-width: 650px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
padding: 8px 20px;
}
body.b2b_sites .slidecontent_headline,
body.b2b_sites .collectionLebkuchenfinder .collectionGroupFilterFinder__item {
font-size: 16px;
padding-left: 0;
padding-right: 50px;
}
body.b2b_sites .slidecontent_headline:after,
body.b2b_sites .collectionLebkuchenfinder .collectionGroupFilterFinder__item:after {
left: unset;
right: 0;
color: #040004;
font-size: 22px;
margin-top: -20px;
}
body.b2b_sites .slidecontent_headline:hover:after,
body.b2b_sites .collectionLebkuchenfinder .collectionGroupFilterFinder__item:hover:after {
color: #907232;
}
body.b2b_sites label:not(.specialcheckbox) {
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
}
body.b2b_sites .specialcheckbox label {
border-color: #040004;
background: transparent;
}
body.b2b_sites textarea {
max-height: 199px;
}
body.b2b_sites .textcontent a {
font-weight: 400;
}
body.b2b_sites #footer h3,
body.b2b_sites #footer .h3,
body.b2b_sites #footer .counting__text,
body.b2b_sites #footer .countText,
body.b2b_sites #footer .finderFilter__label {
font-weight: 500;
}
body.b2b_sites .footerTopMenu {
padding-bottom: 30px;
}
body.b2b_sites .footerBottom {
padding-bottom: 20px;
padding-top: 20px;
}
body.b2b_sites .iconTextWrapper {
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
body.b2b_sites .iconTextWrapper {
flex-wrap: wrap;
}
body.b2b_sites .iconTextWrapper > .textcontent {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
body.b2b_sites .iconTextWrapper .banner__image {
margin-bottom: 10px;
}
}
body.b2b_sites .iconTextWrapper h3,
body.b2b_sites .iconTextWrapper .h3,
body.b2b_sites .iconTextWrapper .counting__text,
body.b2b_sites .iconTextWrapper .countText,
body.b2b_sites .iconTextWrapper .finderFilter__label {
font-size: 22px;
font-weight: 400;
}
body.b2b_sites .iconTextWrapper .banner__image {
flex-shrink: 0;
width: 140px;
}
body.b2b_sites .iconWithText .afterBackground {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}
body.b2b_sites .iconWithText .afterBackground > .textcontent {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: calc(20% - 20px);
width: -moz-calc(20% - 20px);
width: -webkit-calc(20% - 20px);
width: -o-calc(20% - 20px);
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
@media (max-width: 1249px) {
body.b2b_sites .iconWithText .afterBackground > .textcontent {
width: calc((100%/3) - 20px);
width: -moz-calc((100%/3) - 20px);
width: -webkit-calc((100%/3) - 20px);
width: -o-calc((100%/3) - 20px);
}
}
@media (max-width: 767px) {
body.b2b_sites .iconWithText .afterBackground > .textcontent {
width: 50%;
}
body.b2b_sites .iconWithText .afterBackground > .textcontent strong {
font-size: 12px;
}
body.b2b_sites .iconWithText .afterBackground > .textcontent strong br {
display: none;
}
}
body.b2b_sites .iconWithText .afterBackground > .textcontent .banner__image {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
body.b2b_sites .iconWithText .afterBackground > .textcontent .banner__image {
height: 100px;
}
body.b2b_sites .iconWithText .afterBackground > .textcontent .banner__image img {
width: 80px!important;
}
}
body.b2b_sites .iconWithText .afterBackground > .textcontent img {
margin-bottom: 30px;
}
body.b2b_sites .MagicScroll-horizontal .mcs-item {
padding-left: 10px;
padding-right: 10px;
}
body.b2b_sites a.link_red {
color: #e70610;
text-decoration: underline;
}
body.b2b_sites a.link_red:hover {
color: #907232;
}
body.b2b_sites .bannerB2BFullHeight {
position: relative;
}
body.b2b_sites .bannerB2BFullHeight .boxImage {
margin-bottom: -60px;
}
@media (min-width: 768px) {
body.b2b_sites .bannerB2BFullHeight .boxImage {
margin-bottom: -100px;
}
}
@media (min-width: 1024px) {
body.b2b_sites .bannerB2BFullHeight .boxImage {
margin-bottom: -200px;
}
}
@media (min-width: 1250px) {
body.b2b_sites .bannerB2BFullHeight .boxImage {
margin-bottom: -300px;
}
}
body.b2b_sites .bannerB2BFullHeight .boxText {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
z-index: 1;
padding: 40px 20px;
}
@media (min-width: 1250px) {
body.b2b_sites .bannerB2BFullHeight .boxText {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 1540px) {
body.b2b_sites .bannerB2BFullHeight .boxText {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media screen and (max-width: 480px) {
body.b2b_sites .boxSecond .paddingLeft--big {
padding-left: 20px;
}
body.b2b_sites .boxSecond .paddingRight--big {
padding-right: 20px;
}
}
@media print {
body {
margin: 0;
padding: 0;
background-color: #FAFAFA;
font-size: 12px;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page {
width: 21cm;
min-height: 29.7cm;
padding: 2cm;
margin: 1cm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@page {
size: A4;
margin: 1.7cm 1.5cm 1cm 0.5cm;
}
html,
body {
width: 210mm;
height: 297mm;
}
.container {
width: 100%;
}
.col-print-1 {
width: 8.33333333%;
}
.col-print-2 {
width: 16.66666667%;
}
.col-print-3 {
width: 25%;
}
.col-print-4 {
width: 33.33333333%;
}
.col-print-5 {
width: 41.66666667%;
}
.col-print-6 {
width: 50%;
}
.col-print-7 {
width: 58.33333333%;
}
.col-print-8 {
width: 66.66666667%;
}
.col-print-9 {
width: 75%;
}
.col-print-10 {
width: 83.33333333%;
}
.col-print-11 {
width: 91.66666667%;
}
.col-print-12 {
width: 100%;
}
.page-break-before {
page-break-before: always;
}
.page-break-after {
page-break-after: always;
}
.page-break-inside-avoid {
page-break-inside: avoid;
}
#box,
.userlike,
#scrolltopbutton_wrapper,
.breadcrumb,
#toggle_navigation,
#primary_navigation_mobile {
display: none !important;
}
.breadcrumb:not(.text-right) {
display: none;
}
.image:before {
display: none;
}
.image img {
position: static;
}
.stickyBox {
width: 100% !important;
position: static !important;
page-break-inside: avoid;
}
.boxBorder,
.boxBorder--big,
.collection_difficulty > div {
padding: 0;
border: 0;
}
#launcher,
#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
display: none !important;
}
a[href]:after,
.headertop,
.flagServer,
.headerSearch,
.headerHotline,
.headerShopmenu {
display: none;
}
.headerLogo {
float: none;
margin: 5px auto 0 auto;
padding: 0;
width: 80px;
}
.primary_navigation {
display: none;
text-align: center;
padding-left: 0;
}
.primary_navigation .home {
display: none;
}
.primary_navigation .navigation > ul > li .dropdownmenu {
display: none !important;
}
#header {
display: none;
}
#header.sticky {
position: static;
}
#header.sticky .headerLogo {
position: static;
width: 80px;
}
#header.sticky #navigation {
position: static;
}
.sticky-helper {
display: none;
}
.headerInfobanner {
display: none;
}
body.isCheckout .headerMain {
border: 0;
}
body.isCheckout .headerBottom {
display: none;
}
footer,
.footerLogo,
.footerNewsletter,
.footerTrust {
display: none;
}
.footerTopMenu {
padding-top: 30px;
padding-bottom: 30px;
}
.footerTopMenu .footer_navigation {
width: 100%;
}
.footerBottom {
padding-bottom: 30px;
}
.quantity input {
width: auto;
padding: 0;
border: 0;
min-height: 0;
text-align: right;
display: inline;
}
.quantity .spinner_wrapper {
display: none;
}
.itemtable_list .itemtable_row {
page-break-inside: avoid;
}
.itemtable_list .quantity_line {
text-align: right;
}
.itemtable_list .quantity_line .quantity {
margin-right: 0;
}
.itemtable_list .quantity_line .update-wrapper {
display: none;
}
.checkboxWithHelp {
display: none;
}
.free_shipping_bar,
.free_shipping_info {
display: none;
}
.dragBoxWrapper > ul > li {
width: 100%;
}
.dragBoxWrapper > ul > li.disabled {
display: none;
}
.dragBox {
page-break-inside: avoid;
}
.dragBox__head .linkWithIcon {
display: none;
}
.dragBox__move {
display: none;
}
.dragBox__items {
height: auto;
}
.dragBox.placeholder {
display: none;
}
.page_shop_order #header {
margin-bottom: 0;
}
.page_shop_order #header .headermain {
height: auto;
}
.box__headLink {
display: none;
}
.slidecontent_headline {
padding: 0;
font-size: 14px;
}
.slidecontent_headline:after {
display: none;
}
.slidecontent_content_container {
display: block !important;
}
.collectionRecipes h2 {
font-size: 24px;
}
.collectionRecipes__image {
text-align: center;
}
.collectionRecipes__image.image {
display: inline-block !important;
}
.collectionRecipes__image.image img {
display: block !important;
}
.collectionRecipes.isFullView .boxBorder--big {
padding: 20px;
}
.collectionRecipes.isFullView .checklist {
padding: 0;
}
.collectionRecipes .collection_content.article {
display: none;
}
.collection_difficulty > div {
min-width: 102px;
padding: 10px;
}
#cookie-bar {
display: none !important;
}
}
[role=tooltip] {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.three-configurator .tc-wrap {
display: grid;
grid-template-columns: 60% 40%;
align-items: stretch;
border-radius: 40px;
overflow: visible;
box-shadow: 20px 20px 50px 0 rgba(0, 0, 0, 0.25);
position: relative;
}
@media (max-width: 1023px) {
.three-configurator .tc-wrap {
grid-template-columns: 1fr;
}
}
.three-configurator .tc-view {
position: relative;
background: #EBE7E4;
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
overflow: hidden;
height: 100%;
border-bottom-left-radius: 40px;
border-top-left-radius: 40px;
}
@media (max-width: 1023px) {
.three-configurator .tc-view {
border-top-right-radius: 40px;
border-top-left-radius: 40px;
border-bottom-left-radius: 0;
max-height: 500px;
}
}
.three-configurator .tc-view canvas {
display: block;
min-width: 100%;
min-height: 100%;
}
.three-configurator .tc-view .viewer-loader {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.9);
z-index: 2;
}
.three-configurator .tc-view .viewer-loader .viewer-loader-text {
display: flex;
flex-direction: column;
gap: 18px;
}
.three-configurator .tc-view .viewer-loader .viewer-loader-text img {
width: 80px;
animation: loaderFloat 2s ease-in-out infinite;
will-change: transform;
}
.three-configurator .tc-view .viewer-loader .viewer-loader-text .viewer-loader-pct {
color: #D19767;
font-size: 24px;
text-align: center;
}
@keyframes loaderFloat {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.three-configurator .tc-panel {
display: flex;
flex-direction: column;
gap: 26px;
padding: 48px;
background: #ffffff;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
}
@media (max-width: 1250px) {
.three-configurator .tc-panel {
padding: 24px;
}
}
@media (max-width: 1023px) {
.three-configurator .tc-panel {
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
border-top-right-radius: 0;
padding: 48px;
}
}
@media (max-width: 767px) {
.three-configurator .tc-panel {
padding: 16px;
}
}
.three-configurator .tc-field label {
display: block;
color: #474747;
}
.three-configurator .tc-field .tc-variant-label .icon {
top: 2px;
position: relative;
margin-left: 5px;
}
.three-configurator .tc-field .tc-variant-label .tooltip {
z-index: 5;
}
.three-configurator .tc-logo-scale {
position: absolute;
left: 0;
padding: 32px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(5px) url(#refractionFilter);
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
top: 0;
border: 1px solid rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
.three-configurator .tc-logo-scale {
position: relative;
border-bottom-right-radius: 0;
width: 100%;
backdrop-filter: none;
padding: 0;
max-width: 100%;
}
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
width: 100%;
}
@media (max-width: 767px) {
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row {
gap: 16px;
justify-content: left;
}
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row .tc-scale-reset-dose,
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row .tc-scale-reset-deckel {
background: transparent;
border: none;
font-size: 14px;
transform: scaleX(-1);
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row .tc-scale-reset-dose:hover,
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row .tc-scale-reset-deckel:hover {
color: #D19767;
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row:not(:last-of-type) {
margin-bottom: 12px;
}
@media (max-width: 767px) {
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row:not(:last-of-type) {
margin-bottom: 0;
}
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row input {
border-radius: 20px;
height: 40px;
width: 100%;
background: transparent;
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row input::-webkit-slider-thumb {
background: #474747;
}
.three-configurator .tc-logo-scale .tc-scale-grid .tc-scale-row input::-webkit-slider-runnable-track {
background: #D19767;
}
.three-configurator .tc-stepper {
display: flex;
align-items: center;
gap: 8px;
border: 1px solid #BFBFBF;
border-radius: 20px;
height: 40px;
overflow: hidden;
color: #474747;
}
.three-configurator .tc-stepper input {
width: 100%;
border: none;
padding: 0 12px;
text-align: center;
line-height: 38px;
font-size: 18px;
color: #474747;
}
.three-configurator .tc-stepper button {
width: 50px;
height: 38px;
border-radius: 20px;
border: none;
background: #fff;
cursor: pointer;
font-size: 36px;
line-height: 32px;
font-weight: 300;
}
.three-configurator .tc-select .tc-variant-dose,
.three-configurator .tc-select .tc-variant-deckel,
.three-configurator .tc-select .tc-design-dose-body,
.three-configurator .tc-select .tc-design-deckel-body {
width: 100%;
height: 40px;
border-radius: 21px;
border: 1px solid #BFBFBF;
padding: 0 14px;
background: #fff;
}
.three-configurator .tc-select .tc-variant-dose::after,
.three-configurator .tc-select .tc-variant-deckel::after,
.three-configurator .tc-select .tc-design-dose-body::after,
.three-configurator .tc-select .tc-design-deckel-body::after {
color: #474747;
}
.three-configurator .tc-select .tc-variant-dose select,
.three-configurator .tc-select .tc-variant-deckel select,
.three-configurator .tc-select .tc-design-dose-body select,
.three-configurator .tc-select .tc-design-deckel-body select {
border: none;
padding: 6px 0;
min-height: 38px;
font-size: 16px;
color: #2C2F32;
}
.three-configurator .tc-sections {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.three-configurator .tc-sections .tc-section {
flex-basis: 50%;
max-width: calc(50% - 10px);
}
@media (max-width: 1250px) {
.three-configurator .tc-sections .tc-section {
flex-basis: 100%;
max-width: 100%;
}
}
@media (max-width: 1023px) {
.three-configurator .tc-sections .tc-section {
flex-basis: 50%;
max-width: calc(50% - 10px);
}
}
@media (max-width: 480px) {
.three-configurator .tc-sections .tc-section {
flex-basis: 100%;
max-width: 100%;
}
}
.three-configurator .tc-sections .tc-section .tc-field:not(:last-of-type) {
margin-bottom: 12px;
}
.three-configurator .tc-field-row {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.three-configurator .tc-field-row .tc-field {
flex-basis: 50%;
max-width: calc(50% - 10px);
}
@media (max-width: 1250px) {
.three-configurator .tc-field-row .tc-field {
flex-basis: 100%;
max-width: 100%;
}
}
@media (max-width: 1023px) {
.three-configurator .tc-field-row .tc-field {
flex-basis: 50%;
max-width: calc(50% - 10px);
}
}
@media (max-width: 480px) {
.three-configurator .tc-field-row .tc-field {
flex-basis: 100%;
max-width: 100%;
}
}
.three-configurator .tc-field-row .tc-field .tc-field:not(:last-of-type) {
margin-bottom: 12px;
}
.three-configurator .tc-file {
display: flex;
align-items: center;
gap: 10px;
}
.three-configurator .tc-file .tc-logo-dose-input,
.three-configurator .tc-file .tc-logo-deckel-input,
.three-configurator .tc-file .tc-digital-deckel-input,
.three-configurator .tc-file .tc-digital-dose-input {
display: none;
}
.three-configurator .tc-file button {
height: 40px;
border-radius: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #BFBFBF;
background: #fff;
padding: 0 14px;
cursor: pointer;
}
.three-configurator .tc-file button .icon {
font-size: 21px;
position: relative;
top: 3px;
}
.three-configurator .tc-file .tc-file-name,
.three-configurator .tc-file .tc-deckel-file-name {
color: #2C2F32;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.three-configurator .tc-file .tc-logo-dose-name,
.three-configurator .tc-file .tc-digital-dose-name,
.three-configurator .tc-file .tc-logo-deckel-name,
.three-configurator .tc-file .tc-digital-deckel-name {
overflow: hidden;
margin-right: 15px;
white-space: nowrap;
}
.three-configurator .tc-field input[type="text"] {
border-radius: 20px;
height: 40px;
border: 1px solid #BFBFBF;
width: 100%;
}
.three-configurator .tc-btn {
margin-top: 21px;
height: 56px;
width: 100%;
border-radius: 40px;
border: 2px solid #D19767;
background: transparent;
font-weight: 600;
color: #D19767;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
font-size: 20px;
transition: all .2s ease;
}
@media (max-width: 767px) {
.three-configurator .tc-btn {
font-size: 16px;
}
}
.three-configurator .tc-btn:hover {
background: #D19767;
color: #ffffff;
}
.three-configurator .tc-btn .icon {
position: relative;
top: 2px;
}
.three-configurator .tc-divider {
display: flex;
align-items: center;
gap: 12px;
color: #474747;
}
.three-configurator .tc-divider::before,
.three-configurator .tc-divider::after {
content: "";
height: 1px;
flex: 1;
background: #474747;
}
.three-configurator .tc-contact .contactformular label {
color: #474747;
}
.three-configurator .tc-contact .contactformular input {
border-radius: 20px;
height: 40px;
border: 1px solid #BFBFBF;
width: 100%;
}
.three-configurator .tc-contact .contactformular .button,
.three-configurator .tc-contact .contactformular .button_primary,
.three-configurator .tc-contact .contactformular .btn-primary,
.three-configurator .tc-contact .contactformular .button_second,
.three-configurator .tc-contact .contactformular .btn-second,
.three-configurator .tc-contact .contactformular .button_warning,
.three-configurator .tc-contact .contactformular .btn-warning,
.three-configurator .tc-contact .contactformular .button_success,
.three-configurator .tc-contact .contactformular .btn-success,
.three-configurator .tc-contact .contactformular .button_info,
.three-configurator .tc-contact .contactformular .btn-info,
.three-configurator .tc-contact .contactformular .button_action,
.three-configurator .tc-contact .contactformular .btn-action,
.three-configurator .tc-contact .contactformular .button_danger,
.three-configurator .tc-contact .contactformular .btn-danger,
.three-configurator .tc-contact .contactformular .button_transparent,
.three-configurator .tc-contact .contactformular .btn-transparent,
.three-configurator .tc-contact .contactformular .button_white,
.three-configurator .tc-contact .contactformular .btn-white,
.three-configurator .tc-contact .contactformular .button_option,
.three-configurator .tc-contact .contactformular .button_action_border,
.three-configurator .tc-contact .contactformular .collectionGroupFilter__item > span,
.three-configurator .tc-contact .contactformular #dc_amount_select .dc_amount {
height: 56px;
width: 100%;
border-radius: 40px;
border: 2px solid #CC5403;
background: #CC5403;
font-weight: 600;
color: #ffffff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
font-size: 20px;
transition: all .2s ease;
}
@media (max-width: 767px) {
.three-configurator .tc-contact .contactformular .button,
.three-configurator .tc-contact .contactformular .button_primary,
.three-configurator .tc-contact .contactformular .btn-primary,
.three-configurator .tc-contact .contactformular .button_second,
.three-configurator .tc-contact .contactformular .btn-second,
.three-configurator .tc-contact .contactformular .button_warning,
.three-configurator .tc-contact .contactformular .btn-warning,
.three-configurator .tc-contact .contactformular .button_success,
.three-configurator .tc-contact .contactformular .btn-success,
.three-configurator .tc-contact .contactformular .button_info,
.three-configurator .tc-contact .contactformular .btn-info,
.three-configurator .tc-contact .contactformular .button_action,
.three-configurator .tc-contact .contactformular .btn-action,
.three-configurator .tc-contact .contactformular .button_danger,
.three-configurator .tc-contact .contactformular .btn-danger,
.three-configurator .tc-contact .contactformular .button_transparent,
.three-configurator .tc-contact .contactformular .btn-transparent,
.three-configurator .tc-contact .contactformular .button_white,
.three-configurator .tc-contact .contactformular .btn-white,
.three-configurator .tc-contact .contactformular .button_option,
.three-configurator .tc-contact .contactformular .button_action_border,
.three-configurator .tc-contact .contactformular .collectionGroupFilter__item > span,
.three-configurator .tc-contact .contactformular #dc_amount_select .dc_amount {
font-size: 16px;
}
}
.three-configurator .tc-contact .contactformular .button:hover,
.three-configurator .tc-contact .contactformular .button_primary:hover,
.three-configurator .tc-contact .contactformular .btn-primary:hover,
.three-configurator .tc-contact .contactformular .button_second:hover,
.three-configurator .tc-contact .contactformular .btn-second:hover,
.three-configurator .tc-contact .contactformular .button_warning:hover,
.three-configurator .tc-contact .contactformular .btn-warning:hover,
.three-configurator .tc-contact .contactformular .button_success:hover,
.three-configurator .tc-contact .contactformular .btn-success:hover,
.three-configurator .tc-contact .contactformular .button_info:hover,
.three-configurator .tc-contact .contactformular .btn-info:hover,
.three-configurator .tc-contact .contactformular .button_action:hover,
.three-configurator .tc-contact .contactformular .btn-action:hover,
.three-configurator .tc-contact .contactformular .button_danger:hover,
.three-configurator .tc-contact .contactformular .btn-danger:hover,
.three-configurator .tc-contact .contactformular .button_transparent:hover,
.three-configurator .tc-contact .contactformular .btn-transparent:hover,
.three-configurator .tc-contact .contactformular .button_white:hover,
.three-configurator .tc-contact .contactformular .btn-white:hover,
.three-configurator .tc-contact .contactformular .button_option:hover,
.three-configurator .tc-contact .contactformular .button_action_border:hover,
.three-configurator .tc-contact .contactformular .collectionGroupFilter__item > span:hover,
.three-configurator .tc-contact .contactformular #dc_amount_select .dc_amount:hover {
background: transparent;
color: #CC5403;
}
.smooth-show {
opacity: 0;
transform: translateY(0);
}
.h1:has(.word-rotate) {
font-size: 105px;
}
@media (max-width: 1249px) {
.h1:has(.word-rotate) {
font-size: 85px;
}
}
@media (max-width: 1023px) {
.h1:has(.word-rotate) {
font-size: 72px;
}
}
@media (max-width: 767px) {
.h1:has(.word-rotate) {
font-size: 42px;
}
}
@media (max-width: 480px) {
.h1:has(.word-rotate) {
font-size: 28px;
}
}
.word-rotate {
display: inline-block;
position: relative;
overflow: hidden;
height: 1.2em;
line-height: 1.2;
vertical-align: text-top;
color: #CC5403;
}
.word-rotate span {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
display: block;
}
.background-video {
position: relative;
z-index: 0;
}
.background-video .textcontent {
position: relative;
z-index: 1;
}
.background-video .textcontent:after {
content: "";
position: fixed;
width: 100vw;
height: 100vh;
backdrop-filter: blur(30px);
background: rgba(0, 0, 0, 0.2);
object-fit: cover;
object-position: center;
z-index: 0;
pointer-events: none;
inset: 0;
}
.background-video .textcontent video {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh !important;
object-fit: cover;
object-position: center;
z-index: 0;
pointer-events: none;
}
.background-video ~ * {
position: relative;
}
body:has(.background-video) .headerbenefitsbar,
body:has(.background-video) .headerInfobanner,
body:has(.background-video) header {
position: relative;
z-index: 101;
}
body:has(.background-video) footer {
background: #ffffff;
position: relative;
z-index: 1;
}
.background-darken {
background: rgba(0, 0, 0, 0.65);
position: relative;
z-index: 1;
width: 100vw;
transform: translateX(-50%);
left: 50%;
color: #ffffff;
}
.background-darken > div {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
}
.background-darken .h1 {
color: #ffffff;
}
.bg-nude-gradient {
background: linear-gradient(180deg, #D19767 0%, #DEDADB 100%);
position: relative;
z-index: 1;
width: 100vw;
transform: translateX(-50%);
left: 50%;
}
.bg-nude-gradient::before {
content: "";
position: absolute;
inset: 0;
background-image: url(data:image/png;base64,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);
pointer-events: none;
}
.bg-nude-gradient > div {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1480px;
}
.b2b-card {
padding: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: url(#liquidGlassFilter);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15), inset -10px -10px 30px -5px rgba(255, 255, 255, 0.2), inset 10px 10px 30px -5px rgba(0, 0, 0, 0.2);
color: #ffffff;
outline: 1px solid transparent;
transition: border 0.2s ease, outline-color 0.2s ease;
}
.b2b-card:hover {
border: 1px solid var(--Orange, #CC5403);
outline: 1px solid var(--Orange, #CC5403);
}
.b2b-card .icon {
font-size: 80px;
line-height: 10px;
}
.b2b-card h1,
.b2b-card h2,
.b2b-card h3,
.b2b-card .h1,
.b2b-card .h2,
.b2b-card .h3,
.b2b-card .bigFont,
.b2b-card .counting__number,
.b2b-card .counting__text,
.b2b-card .countText,
.b2b-card .finderFilter__label {
color: #ffffff;
}
.b2b-card li {
color: #ffffff;
}
.b2b-card .button_action,
.b2b-card .button_action_border {
color: #CC5403;
border: 1px solid #CC5403;
border-radius: 25px;
padding: 12px 32px;
width: 100%;
background: transparent;
text-decoration: none;
font-size: 18px;
}
.b2b-card .button_action:hover,
.b2b-card .button_action_border:hover {
background: #CC5403;
color: #ffffff;
}
.color-white {
color: #ffffff;
}
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white .h1,
.color-white .h2,
.color-white .h3,
.color-white .h4,
.color-white .bigFont,
.color-white .counting__number,
.color-white .counting__text,
.color-white .countText,
.color-white .finderFilter__label {
color: #ffffff;
}
.breaker-banner {
--r: 40px;
--bg: url("/userdata/files/landingpages/b2b-landingpage/breaker-banner-bg.jpg");
position: relative;
display: flex;
gap: 48px;
padding: 64px !important;
isolation: isolate;
overflow: visible;
}
@media (max-width: 1023px) {
.breaker-banner {
flex-direction: column;
}
}
@media (max-width: 767px) {
.breaker-banner {
padding: 32px 24px !important;
width: calc(100% - 42px) !important;
position: relative;
left: 50%;
transform: translateX(calc(-50% - 21px));
}
}
.breaker-banner::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: var(--bg) center / cover no-repeat;
border-radius: var(--r);
filter: blur(16px);
clip-path: inset(0 round var(--r));
pointer-events: none;
}
.breaker-banner::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: var(--r);
background: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.breaker-banner > * {
position: relative;
z-index: 2;
color: #ffffff;
}
.breaker-banner > * h1,
.breaker-banner > * h2,
.breaker-banner > * h3,
.breaker-banner > * h4,
.breaker-banner > * .h1,
.breaker-banner > * .h2,
.breaker-banner > * .h3,
.breaker-banner > * .h4,
.breaker-banner > * .bigFont,
.breaker-banner > * .counting__number,
.breaker-banner > * .counting__text,
.breaker-banner > * .countText,
.breaker-banner > * .finderFilter__label {
color: #ffffff;
}
.breaker-banner > .textcontent {
max-width: 450px;
}
@media (max-width: 1249px) {
.breaker-banner > .textcontent {
max-width: 350px;
}
}
.breaker-banner > .textcontent h3,
.breaker-banner > .textcontent .counting__text,
.breaker-banner > .textcontent .countText,
.breaker-banner > .textcontent .finderFilter__label {
font-size: 36px;
}
@media (max-width: 1249px) {
.breaker-banner > .textcontent h3,
.breaker-banner > .textcontent .counting__text,
.breaker-banner > .textcontent .countText,
.breaker-banner > .textcontent .finderFilter__label {
font-size: 28px;
}
}
.breaker-banner > .textcontent .button_action,
.breaker-banner > .textcontent .button_action_border {
color: #ffffff;
border: 1px solid #CC5403;
background: #CC5403;
border-radius: 25px;
padding: 12px 32px;
width: 100%;
text-decoration: none;
font-size: 18px;
max-width: 375px;
}
@media (max-width: 1249px) {
.breaker-banner > .textcontent .button_action,
.breaker-banner > .textcontent .button_action_border {
font-size: 16px;
}
}
.breaker-banner > .textcontent .button_action:hover,
.breaker-banner > .textcontent .button_action_border:hover {
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
}
.breaker-banner > .group {
flex-grow: 1;
position: relative;
}
@media (max-width: 1023px) {
.breaker-banner > .group {
min-height: 190px;
}
}
.breaker-banner > .group > .group {
position: absolute;
}
.breaker-banner > .group > .group > .textcontent:first-of-type {
padding: 12px 20px;
border-radius: 15px;
font-size: 14px;
line-height: 1;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.25);
backdrop-filter: url(#liquidGlassFilter) blur(5px);
border: 1px solid rgba(255, 255, 255, 0.5);
}
.breaker-banner > .group > .group:nth-child(1) {
top: -100px;
right: 315px;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(1) {
top: -40px;
right: 230px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group:nth-child(1) {
top: -20%;
right: auto;
left: -45px;
}
}
.breaker-banner > .group > .group:nth-child(1) > .textcontent:first-of-type {
position: absolute;
top: 190px;
left: -30px;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(1) > .textcontent:first-of-type {
top: 110px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group:nth-child(1) > .textcontent:first-of-type {
left: -10px;
}
}
.breaker-banner > .group > .group:nth-child(2) {
top: -115px;
right: 30px;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(2) {
top: -45px;
right: 50px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group:nth-child(2) {
top: -20%;
right: -45px;
}
}
.breaker-banner > .group > .group:nth-child(2) > .textcontent:first-of-type {
position: absolute;
bottom: 150px;
right: -10px;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(2) > .textcontent:first-of-type {
bottom: 70px;
right: -40px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group:nth-child(2) > .textcontent:first-of-type {
right: -10px;
}
}
.breaker-banner > .group > .group:nth-child(3) {
top: 0;
right: 145px;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(3) {
top: 55px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group:nth-child(3) {
top: 30%;
left: 5%;
right: auto;
}
}
.breaker-banner > .group > .group:nth-child(3) > .textcontent:first-of-type {
position: absolute;
bottom: 150px;
right: 0;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group:nth-child(3) > .textcontent:first-of-type {
bottom: 75px;
}
}
.breaker-banner > .group > .group img {
max-height: 350px;
width: auto !important;
}
@media (max-width: 1249px) {
.breaker-banner > .group > .group img {
max-height: 200px;
}
}
@media (max-width: 767px) {
.breaker-banner > .group > .group img {
max-height: 175px;
}
}
.progressbar-steps {
--progress: 0;
display: flex;
position: relative;
z-index: 1;
justify-content: space-between;
perspective: 200px;
}
@media (max-width: 1023px) {
.progressbar-steps {
flex-direction: column;
gap: 75px;
}
}
.progressbar-steps::before,
.progressbar-steps::after {
content: "";
position: absolute;
left: 0;
top: 350px;
height: 20px;
width: calc(100% - 42px);
margin: 0 20px;
border-radius: 40px;
pointer-events: none;
}
.progressbar-steps::before {
background: #C98272;
}
.progressbar-steps::after {
background: #CC5403;
width: calc((100% - 42px) * var(--progress));
}
@media (max-width: 1023px) {
.progressbar-steps {
flex-direction: column;
gap: 75px;
}
.progressbar-steps::before,
.progressbar-steps::after {
left: auto;
right: 20px;
top: 0;
bottom: 0;
width: 20px;
height: 100%;
margin: 0 ;
border-radius: 40px;
}
.progressbar-steps::after {
height: calc((100%) * var(--progress));
}
}
.progressbar-steps > .group {
max-width: 430px;
display: flex;
flex-direction: column;
gap: 175px;
}
@media (max-width: 1023px) {
.progressbar-steps > .group {
flex-direction: row;
gap: 48px;
max-width: 750px;
margin-right: 120px;
align-items: center;
}
}
@media (max-width: 767px) {
.progressbar-steps > .group {
margin-right: 80px;
}
}
@media (max-width: 480px) {
.progressbar-steps > .group {
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
}
.progressbar-steps > .group .textcontent {
text-align: center;
}
@media (max-width: 1023px) {
.progressbar-steps > .group .textcontent {
text-align: left;
}
}
.progressbar-steps > .group .textcontent:has(img) img {
text-align: center;
max-width: 260px;
aspect-ratio: 1;
object-fit: cover;
border-radius: 40px;
box-shadow: 20px 20px 50px 0 rgba(0, 0, 0, 0.25);
transform: rotate3d(var(--ax, 0), var(--ay, 0), 0, var(--ang, 0deg));
transform-style: preserve-3d;
will-change: transform;
backface-visibility: hidden;
}
@media (hover: none), (pointer: coarse) {
.progressbar-steps > .group .textcontent:has(img) img {
transform: none !important;
}
}
@media (max-width: 1023px) {
.progressbar-steps > .group .textcontent:has(img) img {
max-width: 200px;
}
}
@media (max-width: 767px) {
.progressbar-steps > .group .textcontent:has(img) img {
max-width: 150px;
}
}
.progressbar-steps > .group .textcontent h1,
.progressbar-steps > .group .textcontent h2,
.progressbar-steps > .group .textcontent h3,
.progressbar-steps > .group .textcontent h4,
.progressbar-steps > .group .textcontent .h1,
.progressbar-steps > .group .textcontent .h2,
.progressbar-steps > .group .textcontent .h3,
.progressbar-steps > .group .textcontent .h4,
.progressbar-steps > .group .textcontent .bigFont,
.progressbar-steps > .group .textcontent .counting__number,
.progressbar-steps > .group .textcontent .counting__text,
.progressbar-steps > .group .textcontent .countText,
.progressbar-steps > .group .textcontent .finderFilter__label {
color: #CC5403;
}
.faq-tabs > .group:first-of-type {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
gap: 14px;
}
@media (max-width: 1249px) {
.faq-tabs > .group:first-of-type {
overflow-x: auto;
justify-content: flex-start;
gap: 8px;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
scroll-padding-left: 16px;
scroll-padding-right: 16px;
padding-bottom: 8px;
margin-bottom: 16px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
position: relative;
padding-left: 16px;
padding-right: 16px;
}
}
.faq-tabs > .group:first-of-type > .textcontent {
padding: 12px 32px;
border-radius: 40px;
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
backdrop-filter: url(#liquidGlassFilter);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.4);
gap: 14px;
cursor: pointer;
font-size: 18px;
}
@media (max-width: 1250px) {
.faq-tabs > .group:first-of-type > .textcontent {
font-size: 14px;
padding: 8px 24px;
}
}
@media (max-width: 1249px) {
.faq-tabs > .group:first-of-type > .textcontent {
flex: 0 0 auto;
white-space: nowrap;
scroll-snap-align: start;
scroll-snap-stop: always;
}
}
.faq-tabs > .group:first-of-type > .textcontent.active,
.faq-tabs > .group:first-of-type > .textcontent:hover {
background: #EBE7E4;
color: #CC5403;
}
.faq-tabs > .group:last-of-type {
background: #EBE7E4;
border-radius: 40px;
box-shadow: 20px 20px 50px 0 rgba(0, 0, 0, 0.25);
padding: 48px 32px;
}
@media (max-width: 480px) {
.faq-tabs > .group:last-of-type {
padding: 32px 24px;
}
}
.faq-tabs > .group:last-of-type .slidecontent {
display: none;
margin-bottom: 0;
}
.faq-tabs > .group:last-of-type .slidecontent.is-active {
display: block;
}
.faq-tabs > .group:last-of-type .slidecontent .slide_container {
background: #EBE7E4;
margin-bottom: 0;
padding: 0;
}
.faq-tabs > .group:last-of-type .slidecontent .slide_container:not(:first-of-type) {
padding-top: 16px;
}
.faq-tabs > .group:last-of-type .slidecontent .slide_container:not(:last-of-type) {
padding-bottom: 16px;
border-bottom: 1px solid #BFBFBF;
}
.faq-tabs > .group:last-of-type .slidecontent .slide_container .slidecontent_headline,
.faq-tabs > .group:last-of-type .slidecontent .slide_container .collectionLebkuchenfinder .collectionGroupFilterFinder__item {
padding: 0 20px 0 0;
}
.faq-tabs > .group:last-of-type .slidecontent .slide_container .slidecontent_headline::after,
.faq-tabs > .group:last-of-type .slidecontent .slide_container .collectionLebkuchenfinder .collectionGroupFilterFinder__item::after {
left: auto;
right: 0;
}
.testimonial-slider {
display: flex;
gap: 32px;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(n + 4) {
display: none;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(1) {
flex-basis: 25%;
position: relative;
top: 130px;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(1) .textcontent:nth-child(n+2) {
display: none;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(2) {
flex-basis: 50%;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(2) .textcontent {
text-align: center;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(2) .textcontent:nth-child(2) {
margin-top: 80px;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(3) {
flex-basis: 25%;
position: relative;
top: 130px;
}
.testimonial-slider:not(.owl-carousel) > .group:nth-child(3) .textcontent:nth-child(n+2) {
display: none;
}
.testimonial-slider:not(.owl-carousel) > .group .textcontent {
color: #ffffff;
}
.testimonial-slider:not(.owl-carousel) > .group .textcontent img {
border-radius: 40px;
aspect-ratio: 1.5;
object-fit: cover;
}
.testimonial-wrap {
position: relative;
border-radius: 24px;
padding: 32px 16px 56px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.testimonial-wrap .testimonial-slider .owl-stage-outer {
overflow: visible;
}
.testimonial-wrap .testimonial-slider .owl-item {
transform: scale(0.75);
transition: transform .35s ease, opacity .35s ease, filter .35s ease;
}
.testimonial-wrap .testimonial-slider .owl-item .textcontent:nth-child(n+2) {
display: none !important;
}
.testimonial-wrap .testimonial-slider .owl-item.center {
transform: scale(1.25);
opacity: 1;
filter: none;
}
@media (max-width: 1023px) {
.testimonial-wrap .testimonial-slider .owl-item.center {
transform: scale(1);
}
}
.testimonial-wrap .testimonial-slider .group {
display: grid;
justify-items: center;
gap: 14px;
}
.testimonial-wrap .testimonial-slider .group .textcontent:nth-child(1) img {
aspect-ratio: 1.5;
object-fit: cover;
border-radius: 40px;
}
@media (max-width: 480px) {
.testimonial-wrap .testimonial-slider .group .textcontent:nth-child(1) img {
border-radius: 20px;
}
}
.testimonial-wrap .testimonial-slider .owl-dots {
bottom: -28%;
display: flex;
justify-content: center;
gap: 10px;
}
@media (max-width: 1540px) {
.testimonial-wrap .testimonial-slider .owl-dots {
bottom: -33%;
}
}
@media (max-width: 1023px) {
.testimonial-wrap .testimonial-slider .owl-dots {
bottom: -50px;
}
}
.testimonial-wrap .testimonial-slider .owl-dots .owl-dot {
opacity: 1 !important;
}
.testimonial-wrap .testimonial-slider .owl-dots .owl-dot span {
width: 18px;
height: 18px;
border-radius: 999px;
background: #ffffff;
transition: transform .2s, background .2s;
}
.testimonial-wrap .testimonial-slider .owl-dots .owl-dot span:hover {
background: #CC5403;
}
.testimonial-wrap .testimonial-slider .owl-dots .owl-dot.active span {
background: #CC5403;
border: 2px solid #ffffff;
transform: scale(1.2);
}
.testimonial-wrap .testimonial-slider .owl-nav {
position: absolute;
inset: auto 8px -8px 8px;
display: flex;
justify-content: space-between;
pointer-events: none;
left: 50%;
transform: translateX(-50%);
width: 53%;
bottom: -7%;
}
@media (max-width: 1540px) {
.testimonial-wrap .testimonial-slider .owl-nav {
width: 61%;
}
}
@media (max-width: 1023px) {
.testimonial-wrap .testimonial-slider .owl-nav {
width: 100%;
bottom: 0;
}
}
.testimonial-wrap .testimonial-slider .owl-nav button {
pointer-events: auto;
width: 42px;
height: 42px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px) url(#liquidGlassFilter);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
display: grid;
place-items: center;
}
.testimonial-wrap .testimonial-slider .owl-nav button:hover {
background: #CC5403;
}
.testimonial-wrap .testimonial-slider .owl-nav button span {
font-size: 14px;
line-height: 1;
color: #ffffff;
}
.testimonial-wrap .testimonial-slider .owl-nav button.disabled {
opacity: .4;
}
.testimonial-wrap .testimonial-text {
margin-top: 7%;
text-align: center;
}
@media (max-width: 1023px) {
.testimonial-wrap .testimonial-text {
margin-top: 75px;
}
}
.testimonial-wrap .testimonial-text .quote {
color: #ffffff;
max-width: 600px;
margin: 0 auto;
line-height: 1.45;
font-size: 14px;
position: relative;
}
@media (max-width: 1023px) {
.testimonial-wrap .testimonial-text .quote {
max-width: calc(100% - 120px);
}
}
@media (max-width: 480px) {
.testimonial-wrap .testimonial-text .quote {
max-width: calc(100% - 80px);
}
}
.testimonial-wrap .testimonial-text .quote::before,
.testimonial-wrap .testimonial-text .quote::after {
content: "“";
position: absolute;
line-height: 1;
font-size: 120px;
}
@media (max-width: 480px) {
.testimonial-wrap .testimonial-text .quote::before,
.testimonial-wrap .testimonial-text .quote::after {
font-size: 80px;
}
}
.testimonial-wrap .testimonial-text .quote::before {
left: -60px;
top: -80px;
transform: scaleY(-1) scaleX(-1);
}
@media (max-width: 480px) {
.testimonial-wrap .testimonial-text .quote::before {
top: -50px;
left: -40px;
}
}
.testimonial-wrap .testimonial-text .quote::after {
right: -60px;
bottom: -80px;
}
@media (max-width: 480px) {
.testimonial-wrap .testimonial-text .quote::after {
bottom: -50px;
right: -40px;
}
}
.testimonial-wrap .testimonial-text .author {
margin-top: 12px;
color: #ffffff;
font-weight: 700;
}
.catalog-banner {
position: relative;
overflow: visible;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(16px, 2vw, 40px);
align-items: center;
padding: 86px 0;
}
@media (max-width: 1023px) {
.catalog-banner {
grid-template-columns: 1fr;
}
}
.catalog-banner > .group {
grid-column: 1;
}
@media (max-width: 1023px) {
.catalog-banner > .group {
grid-row: 2;
}
}
.catalog-banner > .group h1,
.catalog-banner > .group h2,
.catalog-banner > .group h3,
.catalog-banner > .group h4,
.catalog-banner > .group .h1,
.catalog-banner > .group .h2,
.catalog-banner > .group .h3,
.catalog-banner > .group .h4,
.catalog-banner > .group .bigFont,
.catalog-banner > .group .counting__number,
.catalog-banner > .group .counting__text,
.catalog-banner > .group .countText,
.catalog-banner > .group .finderFilter__label {
font-size: 72px;
}
@media (max-width: 1023px) {
.catalog-banner > .group h1,
.catalog-banner > .group h2,
.catalog-banner > .group h3,
.catalog-banner > .group h4,
.catalog-banner > .group .h1,
.catalog-banner > .group .h2,
.catalog-banner > .group .h3,
.catalog-banner > .group .h4,
.catalog-banner > .group .bigFont,
.catalog-banner > .group .counting__number,
.catalog-banner > .group .counting__text,
.catalog-banner > .group .countText,
.catalog-banner > .group .finderFilter__label {
font-size: 42px;
}
}
.catalog-banner form {
position: relative;
max-width: 500px;
}
.catalog-banner form input {
border-radius: 99px;
height: 56px;
border: 1px solid #BFBFBF;
}
.catalog-banner form .button,
.catalog-banner form .button_primary,
.catalog-banner form .btn-primary,
.catalog-banner form .button_second,
.catalog-banner form .btn-second,
.catalog-banner form .button_warning,
.catalog-banner form .btn-warning,
.catalog-banner form .button_success,
.catalog-banner form .btn-success,
.catalog-banner form .button_info,
.catalog-banner form .btn-info,
.catalog-banner form .button_action,
.catalog-banner form .btn-action,
.catalog-banner form .button_danger,
.catalog-banner form .btn-danger,
.catalog-banner form .button_transparent,
.catalog-banner form .btn-transparent,
.catalog-banner form .button_white,
.catalog-banner form .btn-white,
.catalog-banner form .button_option,
.catalog-banner form .button_action_border,
.catalog-banner form .collectionGroupFilter__item > span,
.catalog-banner form #dc_amount_select .dc_amount {
position: absolute;
height: 35px;
top: 33px;
right: 8px;
margin: 0;
}
@media (max-width: 480px) {
.catalog-banner form .button,
.catalog-banner form .button_primary,
.catalog-banner form .btn-primary,
.catalog-banner form .button_second,
.catalog-banner form .btn-second,
.catalog-banner form .button_warning,
.catalog-banner form .btn-warning,
.catalog-banner form .button_success,
.catalog-banner form .btn-success,
.catalog-banner form .button_info,
.catalog-banner form .btn-info,
.catalog-banner form .button_action,
.catalog-banner form .btn-action,
.catalog-banner form .button_danger,
.catalog-banner form .btn-danger,
.catalog-banner form .button_transparent,
.catalog-banner form .btn-transparent,
.catalog-banner form .button_white,
.catalog-banner form .btn-white,
.catalog-banner form .button_option,
.catalog-banner form .button_action_border,
.catalog-banner form .collectionGroupFilter__item > span,
.catalog-banner form #dc_amount_select .dc_amount {
position: relative;
right: auto;
bottom: auto;
}
}
.catalog-banner > .textcontent:has(img) {
grid-column: 2;
position: relative;
align-self: stretch;
--bleed: 120px;
}
@media (max-width: 1023px) {
.catalog-banner > .textcontent:has(img) {
grid-column: 1;
grid-row: 1;
max-height: 300px;
display: flex;
justify-content: flex-end;
}
}
.catalog-banner > .textcontent:has(img) img {
position: absolute;
right: 0;
top: calc(-1 * var(--bleed));
height: calc(100% + var(--bleed) * 2) !important;
width: auto !important;
max-width: 100%;
display: block;
object-fit: contain;
filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.25));
}
@media (max-width: 1023px) {
.catalog-banner > .textcontent:has(img) img {
position: relative;
top: calc(-1 * var(--bleed));
height: calc(100% + var(--bleed)) !important;
}
}
#grossbestellungModal .modal-header,
#grossbestellungModal .modal-body,
#grossbestellungModal .modal-content {
border-radius: 30px;
}
#grossbestellungModal input {
height: 40px;
border-radius: 20px;
width: 100%;
border: 1px solid #BFBFBF;
background: #fff;
}
#grossbestellungModal .button,
#grossbestellungModal .button_primary,
#grossbestellungModal .btn-primary,
#grossbestellungModal .button_second,
#grossbestellungModal .btn-second,
#grossbestellungModal .button_warning,
#grossbestellungModal .btn-warning,
#grossbestellungModal .button_success,
#grossbestellungModal .btn-success,
#grossbestellungModal .button_info,
#grossbestellungModal .btn-info,
#grossbestellungModal .button_action,
#grossbestellungModal .btn-action,
#grossbestellungModal .button_danger,
#grossbestellungModal .btn-danger,
#grossbestellungModal .button_transparent,
#grossbestellungModal .btn-transparent,
#grossbestellungModal .button_white,
#grossbestellungModal .btn-white,
#grossbestellungModal .button_option,
#grossbestellungModal .button_action_border,
#grossbestellungModal .collectionGroupFilter__item > span,
#grossbestellungModal #dc_amount_select .dc_amount {
display: flex;
gap: 8px;
height: 40px;
border-radius: 50px;
padding: 6px 32px;
font-weight: normal;
background: #e70610;
border-color: #e70610;
}
#grossbestellungModal .button:hover,
#grossbestellungModal .button_primary:hover,
#grossbestellungModal .btn-primary:hover,
#grossbestellungModal .button_second:hover,
#grossbestellungModal .btn-second:hover,
#grossbestellungModal .button_warning:hover,
#grossbestellungModal .btn-warning:hover,
#grossbestellungModal .button_success:hover,
#grossbestellungModal .btn-success:hover,
#grossbestellungModal .button_info:hover,
#grossbestellungModal .btn-info:hover,
#grossbestellungModal .button_action:hover,
#grossbestellungModal .btn-action:hover,
#grossbestellungModal .button_danger:hover,
#grossbestellungModal .btn-danger:hover,
#grossbestellungModal .button_transparent:hover,
#grossbestellungModal .btn-transparent:hover,
#grossbestellungModal .button_white:hover,
#grossbestellungModal .btn-white:hover,
#grossbestellungModal .button_option:hover,
#grossbestellungModal .button_action_border:hover,
#grossbestellungModal .collectionGroupFilter__item > span:hover,
#grossbestellungModal #dc_amount_select .dc_amount:hover {
background: #ce050e;
border-color: #ce050e;
}
#header.b2bLandingpageHeader {
display: flex;
justify-content: center;
}
#header.b2bLandingpageHeader.sticky {
position: relative;
z-index: 101;
}
#header.b2bLandingpageHeader .headertop {
display: none;
}
#header.b2bLandingpageHeader .headermain {
margin-top: 40px;
width: calc(100% - 42px);
max-width: 1440px;
position: fixed;
left: 50%;
transform: translateX(-50%);
padding: 12px 32px;
background: rgba(0, 0, 0, 0.25);
border-radius: 40px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
backdrop-filter: url(#liquidGlassFilter) blur(5px);
color: #ffffff;
}
@media (max-width: 767px) {
#header.b2bLandingpageHeader .headermain {
margin-top: 20px;
}
}
@media (max-width: 1250px) {
#header.b2bLandingpageHeader .headermain .headerContainer {
justify-content: flex-end;
}
}
@media (max-width: 1250px) {
#header.b2bLandingpageHeader .headermain .pageTitle {
display: none;
}
}
#header.b2bLandingpageHeader .headermain .headerShopmenu {
display: flex;
gap: 54px;
align-items: baseline;
}
@media (max-width: 1250px) {
#header.b2bLandingpageHeader .headermain .headerShopmenu {
gap: 20px;
}
}
#header.b2bLandingpageHeader .headermain .headerShopmenu a {
color: #ffffff;
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_primary,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-primary,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_second,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-second,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_warning,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-warning,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_success,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-success,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_info,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-info,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-action,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_danger,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-danger,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_transparent,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-transparent,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_white,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-white,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_option,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action_border,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .collectionGroupFilter__item > span,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton #dc_amount_select .dc_amount {
display: flex;
gap: 8px;
height: 35px;
border-radius: 50px;
padding: 6px 32px;
font-weight: normal;
}
@media (max-width: 767px) {
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_primary,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-primary,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_second,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-second,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_warning,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-warning,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_success,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-success,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_info,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-info,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-action,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_danger,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-danger,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_transparent,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-transparent,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_white,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-white,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_option,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action_border,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .collectionGroupFilter__item > span,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton #dc_amount_select .dc_amount {
padding: 6px 16px;
}
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_primary .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-primary .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_second .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-second .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_warning .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-warning .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_success .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-success .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_info .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-info .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-action .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_danger .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-danger .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_transparent .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-transparent .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_white .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .btn-white .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_option .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .button_action_border .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton .collectionGroupFilter__item > span .icon,
#header.b2bLandingpageHeader .headermain .headerShopmenu .configuratorButton #dc_amount_select .dc_amount .icon {
font-size: 38px;
margin-right: 0;
line-height: 1;
top: -20px;
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .header_language {
padding-left: 0;
}
@media (max-width: 767px) {
#header.b2bLandingpageHeader .headermain .headerShopmenu .header_language {
display: none;
}
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .header_language .language_switch_button {
min-width: 0;
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .header_language .list_language_switch a {
color: #040004;
}
@media (max-width: 767px) {
#header.b2bLandingpageHeader .headermain .headerShopmenu .back_to_shop {
display: none;
}
}
#header.b2bLandingpageHeader .headermain .headerShopmenu .back_to_shop i {
transform: rotate(180deg);
}
#header.b2bLandingpageHeader .headermain .headerLogo {
top: -15px;
}
@media (max-width: 1540px) {
#header.b2bLandingpageHeader .headermain .headerLogo {
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 1250px) {
#header.b2bLandingpageHeader .headermain .headerLogo {
left: 20px;
transform: translateX(0);
top: -15px;
}
}
@media (max-width: 767px) {
#header.b2bLandingpageHeader .headermain .headerLogo {
top: 0;
}
}
#header.b2bLandingpageHeader .headermain .headerLogo img {
height: 100px !important;
}
@media (max-width: 1250px) {
#header.b2bLandingpageHeader .headermain .headerLogo img {
height: auto !important;
}
}
.b2b_lp_footer {
width: calc(100% - 42px);
max-width: 1440px;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 12px 32px;
background: rgba(0, 0, 0, 0.25) !important;
border-radius: 40px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
backdrop-filter: url(#liquidGlassFilter) blur(5px);
color: #ffffff;
margin-top: 32px;
margin-bottom: 32px;
}
.b2b_lp_footer .footerTopMenu {
border-top: none;
padding-bottom: 12px;
padding-top: 0;
}
.b2b_lp_footer .footer_navigation a {
color: #ffffff;
}
.b2b_lp_footer .footerBottom {
background: transparent;
padding-bottom: 0;
}