| Server IP : 5.161.254.237 / Your IP : 216.73.216.252 Web Server : Apache System : Linux diamond.sialwebvps.com 4.18.0-553.8.1.el8_10.x86_64 #1 SMP Tue Jul 2 07:26:33 EDT 2024 x86_64 User : stellasp ( 1131) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/stellasp/www/frontend/css/ |
Upload File : |
@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
.redils-cont {
width: 1170px;
max-width: 100%;
position: relative
}
#redils-click-blocker {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
.redils {
overflow: hidden;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
.redils .slide-cont {
height: 100%
}
.redils .slides {
height: 100%
}
.redils-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
.redils-controls .arrow-area {
position: absolute;
height: 100%;
width: 20%;
top: 0;
z-index: 10;
cursor: pointer
}
.redils-controls .arrow-area-right {
right: 0
}
.redils-fader {
height: 600px
}
.redils-fader .redils {
z-index: 5
}
.redils-fader .slides {
width: 100%;
height: 100%
}
.redils-default {
height: 660px
}
.redils-default .slides {
float: left
}
.redils-centered {
width: 100%
}
.redils-centered .slide-cont {
line-height: 0;
font-size: 0
}
.redils-centered .slides {
display: inline-block;
vertical-align: top
}
.redils-centered .slides img {
width: 585px;
height: auto
}
.redils-centered-overflow {
width: 100%
}
.redils-centered-overflow .slide-cont {
line-height: 0;
font-size: 0
}
.redils-centered-overflow .slides {
display: inline-block;
vertical-align: top;
width: 70vw
}
.redils-centered-overflow .slides img {
width: 100%;
height: auto
}
.redils-responsive {
height: 600px
}
.redils-responsive .slides {
float: left
}
.redils-responsive .slides img {
width: auto;
height: 100%
}
.redils-responsive .redils.disabled .slides {
margin: 0 auto;
opacity: 1;
float: none
}
.redils-responsive-height {
height: auto
}
.redils-responsive-height .redils {
height: auto
}
.redils-responsive-height .slide-cont {
height: auto
}
.redils-responsive-height .slides {
height: auto;
float: left
}
.redils-multislide {
height: 240px
}
.redils-multislide .slides {
display: inline-block;
vertical-align: top
}
.redils-multislide .super-slide {
float: left;
text-align: center
}
.single-multislide-disable .arrow-area {
display: none
}
.single-multislide-disable .pagination {
display: none
}
.redils-contact-sheet .slides {
display: inline-block;
vertical-align: top
}
.redils-contact-sheet .super-slide {
float: left;
text-align: center
}
@-webkit-keyframes hidden_left {
0% {
-webkit-transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
}
@keyframes hidden_left {
0% {
-webkit-transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
}
@-webkit-keyframes left_center {
0% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
}
@keyframes left_center {
0% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
}
@-webkit-keyframes center_right {
0% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
}
@keyframes center_right {
0% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
}
@-webkit-keyframes right_hidden {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0)
}
}
@keyframes right_hidden {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0)
}
}
@-webkit-keyframes left_hidden {
0% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0)
}
}
@keyframes left_hidden {
0% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
100% {
-webkit-transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-200%, 0, 0) translate3d(60px, 0, 0)
}
}
@-webkit-keyframes center_left {
0% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
100% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
}
@keyframes center_left {
0% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
100% {
-webkit-transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0);
transform: translate3d(-100%, 0, 0) translate3d(60px, 0, 0)
}
}
@-webkit-keyframes right_center {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
100% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
}
@keyframes right_center {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
100% {
-webkit-transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0);
transform: translate3d(50vw, 0, 0) translate3d(-50%, 0, 0)
}
}
@-webkit-keyframes hidden_right {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
}
@keyframes hidden_right {
0% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0) translate3d(100%, 0, 0)
}
100% {
-webkit-transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0);
transform: translate3d(100vw, 0, 0) translate3d(-60px, 0, 0)
}
}
.redils-stacked {
width: 100vw;
height: 660px
}
.redils-stacked .redils {
position: relative
}
.redils-stacked .slides {
-webkit-transform: translate3d(200vw, 0, 0);
transform: translate3d(200vw, 0, 0);
position: absolute;
top: 0;
left: 0;
text-align: center
}
.redils-stacked .slides img {
display: block
}
.redils-stacked .slides.hidden {
-webkit-animation: right_hidden .5s ease-in-out forwards;
animation: right_hidden .5s ease-in-out forwards
}
.redils-stacked .slides.hidden.back {
-webkit-animation: left_hidden .5s ease-in-out forwards;
animation: left_hidden .5s ease-in-out forwards
}
.redils-stacked .slides.left {
-webkit-animation: hidden_left .5s ease-in-out forwards;
animation: hidden_left .5s ease-in-out forwards
}
.redils-stacked .slides.left.back {
-webkit-animation: center_left .5s ease-in-out forwards;
animation: center_left .5s ease-in-out forwards
}
.redils-stacked .slides.center {
-webkit-animation: left_center .5s ease-in-out forwards;
animation: left_center .5s ease-in-out forwards
}
.redils-stacked .slides.center.back {
-webkit-animation: right_center .5s ease-in-out forwards;
animation: right_center .5s ease-in-out forwards
}
.redils-stacked .slides.right {
-webkit-animation: center_right .5s ease-in-out forwards;
animation: center_right .5s ease-in-out forwards
}
.redils-stacked .slides.right.back {
-webkit-animation: hidden_right .5s ease-in-out forwards;
animation: hidden_right .5s ease-in-out forwards
}
.remooz-fullScreenContainer {
display: none;
height: 2000px;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1500;
background-color: rgba(255, 255, 255, .8)
}
.remooz-fullScreenContainer img {
position: absolute;
z-index: 1000;
cursor: zoom;
display: block
}
.remooz-fullScreenContainer .remooz-fullScreenContainer-inner {
text-align: center;
z-index: 19
}
.remooz-fullScreenContainer-controller {
position: absolute;
z-index: 200;
width: 50px;
height: 50px;
font-size: 50px;
line-height: 50px;
cursor: pointer
}
.remooz-fullScreenContainer-close {
top: 20px;
right: 20px
}
.remooz-fullScreenContainer-next {
top: 50%;
right: 20px;
margin-top: -25px;
position: fixed
}
.remooz-fullScreenContainer-prev {
top: 50%;
left: 20px;
margin-top: -25px;
position: fixed
}
.rekaf {
position: relative;
cursor: pointer;
text-align: left;
box-sizing: border-box
}
.rekaf a,
.rekaf label {
display: block
}
.rekaf .disabled {
opacity: .3;
cursor: default
}
.rekaf-title {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.rekaf-list {
position: absolute;
display: none;
left: 0;
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
width: 100%
}
.rekaf--multiSelect .rekaf-title {
white-space: normal
}
.no-js .rekaf:hover .rekaf-list {
display: block
}
html {
padding: 0
}
html.u-local:before {
content: "Mobile";
width: 70px;
height: 20px;
position: absolute;
z-index: 2000;
top: 2px;
right: 2px;
background-color: #fad28d;
border: 1px solid #000;
border-radius: 3px;
color: #fff;
text-align: center;
box-shadow: rgba(0, 0, 0, .5) 0 0 2px inset;
font: 12px/20px Arial, Helvetica, sans-serif;
opacity: .8
}
@media only screen and (min-width:600px) {
html.u-local:before {
content: "min600";
background-color: #1b242d
}
}
@media only screen and (min-width:900px) {
html.u-local:before {
content: "min900";
background-color: #ac2b0b
}
}
.gridContainer {
width: 100%;
max-width: 100%;
margin: 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.gridContainer div {
background-image: linear-gradient(to left, transparent, 0, rgba(255, 0, 0, .3) 0, rgba(255, 0, 0, .3) 7.04225%, transparent 7.04225%, transparent 8.4507%, rgba(255, 0, 0, .3) 8.4507%, rgba(255, 0, 0, .3) 15.49296%, transparent 15.49296%, transparent 16.90141%, rgba(255, 0, 0, .3) 16.90141%, rgba(255, 0, 0, .3) 23.94366%, transparent 23.94366%, transparent 25.35211%, rgba(255, 0, 0, .3) 25.35211%, rgba(255, 0, 0, .3) 32.39437%, transparent 32.39437%, transparent 33.80282%, rgba(255, 0, 0, .3) 33.80282%, rgba(255, 0, 0, .3) 40.84507%, transparent 40.84507%, transparent 42.25352%, rgba(255, 0, 0, .3) 42.25352%, rgba(255, 0, 0, .3) 49.29577%, transparent 49.29577%, transparent 50.70423%, rgba(255, 0, 0, .3) 50.70423%, rgba(255, 0, 0, .3) 57.74648%, transparent 57.74648%, transparent 59.15493%, rgba(255, 0, 0, .3) 59.15493%, rgba(255, 0, 0, .3) 66.19718%, transparent 66.19718%, transparent 67.60563%, rgba(255, 0, 0, .3) 67.60563%, rgba(255, 0, 0, .3) 74.64789%, transparent 74.64789%, transparent 76.05634%, rgba(255, 0, 0, .3) 76.05634%, rgba(255, 0, 0, .3) 83.09859%, transparent 83.09859%, transparent 84.50704%, rgba(255, 0, 0, .3) 84.50704%, rgba(255, 0, 0, .3) 91.5493%, transparent 91.5493%, transparent 92.95775%, rgba(255, 0, 0, .3) 92.95775%, rgba(255, 0, 0, .3) 100%, transparent 100%, transparent 100%);
width: 100%;
max-width: 100%;
height: 3000px;
position: fixed;
z-index: 9999
}
.gridContainer div:before {
content: "#01/ 0100px #02/ 220px #03/ 340px #04/ 460px #05/ 580px #06/ 700px #07/ 820px #08/ 940px #09/ 1060px #10/ 1180px #11/ 1300px #12/ 1420";
position: absolute;
top: 10px;
left: 0;
white-space: pre
}
.u-mainContainer {
width: 100%;
max-width: 100%;
padding: 0 17px;
box-sizing: border-box;
margin: 0 auto
}
a.u-mainContainer {
display: block
}
.u-offset--0 {
margin-left: 1.40845%
}
.u-width--0.u-offset--0 {
margin-left: 0;
width: 100%
}
.u-width--12.u-offset--0 {
margin-left: 0
}
.u-offset--1 {
margin-left: 0
}
.u-width--1 {
width: 100%
}
.u-offset--2 {
margin-left: 0
}
.u-width--2 {
width: 100%
}
.u-offset--3 {
margin-left: 0
}
.u-width--3 {
width: 100%
}
.u-offset--4 {
margin-left: 0
}
.u-width--4 {
width: 100%
}
.u-offset--5 {
margin-left: 0
}
.u-width--5 {
width: 100%
}
.u-offset--6 {
margin-left: 0
}
.u-width--6 {
width: 100%
}
.u-offset--7 {
margin-left: 0
}
.u-width--7 {
width: 100%
}
.u-offset--8 {
margin-left: 0
}
.u-width--8 {
width: 100%
}
.u-offset--9 {
margin-left: 0
}
.u-width--9 {
width: 100%
}
.u-offset--10 {
margin-left: 0
}
.u-width--10 {
width: 100%
}
.u-offset--11 {
margin-left: 0
}
.u-width--11 {
width: 100%
}
.u-offset--12 {
margin-left: 0
}
.u-width--12 {
width: 100%
}
@media only screen and (min-width:600px) {
.u-offset--1 {
margin-left: 1.40845%
}
.u-width--1 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--2 {
margin-left: 1.40845%
}
.u-width--2 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--3 {
margin-left: 1.40845%
}
.u-width--3 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--4 {
margin-left: 1.40845%
}
.u-width--4 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--5 {
margin-left: 1.40845%
}
.u-width--5 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--6 {
margin-left: 1.40845%
}
.u-width--6 {
width: 49.29577%;
margin-bottom: 1.40845%
}
.u-offset--7 {
margin-left: 1.40845%
}
.u-width--7 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
.u-offset--8 {
margin-left: 1.40845%
}
.u-width--8 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
.u-offset--9 {
margin-left: 1.40845%
}
.u-width--9 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
.u-offset--10 {
margin-left: 1.40845%
}
.u-width--10 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
.u-offset--11 {
margin-left: 1.40845%
}
.u-width--11 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
.u-offset--12 {
margin-left: 1.40845%
}
.u-width--12 {
width: 100%;
margin-left: 0;
margin-bottom: 1.40845%
}
}
@media only screen and (min-width:900px) {
.u-offset--1 {
margin-left: 8.4507%
}
.u-width--1 {
width: 7.04225%;
margin-left: 1.40845%
}
.u-offset--2 {
margin-left: 16.90141%
}
.u-width--2 {
width: 15.49296%;
margin-left: 1.40845%
}
.u-offset--3 {
margin-left: 25.35211%
}
.u-width--3 {
width: 23.94366%;
margin-left: 1.40845%
}
.u-offset--4 {
margin-left: 33.80282%
}
.u-width--4 {
width: 32.39437%;
margin-left: 1.40845%
}
.u-offset--5 {
margin-left: 42.25352%
}
.u-width--5 {
width: 40.84507%;
margin-left: 1.40845%
}
.u-offset--6 {
margin-left: 50.70423%
}
.u-width--6 {
width: 49.29577%;
margin-left: 1.40845%
}
.u-offset--7 {
margin-left: 59.15493%
}
.u-width--7 {
width: 57.74648%;
margin-left: 1.40845%
}
.u-offset--8 {
margin-left: 67.60563%
}
.u-width--8 {
width: 66.19718%;
margin-left: 1.40845%
}
.u-offset--9 {
margin-left: 76.05634%
}
.u-width--9 {
width: 74.64789%;
margin-left: 1.40845%
}
.u-offset--10 {
margin-left: 84.50704%
}
.u-width--10 {
width: 83.09859%;
margin-left: 1.40845%
}
.u-offset--11 {
margin-left: 92.95775%
}
.u-width--11 {
width: 91.5493%;
margin-left: 1.40845%
}
.u-offset--12 {
margin-left: 100%
}
.u-width--12 {
width: 100%;
margin-left: 1.40845%
}
}
.u-hidden {
display: none
}
.u-inivisible {
opacity: 0
}
.u-cleanList {
list-style: none;
padding: 0;
margin: 0
}
.u-cleanList--inline>li {
display: inline-block;
vertical-align: top
}
.u-clearfix:after {
content: "";
display: table;
clear: both
}
.u-underline {
border-bottom: 1px solid #070707;
padding-bottom: 2px
}
.u-floatRight {
float: right
}
.u-floatLeft {
float: left
}
.u-verticalAlign {
height: 100%;
display: inline-block;
vertical-align: middle
}
.u-centerAlign {
text-align: center;
width: 100%
}
.accountOrder-row-order:after,
.filterControls-section-title:before,
.filterControls-value--swatch.u-disabled span:after,
.filterControls-value--swatch.u-selected span:after,
.mainNavigation-column-link--expandable:after,
.mainNavigation-search-inner:before,
.rekaf-title:after,
.u-icon,
.u-productEdit:before,
.u-selectCont select+span:after {
display: inline-block;
vertical-align: top
}
.u-lighterText {
font-weight: 400
}
a {
color: inherit;
outline: 0
}
a:active {
outline: 0
}
input,
textarea {
border: 1px solid #070707;
border-radius: 0;
width: 100%;
box-sizing: border-box;
resize: vertical;
outline: 0
}
.u-button,
button {
border: none;
cursor: pointer;
outline: 0;
background-color: transparent;
text-decoration: none
}
.u-button:active,
button:active {
outline: 0
}
label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.is-payField {
display: none
}
.is-creditCard .is-creditCard-field {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.is-creditCard .is-creditCard-field.addressForm-field--city,
.is-creditCard .is-creditCard-field.addressForm-field--zip {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top
}
.is-invoice .is-invoice-field {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.is-invoice .is-invoice-field.addressForm-field--city,
.is-invoice .is-invoice-field.addressForm-field--zip {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top
}
.is-invoice--de .is-invoice-field--de {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.is-invoice--de .is-invoice-field--de.addressForm-field--city,
.is-invoice--de .is-invoice-field--de.addressForm-field--zip {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top
}
.is-paypal .is-paypal-field {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.is-paypal .is-paypal-field.addressForm-field--city,
.is-paypal .is-paypal-field.addressForm-field--zip {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top
}
.is-states .is-states-field {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.is-shippingStates .is-shippingStates-field {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.u-button,
.u-checkboxCont,
.u-h1,
.u-h2,
.u-h3,
.u-h4,
.u-h5,
.u-h6,
.u-radioCont,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
select {
font-weight: 400;
line-height: normal
}
.u-h1-display,
.u-h2-display,
.u-h3-display,
.u-h4-display,
.u-h5-display,
.u-h6-display {
font-weight: 400;
line-height: normal
}
main {
min-height: calc(100vh - 45px)
}
a {
text-decoration: none;
border-bottom: 1px solid #070707
}
.u-noUnderline {
border-bottom: none
}
.u-h1,
h1 {
font-size: 3.5rem;
margin: 0
}
.u-h1-display {
font-size: 4rem
}
.u-h2,
h2 {
font-size: 3.5rem;
margin: 0
}
.u-h2-display {
font-size: 4rem
}
.u-h3,
h3 {
font-size: 1.6rem;
margin: 0
}
.u-h3-display {
font-size: 2rem
}
.u-h4,
h4 {
font-size: 1.6rem;
margin: 0
}
.u-h4-display {
font-size: 2rem
}
.u-h5,
h5 {
font-size: 1.6rem;
margin: 0
}
.u-h5-display {
font-size: 2rem
}
.u-h6,
h6 {
font-size: 1.6rem;
margin: 0
}
.u-h6-display {
font-size: 2rem
}
@media only screen and (min-width:600px) {
.u-h1,
h1 {
font-size: 4.6rem
}
.u-h1-display {
font-size: 6rem
}
.u-h2,
h2 {
font-size: 4.6rem
}
.u-h2-display {
font-size: 6rem
}
.u-h3,
h3 {
font-size: 2.6rem
}
.u-h3-display {
font-size: 3rem
}
.u-h4,
h4 {
font-size: 2.6rem
}
.u-h4-display {
font-size: 3rem
}
.u-h5,
h5 {
font-size: 1.6rem
}
.u-h5-display {
font-size: 2rem
}
.u-h6,
h6 {
font-size: 1.6rem
}
.u-h6-display {
font-size: 2rem
}
}
@media only screen and (min-width:900px) {
.u-h1,
h1 {
font-size: 7rem
}
.u-h1-display {
font-size: 8rem
}
.u-h2,
h2 {
font-size: 7rem
}
.u-h2-display {
font-size: 8rem
}
.u-h3,
h3 {
font-size: 3.5rem
}
.u-h3-display {
font-size: 4rem
}
.u-h4,
h4 {
font-size: 3.5rem
}
.u-h4-display {
font-size: 4rem
}
.u-h5,
h5 {
font-size: 1.6rem
}
.u-h5-display {
font-size: 2rem
}
.u-h6,
h6 {
font-size: 1.6rem
}
.u-h6-display {
font-size: 2rem
}
}
ul:not(.u-cleanList) {
padding-left: 0
}
ol {
padding-left: 0;
list-style-position: inside
}
.u-button {
display: inline-block;
vertical-align: top;
background-color: #070707;
color: #fff;
height: 50px;
line-height: 50px;
padding: 0 18px;
box-sizing: border-box;
border: 1px solid transparent;
text-align: left;
font-weight: 400;
width: 340px;
max-width: 100%
}
.u-button span {
border-bottom: 1px solid transparent
}
.u-button.is-inactive,
.u-button.u-disabled {
cursor: default;
background-color: #b3b3b3;
border-color: #070707
}
.no-touchevents .u-button:not(.is-inactive):not(.u-disabled):hover span {
border-bottom-color: #fff
}
.u-productEdit {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
box-sizing: border-box;
position: relative;
padding: 0;
font-size: 0;
background-color: transparent
}
.u-productEdit:active {
background-color: transparent;
opacity: .5
}
.no-touchevents .u-productEdit:hover {
background-color: transparent;
opacity: .5
}
.u-productEdit:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
input[type=checkbox],
input[type=radio] {
width: 30px;
height: 100%;
opacity: 0;
position: absolute;
z-index: 20;
cursor: pointer;
top: 0;
left: 0
}
input[type=checkbox]+span,
input[type=radio]+span {
width: 10px;
height: 10px;
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
border: 1px solid #070707;
box-sizing: border-box;
background-color: #fff
}
input[type=checkbox]:focus+span,
input[type=radio]:focus+span {
background-color: #eee
}
input[type=radio]+span {
border-radius: 50%
}
input[type=radio]:checked+span:after {
content: "";
background-color: #070707;
width: 6px;
height: 6px;
position: absolute;
top: 1px;
left: 1px;
border-radius: 50%
}
.u-radioCont {
position: relative;
margin: 8px 0;
display: block
}
.u-radioCont-content {
padding-left: 23px;
display: inline-block;
vertical-align: middle
}
input[type=checkbox]:checked+span:after {
content: "";
background-color: #070707;
width: 6px;
height: 6px;
position: absolute;
top: 1px;
left: 1px
}
.u-checkboxCont {
position: relative;
margin: 8px 0;
display: block
}
.u-checkboxCont-content {
padding-left: 23px;
display: inline-block;
vertical-align: middle
}
.u-inputContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 17px 0
}
input {
border: none;
border-bottom: 1px solid #070707;
min-width: 0;
width: 100%;
height: 28px;
font-size: 1.6rem;
padding: 5px 0 0;
color: #070707;
box-sizing: border-box
}
input:focus {
border-color: rgba(7, 7, 7, .5)
}
input.u-error {
border-color: #db1616;
color: #db1616
}
.u-input-label {
padding: 2px 10px 0 0;
display: inline-block;
vertical-align: bottom;
min-width: 130px
}
.u-cleanInput {
width: 40px;
text-align: center;
background-color: transparent;
box-shadow: none;
border-bottom: 1px solid #070707;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 10px
}
.u-singleInputForm-inputButton {
position: relative
}
.u-singleInputForm-inputButton input {
padding-right: 55px
}
.u-singleInputForm-inputButton button {
position: absolute;
right: 3px;
height: 36px;
width: 50px;
padding: 0;
text-align: right
}
.u-singleInputForm-inputButton button span {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.no-touchevents .u-singleInputForm-inputButton button:hover span {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
.u-singleInputForm-inputButton button:active span {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform 50ms ease-in-out;
transition: transform 50ms ease-in-out;
transition: transform 50ms ease-in-out, -webkit-transform 50ms ease-in-out
}
select:focus,
select:hover {
border: 1px solid #070707
}
select option {
padding: 5px 7px;
background-color: #fff;
color: #070707;
border-radius: none
}
textarea {
padding: 5px
}
textarea:focus {
border-color: rgba(7, 7, 7, .5)
}
.u-selectCont {
position: relative;
display: inline-block
}
.u-selectCont select+span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
position: absolute;
bottom: -10px;
right: 5px;
z-index: 6;
pointer-events: none;
width: 20px;
height: 40px
}
.u-selectCont select+span:after {
content: "";
position: absolute;
top: 18px;
left: 5px
}
.rekaf {
background-color: #fff;
border: 1px solid #070707
}
.rekaf-title {
font-size: 1.4rem;
padding: 0 30px 0 10px;
height: 40px;
line-height: 40px;
position: relative
}
@media only screen and (min-width:600px) {
.rekaf-title {
font-size: 1.5rem
}
}
.rekaf-title .u-colorSwatch {
margin-top: 12px
}
.rekaf-title>span span:last-child {
border-bottom: 1px solid transparent;
line-height: 43px
}
.rekaf-title:after {
content: "";
z-index: 1000;
position: absolute;
right: 11px;
top: 11px
}
.no-touchevents .rekaf-title:hover span:last-child {
border-bottom-color: #070707
}
.rekaf-list {
background-color: #fff;
border: 1px solid #070707;
border-top: none;
margin: -6px 0 0 -1px;
padding: 6px 0 4px;
max-height: 190px;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.rekaf-list a {
padding: 7px 10px;
text-decoration: none
}
.rekaf-list a span>span:last-child {
border-bottom: 1px solid transparent
}
.no-touchevents .rekaf-list a:hover span>span:last-child {
border-bottom-color: #070707
}
.rekaf-list li a {
border-bottom: none
}
.u-colorSwatch {
width: 16px;
height: 16px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
border-radius: 50%;
margin: 2px 12px 0 0;
background-size: contain
}
.u-colorSwatch--white {
border: 1px solid #070707
}
.u-menuSelected {
color: #070707
}
.u-discount {
color: #db1616
}
.error *,
.is-error * {
color: #db1616;
border-color: #db1616
}
.u-error {
color: #db1616
}
.salePrice {
color: #db1616
}
.pageSlideCont {
overflow: hidden;
width: 100%
}
.pageSlideCont main {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.is-showingMenu .pageSlideCont main {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
.is-showingSelection .pageSlideCont main {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
.is-showingFilter .pageSlideCont main {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
@media only screen and (min-width:1080px) {
.is-showingSelection .pageSlideCont main {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
.is-showingFilter .pageSlideCont main {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
.is-showingStart .pageSlideCont main {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
.accountOrder-row-order:after,
.filterControls-section-title:before,
.filterControls-value--swatch.u-disabled span:after,
.filterControls-value--swatch.u-selected span:after,
.mainNavigation-column-link--expandable:after,
.mainNavigation-search-inner:before,
.rekaf-title:after,
.u-icon,
.u-productEdit:before,
.u-selectCont select+span:after {
background: url(../sprites/sprite-d35b97f69d.svg) no-repeat
}
.filterControls-section-title:before,
.u-icon-add,
.u-productEdit--increase:before {
background-position: 100% 33.333333333333336%;
width: 11px;
height: 11px
}
.mainNavigation-column-link--expandable:after,
.u-icon-add--white {
background-position: 100% 54.90196078431372%;
width: 11px;
height: 11px
}
.rekaf-title:after,
.u-icon-arrowDown {
background-position: 69.64285714285714% 24.444444444444443%;
width: 11px;
height: 17px
}
.u-icon-arrowLeft {
background-position: 0 68.62745098039215%;
width: 17px;
height: 11px
}
.u-icon-arrowRight {
background-position: 42% 35.294117647058826%;
width: 17px;
height: 11px
}
.is-expanded .mainNavigation-column-link--expandable:after,
.u-icon-arrowRight--white {
background-position: 78% 0;
width: 17px;
height: 11px
}
.rekaf--opened .rekaf-title:after,
.u-icon-arrowUp {
background-position: 100% 0;
width: 11px;
height: 17px
}
.u-icon-bag {
background-position: 0 100%;
width: 13px;
height: 16px
}
.filterControls-value--swatch.u-selected span:after,
.u-icon-checkMark {
background-position: 81.9672131147541% 19.642857142857142%;
width: 6px;
height: 6px
}
.accountOrder-row-order:after,
.u-icon-chevronDown,
.u-selectCont select+span:after {
background-position: 68.42105263157895% 49.12280701754386%;
width: 10px;
height: 5px
}
.accountOrder-row--selected.accountOrder-row-order:after,
.u-icon-chevronUp,
.u-selectCont.is-open select+span:after {
background-position: 98.24561403508773% 70.17543859649123%;
width: 10px;
height: 5px
}
.u-icon-close,
.u-productEdit--remove:before {
background-position: 42.3728813559322% 64.81481481481481%;
width: 8px;
height: 8px
}
.filterControls-value--swatch.u-disabled span:after,
.u-icon-close--white {
background-position: 28.8135593220339% 64.81481481481481%;
width: 8px;
height: 8px
}
.u-icon-print {
background-position: 0 0;
width: 21px;
height: 15px
}
.u-icon-search {
background-position: 50.943396226415096% 93.87755102040816%;
width: 14px;
height: 13px
}
.mainNavigation-search-inner:before,
.u-icon-search--white {
background-position: 24.528301886792452% 93.87755102040816%;
width: 14px;
height: 13px
}
.is-open .filterControls-section-title:before,
.u-icon-subtract,
.u-productEdit--decrease:before {
background-position: 100% 63.9344262295082%;
width: 11px;
height: 1px
}
.u-icon-zoomIn {
background-position: 0 35.714285714285715%;
width: 20px;
height: 20px
}
.u-icon-zoomOut {
background-position: 42.857142857142854% 0;
width: 18px;
height: 18px
}
.stylesheet {
margin: 0 auto;
padding: 10rem 0;
background-color: #fff
}
.stylesheet-title {
margin-bottom: 5rem
}
.stylesheet-subtitle {
margin-bottom: 1rem
}
.stylesheet-subtitle,
.stylesheet-title {
padding-left: 2rem;
border-left: 1px dashed #070707
}
.stylesheet-section {
margin: 5rem 0 5rem 0;
padding-bottom: 5rem;
border-bottom: 1px dashed #070707
}
.stylesheet-space {
margin: 20px 0
}
.stylesheetColor {
display: inline-block;
width: 7.04225%;
height: 90px;
margin-left: 1.40845%;
border: 1px dashed #000;
vertical-align: top;
box-sizing: border-box
}
.stylesheetColor:nth-child(12n-11) {
margin-left: 0
}
.stylesheetColor:nth-child(0) {
background-color: #070707
}
.stylesheetColor:nth-child(0) span:after {
content: "black" " - #070707"
}
.stylesheetColor:nth-child(1) {
background-color: #070707
}
.stylesheetColor:nth-child(1) span:after {
content: "text" " - #070707"
}
.stylesheetColor:nth-child(2) {
background-color: #fff
}
.stylesheetColor:nth-child(2) span:after {
content: "white" " - #FFFFFF"
}
.stylesheetColor:nth-child(3) {
background-color: #fff
}
.stylesheetColor:nth-child(3) span:after {
content: "background" " - #FFFFFF"
}
.stylesheetColor:nth-child(4) {
background-color: #eee
}
.stylesheetColor:nth-child(4) span:after {
content: "mainGrey" " - #EEEEEE"
}
.stylesheetColor:nth-child(5) {
background-color: #db1616
}
.stylesheetColor:nth-child(5) span:after {
content: "error" " - #DB1616"
}
.stylesheetColor:nth-child(6) {
background-color: #db1616
}
.stylesheetColor:nth-child(6) span:after {
content: "discount" " - #DB1616"
}
.stylesheetColor:nth-child(7) {
background-color: #00673c
}
.stylesheetColor:nth-child(7) span:after {
content: "success" " - #00673C"
}
.stylesheetColor:nth-child(8) {
background-color: rgba(7, 7, 7, .1)
}
.stylesheetColor:nth-child(8) span:after {
content: "screen" " - rgba(7, 7, 7, 0.1)"
}
.footer {
position: relative;
z-index: 101;
width: 100%;
box-sizing: border-box;
padding: 18px 27px;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.is-showingSelection .footer {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
.is-showingMenu .footer {
transition: -webkit-transform 0s ease-in-out;
transition: transform 0s ease-in-out;
transition: transform 0s ease-in-out, -webkit-transform 0s ease-in-out
}
@media only screen and (min-width:1080px) {
.footer {
text-align: right
}
}
.is-showingFilter .footer {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
@media only screen and (min-width:600px) {
.is-showingFilter .footer {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
}
@media only screen and (min-width:1080px) {
.is-showingFilter .footer {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
.footer-navigation a {
border-bottom: none;
padding: 5px 12px
}
.footer-navigation a span {
border-bottom: 1px solid transparent
}
.no-touchevents .footer-navigation a:hover span {
border-bottom-color: #070707
}
.footer-navigation-left {
float: left;
padding-top: 4px
}
.footer-navigation-right-social {
display: inline-block;
position: relative
}
.footer-navigation-right-social-title {
padding-right: 12px;
cursor: pointer
}
.no-touchevents .footer-navigation-right-social:hover .footer-navigation-right-social-links {
display: block
}
@media only screen and (min-width:1080px) {
.footer-navigation-right-languages {
display: inline-block
}
}
.footer-navigation-flag.is-active {
pointer-events: none
}
.footer-navigation-flag.is-active span {
border-bottom: 1px solid #070707
}
.footer-navigation-flag+.footer-navigation-flag a {
padding-left: 5px
}
.footer-navigation-flag+.footer-navigation-flag:before {
content: "/"
}
@media only screen and (min-width:1080px) {
.footer-navigation-flag+.footer-navigation-flag:before {
margin-left: -5px
}
}
.footer-navigation-country label {
padding-left: 5px;
padding-right: 18px;
min-width: 0
}
.footer-navigation-country select {
max-width: 225px;
margin-right: 0
}
@media only screen and (max-width:599px) {
.footer-navigation-country select {
font-size: 1.4rem;
max-width: 170px
}
}
@media only screen and (min-width:1280px) {
.footer-navigation-right-social-title {
display: none
}
}
@media only screen and (min-width:1080px) and (max-width:1279px) {
.footer-navigation-right-social-links {
position: absolute;
bottom: 20px;
left: 0;
text-align: left;
display: none
}
.footer-navigation-right-social-links a {
padding: 0 0 10px 0;
display: inline-block
}
.footer-navigation-right-social-links span {
display: block
}
}
@media only screen and (max-width:1079px) {
.footer {
width: 280px;
padding: 24px;
position: fixed;
bottom: 0;
left: -280px;
z-index: 1011;
color: #fff;
background-color: #070707
}
.is-showingMenu .footer {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
transition: width .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, width .3s ease-in-out, background-color .3s ease-in-out;
transition: transform .3s ease-in-out, width .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.is-showingFilter .footer {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.is-search .footer {
width: 100%;
background-color: transparent;
pointer-events: none
}
.is-search .footer-navigation {
opacity: 0
}
.footer-navigation-left {
display: none
}
.footer-navigation-right>* {
display: block;
padding: 5px 0
}
.footer-navigation-right a {
padding-left: 0;
padding-right: 0
}
.footer-navigation-right .footer-navigation-flag a {
padding-right: 5px
}
.footer-navigation-right-languages .is-active span {
border-color: #fff
}
.footer-navigation-right-social-links {
width: 100%;
display: none
}
.footer-navigation-right-social-links span {
display: inline-block
}
.footer-navigation-right-social-links a {
padding-right: 10px
}
.footer-navigation-right-social.is-active .footer-navigation-right-social-links {
display: block
}
.footer-navigation-right-social.is-active .footer-navigation-right-social-title {
display: none
}
.footer-navigation-country {
padding: 0
}
}
@media only screen and (max-width:599px) {
.is-showingFilter .footer {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
.panelSlider {
position: relative
}
.panelSlider .pagination {
position: absolute;
bottom: 18px;
left: 25px;
transition: color .4s
}
@media only screen and (max-width:599px) {
.panelSlider .pagination {
left: 18px
}
}
.is-white .panelSlider .pagination {
color: #fff
}
@media only screen and (min-width:600px) {
.panelSlider .redils-controls .arrow-area {
width: calc(40% - 42px)
}
.panelSlider .redils-controls .arrow-area span {
top: auto;
bottom: 17px;
left: auto;
right: 0
}
.panelSlider .redils-controls .arrow-area-right span {
left: 0;
right: auto
}
}
.hoverArrow {
position: absolute;
cursor: none
}
.redils-controls .hoverArrow {
cursor: none
}
.hoverArrow>span {
position: absolute;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
display: none;
white-space: nowrap
}
.hoverArrow:hover>span {
display: block
}
.filterControls-value--swatch.u-disabled .hoverArrow span:after,
.filterControls-value--swatch.u-selected .hoverArrow span:after,
.hoverArrow .accountOrder-row-order:after,
.hoverArrow .filterControls-section-title:before,
.hoverArrow .filterControls-value--swatch.u-disabled span:after,
.hoverArrow .filterControls-value--swatch.u-selected span:after,
.hoverArrow .mainNavigation-column-link--expandable:after,
.hoverArrow .mainNavigation-search-inner:before,
.hoverArrow .rekaf-title:after,
.hoverArrow .u-icon,
.hoverArrow .u-productEdit:before,
.hoverArrow .u-selectCont select+span:after,
.u-selectCont .hoverArrow select+span:after {
display: inline-block;
vertical-align: top;
margin: 5px 10px
}
.hoverArrow-down {
text-align: center;
display: inline-block
}
.hoverArrow-zoom {
display: inline-block
}
.filterControls-value--swatch.u-disabled .hoverArrow-zoom span:after,
.filterControls-value--swatch.u-selected .hoverArrow-zoom span:after,
.hoverArrow-zoom .accountOrder-row-order:after,
.hoverArrow-zoom .filterControls-section-title:before,
.hoverArrow-zoom .filterControls-value--swatch.u-disabled span:after,
.hoverArrow-zoom .filterControls-value--swatch.u-selected span:after,
.hoverArrow-zoom .mainNavigation-column-link--expandable:after,
.hoverArrow-zoom .mainNavigation-search-inner:before,
.hoverArrow-zoom .rekaf-title:after,
.hoverArrow-zoom .u-icon,
.hoverArrow-zoom .u-productEdit:before,
.hoverArrow-zoom .u-selectCont select+span:after,
.u-selectCont .hoverArrow-zoom select+span:after {
margin-top: 0;
margin-bottom: 0
}
.redils-controls .arrow-area {
width: 30%
}
.arrow-area {
width: 36px;
height: 60%;
top: 20%
}
@media only screen and (min-width:600px) {
.arrow-area {
width: 76px
}
}
.arrow-area div {
position: absolute;
top: 50%;
left: 50%;
margin: -18px -18px
}
.arrow-area span {
position: absolute;
top: 50%;
left: 17px;
margin-top: -10px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.arrow-area span g {
stroke: #070707
}
.is-white .arrow-area span g {
stroke: #fff
}
@media only screen and (min-width:600px) {
.arrow-area span {
left: 25px
}
}
.no-touchevents .arrow-area:hover span {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
.arrow-area-right span {
left: auto;
right: 17px
}
@media only screen and (min-width:600px) {
.arrow-area-right span {
right: 25px
}
}
.no-touchevents .arrow-area-right:hover span {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
.arrow-area-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25%;
z-index: 11;
text-align: center;
cursor: pointer
}
.arrow-area-bottom-arrow {
position: absolute;
bottom: 18px;
left: 0;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.arrow-area-bottom-arrow svg {
position: relative;
top: 3px
}
.arrow-area-bottom-arrow g {
stroke: #070707
}
.is-white .arrow-area-bottom-arrow g {
stroke: #fff
}
.is-white .arrow-area-bottom-arrow {
color: #fff
}
.no-touchevents .arrow-area-bottom:hover .arrow-area-bottom-arrow {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.is-end .arrow-area-bottom {
height: 100%;
z-index: 8
}
@media only screen and (min-width:600px) {
.arrow-area-bottom {
z-index: 8
}
.arrow-area-bottom-arrow span {
border-bottom: 1px solid #070707;
padding-bottom: 1px
}
.is-white .arrow-area-bottom-arrow span {
border-bottom-color: #fff
}
.arrow-area-bottom-arrow svg {
display: none
}
.no-touchevents .arrow-area-bottom:hover .arrow-area-bottom-arrow {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0)
}
}
.arrow-area-center {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 8;
cursor: pointer
}
.arrow-area-center span {
position: absolute;
top: 17px;
right: 17px;
transition: opacity .2s ease-in-out
}
@media only screen and (min-width:600px) {
.arrow-area-center span {
top: 8px;
right: 8px
}
}
.no-touchevents .arrow-area-center span {
opacity: 0
}
.no-touchevents .arrow-area-center:hover span {
opacity: 1
}
.touchevents .hoverArrow {
display: none
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1700;
display: none
}
.modal-screen {
background-color: #fff;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .2s;
position: absolute;
top: 0;
left: 0
}
.modal--showing .modal-screen {
opacity: .5
}
.modal--newsletter {
text-align: center
}
.modal--newsletter .modal-inner {
padding-bottom: 20px
}
.modal--newsletter .modal-inner-text {
margin: 40px 0
}
.modal--newsletter .modal-inner form {
margin-bottom: 30px
}
@media only screen and (max-width:599px) {
.modal--newsletter .modal-inner-text {
margin: 20px 0 20px
}
.modal--newsletter .modal-inner img {
width: 140px
}
.modal--newsletter .modal-inner form {
margin-bottom: 10px
}
}
.modal-sizer {
width: 1420px;
max-width: 97%;
margin: 0 auto
}
.modal-inner {
background-color: #fff;
width: 83.09859%;
max-height: 80vh;
position: relative;
z-index: 1;
margin: 14vh 8.4507%;
box-sizing: border-box;
padding: 15px;
border: 1px solid #070707
}
.modal-inner .modal-inner-close {
position: absolute;
top: 0;
right: 0;
border-bottom: none;
padding: 15px
}
.modal-inner-text--registered {
display: none
}
.modal-inner-content {
background-color: #fff;
overflow: auto;
max-height: calc(80vh - 82px)
}
@media only screen and (min-width:600px) {
.modal-inner {
width: 66.19718%;
margin: 14vh 16.90141%;
padding: 40px
}
}
@media only screen and (min-width:900px) {
.modal-inner {
width: 49.29577%;
margin: 14vh 25.35211%
}
}
.modal--width-4 .modal-inner {
width: 66.19718%;
margin: 14vh 16.90141%
}
@media only screen and (min-width:600px) {
.modal--width-4 .modal-inner {
width: 49.29577%;
margin: 14vh 25.35211%
}
}
@media only screen and (min-width:900px) {
.modal--width-4 .modal-inner {
width: 32.39437%;
margin: 14vh 33.80282%
}
}
.modal--width-5 .modal-inner {
width: 74.64789%;
margin: 14vh 12.67606%
}
@media only screen and (min-width:600px) {
.modal--width-5 .modal-inner {
width: 57.74648%;
margin: 14vh 21.12676%
}
}
@media only screen and (min-width:900px) {
.modal--width-5 .modal-inner {
width: 40.84507%;
margin: 14vh 29.57746%
}
}
.modal--width-7 .modal-inner {
width: 91.5493%;
margin: 14vh 4.22535%
}
@media only screen and (min-width:600px) {
.modal--width-7 .modal-inner {
width: 74.64789%;
margin: 14vh 12.67606%
}
}
@media only screen and (min-width:900px) {
.modal--width-7 .modal-inner {
width: 57.74648%;
margin: 14vh 21.12676%
}
}
.modal--width-8 .modal-inner {
width: 100%;
margin: 14vh 0
}
@media only screen and (min-width:600px) {
.modal--width-8 .modal-inner {
width: 83.09859%;
margin: 14vh 8.4507%
}
}
@media only screen and (min-width:900px) {
.modal--width-8 .modal-inner {
width: 66.19718%;
margin: 14vh 16.90141%
}
}
.modal--width-9 .modal-inner {
width: 100%;
margin: 14vh 0
}
@media only screen and (min-width:600px) {
.modal--width-9 .modal-inner {
width: 91.5493%;
margin: 14vh 4.22535%
}
}
@media only screen and (min-width:900px) {
.modal--width-9 .modal-inner {
width: 74.64789%;
margin: 14vh 12.67606%
}
}
.modal--width-10 .modal-inner {
width: 100%;
margin: 14vh 0
}
@media only screen and (min-width:900px) {
.modal--width-10 .modal-inner {
width: 83.09859%;
margin: 14vh 8.4507%
}
}
.modal--width-11 .modal-inner {
width: 100%;
margin: 14vh 0
}
@media only screen and (min-width:900px) {
.modal--width-11 .modal-inner {
width: 91.5493%;
margin: 14vh 4.22535%
}
}
.modal--width-12 .modal-inner {
width: 100%;
margin: 14vh 0
}
.modal.is-registered form {
display: none
}
.modal.is-registered .modal-inner {
padding-bottom: 90px
}
.modal.is-registered .modal-inner-text {
display: none
}
.modal.is-registered .modal-inner-text--registered {
display: block
}
.mainNavigation {
position: fixed;
top: 0;
left: 0;
z-index: 1010;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: opacity 0s .3s linear, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, opacity 0s .3s linear;
transition: transform .3s ease-in-out, opacity 0s .3s linear, -webkit-transform .3s ease-in-out
}
.is-white .mainNavigation {
color: #fff
}
.is-showingSelection .mainNavigation {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
@media only screen and (min-width:600px) {
.is-showingSelection .mainNavigation {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
}
.is-showingFilter .mainNavigation {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
@media only screen and (min-width:1080px) {
.is-showingFilter .mainNavigation {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
@media only screen and (min-width:1080px) {
.is-showingStart .mainNavigation {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
.mainNavigation-logo {
position: absolute;
left: 50%;
top: 15px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 12
}
@media only screen and (min-width:1080px) {
.mainNavigation-logo {
padding: 18px 25px;
left: 0;
top: 0;
-webkit-transform: none;
transform: none
}
}
@media only screen and (max-width:1079px) {
.is-showingFilter .mainNavigation-mobileSection {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
}
@media only screen and (max-width:599px) {
.is-showingFilter .mainNavigation-mobileSection {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
}
@media only screen and (min-width:600px) {
.mainNavigation-mobileSection {
opacity: 1;
transition: opacity .2s ease-in-out
}
.is-productZoomed .mainNavigation-mobileSection {
opacity: 0;
pointer-events: none
}
}
.mainNavigation-back {
position: absolute;
left: 0;
display: block
}
.mainNavigation-back a {
padding: 15px 17px;
border: none;
display: block;
color: #db1616
}
.mainNavigation-search-inner {
position: relative
}
.mainNavigation-search-inner:before {
content: "";
position: absolute;
left: 0;
top: 5px;
z-index: 10;
display: none
}
.mainNavigation-search-close {
position: absolute;
left: -9px;
top: 0;
padding: 10px;
border: none;
display: block
}
.mainNavigation-search-input {
background-color: transparent;
padding: 0 0 0 22px
}
.mainNavigation-mobileMenu {
position: absolute;
top: 0;
left: 0;
padding: 20px 17px
}
.mainNavigation-mobileMenu span {
width: 17px;
height: 1px;
display: block;
background-color: #070707;
margin-bottom: 4px
}
.is-white .mainNavigation-mobileMenu span {
background-color: #fff
}
.is-scrolled .mainNavigation-mobileMenu span {
background-color: #070707
}
.mainNavigation-mobileMenu span:last-child {
margin-bottom: 0
}
.mainNavigation-cart {
position: absolute;
top: 0;
right: 0;
opacity: 1;
transition: opacity .2s ease-in-out
}
.is-productZoomed .mainNavigation-cart {
opacity: 0
}
.mainNavigation-cart-link {
padding: 13px 16px;
display: block;
border: none
}
.mainNavigation-cart-text {
display: none
}
.mainNavigation-cart-icon {
border: 1px solid #070707;
width: 13px;
height: 13px;
display: block;
position: relative;
top: 5px;
box-sizing: border-box
}
.is-white .mainNavigation-cart-icon {
border-color: #fff
}
.is-scrolled .mainNavigation-cart-icon {
border-color: #070707
}
.mainNavigation-cart-icon:before {
content: "";
width: 7px;
height: 4px;
display: block;
position: absolute;
top: -4px;
left: 2px;
border: 1px solid #070707;
box-sizing: border-box
}
.is-white .mainNavigation-cart-icon:before {
border-color: #fff
}
.is-scrolled .mainNavigation-cart-icon:before {
border-color: #070707
}
.mainNavigation-cart-emptyText {
color: #db1616;
position: absolute;
top: 45px;
right: 17px;
width: 200px;
text-align: right;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease-in-out
}
.is-showingEmpty .mainNavigation-cart-emptyText {
opacity: 1
}
@media only screen and (min-width:600px) {
.mainNavigation-cart-emptyText {
top: 55px;
right: 25px
}
}
.mainNavigation-column-link--expandable {
position: relative
}
.mainNavigation-column-link--expandable:after {
content: "";
position: absolute;
right: 0;
top: 9px;
display: none
}
@media only screen and (max-width:1079px) {
.is-showingMenu .mainNavigation {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
.is-scrolled .mainNavigation {
color: #070707;
height: 100px;
background-color: rgba(255, 255, 255, .9)
}
.is-search .mainNavigation {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mainNavigation--selection .mainNavigation-logo {
right: 50%;
padding-right: 37px;
left: auto;
-webkit-transform: none;
transform: none
}
.mainNavigation-mobileSection {
width: 280px;
padding: 15px 24px;
box-sizing: border-box;
background-color: #070707;
color: #fff;
position: fixed;
left: -280px;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: background-color .3s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out, left .3s ease-in-out;
transition: transform .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out, left .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.is-search .mainNavigation-mobileSection {
left: -100%;
width: 100%;
background-color: transparent
}
.mainNavigation-mobileSection-innerOverflow:after {
content: "";
position: absolute;
bottom: 15px;
width: 100%;
height: 30px;
background-image: linear-gradient(0deg, #070707 20%, transparent);
left: 0;
pointer-events: none
}
.mainNavigation-search-inner:before {
display: block
}
.is-search .mainNavigation-search-inner:before {
display: none
}
.mainNavigation-search-title {
display: none
}
.mainNavigation-search-input {
border-bottom-color: #fff
}
.mainNavigation-search-input::-webkit-input-placeholder {
color: #fff;
opacity: 1
}
.mainNavigation-search-input:-ms-input-placeholder {
color: #fff;
opacity: 1
}
.mainNavigation-search-input::placeholder {
color: #fff;
opacity: 1
}
.is-search .mainNavigation-search-input::-webkit-input-placeholder {
color: #070707
}
.is-search .mainNavigation-search-input:-ms-input-placeholder {
color: #070707
}
.is-search .mainNavigation-search-input::placeholder {
color: #070707
}
.is-search .mainNavigation-search-input {
border-bottom-color: #070707
}
.mainNavigation-menu {
padding-top: 10px;
overflow: auto;
-webkit-overflow-scrolling: touch;
max-height: 5000px;
transition: max-height 0s 0s linear
}
.is-search .mainNavigation-menu {
opacity: 0;
pointer-events: none;
max-height: 0;
transition: max-height 0s .3s linear
}
.mainNavigation-subColumnContainer {
display: none
}
.mainNavigation-subColumn a {
padding: 5px 0 5px 20px;
display: block
}
.mainNavigation-subColumn-subCategories a {
padding: 5px 0 4px 40px
}
.mainNavigation-subColumn--image {
display: none
}
.mainNavigation-column-link {
padding: 5px 0;
display: block;
position: relative
}
.mainNavigation-column-link--expandable:after {
display: block
}
.mainNavigation-column.is-expanded .mainNavigation-subColumnContainer {
display: block
}
.mainNavigation-column--headings .mainNavigation-subColumn a {
padding: 5px 0 5px 40px
}
.mainNavigation-column--headings .mainNavigation-subColumn a:first-child {
padding: 5px 0 5px 0px
}
.mainNavigation-column:last-child {
margin-bottom: 30px
}
}
@media only screen and (max-width:899px) {
.mainNavigation--selection .mainNavigation-logo {
left: 50%;
padding-right: 0;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media only screen and (min-width:1080px) {
.mainNavigation {
color: #fff
}
.mainNavigation--selection {
color: #070707
}
.is-search .mainNavigation {
color: #070707
}
.mainNavigation-back {
display: none
}
.mainNavigation-continue {
position: absolute;
right: calc(50% - 4px);
display: block
}
.mainNavigation-continue a {
padding: 18px 25px;
border: none;
display: block
}
.mainNavigation-search {
position: absolute;
right: 74px;
z-index: 12;
padding: 18px 25px 18px 16px
}
.mainNavigation-search-inner {
display: none
}
.is-search .mainNavigation-search-inner {
display: block
}
.is-search .mainNavigation-search {
top: -1px;
left: calc(50% - 230px);
width: 460px;
box-sizing: border-box;
padding: 18px 25px 0
}
.is-search .mainNavigation-search-title {
display: none
}
.mainNavigation-menu {
width: 100%;
text-align: center;
transition: color .4s;
min-height: 110px;
background-color: #ffff;
color: #000
}
.is-white .mainNavigation-menu {
color: #fff
}
.is-search .mainNavigation-menu {
color: #070707;
opacity: 0
}
.mainNavigation-mobileMenu {
display: none
}
.mainNavigation-column {
display: inline-block;
vertical-align: top
}
.mainNavigation-column-link {
padding: 18px 16px 0;
display: inline-block;
border-bottom: none;
position: relative;
z-index: 10
}
.no-touchevents .mainNavigation-column:hover .mainNavigation-subColumnContainer {
display: block
}
.mainNavigation-column--headings .mainNavigation-subColumn a:first-child {
padding-bottom: 0px
}
.mainNavigation-subColumnContainer {
display: none;
position: absolute;
width: 100%;
top: 0;
left: 0;
background-color: #f3f3f3;
color: #000;
min-height: 324px;
box-sizing: border-box
}
.mainNavigation-subColumn {
display: inline-block;
vertical-align: top;
text-align: left;
min-width: 242px;
box-sizing: border-box;
padding: 90px 20px 20px 0
}
.mainNavigation-subColumn--image {
padding: 0;
position: relative
}
.no-touchevents .mainNavigation-subColumn:hover .mainNavigation-subColumn-caption {
display: block
}
.no-touchevents .mainNavigation-subColumn:hover img {
opacity: .8
}
.mainNavigation-subColumn a {
display: block
}
.mainNavigation-subColumn-subCategories {
padding-top: 20px
}
.mainNavigation-subColumn-caption {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
box-sizing: border-box;
padding: 10px;
display: none
}
.mainNavigation-subColumn img {
display: block;
opacity: .5;
height: 324px;
transition: opacity .2s ease-in-out
}
.mainNavigation-cart-link {
padding: 18px 25px 18px 16px
}
.mainNavigation-cart-text {
display: block
}
.mainNavigation-cart-icon {
display: none
}
}
.headerSelectionContainer {
width: 100%;
min-height: 100vh;
position: absolute;
left: 0;
z-index: -1;
overflow: hidden
}
.is-showingSelection .headerSelectionContainer {
z-index: 999;
overflow: visible
}
.headerSelection {
box-sizing: border-box;
padding: 15px 20px 20px 20px;
width: 280px;
position: fixed;
top: 0;
right: -280px;
z-index: 1000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
background-color: #eee;
min-height: 100vh
}
@media only screen and (min-width:1080px) {
.headerSelection {
padding: 18px 20px 20px 20px
}
}
.is-showingSelection .headerSelection {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
@media only screen and (min-width:600px) {
.headerSelection {
width: 380px;
right: -380px
}
.is-showingSelection .headerSelection {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
}
.headerSelection-close {
padding: 15px 20px;
position: absolute;
right: 0;
top: 10px;
border-bottom: none;
height: 8px
}
@media only screen and (min-width:1080px) {
.headerSelection-close {
padding: 18px 20px
}
}
.headerSelection-items {
padding-top: 20px
}
.headerSelection-items-inner {
max-height: calc(100vh - 220px);
overflow: auto;
-webkit-overflow-scrolling: touch
}
.headerSelection-item {
padding-bottom: 40px
}
.headerSelection-item-image {
float: left;
border: none
}
.headerSelection-item-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.headerSelection-item-name {
padding-right: 10px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2
}
.headerSelection-item-edit a {
border: none;
display: inline-block;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 5px;
height: 28px;
vertical-align: top;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.headerSelection-item-edit input {
margin: 0
}
.headerSelection-totals {
background-color: #eee;
width: 100%;
padding: 0 0 20px;
box-sizing: border-box
}
.headerSelection-totals-push {
margin-bottom: 9px;
opacity: 0;
transition: opacity .2s .5s linear
}
.is-showingSelection .headerSelection-totals-push {
opacity: 1
}
.headerSelection-totals-row {
padding: 8px 0 6px;
text-align: right;
box-sizing: border-box
}
.headerSelection-totals-row div:first-child {
float: left
}
@media only screen and (min-width:600px) {
.headerSelection-totals {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
padding: 0 20px 20px
}
}
.preview {
text-align: center;
height: 100vh;
padding: 0
}
.preview-inner {
display: inline-block;
vertical-align: middle
}
.preview-title {
margin-top: 30px
}
.paging {
text-align: center;
margin-bottom: 70px
}
.paging-showing {
margin: 20px 0
}
.paging-all {
margin: 20px 0;
display: inline-block
}
.pushNotificationContainer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.is-showingSelection .pushNotificationContainer {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
.is-showingFilter .pushNotificationContainer {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
@media only screen and (max-width:1079px) {
.is-showingMenu .pushNotificationContainer {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
.pushNotification {
background-color: #fff;
color: #070707;
width: 100%;
padding: 6px 10px;
text-align: left;
font-size: 14px;
line-height: 1.4em;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .2s linear;
transition: transform .2s linear;
transition: transform .2s linear, -webkit-transform .2s linear
}
.pushNotification--black {
background-color: #070707;
color: #fff;
font-weight: 200
}
.pushNotification--grey {
background-color: #eee;
color: #070707
}
.pushNotification+.pushNotification {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
background-color: #fff
}
.pushNotification+.pushNotification--black {
background-color: #070707
}
.pushNotification-text {
display: inline-block;
padding: 0 50px 0 0
}
.pushNotification .pushNotification-close {
border-bottom: none;
text-decoration: none;
display: inline-block;
vertical-align: baseline;
padding: 7px 14px;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 12px
}
.pushNotification .pushNotification-close span {
margin-top: 3px
}
@media only screen and (min-width:600px) {
.pushNotification {
font-size: 1.6rem;
padding: 11px 20px;
text-align: center
}
.pushNotification-text {
padding: 0 50px
}
.pushNotification-close {
right: 20px
}
}
.is-scrolled .pushNotificationContainer {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.is-panelSlider .pushNotificationContainer {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.search-screen {
position: fixed;
top: 0;
left: 0;
z-index: 1008;
background-color: #eee;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .2s ease-in-out;
pointer-events: none
}
.is-search .search-screen {
opacity: 1
}
.search-products {
position: absolute;
top: 50px;
left: 0;
z-index: 1009
}
.product {
margin: 65px auto
}
@media only screen and (min-width:900px) {
.product {
margin: 100px auto
}
}
.productRelated {
margin-top: 60px
}
.productRelated-title {
margin-bottom: 30px
}
.productCategory {
margin: 60px 0
}
.productList-container {
width: 83.09859%;
margin-left: 8.4507%
}
.productList {
width: 49.29577%;
margin: 0 0 40px 1.40845%;
position: relative;
text-align: center
}
.productList:nth-child(2n-1) {
margin-left: 0
}
@media only screen and (min-width:600px) {
.productList {
width: 32.39437%
}
.productList:nth-child(n) {
margin-left: 1.40845%
}
.productList:nth-child(3n-2) {
margin-left: 0
}
}
@media only screen and (min-width:900px) {
.productList {
width: 23.94366%
}
.productList:nth-child(n) {
margin-left: 1.40845%
}
.productList:nth-child(4n-3) {
margin-left: 0
}
}
.productList-image {
position: relative
}
.productList-marker {
display: none
}
.productList-price {
margin-top: 4px
}
.productList .sizePrice {
display: block;
font-size: .9em;
line-height: 1.4em
}
.productList .sizePrice-soldOut {
color: rgba(7, 7, 7, .5)
}
.productList .sizePrice s+span:last-child {
color: #db1616
}
.productList .soldoutPrice {
color: rgba(7, 7, 7, .5)
}
.productList .salePrice {
color: #db1616
}
.productList img {
width: 100%;
height: auto;
display: block
}
.no-touchevents .productList-details {
opacity: 0
}
.no-touchevents .productList:hover .productList-details {
opacity: 1
}
.is-large .productList {
width: 83.09859%
}
@media only screen and (min-width:600px) {
.is-large .productList {
width: 49.29577%
}
.is-large .productList:nth-child(n) {
margin-left: 1.40845%
}
.is-large .productList:nth-child(2n-1) {
margin-left: 0
}
}
.productImages {
width: calc(100% + 34px);
max-width: 500px;
margin: 0 -17px
}
@media only screen and (min-width:600px) {
.productImages {
width: 83.09859%;
margin: 0 auto
}
}
@media only screen and (min-width:900px) {
.productImages {
width: 57.74648%;
float: left;
margin-right: 1.40845%;
max-width: none;
min-height: 300px
}
}
.productImages .productImages-main {
position: relative;
width: 100%;
margin: 0 auto
}
@media only screen and (min-width:900px) {
.productImages .productImages-main {
width: 70.73171%
}
}
.productImages .productImages-main-zoom {
border-bottom-color: transparent;
position: absolute;
right: 0;
top: 0;
z-index: 100
}
@media only screen and (min-width:600px) {
.productImages .productImages-main-zoom {
right: 20px;
top: 20px
}
}
.productImages .productImages-main img {
width: 100%;
height: auto;
display: block
}
@media only screen and (min-width:600px) {
.productImages .arrow-area span {
left: 10px
}
.productImages .arrow-area-right span {
right: 10px;
left: auto
}
}
.productInfo {
text-align: center
}
@media only screen and (min-width:900px) {
.productInfo {
text-align: left;
display: inline-block;
vertical-align: middle;
width: 32.39437%
}
}
.productInfo--top {
text-align: left
}
.productInfo-title {
width: 340px;
max-width: 100%;
font-size: 1.6rem;
margin-bottom: 20px
}
.productInfo-price {
width: 340px;
max-width: 100%;
margin-bottom: 20px
}
.productInfo-price--mobile {
float: right
}
@media only screen and (min-width:600px) {
.productInfo-price--mobile {
display: none
}
}
.productInfo-chooseSize {
width: 340px;
max-width: 100%
}
.productInfo-chooseSize.is-inactive {
display: none
}
.productInfo-submit {
max-width: 100%
}
.productInfo-submit .u-button {
width: 100%
}
@media only screen and (min-width:900px) {
.productInfo-submit {
width: 340px
}
}
.productInfo-push {
margin-top: 14px;
display: none
}
@media only screen and (min-width:600px) {
.productInfo-push.is-active {
display: block
}
}
.productInfo-configurator {
max-width: 100%
}
@media only screen and (min-width:600px) {
.productInfo-configurator {
width: 50%;
display: inline-block;
vertical-align: top
}
}
@media only screen and (min-width:900px) {
.productInfo-configurator {
width: 340px
}
}
.productInfo-settings {
position: relative
}
.productInfo-settings--watch_size .rekaf-title:before {
content: "Ø";
margin-right: 13px;
margin-left: 2px
}
.productInfo-settings--watch_size .rekaf-list a>span {
margin-left: 28px
}
.productInfo-settings .rekaf {
border-bottom: none
}
.productDetails-container {
display: inline-block;
vertical-align: top;
text-align: left
}
@media only screen and (min-width:600px) {
.productDetails-container {
padding-right: 20px;
width: 50%;
box-sizing: border-box
}
}
@media only screen and (min-width:900px) {
.productDetails-container {
width: 100%;
padding-right: 0
}
}
.productDetails {
max-width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 20px;
cursor: pointer;
max-height: 60px;
}
@media only screen and (min-width:600px) {
.productDetails {
width: 340px;
max-height: 160px;
display: inline-block;
vertical-align: top
}
}
.productDetails:after {
content: "";
width: 100%;
height: 40px;
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
position: absolute;
bottom: 0;
left: 0
}
.productDetails-item-content {
margin: 0
}
.productDetails-item-content-minimize {
display: none
}
.is-active .productDetails {
max-height: none;
cursor: auto
}
.is-active .productDetails:after {
display: none
}
.is-active .productDetails-item-content-minimize {
display: inline-block;
margin-top: 10px
}
.remooz-fullScreenContainer {
background-color: #fff;
z-index: 980
}
.remooz-fullScreenContainer:before {
content: "";
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .5);
top: 0;
left: 0
}
.remooz-fullScreenContainer img {
position: relative
}
.remooz-fullScreenContainer-inner {
padding-top: 80px
}
.remooz-fullScreenContainer-close {
padding: 10px;
width: 28px;
height: 28px;
top: 146px
}
.remooz-fullScreenContainer-thumbs {
text-align: center;
padding: 11px
}
.remooz-fullScreenContainer-thumbs img {
display: inline-block;
vertical-align: top;
height: 35px;
width: auto;
margin: 0 5px;
cursor: pointer
}
.remooz-fullScreenContainer .arrow-area-center span {
right: auto;
cursor: none
}
.remooz-fullScreenContainer .arrow-area-center span .u-icon-zoomOut {
top: 2px
}
.category {
/*margin-top: 82px;*/
width: 100%;
transition: width .3s ease-in-out
}
@media only screen and (max-width:599px) {
.category.is-large {
text-align: center
}
}
/*
@media only screen and (min-width:600px) {
.is-showingFilter .category {
width: calc(100% - 280px)
}
}
@media only screen and (min-width:1080px) {
.is-showingFilter .category {
width: calc(100% - 380px)
}
.is-showingStart .category {
width: calc(100% - 380px)
}
}
*/
.category-gridSize {
position: fixed;
/*top: calc(50% + 25px);*/
z-index: 1000;
margin-top: -8px;
right: 17px;
border: none;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media only screen and (min-width:1080px) {
.category-gridSize {
right: 25px
}
}
@media only screen and (max-width:599px) {
.category-gridSize {
color: transparent
}
}
@media only screen and (max-width:1079px) {
.is-showingMenu .category-gridSize {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
.is-showingSelection .category-gridSize {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
.category-gridSize-icon {
display: inline-block;
vertical-align: top;
margin: 5px 0 0 10px;
width: 13px;
height: 13px;
overflow: hidden;
line-height: 0;
position: relative
}
.category-gridSize-icon-inner {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.category-gridSize span {
width: 3px;
height: 3px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
background-color: #070707
}
.category-gridSize span:nth-child(1) {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.category-gridSize span:nth-child(2) {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
.category-gridSize span:nth-child(3) {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.category-gridSize span:nth-child(4) {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
.category-gridSize span:nth-child(5) {
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0)
}
.category-gridSize span:nth-child(6) {
-webkit-transform: translate3d(5px, 10px, 0);
transform: translate3d(5px, 10px, 0)
}
.category-gridSize span:nth-child(7) {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
.category-gridSize span:nth-child(8) {
-webkit-transform: translate3d(10px, 5px, 0);
transform: translate3d(10px, 5px, 0)
}
.category-gridSize span:nth-child(9) {
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0)
}
.is-large .category-gridSize .category-gridSize-icon-inner,
.no-touchevents .category .category-gridSize:hover .category-gridSize-icon-inner {
-webkit-transform: scale(4.33);
transform: scale(4.33)
}
.category .paging {
display: none
}
.touchevents .category .paging {
display: block
}
.touchevents .category .paging.u-disabled {
display: none
}
.search-title {
padding: 60px 0 40px
}
.filter {
width: 100%;
padding:15px;
text-align: right;
background: #ddd;
}
.filter-toggle {
background: #ddd;
padding: 5px 10px;
border-radius: 5px;
/* position: fixed;
top: calc(50% + 25px);*/
z-index: 1000;
margin-top: -8px;
left: 17px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media only screen and (min-width:1080px) {
.filter-toggle {
left: 25px
}
}
@media only screen and (max-width:1079px) {
.is-showingMenu .filter-toggle {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
}
.is-showingFilter .filter-toggle {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
@media only screen and (min-width:1080px) {
.is-showingFilter .filter-toggle {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
@media only screen and (min-width:1080px) {
.is-showingStart .filter-toggle {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
.is-showingSelection .filter-toggle {
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0)
}
@media only screen and (min-width:600px) {
.is-showingSelection .filter-toggle {
-webkit-transform: translate3d(-380px, 0, 0);
transform: translate3d(-380px, 0, 0)
}
}
.filter-toggle-icon {
display: inline-block;
vertical-align: baseline;
margin-right: 10px
}
.filter-toggle span {
width: 17px;
height: 1px;
display: block;
background-color: #070707;
margin-bottom: 4px;
position: relative
}
.filter-toggle span:before {
content: "";
position: absolute;
width: 3px;
height: 3px;
top: -1px;
left: 0;
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
background-color: #070707;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.filter-toggle span:first-child:before {
-webkit-transform: translate3d(9px, 0, 0);
transform: translate3d(9px, 0, 0)
}
.filter-toggle span:last-child {
margin-bottom: 0
}
.filter-toggle span:last-child:before {
-webkit-transform: translate3d(11px, 0, 0);
transform: translate3d(11px, 0, 0)
}
.is-showingFilter .filter-toggle span:before,
.no-touchevents .filter-toggle:hover span:before {
-webkit-transform: translate3d(11px, 0, 0);
transform: translate3d(11px, 0, 0)
}
.is-showingFilter .filter-toggle span:first-child:before,
.no-touchevents .filter-toggle:hover span:first-child:before {
-webkit-transform: translate3d(3px, 0, 0);
transform: translate3d(3px, 0, 0)
}
.is-showingFilter .filter-toggle span:last-child:before,
.no-touchevents .filter-toggle:hover span:last-child:before {
-webkit-transform: translate3d(7px, 0, 0);
transform: translate3d(7px, 0, 0)
}
.filter-selection {
position: absolute;
bottom: 0;
left: 20px;
border-top: 1px solid #070707;
width: calc(100% - 50px);
padding-top: 10px;
padding-bottom: 25px;
background-color: #eee
}
@media only screen and (min-width:1080px) {
.filter-selection {
left: 25px
}
}
.filter-selection-tags span {
white-space: nowrap;
display: inline-block
}
.filter-removeAll {
float: right;
border: none;
color: #db1616
}
.filterControls {
width: 280px;
padding: 15px 20px;
box-sizing: border-box;
position: fixed;
top: 0;
left: -280px;
z-index: 1000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
background-color: #eee;
min-height: 100vh
}
@media only screen and (min-width:1080px) {
.filterControls {
padding: 18px 25px
}
}
.is-showingFilter .filterControls {
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0)
}
@media only screen and (min-width:1080px) {
.filterControls {
width: 380px;
left: -380px
}
.is-showingFilter .filterControls {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
.is-showingStart .filterControls {
-webkit-transform: translate3d(380px, 0, 0);
transform: translate3d(380px, 0, 0)
}
}
.filterControls-all {
max-height: calc(100vh - 50px);
overflow: auto;
-webkit-overflow-scrolling: touch
}
.filterControls-section {
padding-bottom: 20px
}
.filterControls-section-title {
display: block;
padding: 0 0 20px 20px;
position: relative;
border: none
}
.filterControls-section-title:before {
content: "";
position: absolute;
left: 0;
top: 5px
}
.is-open .filterControls-section-title:before {
top: 10px
}
.filterControls-section:last-child {
padding-bottom: 60px
}
.filterControls-item {
padding: 0 0 15px 0
}
.filterControls-item-title {
padding-bottom: 8px
}
.filterControls-group--materials .filterControls-value {
width: 80px
}
.filterControls-group--wristband .filterControls-value {
width: 80px
}
@media only screen and (max-width:599px) {
.filterControls-group {
width: 200px
}
}
.filterControls-value {
display: inline-block;
vertical-align: top;
border: 1px solid #070707;
padding: 5px 0;
position: relative;
margin-right: 9px;
margin-bottom: 9px;
box-sizing: border-box;
width: 35px;
text-align: center;
font-size: 10px
}
.filterControls-value.u-selected {
background-color: #070707;
color: #fff
}
.filterControls-value.u-disabled {
opacity: .2;
cursor: default
}
.filterControls-value--swatch {
padding: 0 10px 10px 0;
border: none;
margin-right: 0;
margin-bottom: 0
}
.filterControls-value--swatch:after,
.filterControls-value--swatch:before {
display: none
}
.filterControls-value--swatch.u-disabled {
opacity: 1;
cursor: default
}
.filterControls-value--swatch.u-disabled span {
position: relative
}
.filterControls-value--swatch.u-disabled span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -4px
}
.filterControls-value--swatch.u-selected {
background-color: transparent
}
.filterControls-value--swatch.u-selected span {
position: relative
}
.filterControls-value--swatch.u-selected span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -3px
}
.filterControls-value--radio:before {
border-radius: 50%
}
.filterControls-value--radio:after {
border-radius: 50%
}
.filterControls-value span {
width: 28px;
height: 28px;
display: block;
border-radius: 50%;
background-size: contain
}
.imageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
box-sizing: border-box
}
.imageOverlay--white {
color: #fff
}
.imageOverlay-inner {
display: inline-block;
vertical-align: middle
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width1 {
width: 7.04225%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width2 {
width: 15.49296%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width3 {
width: 23.94366%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width4 {
width: 32.39437%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width5 {
width: 40.84507%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width6 {
width: 49.29577%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width7 {
width: 57.74648%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width8 {
width: 66.19718%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width9 {
width: 74.64789%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width10 {
width: 83.09859%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-inner--width11 {
width: 91.5493%
}
}
@media only screen and (min-width:600px) {
.imageOverlay-play {
margin-top: 60px;
position: relative
}
.imageOverlay-play:before {
content: "";
width: 88px;
height: 88px;
border: 2px solid #070707;
position: absolute;
top: 50%;
left: 50%;
margin: -45px 0 0 -47px;
display: block;
box-sizing: border-box;
border-radius: 50%
}
.imageOverlay .u-white .imageOverlay-play:before {
border-color: #fff
}
}
.content-sectionBack {
text-align: center;
margin: 40px 0
}
.generalTextContainer:after {
content: "";
display: table;
clear: both
}
.generalTextContainer--black {
background-color: #070707;
color: #fff
}
.generalTextContainer--black a,
.generalTextContainer--black h1,
.generalTextContainer--black h2,
.generalTextContainer--black h3,
.generalTextContainer--black h4,
.generalTextContainer--black h5,
.generalTextContainer--black h6,
.generalTextContainer--black p {
color: #fff
}
.generalTextContainer--black a {
border-color: #fff
}
.generalTextContainer--grey {
background-color: #eee
}
.generalTextPage {
height: 50vh;
padding: 0 17px;
box-sizing: border-box
}
.generalTextPage--black h1 {
color: #fff
}
@media only screen and (max-width:899px) {
.generalTextPage {
opacity: 1!important
}
.generalTextPage--fixed {
display: none
}
.generalTextPage h1 {
position: absolute;
left: 0;
top: 25vh;
text-align: center;
width: 100%
}
}
@media only screen and (min-width:900px) {
.generalTextPage {
width: 50%;
position: fixed;
top: 50vh;
left: 0;
z-index: 10;
margin-top: -22px;
padding: 0 25px
}
}
.generalTextPage+.generalText {
width: 100%;
min-width: 0;
padding-bottom: 160px;
box-sizing: border-box
}
@media only screen and (min-width:900px) {
.generalTextPage+.generalText {
width: 50%;
float: right;
min-height: 100vh
}
.generalTextPage+.generalText .generalText-verticalAlign {
min-height: 100vh
}
}
.generalTextPage+.generalText .generalText-content {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 25px 0 0;
box-sizing: border-box
}
@media only screen and (min-width:900px) {
.generalTextPage+.generalText .generalText-content p:not(.generalText-imageParagraph):first-child {
padding-top: 100px
}
.generalTextPage+.generalText .generalText-content p:not(.generalText-imageParagraph):first-child:last-child {
padding-top: 0
}
}
@media only screen and (max-width:899px) {
.generalTextPage+.generalText .generalText-content {
padding: 0 17px;
box-sizing: border-box
}
}
.generalTextPage+.generalText p:not(:empty),
.generalTextPage+.generalText ul {
margin: 20px 0
}
.generalText {
width: 66.19718%
}
.generalText--alignSection-center {
margin: 0 auto
}
.generalText--alignSection-right {
margin: 0 0 0 auto
}
.generalText--borderTop {
border-top: 1px solid #070707;
padding-top: 50px
}
.generalText--borderBottom {
border-bottom: 1px solid #070707;
padding-bottom: 50px
}
.generalText h1,
.generalText h2,
.generalText h3,
.generalText h4,
.generalText h5,
.generalText h6 {
text-align: left
}
.generalText h1:last-child,
.generalText h2:last-child,
.generalText h3:last-child,
.generalText h4:last-child,
.generalText h5:last-child,
.generalText h6:last-child {
margin: 0
}
.generalText p:not(:empty),
.generalText ul {
width: 75%;
margin: 20px auto
}
.generalText p:not(:empty)+h1,
.generalText p:not(:empty)+h2,
.generalText p:not(:empty)+h3,
.generalText p:not(:empty)+h4,
.generalText p:not(:empty)+h5,
.generalText p:not(:empty)+h6,
.generalText ul+h1,
.generalText ul+h2,
.generalText ul+h3,
.generalText ul+h4,
.generalText ul+h5,
.generalText ul+h6 {
padding-top: 40px
}
.generalText p.generalText-imageParagraph {
width: 100%
}
.generalText p.generalText-imageParagraph:first-child {
margin: 0
}
.generalText p.generalText-imageParagraph iframe {
width: 100%
}
.generalText--headerAlign-right h1,
.generalText--headerAlign-right h2,
.generalText--headerAlign-right h3,
.generalText--headerAlign-right h4,
.generalText--headerAlign-right h5,
.generalText--headerAlign-right h6 {
text-align: right
}
.generalText--headerAlign-center h1,
.generalText--headerAlign-center h2,
.generalText--headerAlign-center h3,
.generalText--headerAlign-center h4,
.generalText--headerAlign-center h5,
.generalText--headerAlign-center h6 {
text-align: center
}
.generalText img {
width: 100%;
height: auto;
display: block
}
.generalText--width-6 {
width: 66.19718%
}
.generalText--width-7 {
width: 74.64789%
}
.generalText--width-8 {
width: 83.09859%
}
.generalText--width-9 {
width: 91.5493%
}
.generalText--width-10 {
width: 100%
}
.generalText--width-11 {
width: 100%
}
.generalText--width-12 {
width: 100%
}
@media only screen and (min-width:600px) {
.generalText {
min-width: 600px
}
.generalText--width-6 {
width: 49.29577%
}
.generalText--width-7 {
width: 57.74648%
}
.generalText--width-8 {
width: 66.19718%
}
.generalText--width-9 {
width: 74.64789%
}
.generalText--width-10 {
width: 83.09859%
}
.generalText--width-11 {
width: 91.5493%
}
.generalText--width-12 {
width: 100%
}
}
.modal .generalText {
width: 100%
}
.modal .generalText :first-child {
padding-top: 0!important
}
.panel a {
display: block;
width: 100%;
height: 100%;
border: none
}
.panel-image {
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative
}
.panel-image iframe,
.panel-image-media {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
@media only screen and (min-width:900px) {
.panel-image--quarter .panel-image iframe,
.panel-image--quarter .panel-image-media {
max-height: 60vh;
width: auto
}
.panel-image--quarter.panel-image--left .panel-image iframe,
.panel-image--quarter.panel-image--left .panel-image-media {
left: 25px;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.panel-image--quarter.panel-image--left.panel-image--middle .panel-image iframe,
.panel-image--quarter.panel-image--left.panel-image--middle .panel-image-media {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.panel-image--quarter.panel-image--right .panel-image iframe,
.panel-image--quarter.panel-image--right .panel-image-media {
left: auto;
right: 25px;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.panel-image--quarter.panel-image--right.panel-image--middle .panel-image iframe,
.panel-image--quarter.panel-image--right.panel-image--middle .panel-image-media {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.panel-image--quarter.panel-image--top .panel-image iframe,
.panel-image--quarter.panel-image--top .panel-image-media {
top: 10%
}
.panel-image--quarter.panel-image--bottom .panel-image iframe,
.panel-image--quarter.panel-image--bottom .panel-image-media {
top: auto;
bottom: 10%
}
}
.panel-image video.panel-image-media {
height: inherit;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.panel-image-embedCover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.panel-image-embedCover:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
border: 20px solid transparent;
border-left: 30px solid rgba(0, 0, 0, .5);
margin: -10px 0 0 -15px
}
.is-white .panel-image-embedCover:before {
border-left-color: rgba(255, 255, 255, .5)
}
.no-touchevents .panel-image-embedCover {
display: none
}
video[autoplay]+.panel-image-embedCover {
display: none
}
.is-playing .panel-image-embedCover {
display: none
}
.panel-image--quarter {
width: 100%;
height: 50%
}
@media only screen and (max-width:599px) {
.panel-image--quarter {
height: 50vh
}
.panel-image--quarter .panel-image-media {
height: 80%;
width: auto
}
.slides .panel-image--quarter {
height: 50%
}
}
@media only screen and (min-width:900px) {
.panel-image--quarter {
width: 50%;
height: 100vh
}
.slides .panel-image--quarter {
height: 100%
}
}
.panel-image--halv {
width: 100%;
height: 50vh
}
.slides .panel-image--halv {
height: 50%
}
@media only screen and (min-width:900px) {
.panel-image--halv {
width: 50%;
height: 100vh
}
.slides .panel-image--halv {
height: 100%
}
}
.panel-image--full {
width: 100%;
height: 100vh
}
.slides .panel-image--full {
height: 100%
}
.panel-image--whiteText {
color: #fff
}
.panel-image--greyBackground {
background-color: #eee
}
.panel-image--blackBackground {
background-color: #070707
}
.panel-overlay {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 100%;
text-align: center;
box-sizing: border-box
}
@media only screen and (max-width:599px) {
.panel-overlay--bodyText {
height: calc(100% - 46px);
margin-top: -23px
}
.panel-image--full .panel-overlay--bodyText {
margin-top: 0
}
.panel-overlay--bodyText-fade {
position: absolute;
bottom: -46px;
width: 100%;
height: 86px;
background-image: linear-gradient(0deg, #fff 46px, rgba(255, 255, 255, 0));
left: 0;
pointer-events: none
}
.panel-image--blackBackground .panel-overlay--bodyText-fade {
background-image: linear-gradient(0deg, #000 46px, rgba(255, 255, 255, 0))
}
}
.panel-overlay-header {
display: inline-block;
vertical-align: baseline;
margin: 0;
padding: 17px
}
.panel-overlay-header+.panel-overlay-header {
margin: 0 0 0 -26px
}
@media only screen and (min-width:900px) {
.panel-overlay-header {
padding: 25px
}
.panel-overlay-header+.panel-overlay-header {
margin: 0 0 0 -40px
}
}
.panel-overlay-body {
box-sizing: border-box;
text-align: left;
margin: 0 auto;
max-height: 100%;
overflow: auto
}
.panel-overlay-body-inner {
margin: 0;
padding: 17px
}
@media only screen and (min-width:600px) {
.panel-overlay-body {
width: 80%
}
}
@media only screen and (min-width:900px) {
.panel-overlay-body {
width: 55%;
padding: 25px
}
}
.panel-image--halv .panel-overlay-body {
margin-left: 0
}
@media only screen and (min-width:600px) {
.panel-image--halv .panel-overlay-body {
width: 80%;
margin: 0 auto
}
}
.panel-image--halv .panel-overlay {
left: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
@media only screen and (min-width:900px) {
.panel-image--halv .panel-overlay {
text-align: left
}
}
@media only screen and (min-width:600px) {
.panel-image+.panel-image--left .panel-overlay-body {
padding-left: 0
}
.panel-image--left .panel-overlay-body {
margin: 0
}
.panel-image--left .panel-overlay-body-inner {
padding-left: 0
}
.panel-image--right .panel-overlay-body-inner {
padding-right: 0
}
.panel-image--right .panel-overlay-body {
margin: 0 0 0 auto
}
}
.panel-overlay-play {
pointer-events: none
}
.panel-overlay-play:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
border: 20px solid transparent;
border-left: 30px solid rgba(0, 0, 0, .5);
margin: -20px 0 0 -15px
}
.is-white .panel-overlay-play:before {
border-left-color: rgba(255, 255, 255, .5)
}
.panel-caption {
position: absolute;
bottom: 6px;
left: 17px
}
@media only screen and (min-width:1080px) {
.panel-caption {
bottom: 18px;
left: 25px
}
}
.panel.slides {
width: 100vw;
float: left;
height: 100vh
}
@media only screen and (max-width:599px) {
.panel-image--longBodyText {
height: auto;
min-height: 50vh
}
.panel-image--longBodyText .panel-overlay {
position: static;
-webkit-transform: none;
transform: none
}
}
.listing {
padding-bottom: 100px;
margin-top: 80px
}
@media only screen and (min-width:600px) {
.listing {
margin-top: 142px
}
}
.listing-item {
width: 100%;
position: relative;
margin-bottom: 1.40845%
}
.listing-item-image {
width: 100%;
height: auto;
display: block
}
.listing-item a {
text-decoration: none
}
.listing-item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px
}
.listing-item-overlay-inner {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 100%
}
.listing-item-overlay-text {
background-color: rgba(255, 255, 255, .9);
padding: 6px 12px 5px;
margin: 0;
display: inline-block
}
.listing-item-overlay-caption {
display: inline-block;
margin: 0
}
@media only screen and (min-width:600px) {
.listing-item {
width: 49.29577%
}
.listing-item:nth-child(n) {
margin-left: 1.40845%
}
.listing-item:nth-child(2n-1) {
margin-left: 0
}
}
@media only screen and (min-width:900px) {
.listing-item {
width: 32.39437%
}
.listing-item:nth-child(n) {
margin-left: 1.40845%
}
.listing-item:nth-child(3n-2) {
margin-left: 0
}
}
div+.listing {
margin-top: 50px
}
.instagram {
margin-bottom: 1.40845%;
margin-top: 70px;
position: relative
}
.instagram .instagram-title {
text-decoration: none;
text-align: center;
margin-bottom: 10px;
display: block;
border: none
}
.instagram-slider {
overflow: hidden
}
.touchevents .instagram-slider {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.instagram-slider-inner-slide {
width: 150px;
height: 150px;
overflow: hidden;
position: relative
}
.instagram-slider-inner-slide img {
width: 100%;
height: auto;
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.instagram-slider-inner-slide:first-child {
margin-left: 1.5vw
}
@media only screen and (min-width:600px) {
.instagram-slider-inner-slide {
width: 295px;
height: 295px
}
}
.instagram-slider-arrow {
position: absolute;
left: 0;
bottom: 33px;
width: 45px;
height: 84px;
background-color: rgba(255, 255, 255, .9);
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity .2s
}
.instagram-slider-arrow--right {
left: auto;
right: 0
}
.instagram-slider-arrow span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
@media only screen and (min-width:600px) {
.instagram-slider-arrow {
width: 65px;
height: 105px;
bottom: 95px
}
}
.no-touchevents .instagram:hover .instagram-slider-arrow {
opacity: 1;
pointer-events: auto
}
.productPicker {
text-align: center;
width: 83.09859%;
margin-left: 7.04225%
}
@-webkit-keyframes draw {
100% {
stroke-dashoffset: 0
}
}
@keyframes draw {
100% {
stroke-dashoffset: 0
}
}
@-webkit-keyframes show {
100% {
opacity: 1
}
}
@keyframes show {
100% {
opacity: 1
}
}
@-webkit-keyframes hide {
100% {
opacity: 0
}
}
@keyframes hide {
100% {
opacity: 0
}
}
@-webkit-keyframes zoom {
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes zoom {
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.logoAnimation {
position: absolute;
left: 50%;
top: 50px;
z-index: 999;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-animation: hide .2s linear 3.5s forwards;
animation: hide .2s linear 3.5s forwards
}
.logoAnimation-step--1 {
stroke-dasharray: 200;
stroke-dashoffset: 200;
-webkit-animation: draw .11s linear .5s forwards;
animation: draw .11s linear .5s forwards
}
.logoAnimation-step--2 {
stroke-dasharray: 734;
stroke-dashoffset: 734;
-webkit-animation: draw .42s linear .8s forwards;
animation: draw .42s linear .8s forwards
}
.logoAnimation-step--3 {
stroke-dasharray: 814;
stroke-dashoffset: 814;
-webkit-animation: draw .46s linear 1.22s forwards;
animation: draw .46s linear 1.22s forwards
}
.logoAnimation-step--4 {
opacity: 0;
-webkit-animation: show 0s linear 1.8s forwards;
animation: show 0s linear 1.8s forwards
}
.logoAnimation-step--5 {
opacity: 0;
-webkit-animation: show .8s linear 2.2s forwards;
animation: show .8s linear 2.2s forwards
}
header.is-logoAnimation .mainNavigation {
opacity: 0;
-webkit-animation: show .2s linear 3.8s forwards;
animation: show .2s linear 3.8s forwards
}
header.is-logoAnimation .mainNavigation.is-scrolled {
opacity: 1
}
main.is-logoAnimation>div:first-of-type .flexImages-overlay {
opacity: 0;
-webkit-animation: show .2s linear 3.8s forwards;
animation: show .2s linear 3.8s forwards
}
.b2bAccount {
width: 100%;
margin: 0 auto
}
@media only screen and (min-width:600px) {
.b2bAccount {
width: 74.64789%
}
}
@media only screen and (min-width:900px) {
.b2bAccount {
width: 49.29577%
}
}
.b2bAccount .addressForm-field {
display: inline-block;
vertical-align: bottom
}
.b2bAccount .u-radioCont {
display: inline-block;
vertical-align: top;
width: 25%;
margin: 10px 0
}
.b2bAccount-submit {
text-align: center;
margin: 50px 0
}
.b2bAccount-delivery {
margin: 40px 0
}
.b2bAccount-delivery-inner {
display: none
}
.b2bAccount-delivery.is-different .b2bAccount-delivery-inner {
display: block
}
.b2bAccount-type {
margin: 40px 0
}
.contact-main-form-sent {
background-color: #00673c;
margin: 0 auto 50px;
padding: 2px 10px;
box-sizing: border-box;
text-align: center
}
@media only screen and (min-width:600px) {
.contact-main-form-sent {
width: calc(50% - 10px)
}
}
.thumbnails a {
text-decoration: none;
border-bottom: none
}
.thumbnails-item {
display: inline-block;
vertical-align: top;
text-align: left;
width: 49.29577%;
margin-left: 1.40845%;
margin-bottom: 1.40845%
}
.thumbnails-item:nth-child(2n-1) {
margin-left: 0
}
@media only screen and (min-width:600px) {
.thumbnails-item {
width: 32.39437%;
margin-bottom: 1.40845%
}
.thumbnails-item:nth-child(n) {
margin-left: 1.40845%
}
.thumbnails-item:nth-child(3n-2) {
margin-left: 0
}
}
@media only screen and (min-width:900px) {
.thumbnails-item {
width: 23.94366%;
margin-bottom: 1.40845%
}
.thumbnails-item:nth-child(n) {
margin-left: 1.40845%
}
.thumbnails-item:nth-child(4n-3) {
margin-left: 0
}
}
.thumbnails-image {
display: block;
width: 100%;
height: auto
}
.thumbnails-title {
margin-bottom: 10px
}
.thumbnails-file {
display: block
}
.thumbnails-file:hover {
text-decoration: underline
}
.thumbnails .thumbnails-link {
text-decoration: underline
}
.pressFiles {
margin-bottom: 40px;
width: 100%
}
@media only screen and (min-width:600px) {
.pressFiles {
width: 32.39437%;
margin-left: 1.40845%;
display: inline-block;
vertical-align: top
}
.pressFiles:nth-child(3n-2) {
margin-left: 0
}
}
.pressFiles-file {
display: block
}
.pressFiles-file span {
display: inline-block;
margin: 1px 8px 1px 0
}
.pressFiles-file a {
border-color: transparent;
display: inline-block;
margin: 3px 0
}
.no-touchevents .pressFiles-file a:hover {
border-color: #070707
}
.technicalSpecifications {
background-color: #eee;
text-align: center;
min-height: 750px;
position: relative;
padding: 0 17px 40px;
box-sizing: border-box
}
@media only screen and (min-width:900px) {
.technicalSpecifications {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px
}
}
.technicalSpecifications-table {
display: inline-block;
vertical-align: middle;
text-align: left;
margin: 20px 0
}
.technicalSpecifications-table td {
padding-right: 40px;
max-width: 200px;
vertical-align: top
}
.technicalSpecifications-images {
display: inline-block;
vertical-align: middle;
text-align: center
}
.technicalSpecifications-images img {
display: inline-block;
vertical-align: top;
max-width: 100%;
padding: 20px 15px;
box-sizing: border-box
}
@media only screen and (min-width:900px) {
.technicalSpecifications-images img+img {
margin-left: 30px
}
}
.technicalSpecifications-caption {
position: absolute;
bottom: 25px;
left: 25px
}
.categoryHeader {
width: 83.09859%;
margin-left: 8.4507%;
padding: 20px 0
}
@media only screen and (min-width:1080px) {
.categoryHeader {
border-bottom: 1px solid #070707
}
}
.categoryHeader-images {
display: none
}
@media only screen and (min-width:1080px) {
.categoryHeader-images {
width: 50%;
display: inline-block;
vertical-align: top
}
}
.categoryHeader-images-image {
max-width: calc(50% - 20px);
height: auto;
margin-right: 10px
}
.categoryHeader-images-image+.categoryHeader-images-image {
border-left: 1px solid #070707;
padding-left: 10px
}
@media only screen and (min-width:1080px) {
.categoryHeader-content {
width: 50%;
display: inline-block;
vertical-align: top;
padding-left: 40px;
box-sizing: border-box
}
}
.categoryHeader-content-title {
margin-bottom: 16px
}
.stores {
margin-top: 142px;
padding-bottom: 120px;
text-align: center
}
.stores-controls {
margin: 40px 0 40px
}
.stores-controls-checkboxes {
text-align: center;
margin: 20px 0
}
.stores-controls-checkboxes .u-checkboxCont {
display: inline-block;
vertical-align: middle;
margin-right: 20px
}
@media only screen and (max-width:899px) {
.stores-controls-checkboxes .u-checkboxCont:last-child {
margin-right: 0
}
}
@media only screen and (min-width:900px) {
.stores-controls-checkboxes {
display: inline-block;
vertical-align: middle;
margin: -3px 30px 0
}
}
.stores-controls .fake-select {
display: inline-block;
vertical-align: middle;
min-width: 250px
}
.stores-controls .u-button {
margin-left: 20px;
height: 40px;
line-height: 40px;
min-width: 250px
}
@media only screen and (max-width:599px) {
.stores-controls div:last-child {
margin-left: 0;
margin-top: 10px
}
}
.stores-map {
text-align: left
}
.storesList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px
}
.storesItem {
display: inline-block;
vertical-align: top;
text-align: left;
margin: 20px 0 40px;
width: 49.29577%
}
@media only screen and (min-width:600px) {
.storesItem {
width: 32.39437%
}
}
@media only screen and (min-width:900px) {
.storesItem {
width: 23.94366%
}
}
.storesItem a {
border-bottom: none
}
.storesItem .storesItem-onMap {
margin-top: 10px;
display: inline-block;
border-bottom: 1px solid #070707
}
.storesItem .text {
overflow: hidden;
text-overflow: ellipsis
}
.storesItem-title {
text-overflow: ellipsis
}
.selection {
padding-top: 22px
}
@media only screen and (min-width:1080px) {
.selection {
padding-top: 20px
}
}
.selection-rightSide {
padding-top: 30px
}
@media only screen and (min-width:900px) {
.selection-rightSide {
width: 50%;
margin-left: 50%;
padding: 0 20px;
box-sizing: border-box
}
}
.selection-subTitle {
padding-bottom: 20px
}
.selection-subTitleMessage {
margin: -15px 0 20px;
opacity: .4;
display: none
}
.selection-subTitleMessage--latin {
display: block
}
.is-invoice .selection-subTitleMessage {
display: block
}
.selectionErrors {
color: #db1616;
text-align: left
}
@media only screen and (max-width:899px) {
.selectionErrors {
width: 100%;
padding: 65px 17px 0;
margin-left: -17px;
margin-top: -28px;
background-color: #eee
}
}
@media only screen and (min-width:900px) {
.selectionErrors {
margin-bottom: 30px;
width: 50%;
margin-left: 50%;
padding: 0 20px 20px;
box-sizing: border-box
}
}
.selectionOrder {
background-color: #eee;
width: 100%;
padding: 65px 17px 0;
margin-left: -17px;
margin-top: -28px
}
@media only screen and (min-width:900px) {
.selectionOrder {
position: fixed;
z-index: 100;
width: 50%;
height: 100%;
left: 0;
top: 0;
padding: 12vh 0 0;
box-sizing: border-box;
margin-left: 0;
margin-top: 0
}
.selectionOrder-inner {
width: 80%;
margin: 0 auto;
height: 76vh;
position: relative
}
}
.selectionProduct {
padding-top: 20px
}
.selectionProduct-info {
padding-top: 10px
}
.selectionProduct-item:after {
content: "";
display: table;
clear: both
}
.selectionProduct-item a {
border-bottom: none
}
.selectionProduct-image {
float: left;
margin-right: 4.34783%
}
.selectionProduct-title {
display: inline-block;
vertical-align: top;
width: 30%;
float: left;
padding-right: 10px
}
.selectionProduct-edit {
display: inline-block;
vertical-align: top;
float: left;
padding-right: 20px;
margin-left: -7px
}
.selectionProduct-edit .u-input-label {
display: none
}
.selectionProduct-price {
float: right;
text-align: right
}
.selectionSummary {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
background-color: #eee
}
@media only screen and (min-width:900px) {
.selectionSummary {
position: absolute;
bottom: 0;
border-bottom: 1px solid #070707;
padding-bottom: 10px;
padding-top: 0
}
}
.selectionSummary-row {
text-align: right;
padding: 3px 0
}
.selectionSummary-row div:first-child {
float: left;
text-align: left
}
.selectionSummary-row--tax {
opacity: .4
}
.selectionSummary-freeShipping {
margin-top: 10px;
padding-top: 8px
}
@media only screen and (max-width:899px) {
.selectionSummary-freeShipping {
border-top: 1px solid #000
}
}
@media only screen and (min-width:900px) {
.selectionSummary-freeShipping {
position: absolute
}
}
.selectionVoucher {
border-bottom: 1px solid #070707;
margin: 10px 0 12px
}
.selectionVoucher-title {
padding: 0 0 5px;
display: block;
border: none;
color: #db1616
}
.selectionVoucher .u-input-label {
display: none
}
.selectionVoucher-inner {
display: none
}
.selectionVoucher-addedContainer {
padding-top: 10px
}
.selectionVoucher-added {
padding: 0 0 10px;
position: relative
}
.selectionVoucher-added button {
position: absolute;
right: 10px;
top: 0
}
.selectionVoucher-value-code {
color: #db1616
}
.selectionVoucher.is-showingVoucher .selectionVoucher-inner {
display: block
}
.selectionVoucher input {
background-color: transparent;
margin-bottom: -1px
}
.addressForm {
padding: 20px 0 160px
}
.addressForm-field {
margin-bottom: 15px
}
@media only screen and (min-width:600px) {
.addressForm-field {
width: 80%
}
}
.addressForm-field--toggle {
margin: 20px 0
}
.addressForm-field--textarea {
width: 100%
}
.addressForm-field--half input {
max-width: 160px
}
.addressForm-field--half .u-selectCont {
max-width: 300px
}
@media only screen and (min-width:1080px) {
.addressForm-field--half {
width: 40%
}
.is-creditCard .addressForm-field--half.is-creditCard-field {
display: inline-block;
vertical-align: top
}
.is-invoice .addressForm-field--half.is-invoice-field {
display: inline-block;
vertical-align: top
}
.is-paypal .addressForm-field--half.is-paypal-field {
display: inline-block;
vertical-align: top
}
.addressForm-field--half input {
width: calc(100% - 140px);
margin-bottom: -3px
}
.addressForm-field--half+.addressForm-field--half .u-input-label {
text-align: center
}
.addressForm-field--half+.addressForm-field--half+.addressForm-field--half .u-input-label {
text-align: left
}
}
.addressForm-copy {
margin: 20px 0
}
.addressForm input {
padding: 0 4px
}
.addressForm .u-selectCont {
width: 100%
}
.addressForm select {
margin-left: 0;
margin-right: 0;
width: calc(100% - 140px);
border-bottom: 1px solid #070707;
height: 32px;
padding-left: 0;
vertical-align: top;
margin-top: -3px
}
.addressForm select+span {
height: 32px
}
.addressForm select+span:after {
top: 7px;
left: 13px
}
.addressForm select:focus,
.addressForm select:hover {
border-color: transparent;
border-bottom-color: #070707
}
.addressForm-additionalMessage {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (min-width:600px) {
.addressForm-additionalMessage {
width: 80%
}
}
.addressForm-shipping-fields {
display: none;
padding-bottom: 30px
}
.addressForm-part--selected .addressForm-shipping-fields {
display: block
}
.addressForm-finish {
padding-top: 60px
}
.addressForm-proceed {
margin: 20px 0
}
@media only screen and (max-width:599px) {
.addressForm-proceed {
width: 100%
}
}
.paymentShipping {
width: 80%
}
.paymentShipping-inner {
border: 1px solid #070707;
box-sizing: border-box;
margin: 20px 0 40px;
padding: 2px 0
}
.paymentShipping-choice {
padding: 2px 15px;
border-bottom: 1px solid #070707
}
.paymentShipping-choice:last-child {
border-bottom: none
}
.paymentShipping-choice .u-radioCont {
margin: 0;
padding: 8px 0
}
.paymentShipping-shipping--none {
display: none
}
.cardPayment {
display: none;
padding-top: 30px
}
.is-creditCard .cardPayment {
display: block
}
.account {
position: fixed;
left: 0;
top: 50vh;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 500
}
.account-inner {
width: 500px;
max-width: calc(100% - 34px);
max-height: 80vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 0 auto;
border: 1px solid #070707;
background-color: #fff;
padding: 15px;
box-sizing: border-box
}
.account.is-hidingAccount {
display: none
}
.account-title {
padding-bottom: 15px
}
.account-registerNew {
display: none
}
.is-register .account-registerNew {
display: block
}
.account-login {
display: block
}
.is-register .account-login {
display: none
}
.is-forgot .account-login {
display: none
}
.account-forgot {
display: none
}
.is-forgot .account-forgot {
display: block
}
.account-forgotPassword {
float: right
}
.account .addressForm-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.account .loginForm .u-input-label {
min-width: 100px
}
.account .u-button {
width: 100%;
margin-top: 15px
}
.account .u-selectCont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.account .u-selectCont select {
margin-left: -6px;
margin-right: 0;
box-sizing: border-box
}
.account .u-selectCont select+span::after {
top: 12px;
left: -2px
}
.account-signOut {
float: right;
margin-top: -1px
}
.account-formPart-update {
display: none;
padding-bottom: 20px
}
.is-update .account-formPart-update {
display: block
}
.account-formPart-change {
display: none;
padding-bottom: 20px
}
.is-change .account-formPart-change {
display: block
}
.account-formPart-change .u-input-label {
min-width: 140px
}
.account-formPart-inner-footer {
margin-bottom: 5px
}
.accountOrder {
width: 100%;
margin: 60px auto
}
@media only screen and (min-width:600px) {
.accountOrder {
width: 74.64789%
}
}
@media only screen and (min-width:900px) {
.accountOrder {
width: 49.29577%
}
}
.accountOrder-row {
text-align: left;
padding: 0 10px
}
.accountOrder-row-item {
width: 20%;
display: inline-block;
vertical-align: top;
line-height: 52px
}
@media only screen and (max-width:599px) {
.accountOrder-row-item {
width: 33.33%;
font-size: 1.4rem
}
.accountOrder-row-item:nth-child(3) {
display: none
}
}
.accountOrder-row-order {
position: relative;
cursor: pointer
}
.accountOrder-row-order:after {
content: "";
position: absolute;
right: 10px;
top: 19px
}
.accountOrder-row--selected+div {
display: block
}
.no-touchevents .accountOrder-row:hover {
background-color: rgba(238, 238, 238, .3)
}
.accountOrder-details {
display: none;
text-align: left;
padding: 20px 10px;
background-color: rgba(238, 238, 238, .9);
box-shadow: 0 0 2px rgba(7, 7, 7, .4) inset
}
.accountOrder-details-shipping {
width: 100%
}
@media only screen and (min-width:900px) {
.accountOrder-details-shipping {
width: 49.29577%;
float: right
}
}
.accountOrder-details-items {
width: 100%
}
@media only screen and (min-width:900px) {
.accountOrder-details-items {
width: 49.29577%
}
}
.accountOrder-details-item a {
border: none
}
.accountOrder-details-item-image {
float: left;
margin-right: 10px
}
.accountOrder-details-summary {
margin-top: 40px
}
.accountOrder-details-summary .selectionSummary-row {
padding: 0
}
.accountOrder-details h6 {
margin-bottom: 10px
}
.accountOrder-top .accountOrder-row {
border-bottom: 1px solid #070707
}
.accountOrder-top .accountOrder-row-item {
line-height: 32px
}
.no-touchevents .accountOrder-top .accountOrder-row:hover {
background-color: transparent
}
.pressPage {
padding: 100px 20px 20px 20px;
box-sizing: border-box
}
@media only screen and (min-width:600px) {
.pressPage {
padding-top: 180px
}
}
.pressPage-screen {
width: 100%;
height: 100%;
background-color: rgba(7, 7, 7, .1);
position: absolute;
left: 0;
top: 0;
z-index: 499
}
.pressPage-items {
padding-top: 15px
}
.pressPage-item {
width: 49.29577%;
margin-bottom: 1.40845%;
margin-left: 1.40845%;
display: inline-block;
vertical-align: top;
position: relative;
border: none
}
.pressPage-item:nth-child(2n-1) {
margin-left: 0
}
@media only screen and (min-width:600px) {
.pressPage-item {
width: 32.39437%
}
.pressPage-item:nth-child(n) {
margin-left: 1.40845%
}
.pressPage-item:nth-child(3n-2) {
margin-left: 0
}
}
@media only screen and (min-width:900px) {
.pressPage-item {
width: 23.94366%
}
.pressPage-item:nth-child(n) {
margin-left: 1.40845%
}
.pressPage-item:nth-child(4n-3) {
margin-left: 0
}
}
.pressPage-item-image {
opacity: 1;
transition: opacity .2s ease-in-out;
width: 100%;
height: auto;
display: block
}
.pressPage-item-caption {
box-sizing: border-box
}
.touchevents .pressPage-item {
margin-bottom: 40px
}
.no-touchevents .pressPage-item-caption {
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding: 20px;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .3s ease-in-out
}
.no-touchevents .pressPage-item:hover .pressPage-item-image {
opacity: .5
}
.no-touchevents .pressPage-item:hover .pressPage-item-caption {
opacity: 1
}
.pressPage-navigation {
margin: 0 20px 0 0
}
@media only screen and (min-width:1080px) {
.pressPage-navigation-accountLink {
float: left;
margin-top: -3px
}
.pressPage-navigation-links {
margin-left: 51.40845%;
width: 50%
}
}
.pressPage-navigation a {
padding: 3px 10px;
border: none
}
.pressPage-navigation a:first-child {
padding-left: 0
}
.pressPage-navigation a.is-selected span {
border-bottom: 1px solid #070707
}
.receiptTitle {
min-height: 50vh;
background-color: #eee
}
.receiptTitle h1 {
position: absolute;
top: 25vh;
margin-top: -22px;
left: 0;
width: 100%;
padding: 0 25px;
box-sizing: border-box;
text-align: center
}
@media only screen and (min-width:900px) {
.receiptTitle {
position: fixed;
width: 50%;
height: 100%
}
.receiptTitle h1 {
top: 50vh;
text-align: left
}
}
.receipt {
margin: 0 0 60px;
padding: 15px 20px;
box-sizing: border-box
}
@media only screen and (min-width:900px) {
.receipt {
width: 50%;
margin: 0 0 12vh 50%
}
}
@media only screen and (min-width:1080px) {
.receipt {
padding: 18px 25px
}
}
.receipt-header {
padding-top: 40px
}
.receipt-header-title {
display: none
}
.receipt-header-logo {
display: none
}
@media only screen and (min-width:600px) {
.receipt-header {
width: 90%
}
}
.receipt-summary {
border-top: 1px solid #070707;
padding-top: 10px;
margin-top: 20px;
margin-bottom: 20px
}
@media only screen and (min-width:600px) {
.receipt-summary {
width: 75%
}
.receipt-products {
width: 75%
}
}
.receipt-address {
margin-top: 40px
}
.receipt-address-details {
margin-top: 0;
margin-bottom: 30px
}
.receipt-continue a {
display: inline-block;
vertical-align: middle
}
.receipt-print {
border: none;
float: right
}
.receipt-print a {
display: inline-block;
vertical-align: middle
}
.receipt-print span {
margin: 2px 10px 0 0
}
@media print {
.receiptTitle {
display: none
}
.receipt {
width: 100%;
margin: 0;
padding: 50px;
box-sizing: border-box
}
.receipt-header-title {
display: block
}
.receipt-header-logo {
display: block;
margin-bottom: 30px
}
.topNavigation {
display: none
}
.mainNavigation {
display: none
}
.receipt-print {
display: none
}
.receipt-continue {
display: none
}
.footer {
display: none
}
.pushNotificationContainer {
display: none
}
}