@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
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 { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0; overflow: visible }
main { display: block }
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 { overflow: visible }
button, select { text-transform: none }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
input { overflow: visible }
[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
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em }
legend { box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal }
progress { display: inline-block; vertical-align: baseline }
textarea { overflow: auto }
details { display: block }
summary { display: list-item }
menu { display: block }
canvas { display: inline-block }
template { display: none }
[hidden] {
display:none
}
.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=80em&xxlarge=118.75em" }
html { box-sizing: border-box; font-size: 100% }
*, *::before, *::after { box-sizing: inherit }
body { margin: 0; padding: 0; background: #fff; font-family: "Roboto", Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic }
textarea { height: auto; min-height: 50px; border-radius: 4px }
select { width: 100%; border-radius: 4px }
.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important }
button { padding: 0; appearance: none; border: 0; border-radius: 4px; background: transparent; line-height: 1 }
[data-whatinput='mouse'] button { outline: 0 }
.is-visible { display: block !important }
.is-hidden { display: none !important }
.grid-container {
padding-right:.625rem;
padding-left:.625rem; max-width: 80rem; margin: 0 auto }
@media print, screen and (min-width:40em) {
.grid-container { padding-right:.625rem;
padding-left:.625rem
}
}
.grid-container.fluid {
padding-right:.625rem;
padding-left:.625rem; max-width: 100%; margin: 0 auto }
@media print, screen and (min-width:40em) {
.grid-container.fluid { padding-right:.625rem;
padding-left:.625rem
}
}
.grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin: 0 auto }
.grid-x { display: flex; flex-flow: row wrap }
.cell { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100% }
.cell.auto { flex: 1 1 0 }
.cell.shrink { flex: 0 0 auto }
.grid-x>.auto { width: auto }
.grid-x>.shrink { width: auto }
.grid-x>.small-shrink, .grid-x>.small-full, .grid-x>.small-1, .grid-x>.small-2, .grid-x>.small-3, .grid-x>.small-4, .grid-x>.small-5, .grid-x>.small-6, .grid-x>.small-7, .grid-x>.small-8, .grid-x>.small-9, .grid-x>.small-10, .grid-x>.small-11, .grid-x>.small-12 { flex-basis: auto }
@media print, screen and (min-width:40em) {
.grid-x>.medium-shrink, .grid-x>.medium-full, .grid-x>.medium-1, .grid-x>.medium-2, .grid-x>.medium-3, .grid-x>.medium-4, .grid-x>.medium-5, .grid-x>.medium-6, .grid-x>.medium-7, .grid-x>.medium-8, .grid-x>.medium-9, .grid-x>.medium-10, .grid-x>.medium-11, .grid-x>.medium-12 { flex-basis: auto }
}
@media print, screen and (min-width:64em) {
.grid-x>.large-shrink, .grid-x>.large-full, .grid-x>.large-1, .grid-x>.large-2, .grid-x>.large-3, .grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6, .grid-x>.large-7, .grid-x>.large-8, .grid-x>.large-9, .grid-x>.large-10, .grid-x>.large-11, .grid-x>.large-12 { flex-basis: auto }
}
@media screen and (min-width:80em) {
.grid-x>.xlarge-shrink, .grid-x>.xlarge-full, .grid-x>.xlarge-1, .grid-x>.xlarge-2, .grid-x>.xlarge-3, .grid-x>.xlarge-4, .grid-x>.xlarge-5, .grid-x>.xlarge-6, .grid-x>.xlarge-7, .grid-x>.xlarge-8, .grid-x>.xlarge-9, .grid-x>.xlarge-10, .grid-x>.xlarge-11, .grid-x>.xlarge-12 { flex-basis: auto }
}
@media screen and (min-width:118.75em) {
.grid-x>.xxlarge-shrink, .grid-x>.xxlarge-full, .grid-x>.xxlarge-1, .grid-x>.xxlarge-2, .grid-x>.xxlarge-3, .grid-x>.xxlarge-4, .grid-x>.xxlarge-5, .grid-x>.xxlarge-6, .grid-x>.xxlarge-7, .grid-x>.xxlarge-8, .grid-x>.xxlarge-9, .grid-x>.xxlarge-10, .grid-x>.xxlarge-11, .grid-x>.xxlarge-12 { flex-basis: auto }
}
.grid-x>.small-1 { width: 8.33333% }
.grid-x>.small-2 { width: 16.66667% }
.grid-x>.small-3 { width: 25% }
.grid-x>.small-4 { width: 33.33333% }
.grid-x>.small-5 { width: 41.66667% }
.grid-x>.small-6 { width: 50% }
.grid-x>.small-7 { width: 58.33333% }
.grid-x>.small-8 { width: 66.66667% }
.grid-x>.small-9 { width: 75% }
.grid-x>.small-10 { width: 83.33333% }
.grid-x>.small-11 { width: 91.66667% }
.grid-x>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.grid-x>.medium-auto { flex: 1 1 0; width: auto }
.grid-x>.medium-shrink { flex: 0 0 auto; width: auto }
.grid-x>.medium-1 { width: 8.33333% }
.grid-x>.medium-2 { width: 16.66667% }
.grid-x>.medium-3 { width: 25% }
.grid-x>.medium-4 { width: 33.33333% }
.grid-x>.medium-5 { width: 41.66667% }
.grid-x>.medium-6 { width: 50% }
.grid-x>.medium-7 { width: 58.33333% }
.grid-x>.medium-8 { width: 66.66667% }
.grid-x>.medium-9 { width: 75% }
.grid-x>.medium-10 { width: 83.33333% }
.grid-x>.medium-11 { width: 91.66667% }
.grid-x>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.grid-x>.large-auto { flex: 1 1 0; width: auto }
.grid-x>.large-shrink { flex: 0 0 auto; width: auto }
.grid-x>.large-1 { width: 8.33333% }
.grid-x>.large-2 { width: 16.66667% }
.grid-x>.large-3 { width: 25% }
.grid-x>.large-4 { width: 33.33333% }
.grid-x>.large-5 { width: 41.66667% }
.grid-x>.large-6 { width: 50% }
.grid-x>.large-7 { width: 58.33333% }
.grid-x>.large-8 { width: 66.66667% }
.grid-x>.large-9 { width: 75% }
.grid-x>.large-10 { width: 83.33333% }
.grid-x>.large-11 { width: 91.66667% }
.grid-x>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.grid-x>.xlarge-auto { flex: 1 1 0; width: auto }
.grid-x>.xlarge-shrink { flex: 0 0 auto; width: auto }
.grid-x>.xlarge-1 { width: 8.33333% }
.grid-x>.xlarge-2 { width: 16.66667% }
.grid-x>.xlarge-3 { width: 25% }
.grid-x>.xlarge-4 { width: 33.33333% }
.grid-x>.xlarge-5 { width: 41.66667% }
.grid-x>.xlarge-6 { width: 50% }
.grid-x>.xlarge-7 { width: 58.33333% }
.grid-x>.xlarge-8 { width: 66.66667% }
.grid-x>.xlarge-9 { width: 75% }
.grid-x>.xlarge-10 { width: 83.33333% }
.grid-x>.xlarge-11 { width: 91.66667% }
.grid-x>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.grid-x>.xxlarge-auto { flex: 1 1 0; width: auto }
.grid-x>.xxlarge-shrink { flex: 0 0 auto; width: auto }
.grid-x>.xxlarge-1 { width: 8.33333% }
.grid-x>.xxlarge-2 { width: 16.66667% }
.grid-x>.xxlarge-3 { width: 25% }
.grid-x>.xxlarge-4 { width: 33.33333% }
.grid-x>.xxlarge-5 { width: 41.66667% }
.grid-x>.xxlarge-6 { width: 50% }
.grid-x>.xxlarge-7 { width: 58.33333% }
.grid-x>.xxlarge-8 { width: 66.66667% }
.grid-x>.xxlarge-9 { width: 75% }
.grid-x>.xxlarge-10 { width: 83.33333% }
.grid-x>.xxlarge-11 { width: 91.66667% }
.grid-x>.xxlarge-12 { width: 100% }
}
.grid-margin-x:not(.grid-x)>.cell { width: auto }
.grid-margin-y:not(.grid-y)>.cell { height: auto }
.grid-margin-x { margin-left:-.625rem;
margin-right:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-x { margin-left:-.625rem;
margin-right:-.625rem
}
}
.grid-margin-x>.cell { width: calc(100% - 1.25rem); margin-left:.625rem;
margin-right:.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-x>.cell { width: calc(100% - 1.25rem); margin-left:.625rem;
margin-right:.625rem
}
}
.grid-margin-x>.auto { width: auto }
.grid-margin-x>.shrink { width: auto }
.grid-margin-x>.small-1 { width: calc(8.33333% - 1.25rem) }
.grid-margin-x>.small-2 { width: calc(16.66667% - 1.25rem) }
.grid-margin-x>.small-3 { width: calc(25% - 1.25rem) }
.grid-margin-x>.small-4 { width: calc(33.33333% - 1.25rem) }
.grid-margin-x>.small-5 { width: calc(41.66667% - 1.25rem) }
.grid-margin-x>.small-6 { width: calc(50% - 1.25rem) }
.grid-margin-x>.small-7 { width: calc(58.33333% - 1.25rem) }
.grid-margin-x>.small-8 { width: calc(66.66667% - 1.25rem) }
.grid-margin-x>.small-9 { width: calc(75% - 1.25rem) }
.grid-margin-x>.small-10 { width: calc(83.33333% - 1.25rem) }
.grid-margin-x>.small-11 { width: calc(91.66667% - 1.25rem) }
.grid-margin-x>.small-12 { width: calc(100% - 1.25rem) }
@media print, screen and (min-width:40em) {
.grid-margin-x>.medium-auto { width: auto }
.grid-margin-x>.medium-shrink { width: auto }
.grid-margin-x>.medium-1 { width: calc(8.33333% - 1.25rem) }
.grid-margin-x>.medium-2 { width: calc(16.66667% - 1.25rem) }
.grid-margin-x>.medium-3 { width: calc(25% - 1.25rem) }
.grid-margin-x>.medium-4 { width: calc(33.33333% - 1.25rem) }
.grid-margin-x>.medium-5 { width: calc(41.66667% - 1.25rem) }
.grid-margin-x>.medium-6 { width: calc(50% - 1.25rem) }
.grid-margin-x>.medium-7 { width: calc(58.33333% - 1.25rem) }
.grid-margin-x>.medium-8 { width: calc(66.66667% - 1.25rem) }
.grid-margin-x>.medium-9 { width: calc(75% - 1.25rem) }
.grid-margin-x>.medium-10 { width: calc(83.33333% - 1.25rem) }
.grid-margin-x>.medium-11 { width: calc(91.66667% - 1.25rem) }
.grid-margin-x>.medium-12 { width: calc(100% - 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-margin-x>.large-auto { width: auto }
.grid-margin-x>.large-shrink { width: auto }
.grid-margin-x>.large-1 { width: calc(8.33333% - 1.25rem) }
.grid-margin-x>.large-2 { width: calc(16.66667% - 1.25rem) }
.grid-margin-x>.large-3 { width: calc(25% - 1.25rem) }
.grid-margin-x>.large-4 { width: calc(33.33333% - 1.25rem) }
.grid-margin-x>.large-5 { width: calc(41.66667% - 1.25rem) }
.grid-margin-x>.large-6 { width: calc(50% - 1.25rem) }
.grid-margin-x>.large-7 { width: calc(58.33333% - 1.25rem) }
.grid-margin-x>.large-8 { width: calc(66.66667% - 1.25rem) }
.grid-margin-x>.large-9 { width: calc(75% - 1.25rem) }
.grid-margin-x>.large-10 { width: calc(83.33333% - 1.25rem) }
.grid-margin-x>.large-11 { width: calc(91.66667% - 1.25rem) }
.grid-margin-x>.large-12 { width: calc(100% - 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-margin-x>.xlarge-auto { width: auto }
.grid-margin-x>.xlarge-shrink { width: auto }
.grid-margin-x>.xlarge-1 { width: calc(8.33333% - 1.25rem) }
.grid-margin-x>.xlarge-2 { width: calc(16.66667% - 1.25rem) }
.grid-margin-x>.xlarge-3 { width: calc(25% - 1.25rem) }
.grid-margin-x>.xlarge-4 { width: calc(33.33333% - 1.25rem) }
.grid-margin-x>.xlarge-5 { width: calc(41.66667% - 1.25rem) }
.grid-margin-x>.xlarge-6 { width: calc(50% - 1.25rem) }
.grid-margin-x>.xlarge-7 { width: calc(58.33333% - 1.25rem) }
.grid-margin-x>.xlarge-8 { width: calc(66.66667% - 1.25rem) }
.grid-margin-x>.xlarge-9 { width: calc(75% - 1.25rem) }
.grid-margin-x>.xlarge-10 { width: calc(83.33333% - 1.25rem) }
.grid-margin-x>.xlarge-11 { width: calc(91.66667% - 1.25rem) }
.grid-margin-x>.xlarge-12 { width: calc(100% - 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-margin-x>.xxlarge-auto { width: auto }
.grid-margin-x>.xxlarge-shrink { width: auto }
.grid-margin-x>.xxlarge-1 { width: calc(8.33333% - 1.25rem) }
.grid-margin-x>.xxlarge-2 { width: calc(16.66667% - 1.25rem) }
.grid-margin-x>.xxlarge-3 { width: calc(25% - 1.25rem) }
.grid-margin-x>.xxlarge-4 { width: calc(33.33333% - 1.25rem) }
.grid-margin-x>.xxlarge-5 { width: calc(41.66667% - 1.25rem) }
.grid-margin-x>.xxlarge-6 { width: calc(50% - 1.25rem) }
.grid-margin-x>.xxlarge-7 { width: calc(58.33333% - 1.25rem) }
.grid-margin-x>.xxlarge-8 { width: calc(66.66667% - 1.25rem) }
.grid-margin-x>.xxlarge-9 { width: calc(75% - 1.25rem) }
.grid-margin-x>.xxlarge-10 { width: calc(83.33333% - 1.25rem) }
.grid-margin-x>.xxlarge-11 { width: calc(91.66667% - 1.25rem) }
.grid-margin-x>.xxlarge-12 { width: calc(100% - 1.25rem) }
}
.grid-padding-x .grid-padding-x { margin-right:-.625rem;
margin-left:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-padding-x .grid-padding-x { margin-right:-.625rem;
margin-left:-.625rem
}
}
.grid-container:not(.full)>.grid-padding-x { margin-right:-.625rem;
margin-left:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-container:not(.full)>.grid-padding-x { margin-right:-.625rem;
margin-left:-.625rem
}
}
.grid-padding-x>.cell { padding-right:.625rem;
padding-left:.625rem
}
@media print, screen and (min-width:40em) {
.grid-padding-x>.cell { padding-right:.625rem;
padding-left:.625rem
}
}
.small-up-1>.cell { width: 100% }
.small-up-2>.cell { width: 50% }
.small-up-3>.cell { width: 33.33333% }
.small-up-4>.cell { width: 25% }
.small-up-5>.cell { width: 20% }
.small-up-6>.cell { width: 16.66667% }
.small-up-7>.cell { width: 14.28571% }
.small-up-8>.cell { width: 12.5% }
@media print, screen and (min-width:40em) {
.medium-up-1>.cell { width: 100% }
.medium-up-2>.cell { width: 50% }
.medium-up-3>.cell { width: 33.33333% }
.medium-up-4>.cell { width: 25% }
.medium-up-5>.cell { width: 20% }
.medium-up-6>.cell { width: 16.66667% }
.medium-up-7>.cell { width: 14.28571% }
.medium-up-8>.cell { width: 12.5% }
}
@media print, screen and (min-width:64em) {
.large-up-1>.cell { width: 100% }
.large-up-2>.cell { width: 50% }
.large-up-3>.cell { width: 33.33333% }
.large-up-4>.cell { width: 25% }
.large-up-5>.cell { width: 20% }
.large-up-6>.cell { width: 16.66667% }
.large-up-7>.cell { width: 14.28571% }
.large-up-8>.cell { width: 12.5% }
}
@media screen and (min-width:80em) {
.xlarge-up-1>.cell { width: 100% }
.xlarge-up-2>.cell { width: 50% }
.xlarge-up-3>.cell { width: 33.33333% }
.xlarge-up-4>.cell { width: 25% }
.xlarge-up-5>.cell { width: 20% }
.xlarge-up-6>.cell { width: 16.66667% }
.xlarge-up-7>.cell { width: 14.28571% }
.xlarge-up-8>.cell { width: 12.5% }
}
@media screen and (min-width:118.75em) {
.xxlarge-up-1>.cell { width: 100% }
.xxlarge-up-2>.cell { width: 50% }
.xxlarge-up-3>.cell { width: 33.33333% }
.xxlarge-up-4>.cell { width: 25% }
.xxlarge-up-5>.cell { width: 20% }
.xxlarge-up-6>.cell { width: 16.66667% }
.xxlarge-up-7>.cell { width: 14.28571% }
.xxlarge-up-8>.cell { width: 12.5% }
}
.grid-margin-x.small-up-1>.cell { width: calc(100% - 1.25rem) }
.grid-margin-x.small-up-2>.cell { width: calc(50% - 1.25rem) }
.grid-margin-x.small-up-3>.cell { width: calc(33.33333% - 1.25rem) }
.grid-margin-x.small-up-4>.cell { width: calc(25% - 1.25rem) }
.grid-margin-x.small-up-5>.cell { width: calc(20% - 1.25rem) }
.grid-margin-x.small-up-6>.cell { width: calc(16.66667% - 1.25rem) }
.grid-margin-x.small-up-7>.cell { width: calc(14.28571% - 1.25rem) }
.grid-margin-x.small-up-8>.cell { width: calc(12.5% - 1.25rem) }
@media print, screen and (min-width:40em) {
.grid-margin-x.medium-up-1>.cell { width: calc(100% - 1.25rem) }
.grid-margin-x.medium-up-2>.cell { width: calc(50% - 1.25rem) }
.grid-margin-x.medium-up-3>.cell { width: calc(33.33333% - 1.25rem) }
.grid-margin-x.medium-up-4>.cell { width: calc(25% - 1.25rem) }
.grid-margin-x.medium-up-5>.cell { width: calc(20% - 1.25rem) }
.grid-margin-x.medium-up-6>.cell { width: calc(16.66667% - 1.25rem) }
.grid-margin-x.medium-up-7>.cell { width: calc(14.28571% - 1.25rem) }
.grid-margin-x.medium-up-8>.cell { width: calc(12.5% - 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-margin-x.large-up-1>.cell { width: calc(100% - 1.25rem) }
.grid-margin-x.large-up-2>.cell { width: calc(50% - 1.25rem) }
.grid-margin-x.large-up-3>.cell { width: calc(33.33333% - 1.25rem) }
.grid-margin-x.large-up-4>.cell { width: calc(25% - 1.25rem) }
.grid-margin-x.large-up-5>.cell { width: calc(20% - 1.25rem) }
.grid-margin-x.large-up-6>.cell { width: calc(16.66667% - 1.25rem) }
.grid-margin-x.large-up-7>.cell { width: calc(14.28571% - 1.25rem) }
.grid-margin-x.large-up-8>.cell { width: calc(12.5% - 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-margin-x.xlarge-up-1>.cell { width: calc(100% - 1.25rem) }
.grid-margin-x.xlarge-up-2>.cell { width: calc(50% - 1.25rem) }
.grid-margin-x.xlarge-up-3>.cell { width: calc(33.33333% - 1.25rem) }
.grid-margin-x.xlarge-up-4>.cell { width: calc(25% - 1.25rem) }
.grid-margin-x.xlarge-up-5>.cell { width: calc(20% - 1.25rem) }
.grid-margin-x.xlarge-up-6>.cell { width: calc(16.66667% - 1.25rem) }
.grid-margin-x.xlarge-up-7>.cell { width: calc(14.28571% - 1.25rem) }
.grid-margin-x.xlarge-up-8>.cell { width: calc(12.5% - 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-margin-x.xxlarge-up-1>.cell { width: calc(100% - 1.25rem) }
.grid-margin-x.xxlarge-up-2>.cell { width: calc(50% - 1.25rem) }
.grid-margin-x.xxlarge-up-3>.cell { width: calc(33.33333% - 1.25rem) }
.grid-margin-x.xxlarge-up-4>.cell { width: calc(25% - 1.25rem) }
.grid-margin-x.xxlarge-up-5>.cell { width: calc(20% - 1.25rem) }
.grid-margin-x.xxlarge-up-6>.cell { width: calc(16.66667% - 1.25rem) }
.grid-margin-x.xxlarge-up-7>.cell { width: calc(14.28571% - 1.25rem) }
.grid-margin-x.xxlarge-up-8>.cell { width: calc(12.5% - 1.25rem) }
}
.small-margin-collapse { margin-right: 0; margin-left: 0 }
.small-margin-collapse>.cell { margin-right: 0; margin-left: 0 }
.small-margin-collapse>.small-1 { width: 8.33333% }
.small-margin-collapse>.small-2 { width: 16.66667% }
.small-margin-collapse>.small-3 { width: 25% }
.small-margin-collapse>.small-4 { width: 33.33333% }
.small-margin-collapse>.small-5 { width: 41.66667% }
.small-margin-collapse>.small-6 { width: 50% }
.small-margin-collapse>.small-7 { width: 58.33333% }
.small-margin-collapse>.small-8 { width: 66.66667% }
.small-margin-collapse>.small-9 { width: 75% }
.small-margin-collapse>.small-10 { width: 83.33333% }
.small-margin-collapse>.small-11 { width: 91.66667% }
.small-margin-collapse>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.small-margin-collapse>.medium-1 { width: 8.33333% }
.small-margin-collapse>.medium-2 { width: 16.66667% }
.small-margin-collapse>.medium-3 { width: 25% }
.small-margin-collapse>.medium-4 { width: 33.33333% }
.small-margin-collapse>.medium-5 { width: 41.66667% }
.small-margin-collapse>.medium-6 { width: 50% }
.small-margin-collapse>.medium-7 { width: 58.33333% }
.small-margin-collapse>.medium-8 { width: 66.66667% }
.small-margin-collapse>.medium-9 { width: 75% }
.small-margin-collapse>.medium-10 { width: 83.33333% }
.small-margin-collapse>.medium-11 { width: 91.66667% }
.small-margin-collapse>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.small-margin-collapse>.large-1 { width: 8.33333% }
.small-margin-collapse>.large-2 { width: 16.66667% }
.small-margin-collapse>.large-3 { width: 25% }
.small-margin-collapse>.large-4 { width: 33.33333% }
.small-margin-collapse>.large-5 { width: 41.66667% }
.small-margin-collapse>.large-6 { width: 50% }
.small-margin-collapse>.large-7 { width: 58.33333% }
.small-margin-collapse>.large-8 { width: 66.66667% }
.small-margin-collapse>.large-9 { width: 75% }
.small-margin-collapse>.large-10 { width: 83.33333% }
.small-margin-collapse>.large-11 { width: 91.66667% }
.small-margin-collapse>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.small-margin-collapse>.xlarge-1 { width: 8.33333% }
.small-margin-collapse>.xlarge-2 { width: 16.66667% }
.small-margin-collapse>.xlarge-3 { width: 25% }
.small-margin-collapse>.xlarge-4 { width: 33.33333% }
.small-margin-collapse>.xlarge-5 { width: 41.66667% }
.small-margin-collapse>.xlarge-6 { width: 50% }
.small-margin-collapse>.xlarge-7 { width: 58.33333% }
.small-margin-collapse>.xlarge-8 { width: 66.66667% }
.small-margin-collapse>.xlarge-9 { width: 75% }
.small-margin-collapse>.xlarge-10 { width: 83.33333% }
.small-margin-collapse>.xlarge-11 { width: 91.66667% }
.small-margin-collapse>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.small-margin-collapse>.xxlarge-1 { width: 8.33333% }
.small-margin-collapse>.xxlarge-2 { width: 16.66667% }
.small-margin-collapse>.xxlarge-3 { width: 25% }
.small-margin-collapse>.xxlarge-4 { width: 33.33333% }
.small-margin-collapse>.xxlarge-5 { width: 41.66667% }
.small-margin-collapse>.xxlarge-6 { width: 50% }
.small-margin-collapse>.xxlarge-7 { width: 58.33333% }
.small-margin-collapse>.xxlarge-8 { width: 66.66667% }
.small-margin-collapse>.xxlarge-9 { width: 75% }
.small-margin-collapse>.xxlarge-10 { width: 83.33333% }
.small-margin-collapse>.xxlarge-11 { width: 91.66667% }
.small-margin-collapse>.xxlarge-12 { width: 100% }
}
.small-padding-collapse { margin-right: 0; margin-left: 0 }
.small-padding-collapse>.cell { padding-right: 0; padding-left: 0 }
@media print, screen and (min-width:40em) {
.medium-margin-collapse { margin-right: 0; margin-left: 0 }
.medium-margin-collapse>.cell { margin-right: 0; margin-left: 0 }
}
.medium-margin-collapse>.small-1 { width: 8.33333% }
.medium-margin-collapse>.small-2 { width: 16.66667% }
.medium-margin-collapse>.small-3 { width: 25% }
.medium-margin-collapse>.small-4 { width: 33.33333% }
.medium-margin-collapse>.small-5 { width: 41.66667% }
.medium-margin-collapse>.small-6 { width: 50% }
.medium-margin-collapse>.small-7 { width: 58.33333% }
.medium-margin-collapse>.small-8 { width: 66.66667% }
.medium-margin-collapse>.small-9 { width: 75% }
.medium-margin-collapse>.small-10 { width: 83.33333% }
.medium-margin-collapse>.small-11 { width: 91.66667% }
.medium-margin-collapse>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.medium-margin-collapse>.medium-1 { width: 8.33333% }
.medium-margin-collapse>.medium-2 { width: 16.66667% }
.medium-margin-collapse>.medium-3 { width: 25% }
.medium-margin-collapse>.medium-4 { width: 33.33333% }
.medium-margin-collapse>.medium-5 { width: 41.66667% }
.medium-margin-collapse>.medium-6 { width: 50% }
.medium-margin-collapse>.medium-7 { width: 58.33333% }
.medium-margin-collapse>.medium-8 { width: 66.66667% }
.medium-margin-collapse>.medium-9 { width: 75% }
.medium-margin-collapse>.medium-10 { width: 83.33333% }
.medium-margin-collapse>.medium-11 { width: 91.66667% }
.medium-margin-collapse>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.medium-margin-collapse>.large-1 { width: 8.33333% }
.medium-margin-collapse>.large-2 { width: 16.66667% }
.medium-margin-collapse>.large-3 { width: 25% }
.medium-margin-collapse>.large-4 { width: 33.33333% }
.medium-margin-collapse>.large-5 { width: 41.66667% }
.medium-margin-collapse>.large-6 { width: 50% }
.medium-margin-collapse>.large-7 { width: 58.33333% }
.medium-margin-collapse>.large-8 { width: 66.66667% }
.medium-margin-collapse>.large-9 { width: 75% }
.medium-margin-collapse>.large-10 { width: 83.33333% }
.medium-margin-collapse>.large-11 { width: 91.66667% }
.medium-margin-collapse>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.medium-margin-collapse>.xlarge-1 { width: 8.33333% }
.medium-margin-collapse>.xlarge-2 { width: 16.66667% }
.medium-margin-collapse>.xlarge-3 { width: 25% }
.medium-margin-collapse>.xlarge-4 { width: 33.33333% }
.medium-margin-collapse>.xlarge-5 { width: 41.66667% }
.medium-margin-collapse>.xlarge-6 { width: 50% }
.medium-margin-collapse>.xlarge-7 { width: 58.33333% }
.medium-margin-collapse>.xlarge-8 { width: 66.66667% }
.medium-margin-collapse>.xlarge-9 { width: 75% }
.medium-margin-collapse>.xlarge-10 { width: 83.33333% }
.medium-margin-collapse>.xlarge-11 { width: 91.66667% }
.medium-margin-collapse>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.medium-margin-collapse>.xxlarge-1 { width: 8.33333% }
.medium-margin-collapse>.xxlarge-2 { width: 16.66667% }
.medium-margin-collapse>.xxlarge-3 { width: 25% }
.medium-margin-collapse>.xxlarge-4 { width: 33.33333% }
.medium-margin-collapse>.xxlarge-5 { width: 41.66667% }
.medium-margin-collapse>.xxlarge-6 { width: 50% }
.medium-margin-collapse>.xxlarge-7 { width: 58.33333% }
.medium-margin-collapse>.xxlarge-8 { width: 66.66667% }
.medium-margin-collapse>.xxlarge-9 { width: 75% }
.medium-margin-collapse>.xxlarge-10 { width: 83.33333% }
.medium-margin-collapse>.xxlarge-11 { width: 91.66667% }
.medium-margin-collapse>.xxlarge-12 { width: 100% }
}
@media print, screen and (min-width:40em) {
.medium-padding-collapse { margin-right: 0; margin-left: 0 }
.medium-padding-collapse>.cell { padding-right: 0; padding-left: 0 }
}
@media print, screen and (min-width:64em) {
.large-margin-collapse { margin-right: 0; margin-left: 0 }
.large-margin-collapse>.cell { margin-right: 0; margin-left: 0 }
}
.large-margin-collapse>.small-1 { width: 8.33333% }
.large-margin-collapse>.small-2 { width: 16.66667% }
.large-margin-collapse>.small-3 { width: 25% }
.large-margin-collapse>.small-4 { width: 33.33333% }
.large-margin-collapse>.small-5 { width: 41.66667% }
.large-margin-collapse>.small-6 { width: 50% }
.large-margin-collapse>.small-7 { width: 58.33333% }
.large-margin-collapse>.small-8 { width: 66.66667% }
.large-margin-collapse>.small-9 { width: 75% }
.large-margin-collapse>.small-10 { width: 83.33333% }
.large-margin-collapse>.small-11 { width: 91.66667% }
.large-margin-collapse>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.large-margin-collapse>.medium-1 { width: 8.33333% }
.large-margin-collapse>.medium-2 { width: 16.66667% }
.large-margin-collapse>.medium-3 { width: 25% }
.large-margin-collapse>.medium-4 { width: 33.33333% }
.large-margin-collapse>.medium-5 { width: 41.66667% }
.large-margin-collapse>.medium-6 { width: 50% }
.large-margin-collapse>.medium-7 { width: 58.33333% }
.large-margin-collapse>.medium-8 { width: 66.66667% }
.large-margin-collapse>.medium-9 { width: 75% }
.large-margin-collapse>.medium-10 { width: 83.33333% }
.large-margin-collapse>.medium-11 { width: 91.66667% }
.large-margin-collapse>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.large-margin-collapse>.large-1 { width: 8.33333% }
.large-margin-collapse>.large-2 { width: 16.66667% }
.large-margin-collapse>.large-3 { width: 25% }
.large-margin-collapse>.large-4 { width: 33.33333% }
.large-margin-collapse>.large-5 { width: 41.66667% }
.large-margin-collapse>.large-6 { width: 50% }
.large-margin-collapse>.large-7 { width: 58.33333% }
.large-margin-collapse>.large-8 { width: 66.66667% }
.large-margin-collapse>.large-9 { width: 75% }
.large-margin-collapse>.large-10 { width: 83.33333% }
.large-margin-collapse>.large-11 { width: 91.66667% }
.large-margin-collapse>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.large-margin-collapse>.xlarge-1 { width: 8.33333% }
.large-margin-collapse>.xlarge-2 { width: 16.66667% }
.large-margin-collapse>.xlarge-3 { width: 25% }
.large-margin-collapse>.xlarge-4 { width: 33.33333% }
.large-margin-collapse>.xlarge-5 { width: 41.66667% }
.large-margin-collapse>.xlarge-6 { width: 50% }
.large-margin-collapse>.xlarge-7 { width: 58.33333% }
.large-margin-collapse>.xlarge-8 { width: 66.66667% }
.large-margin-collapse>.xlarge-9 { width: 75% }
.large-margin-collapse>.xlarge-10 { width: 83.33333% }
.large-margin-collapse>.xlarge-11 { width: 91.66667% }
.large-margin-collapse>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.large-margin-collapse>.xxlarge-1 { width: 8.33333% }
.large-margin-collapse>.xxlarge-2 { width: 16.66667% }
.large-margin-collapse>.xxlarge-3 { width: 25% }
.large-margin-collapse>.xxlarge-4 { width: 33.33333% }
.large-margin-collapse>.xxlarge-5 { width: 41.66667% }
.large-margin-collapse>.xxlarge-6 { width: 50% }
.large-margin-collapse>.xxlarge-7 { width: 58.33333% }
.large-margin-collapse>.xxlarge-8 { width: 66.66667% }
.large-margin-collapse>.xxlarge-9 { width: 75% }
.large-margin-collapse>.xxlarge-10 { width: 83.33333% }
.large-margin-collapse>.xxlarge-11 { width: 91.66667% }
.large-margin-collapse>.xxlarge-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.large-padding-collapse { margin-right: 0; margin-left: 0 }
.large-padding-collapse>.cell { padding-right: 0; padding-left: 0 }
}
@media screen and (min-width:80em) {
.xlarge-margin-collapse { margin-right: 0; margin-left: 0 }
.xlarge-margin-collapse>.cell { margin-right: 0; margin-left: 0 }
}
.xlarge-margin-collapse>.small-1 { width: 8.33333% }
.xlarge-margin-collapse>.small-2 { width: 16.66667% }
.xlarge-margin-collapse>.small-3 { width: 25% }
.xlarge-margin-collapse>.small-4 { width: 33.33333% }
.xlarge-margin-collapse>.small-5 { width: 41.66667% }
.xlarge-margin-collapse>.small-6 { width: 50% }
.xlarge-margin-collapse>.small-7 { width: 58.33333% }
.xlarge-margin-collapse>.small-8 { width: 66.66667% }
.xlarge-margin-collapse>.small-9 { width: 75% }
.xlarge-margin-collapse>.small-10 { width: 83.33333% }
.xlarge-margin-collapse>.small-11 { width: 91.66667% }
.xlarge-margin-collapse>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.xlarge-margin-collapse>.medium-1 { width: 8.33333% }
.xlarge-margin-collapse>.medium-2 { width: 16.66667% }
.xlarge-margin-collapse>.medium-3 { width: 25% }
.xlarge-margin-collapse>.medium-4 { width: 33.33333% }
.xlarge-margin-collapse>.medium-5 { width: 41.66667% }
.xlarge-margin-collapse>.medium-6 { width: 50% }
.xlarge-margin-collapse>.medium-7 { width: 58.33333% }
.xlarge-margin-collapse>.medium-8 { width: 66.66667% }
.xlarge-margin-collapse>.medium-9 { width: 75% }
.xlarge-margin-collapse>.medium-10 { width: 83.33333% }
.xlarge-margin-collapse>.medium-11 { width: 91.66667% }
.xlarge-margin-collapse>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.xlarge-margin-collapse>.large-1 { width: 8.33333% }
.xlarge-margin-collapse>.large-2 { width: 16.66667% }
.xlarge-margin-collapse>.large-3 { width: 25% }
.xlarge-margin-collapse>.large-4 { width: 33.33333% }
.xlarge-margin-collapse>.large-5 { width: 41.66667% }
.xlarge-margin-collapse>.large-6 { width: 50% }
.xlarge-margin-collapse>.large-7 { width: 58.33333% }
.xlarge-margin-collapse>.large-8 { width: 66.66667% }
.xlarge-margin-collapse>.large-9 { width: 75% }
.xlarge-margin-collapse>.large-10 { width: 83.33333% }
.xlarge-margin-collapse>.large-11 { width: 91.66667% }
.xlarge-margin-collapse>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.xlarge-margin-collapse>.xlarge-1 { width: 8.33333% }
.xlarge-margin-collapse>.xlarge-2 { width: 16.66667% }
.xlarge-margin-collapse>.xlarge-3 { width: 25% }
.xlarge-margin-collapse>.xlarge-4 { width: 33.33333% }
.xlarge-margin-collapse>.xlarge-5 { width: 41.66667% }
.xlarge-margin-collapse>.xlarge-6 { width: 50% }
.xlarge-margin-collapse>.xlarge-7 { width: 58.33333% }
.xlarge-margin-collapse>.xlarge-8 { width: 66.66667% }
.xlarge-margin-collapse>.xlarge-9 { width: 75% }
.xlarge-margin-collapse>.xlarge-10 { width: 83.33333% }
.xlarge-margin-collapse>.xlarge-11 { width: 91.66667% }
.xlarge-margin-collapse>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.xlarge-margin-collapse>.xxlarge-1 { width: 8.33333% }
.xlarge-margin-collapse>.xxlarge-2 { width: 16.66667% }
.xlarge-margin-collapse>.xxlarge-3 { width: 25% }
.xlarge-margin-collapse>.xxlarge-4 { width: 33.33333% }
.xlarge-margin-collapse>.xxlarge-5 { width: 41.66667% }
.xlarge-margin-collapse>.xxlarge-6 { width: 50% }
.xlarge-margin-collapse>.xxlarge-7 { width: 58.33333% }
.xlarge-margin-collapse>.xxlarge-8 { width: 66.66667% }
.xlarge-margin-collapse>.xxlarge-9 { width: 75% }
.xlarge-margin-collapse>.xxlarge-10 { width: 83.33333% }
.xlarge-margin-collapse>.xxlarge-11 { width: 91.66667% }
.xlarge-margin-collapse>.xxlarge-12 { width: 100% }
}
@media screen and (min-width:80em) {
.xlarge-padding-collapse { margin-right: 0; margin-left: 0 }
.xlarge-padding-collapse>.cell { padding-right: 0; padding-left: 0 }
}
@media screen and (min-width:118.75em) {
.xxlarge-margin-collapse { margin-right: 0; margin-left: 0 }
.xxlarge-margin-collapse>.cell { margin-right: 0; margin-left: 0 }
}
.xxlarge-margin-collapse>.small-1 { width: 8.33333% }
.xxlarge-margin-collapse>.small-2 { width: 16.66667% }
.xxlarge-margin-collapse>.small-3 { width: 25% }
.xxlarge-margin-collapse>.small-4 { width: 33.33333% }
.xxlarge-margin-collapse>.small-5 { width: 41.66667% }
.xxlarge-margin-collapse>.small-6 { width: 50% }
.xxlarge-margin-collapse>.small-7 { width: 58.33333% }
.xxlarge-margin-collapse>.small-8 { width: 66.66667% }
.xxlarge-margin-collapse>.small-9 { width: 75% }
.xxlarge-margin-collapse>.small-10 { width: 83.33333% }
.xxlarge-margin-collapse>.small-11 { width: 91.66667% }
.xxlarge-margin-collapse>.small-12 { width: 100% }
@media print, screen and (min-width:40em) {
.xxlarge-margin-collapse>.medium-1 { width: 8.33333% }
.xxlarge-margin-collapse>.medium-2 { width: 16.66667% }
.xxlarge-margin-collapse>.medium-3 { width: 25% }
.xxlarge-margin-collapse>.medium-4 { width: 33.33333% }
.xxlarge-margin-collapse>.medium-5 { width: 41.66667% }
.xxlarge-margin-collapse>.medium-6 { width: 50% }
.xxlarge-margin-collapse>.medium-7 { width: 58.33333% }
.xxlarge-margin-collapse>.medium-8 { width: 66.66667% }
.xxlarge-margin-collapse>.medium-9 { width: 75% }
.xxlarge-margin-collapse>.medium-10 { width: 83.33333% }
.xxlarge-margin-collapse>.medium-11 { width: 91.66667% }
.xxlarge-margin-collapse>.medium-12 { width: 100% }
}
@media print, screen and (min-width:64em) {
.xxlarge-margin-collapse>.large-1 { width: 8.33333% }
.xxlarge-margin-collapse>.large-2 { width: 16.66667% }
.xxlarge-margin-collapse>.large-3 { width: 25% }
.xxlarge-margin-collapse>.large-4 { width: 33.33333% }
.xxlarge-margin-collapse>.large-5 { width: 41.66667% }
.xxlarge-margin-collapse>.large-6 { width: 50% }
.xxlarge-margin-collapse>.large-7 { width: 58.33333% }
.xxlarge-margin-collapse>.large-8 { width: 66.66667% }
.xxlarge-margin-collapse>.large-9 { width: 75% }
.xxlarge-margin-collapse>.large-10 { width: 83.33333% }
.xxlarge-margin-collapse>.large-11 { width: 91.66667% }
.xxlarge-margin-collapse>.large-12 { width: 100% }
}
@media screen and (min-width:80em) {
.xxlarge-margin-collapse>.xlarge-1 { width: 8.33333% }
.xxlarge-margin-collapse>.xlarge-2 { width: 16.66667% }
.xxlarge-margin-collapse>.xlarge-3 { width: 25% }
.xxlarge-margin-collapse>.xlarge-4 { width: 33.33333% }
.xxlarge-margin-collapse>.xlarge-5 { width: 41.66667% }
.xxlarge-margin-collapse>.xlarge-6 { width: 50% }
.xxlarge-margin-collapse>.xlarge-7 { width: 58.33333% }
.xxlarge-margin-collapse>.xlarge-8 { width: 66.66667% }
.xxlarge-margin-collapse>.xlarge-9 { width: 75% }
.xxlarge-margin-collapse>.xlarge-10 { width: 83.33333% }
.xxlarge-margin-collapse>.xlarge-11 { width: 91.66667% }
.xxlarge-margin-collapse>.xlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.xxlarge-margin-collapse>.xxlarge-1 { width: 8.33333% }
.xxlarge-margin-collapse>.xxlarge-2 { width: 16.66667% }
.xxlarge-margin-collapse>.xxlarge-3 { width: 25% }
.xxlarge-margin-collapse>.xxlarge-4 { width: 33.33333% }
.xxlarge-margin-collapse>.xxlarge-5 { width: 41.66667% }
.xxlarge-margin-collapse>.xxlarge-6 { width: 50% }
.xxlarge-margin-collapse>.xxlarge-7 { width: 58.33333% }
.xxlarge-margin-collapse>.xxlarge-8 { width: 66.66667% }
.xxlarge-margin-collapse>.xxlarge-9 { width: 75% }
.xxlarge-margin-collapse>.xxlarge-10 { width: 83.33333% }
.xxlarge-margin-collapse>.xxlarge-11 { width: 91.66667% }
.xxlarge-margin-collapse>.xxlarge-12 { width: 100% }
}
@media screen and (min-width:118.75em) {
.xxlarge-padding-collapse { margin-right: 0; margin-left: 0 }
.xxlarge-padding-collapse>.cell { padding-right: 0; padding-left: 0 }
}
.small-offset-0 { margin-left: 0% }
.grid-margin-x>.small-offset-0 { margin-left:calc(0% + .625rem)
}
.small-offset-1 { margin-left: 8.33333% }
.grid-margin-x>.small-offset-1 { margin-left:calc(8.33333% + .625rem)
}
.small-offset-2 { margin-left: 16.66667% }
.grid-margin-x>.small-offset-2 { margin-left:calc(16.66667% + .625rem)
}
.small-offset-3 { margin-left: 25% }
.grid-margin-x>.small-offset-3 { margin-left:calc(25% + .625rem)
}
.small-offset-4 { margin-left: 33.33333% }
.grid-margin-x>.small-offset-4 { margin-left:calc(33.33333% + .625rem)
}
.small-offset-5 { margin-left: 41.66667% }
.grid-margin-x>.small-offset-5 { margin-left:calc(41.66667% + .625rem)
}
.small-offset-6 { margin-left: 50% }
.grid-margin-x>.small-offset-6 { margin-left:calc(50% + .625rem)
}
.small-offset-7 { margin-left: 58.33333% }
.grid-margin-x>.small-offset-7 { margin-left:calc(58.33333% + .625rem)
}
.small-offset-8 { margin-left: 66.66667% }
.grid-margin-x>.small-offset-8 { margin-left:calc(66.66667% + .625rem)
}
.small-offset-9 { margin-left: 75% }
.grid-margin-x>.small-offset-9 { margin-left:calc(75% + .625rem)
}
.small-offset-10 { margin-left: 83.33333% }
.grid-margin-x>.small-offset-10 { margin-left:calc(83.33333% + .625rem)
}
.small-offset-11 { margin-left: 91.66667% }
.grid-margin-x>.small-offset-11 { margin-left:calc(91.66667% + .625rem)
}
@media print, screen and (min-width:40em) {
.medium-offset-0 { margin-left: 0% }
.grid-margin-x>.medium-offset-0 { margin-left:calc(0% + .625rem)
}
.medium-offset-1 { margin-left: 8.33333% }
.grid-margin-x>.medium-offset-1 { margin-left:calc(8.33333% + .625rem)
}
.medium-offset-2 { margin-left: 16.66667% }
.grid-margin-x>.medium-offset-2 { margin-left:calc(16.66667% + .625rem)
}
.medium-offset-3 { margin-left: 25% }
.grid-margin-x>.medium-offset-3 { margin-left:calc(25% + .625rem)
}
.medium-offset-4 { margin-left: 33.33333% }
.grid-margin-x>.medium-offset-4 { margin-left:calc(33.33333% + .625rem)
}
.medium-offset-5 { margin-left: 41.66667% }
.grid-margin-x>.medium-offset-5 { margin-left:calc(41.66667% + .625rem)
}
.medium-offset-6 { margin-left: 50% }
.grid-margin-x>.medium-offset-6 { margin-left:calc(50% + .625rem)
}
.medium-offset-7 { margin-left: 58.33333% }
.grid-margin-x>.medium-offset-7 { margin-left:calc(58.33333% + .625rem)
}
.medium-offset-8 { margin-left: 66.66667% }
.grid-margin-x>.medium-offset-8 { margin-left:calc(66.66667% + .625rem)
}
.medium-offset-9 { margin-left: 75% }
.grid-margin-x>.medium-offset-9 { margin-left:calc(75% + .625rem)
}
.medium-offset-10 { margin-left: 83.33333% }
.grid-margin-x>.medium-offset-10 { margin-left:calc(83.33333% + .625rem)
}
.medium-offset-11 { margin-left: 91.66667% }
.grid-margin-x>.medium-offset-11 { margin-left:calc(91.66667% + .625rem)
}
}
@media print, screen and (min-width:64em) {
.large-offset-0 { margin-left: 0% }
.grid-margin-x>.large-offset-0 { margin-left:calc(0% + .625rem)
}
.large-offset-1 { margin-left: 8.33333% }
.grid-margin-x>.large-offset-1 { margin-left:calc(8.33333% + .625rem)
}
.large-offset-2 { margin-left: 16.66667% }
.grid-margin-x>.large-offset-2 { margin-left:calc(16.66667% + .625rem)
}
.large-offset-3 { margin-left: 25% }
.grid-margin-x>.large-offset-3 { margin-left:calc(25% + .625rem)
}
.large-offset-4 { margin-left: 33.33333% }
.grid-margin-x>.large-offset-4 { margin-left:calc(33.33333% + .625rem)
}
.large-offset-5 { margin-left: 41.66667% }
.grid-margin-x>.large-offset-5 { margin-left:calc(41.66667% + .625rem)
}
.large-offset-6 { margin-left: 50% }
.grid-margin-x>.large-offset-6 { margin-left:calc(50% + .625rem)
}
.large-offset-7 { margin-left: 58.33333% }
.grid-margin-x>.large-offset-7 { margin-left:calc(58.33333% + .625rem)
}
.large-offset-8 { margin-left: 66.66667% }
.grid-margin-x>.large-offset-8 { margin-left:calc(66.66667% + .625rem)
}
.large-offset-9 { margin-left: 75% }
.grid-margin-x>.large-offset-9 { margin-left:calc(75% + .625rem)
}
.large-offset-10 { margin-left: 83.33333% }
.grid-margin-x>.large-offset-10 { margin-left:calc(83.33333% + .625rem)
}
.large-offset-11 { margin-left: 91.66667% }
.grid-margin-x>.large-offset-11 { margin-left:calc(91.66667% + .625rem)
}
}
@media screen and (min-width:80em) {
.xlarge-offset-0 { margin-left: 0% }
.grid-margin-x>.xlarge-offset-0 { margin-left:calc(0% + .625rem)
}
.xlarge-offset-1 { margin-left: 8.33333% }
.grid-margin-x>.xlarge-offset-1 { margin-left:calc(8.33333% + .625rem)
}
.xlarge-offset-2 { margin-left: 16.66667% }
.grid-margin-x>.xlarge-offset-2 { margin-left:calc(16.66667% + .625rem)
}
.xlarge-offset-3 { margin-left: 25% }
.grid-margin-x>.xlarge-offset-3 { margin-left:calc(25% + .625rem)
}
.xlarge-offset-4 { margin-left: 33.33333% }
.grid-margin-x>.xlarge-offset-4 { margin-left:calc(33.33333% + .625rem)
}
.xlarge-offset-5 { margin-left: 41.66667% }
.grid-margin-x>.xlarge-offset-5 { margin-left:calc(41.66667% + .625rem)
}
.xlarge-offset-6 { margin-left: 50% }
.grid-margin-x>.xlarge-offset-6 { margin-left:calc(50% + .625rem)
}
.xlarge-offset-7 { margin-left: 58.33333% }
.grid-margin-x>.xlarge-offset-7 { margin-left:calc(58.33333% + .625rem)
}
.xlarge-offset-8 { margin-left: 66.66667% }
.grid-margin-x>.xlarge-offset-8 { margin-left:calc(66.66667% + .625rem)
}
.xlarge-offset-9 { margin-left: 75% }
.grid-margin-x>.xlarge-offset-9 { margin-left:calc(75% + .625rem)
}
.xlarge-offset-10 { margin-left: 83.33333% }
.grid-margin-x>.xlarge-offset-10 { margin-left:calc(83.33333% + .625rem)
}
.xlarge-offset-11 { margin-left: 91.66667% }
.grid-margin-x>.xlarge-offset-11 { margin-left:calc(91.66667% + .625rem)
}
}
@media screen and (min-width:118.75em) {
.xxlarge-offset-0 { margin-left: 0% }
.grid-margin-x>.xxlarge-offset-0 { margin-left:calc(0% + .625rem)
}
.xxlarge-offset-1 { margin-left: 8.33333% }
.grid-margin-x>.xxlarge-offset-1 { margin-left:calc(8.33333% + .625rem)
}
.xxlarge-offset-2 { margin-left: 16.66667% }
.grid-margin-x>.xxlarge-offset-2 { margin-left:calc(16.66667% + .625rem)
}
.xxlarge-offset-3 { margin-left: 25% }
.grid-margin-x>.xxlarge-offset-3 { margin-left:calc(25% + .625rem)
}
.xxlarge-offset-4 { margin-left: 33.33333% }
.grid-margin-x>.xxlarge-offset-4 { margin-left:calc(33.33333% + .625rem)
}
.xxlarge-offset-5 { margin-left: 41.66667% }
.grid-margin-x>.xxlarge-offset-5 { margin-left:calc(41.66667% + .625rem)
}
.xxlarge-offset-6 { margin-left: 50% }
.grid-margin-x>.xxlarge-offset-6 { margin-left:calc(50% + .625rem)
}
.xxlarge-offset-7 { margin-left: 58.33333% }
.grid-margin-x>.xxlarge-offset-7 { margin-left:calc(58.33333% + .625rem)
}
.xxlarge-offset-8 { margin-left: 66.66667% }
.grid-margin-x>.xxlarge-offset-8 { margin-left:calc(66.66667% + .625rem)
}
.xxlarge-offset-9 { margin-left: 75% }
.grid-margin-x>.xxlarge-offset-9 { margin-left:calc(75% + .625rem)
}
.xxlarge-offset-10 { margin-left: 83.33333% }
.grid-margin-x>.xxlarge-offset-10 { margin-left:calc(83.33333% + .625rem)
}
.xxlarge-offset-11 { margin-left: 91.66667% }
.grid-margin-x>.xxlarge-offset-11 { margin-left:calc(91.66667% + .625rem)
}
}
.grid-y { display: flex; flex-flow: column nowrap }
.grid-y>.cell { width: auto }
.grid-y>.auto { height: auto }
.grid-y>.shrink { height: auto }
.grid-y>.small-shrink, .grid-y>.small-full, .grid-y>.small-1, .grid-y>.small-2, .grid-y>.small-3, .grid-y>.small-4, .grid-y>.small-5, .grid-y>.small-6, .grid-y>.small-7, .grid-y>.small-8, .grid-y>.small-9, .grid-y>.small-10, .grid-y>.small-11, .grid-y>.small-12 { flex-basis: auto }
@media print, screen and (min-width:40em) {
.grid-y>.medium-shrink, .grid-y>.medium-full, .grid-y>.medium-1, .grid-y>.medium-2, .grid-y>.medium-3, .grid-y>.medium-4, .grid-y>.medium-5, .grid-y>.medium-6, .grid-y>.medium-7, .grid-y>.medium-8, .grid-y>.medium-9, .grid-y>.medium-10, .grid-y>.medium-11, .grid-y>.medium-12 { flex-basis: auto }
}
@media print, screen and (min-width:64em) {
.grid-y>.large-shrink, .grid-y>.large-full, .grid-y>.large-1, .grid-y>.large-2, .grid-y>.large-3, .grid-y>.large-4, .grid-y>.large-5, .grid-y>.large-6, .grid-y>.large-7, .grid-y>.large-8, .grid-y>.large-9, .grid-y>.large-10, .grid-y>.large-11, .grid-y>.large-12 { flex-basis: auto }
}
@media screen and (min-width:80em) {
.grid-y>.xlarge-shrink, .grid-y>.xlarge-full, .grid-y>.xlarge-1, .grid-y>.xlarge-2, .grid-y>.xlarge-3, .grid-y>.xlarge-4, .grid-y>.xlarge-5, .grid-y>.xlarge-6, .grid-y>.xlarge-7, .grid-y>.xlarge-8, .grid-y>.xlarge-9, .grid-y>.xlarge-10, .grid-y>.xlarge-11, .grid-y>.xlarge-12 { flex-basis: auto }
}
@media screen and (min-width:118.75em) {
.grid-y>.xxlarge-shrink, .grid-y>.xxlarge-full, .grid-y>.xxlarge-1, .grid-y>.xxlarge-2, .grid-y>.xxlarge-3, .grid-y>.xxlarge-4, .grid-y>.xxlarge-5, .grid-y>.xxlarge-6, .grid-y>.xxlarge-7, .grid-y>.xxlarge-8, .grid-y>.xxlarge-9, .grid-y>.xxlarge-10, .grid-y>.xxlarge-11, .grid-y>.xxlarge-12 { flex-basis: auto }
}
.grid-y>.small-1 { height: 8.33333% }
.grid-y>.small-2 { height: 16.66667% }
.grid-y>.small-3 { height: 25% }
.grid-y>.small-4 { height: 33.33333% }
.grid-y>.small-5 { height: 41.66667% }
.grid-y>.small-6 { height: 50% }
.grid-y>.small-7 { height: 58.33333% }
.grid-y>.small-8 { height: 66.66667% }
.grid-y>.small-9 { height: 75% }
.grid-y>.small-10 { height: 83.33333% }
.grid-y>.small-11 { height: 91.66667% }
.grid-y>.small-12 { height: 100% }
@media print, screen and (min-width:40em) {
.grid-y>.medium-auto { flex: 1 1 0; height: auto }
.grid-y>.medium-shrink { height: auto }
.grid-y>.medium-1 { height: 8.33333% }
.grid-y>.medium-2 { height: 16.66667% }
.grid-y>.medium-3 { height: 25% }
.grid-y>.medium-4 { height: 33.33333% }
.grid-y>.medium-5 { height: 41.66667% }
.grid-y>.medium-6 { height: 50% }
.grid-y>.medium-7 { height: 58.33333% }
.grid-y>.medium-8 { height: 66.66667% }
.grid-y>.medium-9 { height: 75% }
.grid-y>.medium-10 { height: 83.33333% }
.grid-y>.medium-11 { height: 91.66667% }
.grid-y>.medium-12 { height: 100% }
}
@media print, screen and (min-width:64em) {
.grid-y>.large-auto { flex: 1 1 0; height: auto }
.grid-y>.large-shrink { height: auto }
.grid-y>.large-1 { height: 8.33333% }
.grid-y>.large-2 { height: 16.66667% }
.grid-y>.large-3 { height: 25% }
.grid-y>.large-4 { height: 33.33333% }
.grid-y>.large-5 { height: 41.66667% }
.grid-y>.large-6 { height: 50% }
.grid-y>.large-7 { height: 58.33333% }
.grid-y>.large-8 { height: 66.66667% }
.grid-y>.large-9 { height: 75% }
.grid-y>.large-10 { height: 83.33333% }
.grid-y>.large-11 { height: 91.66667% }
.grid-y>.large-12 { height: 100% }
}
@media screen and (min-width:80em) {
.grid-y>.xlarge-auto { flex: 1 1 0; height: auto }
.grid-y>.xlarge-shrink { height: auto }
.grid-y>.xlarge-1 { height: 8.33333% }
.grid-y>.xlarge-2 { height: 16.66667% }
.grid-y>.xlarge-3 { height: 25% }
.grid-y>.xlarge-4 { height: 33.33333% }
.grid-y>.xlarge-5 { height: 41.66667% }
.grid-y>.xlarge-6 { height: 50% }
.grid-y>.xlarge-7 { height: 58.33333% }
.grid-y>.xlarge-8 { height: 66.66667% }
.grid-y>.xlarge-9 { height: 75% }
.grid-y>.xlarge-10 { height: 83.33333% }
.grid-y>.xlarge-11 { height: 91.66667% }
.grid-y>.xlarge-12 { height: 100% }
}
@media screen and (min-width:118.75em) {
.grid-y>.xxlarge-auto { flex: 1 1 0; height: auto }
.grid-y>.xxlarge-shrink { height: auto }
.grid-y>.xxlarge-1 { height: 8.33333% }
.grid-y>.xxlarge-2 { height: 16.66667% }
.grid-y>.xxlarge-3 { height: 25% }
.grid-y>.xxlarge-4 { height: 33.33333% }
.grid-y>.xxlarge-5 { height: 41.66667% }
.grid-y>.xxlarge-6 { height: 50% }
.grid-y>.xxlarge-7 { height: 58.33333% }
.grid-y>.xxlarge-8 { height: 66.66667% }
.grid-y>.xxlarge-9 { height: 75% }
.grid-y>.xxlarge-10 { height: 83.33333% }
.grid-y>.xxlarge-11 { height: 91.66667% }
.grid-y>.xxlarge-12 { height: 100% }
}
.grid-padding-y .grid-padding-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-padding-y .grid-padding-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
}
.grid-padding-y>.cell { padding-top:.625rem;
padding-bottom:.625rem
}
@media print, screen and (min-width:40em) {
.grid-padding-y>.cell { padding-top:.625rem;
padding-bottom:.625rem
}
}
.grid-margin-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
}
.grid-margin-y>.cell { height: calc(100% - 1.25rem); margin-top:.625rem;
margin-bottom:.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-y>.cell { height: calc(100% - 1.25rem); margin-top:.625rem;
margin-bottom:.625rem
}
}
.grid-margin-y>.auto { height: auto }
.grid-margin-y>.shrink { height: auto }
.grid-margin-y>.small-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.small-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.small-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.small-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.small-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.small-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.small-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.small-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.small-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.small-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.small-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.small-12 { height: calc(100% - 1.25rem) }
@media print, screen and (min-width:40em) {
.grid-margin-y>.medium-auto { height: auto }
.grid-margin-y>.medium-shrink { height: auto }
.grid-margin-y>.medium-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.medium-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.medium-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.medium-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.medium-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.medium-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.medium-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.medium-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.medium-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.medium-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.medium-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.medium-12 { height: calc(100% - 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-margin-y>.large-auto { height: auto }
.grid-margin-y>.large-shrink { height: auto }
.grid-margin-y>.large-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.large-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.large-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.large-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.large-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.large-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.large-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.large-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.large-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.large-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.large-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.large-12 { height: calc(100% - 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-margin-y>.xlarge-auto { height: auto }
.grid-margin-y>.xlarge-shrink { height: auto }
.grid-margin-y>.xlarge-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.xlarge-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.xlarge-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.xlarge-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.xlarge-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.xlarge-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.xlarge-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.xlarge-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.xlarge-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.xlarge-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.xlarge-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.xlarge-12 { height: calc(100% - 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-margin-y>.xxlarge-auto { height: auto }
.grid-margin-y>.xxlarge-shrink { height: auto }
.grid-margin-y>.xxlarge-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.xxlarge-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.xxlarge-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.xxlarge-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-12 { height: calc(100% - 1.25rem) }
}
.grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw }
.cell .grid-frame { width: 100% }
.cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.cell-block-container { display: flex; flex-direction: column; max-height: 100% }
.cell-block-container>.grid-x { max-height: 100%; flex-wrap: nowrap }
@media print, screen and (min-width:40em) {
.medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw }
.cell .medium-grid-frame { width: 100% }
.medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.medium-cell-block-container { display: flex; flex-direction: column; max-height: 100% }
.medium-cell-block-container>.grid-x { max-height: 100%; flex-wrap: nowrap }
.medium-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
}
@media print, screen and (min-width:64em) {
.large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw }
.cell .large-grid-frame { width: 100% }
.large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.large-cell-block-container { display: flex; flex-direction: column; max-height: 100% }
.large-cell-block-container>.grid-x { max-height: 100%; flex-wrap: nowrap }
.large-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
}
@media screen and (min-width:80em) {
.xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw }
.cell .xlarge-grid-frame { width: 100% }
.xlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.xlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100% }
.xlarge-cell-block-container>.grid-x { max-height: 100%; flex-wrap: nowrap }
.xlarge-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
}
@media screen and (min-width:118.75em) {
.xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw }
.cell .xxlarge-grid-frame { width: 100% }
.xxlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
.xxlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100% }
.xxlarge-cell-block-container>.grid-x { max-height: 100%; flex-wrap: nowrap }
.xxlarge-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar }
}
.grid-y.grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh }
@media print, screen and (min-width:40em) {
.grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh }
}
@media print, screen and (min-width:64em) {
.grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh }
}
@media screen and (min-width:80em) {
.grid-y.xlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh }
}
@media screen and (min-width:118.75em) {
.grid-y.xxlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh }
}
.cell .grid-y.grid-frame { height: 100% }
@media print, screen and (min-width:40em) {
.cell .grid-y.medium-grid-frame { height: 100% }
}
@media print, screen and (min-width:64em) {
.cell .grid-y.large-grid-frame { height: 100% }
}
@media screen and (min-width:80em) {
.cell .grid-y.xlarge-grid-frame { height: 100% }
}
@media screen and (min-width:118.75em) {
.cell .grid-y.xxlarge-grid-frame { height: 100% }
}
.grid-margin-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-y { margin-top:-.625rem;
margin-bottom:-.625rem
}
}
.grid-margin-y>.cell { height: calc(100% - 1.25rem); margin-top:.625rem;
margin-bottom:.625rem
}
@media print, screen and (min-width:40em) {
.grid-margin-y>.cell { height: calc(100% - 1.25rem); margin-top:.625rem;
margin-bottom:.625rem
}
}
.grid-margin-y>.auto { height: auto }
.grid-margin-y>.shrink { height: auto }
.grid-margin-y>.small-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.small-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.small-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.small-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.small-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.small-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.small-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.small-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.small-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.small-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.small-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.small-12 { height: calc(100% - 1.25rem) }
@media print, screen and (min-width:40em) {
.grid-margin-y>.medium-auto { height: auto }
.grid-margin-y>.medium-shrink { height: auto }
.grid-margin-y>.medium-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.medium-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.medium-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.medium-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.medium-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.medium-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.medium-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.medium-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.medium-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.medium-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.medium-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.medium-12 { height: calc(100% - 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-margin-y>.large-auto { height: auto }
.grid-margin-y>.large-shrink { height: auto }
.grid-margin-y>.large-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.large-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.large-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.large-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.large-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.large-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.large-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.large-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.large-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.large-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.large-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.large-12 { height: calc(100% - 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-margin-y>.xlarge-auto { height: auto }
.grid-margin-y>.xlarge-shrink { height: auto }
.grid-margin-y>.xlarge-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.xlarge-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.xlarge-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.xlarge-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.xlarge-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.xlarge-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.xlarge-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.xlarge-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.xlarge-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.xlarge-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.xlarge-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.xlarge-12 { height: calc(100% - 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-margin-y>.xxlarge-auto { height: auto }
.grid-margin-y>.xxlarge-shrink { height: auto }
.grid-margin-y>.xxlarge-1 { height: calc(8.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-2 { height: calc(16.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-3 { height: calc(25% - 1.25rem) }
.grid-margin-y>.xxlarge-4 { height: calc(33.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-5 { height: calc(41.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-6 { height: calc(50% - 1.25rem) }
.grid-margin-y>.xxlarge-7 { height: calc(58.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-8 { height: calc(66.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-9 { height: calc(75% - 1.25rem) }
.grid-margin-y>.xxlarge-10 { height: calc(83.33333% - 1.25rem) }
.grid-margin-y>.xxlarge-11 { height: calc(91.66667% - 1.25rem) }
.grid-margin-y>.xxlarge-12 { height: calc(100% - 1.25rem) }
}
.grid-frame.grid-margin-y { height: calc(100vh + 1.25rem) }
@media print, screen and (min-width:40em) {
.grid-frame.grid-margin-y { height: calc(100vh + 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-frame.grid-margin-y { height: calc(100vh + 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-frame.grid-margin-y { height: calc(100vh + 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-frame.grid-margin-y { height: calc(100vh + 1.25rem) }
}
@media print, screen and (min-width:40em) {
.grid-margin-y.medium-grid-frame { height: calc(100vh + 1.25rem) }
}
@media print, screen and (min-width:64em) {
.grid-margin-y.large-grid-frame { height: calc(100vh + 1.25rem) }
}
@media screen and (min-width:80em) {
.grid-margin-y.xlarge-grid-frame { height: calc(100vh + 1.25rem) }
}
@media screen and (min-width:118.75em) {
.grid-margin-y.xxlarge-grid-frame { height: calc(100vh + 1.25rem) }
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0 }
p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility }
em, i { font-style: italic; line-height: inherit }
strong, b { font-weight: 500; line-height: inherit }
small { font-size: 80%; line-height: inherit }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 0; color: #e4e5e7 }
h1 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom:.5rem
}
@media print, screen and (min-width:40em) {
h1 { font-size: 1.875rem }
h2 { font-size: 1.75rem }
h3 { font-size: 1.5625rem }
h4 { font-size: 1.4375rem }
h5 { font-size: 1.25rem }
h6 { font-size: 1rem }
}
a { line-height: inherit; color: #313131; text-decoration: none; cursor: pointer }
a:hover, a:focus { color: #2a2a2a }
a img { border: 0 }
hr { clear: both; max-width: 80rem; height: 0; margin: 1.875rem auto; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0 }
ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6 }
li { font-size: inherit }
ul { margin-left: 0; list-style-type: disc }
ol { margin-left: 0 }
ul ul, ol ul, ul ol, ol ol { margin-left: 0; margin-bottom: 0 }
dl { margin-bottom: 1rem }
dl dt {
margin-bottom:.3rem; font-weight: 500 }
blockquote { margin: 0 0 1rem; padding:.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #e4e5e7 }
blockquote, blockquote p { line-height: 1.6; color: #777 }
cite { display: block; font-size:.8125rem;
color: #777 }
cite:before { content: "— " }
abbr { border-bottom: 1px dotted #0a0a0a; color: #0a0a0a; cursor: help }
figure { margin: 0 }
code {
padding:.125rem .3125rem .0625rem; border: 1px solid #e4e5e7; background-color: #f7f8fa; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a }
kbd { margin: 0; padding:.125rem .25rem 0;
background-color: #f7f8fa; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; border-radius: 4px }
.subheader {
margin-top:.2rem;
margin-bottom:.5rem; font-weight: normal; line-height: 1.4; color: #777 }
.lead { font-size: 125%; line-height: 1.6 }
.stat { font-size: 2.5rem; line-height: 1 }
p+.stat { margin-top: -1rem }
.no-bullet { margin-left: 0; list-style: none }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
@media print, screen and (min-width:40em) {
.medium-text-left { text-align: left }
.medium-text-right { text-align: right }
.medium-text-center { text-align: center }
.medium-text-justify { text-align: justify }
}
@media print, screen and (min-width:64em) {
.large-text-left { text-align: left }
.large-text-right { text-align: right }
.large-text-center { text-align: center }
.large-text-justify { text-align: justify }
}
@media screen and (min-width:80em) {
.xlarge-text-left { text-align: left }
.xlarge-text-right { text-align: right }
.xlarge-text-center { text-align: center }
.xlarge-text-justify { text-align: justify }
}
@media screen and (min-width:118.75em) {
.xxlarge-text-left { text-align: left }
.xxlarge-text-right { text-align: right }
.xxlarge-text-center { text-align: center }
.xxlarge-text-justify { text-align: justify }
}
.show-for-print { display: none !important }
@media print {
* { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important }
.show-for-print { display: block !important }
.hide-for-print { display: none !important }
table.show-for-print { display: table !important }
thead.show-for-print { display: table-header-group !important }
tbody.show-for-print { display: table-row-group !important }
tr.show-for-print { display: table-row !important }
td.show-for-print { display: table-cell !important }
th.show-for-print { display: table-cell !important }
a, a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
.ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: '' }
abbr[title]:after { content: " (" attr(title) ")" }
pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid }
thead { display: table-header-group }
tr, img { page-break-inside: avoid }
img { max-width: 100% !important }
@page {
margin:.5cm
}
p, h2, h3 { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
}
.button { display: inline-block; vertical-align: middle; margin: 0; padding: .9em 1.3em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 4px; transition: background-color .25s ease-out, color .25s ease-out; font-size:.8rem;
line-height: 1; text-align: center; cursor: pointer; background-color: #313131; color: #fff }
[data-whatinput='mouse'] .button { outline: 0 }
.button:hover, .button:focus { background-color: #2a2a2a; color: #fff }
.button.tiny { font-size:.6rem
}
.button.small { font-size:.8rem
}
.button.large { font-size:.9rem
}
.button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0 }
.button.primary { background-color: #313131; color: #fff }
.button.primary:hover, .button.primary:focus { background-color: #2c2c2c; color: #fff }
.button.secondary { background-color: #f3f3f3; color: #0a0a0a }
.button.secondary:hover, .button.secondary:focus { background-color: #dbdbdb; color: #0a0a0a }
.button.success { background-color: #7cb342; color: #0a0a0a }
.button.success:hover, .button.success:focus { background-color: #70a13b; color: #0a0a0a }
.button.warning { background-color: #ffae00; color: #0a0a0a }
.button.warning:hover, .button.warning:focus { background-color: #e69d00; color: #0a0a0a }
.button.alert { background-color: #d4452e; color: #0a0a0a }
.button.alert:hover, .button.alert:focus { background-color: #c13d28; color: #0a0a0a }
.button.shop { background-color: #ff6363; color: #0a0a0a }
.button.shop:hover, .button.shop:focus { background-color: #ff4040; color: #0a0a0a }
.button.brand-ap { background-color: #ffe869; color: #0a0a0a }
.button.brand-ap:hover, .button.brand-ap:focus { background-color: #ffe245; color: #0a0a0a }
.button.light { background-color: #fff; color: #0a0a0a }
.button.light:hover, .button.light:focus { background-color: #e6e6e6; color: #0a0a0a }
.button.alpha { background-color: transparent; color: #fff }
.button.alpha:hover, .button.alpha:focus { background-color: transparent; color: #fff }
.button.hollow { border: 1px solid #313131; color: #313131 }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent }
.button.hollow:hover, .button.hollow:focus { border-color: #191919; color: #191919 }
.button.hollow.primary { border: 1px solid #313131; color: #313131 }
.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #191919; color: #191919 }
.button.hollow.secondary { border: 1px solid #f3f3f3; color: #f3f3f3 }
.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #7a7a7a; color: #7a7a7a }
.button.hollow.success { border: 1px solid #7cb342; color: #7cb342 }
.button.hollow.success:hover, .button.hollow.success:focus { border-color: #3e5a21; color: #3e5a21 }
.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00 }
.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700 }
.button.hollow.alert { border: 1px solid #d4452e; color: #d4452e }
.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #6b2216; color: #6b2216 }
.button.hollow.shop { border: 1px solid #ff6363; color: #ff6363 }
.button.hollow.shop:hover, .button.hollow.shop:focus { border-color: #b10000; color: #b10000 }
.button.hollow.brand-ap { border: 1px solid #ffe869; color: #ffe869 }
.button.hollow.brand-ap:hover, .button.hollow.brand-ap:focus { border-color: #b49800; color: #b49800 }
.button.hollow.light { border: 1px solid #fff; color: #fff }
.button.hollow.light:hover, .button.hollow.light:focus { border-color: #808080; color: #808080 }
.button.hollow.alpha { border: 1px solid transparent; color: transparent }
.button.hollow.alpha:hover, .button.hollow.alpha:focus { border-color: transparent; color: transparent }
.button.disabled, .button[disabled] { opacity: .25; cursor: not-allowed }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #313131; color: #fff }
.button.disabled.primary, .button[disabled].primary { opacity: .25; cursor: not-allowed }
.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #313131; color: #fff }
.button.disabled.secondary, .button[disabled].secondary { opacity: .25; cursor: not-allowed }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #f3f3f3; color: #fff }
.button.disabled.success, .button[disabled].success { opacity: .25; cursor: not-allowed }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #7cb342; color: #fff }
.button.disabled.warning, .button[disabled].warning { opacity: .25; cursor: not-allowed }
.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #fff }
.button.disabled.alert, .button[disabled].alert { opacity: .25; cursor: not-allowed }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #d4452e; color: #fff }
.button.disabled.shop, .button[disabled].shop { opacity: .25; cursor: not-allowed }
.button.disabled.shop:hover, .button.disabled.shop:focus, .button[disabled].shop:hover, .button[disabled].shop:focus { background-color: #ff6363; color: #fff }
.button.disabled.brand-ap, .button[disabled].brand-ap { opacity: .25; cursor: not-allowed }
.button.disabled.brand-ap:hover, .button.disabled.brand-ap:focus, .button[disabled].brand-ap:hover, .button[disabled].brand-ap:focus { background-color: #ffe869; color: #fff }
.button.disabled.light, .button[disabled].light { opacity: .25; cursor: not-allowed }
.button.disabled.light:hover, .button.disabled.light:focus, .button[disabled].light:hover, .button[disabled].light:focus { background-color: #fff; color: #fff }
.button.disabled.alpha, .button[disabled].alpha { opacity: .25; cursor: not-allowed }
.button.disabled.alpha:hover, .button.disabled.alpha:focus, .button[disabled].alpha:hover, .button[disabled].alpha:focus { background-color: transparent; color: #fff }
.button.dropdown::after { display: block; width: 0; height: 0; border: inset .4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fff transparent transparent; position: relative; top: .4em; display: inline-block; float: right; margin-left: 1.3em }
.button.arrow-only::after { top: -.1em; float: none; margin-left: 0 }
.button.is-active [class*='icon'] { fill: #ff6363 !important }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
display:block;
box-sizing:border-box;
width:100%;
height:2.4375rem;
margin:0 0 1rem;
padding:.5rem;
border:1px solid #e4e5e7;
border-radius:4px;
background-color:#fff;
box-shadow:inset 0 1px 2px rgba(10,10,10,.1);
font-family:inherit;
font-size:1rem;
font-weight:normal;
color:#0a0a0a;
transition:box-shadow .5s, border-color .25s ease-in-out;
appearance:none
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #777; background-color: #fff; box-shadow: 0 0 5px #e4e5e7; transition: box-shadow .5s, border-color .25s ease-in-out }
textarea { max-width: 100% }
textarea[rows] { height: auto }
input::placeholder, textarea::placeholder {
color:#777
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #f7f8fa; cursor: not-allowed }
[type='submit'], [type='button'] {
appearance:none;
border-radius:4px
}
input[type='search'] { box-sizing: border-box }
[type='number'] {
-moz-appearance:textfield
}
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
[type='file'], [type='checkbox'], [type='radio'] {
margin:0 0 1rem
}
[type='checkbox']+label, [type='radio']+label {
display:inline-block;
vertical-align:baseline;
margin-left:.5rem;
margin-right:1rem;
margin-bottom:0
}
[type='checkbox']+label[for], [type='radio']+label[for] {
cursor:pointer
}
label>[type='checkbox'], label>[type='radio'] {
margin-right:.5rem
}
[type='file'] {
width:100%
}
label { display: block; margin: 0; font-size:.875rem;
font-weight: normal; line-height: 1.8; color: #0a0a0a }
label.middle { margin: 0 0 1rem; padding:.5625rem 0
}
.help-text {
margin-top:-.5rem;
font-size:.8125rem; font-style: italic; color: #0a0a0a }
.input-group { display: table; width: 100%; margin-bottom: 1rem }
.input-group>:first-child { border-radius: 4px 0 0 4px }
.input-group>:last-child>* { border-radius: 0 4px 4px 0 }
.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle }
.input-group-label { padding: 0 1rem; border: 1px solid #e4e5e7; background: #f7f8fa; color: #0a0a0a; text-align: center; white-space: nowrap; width: 1%; height: 100% }
.input-group-label:first-child { border-right: 0 }
.input-group-label:last-child { border-left: 0 }
.input-group-field { border-radius: 0; height: 2.5rem }
.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; width: 1%; height: 100% }
.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem }
.input-group .input-group-button { display: table-cell }
fieldset { margin: 0; padding: 0; border: 0 }
legend { max-width: 100%; margin-bottom:.5rem
}
.fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #e4e5e7 }
.fieldset legend { margin: 0; margin-left:-.1875rem;
padding:0 .1875rem;
background: #fff }
select { height: 2.4375rem; margin: 0 0 1rem; padding:.5rem;
appearance: none; border: 1px solid #e4e5e7; border-radius: 4px; background-color: #fff; font-family: inherit; font-size: 1rem; line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28119, 119, 119%29'></polygon></svg>"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow .5s, border-color .25s ease-in-out }
@media screen and (min-width:0\0) {
select {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
}
}
select:focus { outline: none; border: 1px solid #777; background-color: #fff; box-shadow: 0 0 5px #e4e5e7; transition: box-shadow .5s, border-color .25s ease-in-out }
select:disabled { background-color: #f7f8fa; cursor: not-allowed }
select::-ms-expand {
display:none
}
select[multiple] { height: auto; background-image: none }
.is-invalid-input:not(:focus) { border-color: #d4452e; background-color: #fbecea }
.is-invalid-input:not(:focus)::placeholder {
color:#d4452e
}
.is-invalid-label { color: #d4452e }
.form-error { display: none; margin-top:-.5rem;
margin-bottom: 1rem; font-size:.75rem;
font-weight: 500; color: #d4452e }
.form-error.is-visible { display: block }
.accordion { margin-left: 0; background: #fff; list-style-type: none }
.accordion-item:first-child>:first-child { border-radius: 4px 4px 0 0 }
.accordion-item:last-child>:last-child { border-radius: 0 0 4px 4px }
.accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e4e5e7; border-bottom: 0; font-size:.75rem;
line-height: 1; color: #313131 }
.accordion-title h2 {
font-size:.9375rem; margin-bottom: 0 }
:last-child:not(.is-active)>.accordion-title { border-bottom: 1px solid #e4e5e7; border-radius: 0 0 4px 4px }
.accordion-title:hover, .accordion-title:focus { background-color: #f7f8fa }
.accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top:-.5rem;
content: '+' }
.is-active>.accordion-title::before { content: '–' }
.accordion-content { display: none; padding: 1rem; border: 1px solid #e4e5e7; border-bottom: 0; background-color: #fff; color: #0a0a0a }
:last-child>.accordion-content:last-child { border-bottom: 1px solid #e4e5e7 }
.is-accordion-submenu-parent>a { position: relative }
.is-accordion-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem }
.is-accordion-submenu-parent[aria-expanded='true']>a::after { transform: rotate(180deg); transform-origin: 50% 50% }
.badge { display: inline-block; min-width: 2.1em; padding: 0 4px; border-radius: 50%; font-size:.6rem;
text-align: center; background: #313131; color: #fff }
.badge.primary { background: #313131; color: #fff }
.badge.secondary { background: #f3f3f3; color: #0a0a0a }
.badge.success { background: #7cb342; color: #0a0a0a }
.badge.warning { background: #ffae00; color: #0a0a0a }
.badge.alert { background: #d4452e; color: #0a0a0a }
.badge.shop { background: #ff6363; color: #0a0a0a }
.badge.brand-ap { background: #ffe869; color: #0a0a0a }
.badge.light { background: #fff; color: #0a0a0a }
.badge.alpha { background: transparent; color: #fff }
.breadcrumbs { margin: 0 0 1rem 0; list-style: none }
.breadcrumbs::before, .breadcrumbs::after { display: table; content: ' ' }
.breadcrumbs::after { clear: both }
.breadcrumbs li { float: left; font-size:.6875rem;
color: #0a0a0a; cursor: default; text-transform: uppercase }
.breadcrumbs li:not(:last-child)::after { position: relative; top: 1px; margin:0 .5rem;
opacity: 1; content: "/"; color: #cacaca }
.breadcrumbs a { color: #313131 }
.breadcrumbs a:hover { text-decoration: underline }
.breadcrumbs .disabled { color: #e4e5e7; cursor: not-allowed }
.button-group { margin-bottom: 1rem; font-size: 0 }
.button-group::before, .button-group::after { display: table; content: ' ' }
.button-group::after { clear: both }
.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size:.8rem
}
.button-group .button:last-child { margin-right: 0 }
.button-group.tiny .button { font-size:.6rem
}
.button-group.small .button { font-size:.8rem
}
.button-group.large .button { font-size:.9rem
}
.button-group.expanded { margin-right: -1px }
.button-group.expanded::before, .button-group.expanded::after { display: none }
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button { display: inline-block; width: calc(50% - 1px); margin-right: 1px }
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child { margin-right: -6px }
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px }
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child { margin-right: -6px }
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button { display: inline-block; width: calc(25% - 1px); margin-right: 1px }
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child { margin-right: -6px }
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button { display: inline-block; width: calc(20% - 1px); margin-right: 1px }
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child { margin-right: -6px }
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px }
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child { margin-right: -6px }
.button-group.primary .button { background-color: #313131; color: #fff }
.button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #2c2c2c; color: #fff }
.button-group.secondary .button { background-color: #f3f3f3; color: #0a0a0a }
.button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #dbdbdb; color: #0a0a0a }
.button-group.success .button { background-color: #7cb342; color: #0a0a0a }
.button-group.success .button:hover, .button-group.success .button:focus { background-color: #70a13b; color: #0a0a0a }
.button-group.warning .button { background-color: #ffae00; color: #0a0a0a }
.button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #e69d00; color: #0a0a0a }
.button-group.alert .button { background-color: #d4452e; color: #0a0a0a }
.button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #c13d28; color: #0a0a0a }
.button-group.shop .button { background-color: #ff6363; color: #0a0a0a }
.button-group.shop .button:hover, .button-group.shop .button:focus { background-color: #ff4040; color: #0a0a0a }
.button-group.brand-ap .button { background-color: #ffe869; color: #0a0a0a }
.button-group.brand-ap .button:hover, .button-group.brand-ap .button:focus { background-color: #ffe245; color: #0a0a0a }
.button-group.light .button { background-color: #fff; color: #0a0a0a }
.button-group.light .button:hover, .button-group.light .button:focus { background-color: #e6e6e6; color: #0a0a0a }
.button-group.alpha .button { background-color: transparent; color: #fff }
.button-group.alpha .button:hover, .button-group.alpha .button:focus { background-color: transparent; color: #fff }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100% }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.button-group.stacked-for-small .button { width: auto; margin-bottom: 0 }
}
@media print, screen and (min-width:64em) {
.button-group.stacked-for-medium .button { width: auto; margin-bottom: 0 }
}
@media screen and (max-width:39.9375em) {
.button-group.stacked-for-small.expanded { display: block }
.button-group.stacked-for-small.expanded .button { display: block; margin-right: 0 }
}
.callout { position: relative; margin: 0 0 1rem 0; padding: 1.5rem; border: 1px solid #e4e5e7; border-radius: 4px; background-color: #fff; color: #0a0a0a }
.callout>:first-child { margin-top: 0 }
.callout>:last-child { margin-bottom: 0 }
.callout.primary { background-color: #e0e0e0; color: #0a0a0a }
.callout.secondary { background-color: #fdfdfd; color: #0a0a0a }
.callout.success { background-color: #ebf4e2; color: #0a0a0a }
.callout.warning { background-color: #fff3d9; color: #0a0a0a }
.callout.alert { background-color: #f9e3e0; color: #0a0a0a }
.callout.shop { background-color: #ffe8e8; color: #0a0a0a }
.callout.brand-ap { background-color: #fffce9; color: #0a0a0a }
.callout.light { background-color: #fff; color: #0a0a0a }
.callout.alpha { background-color: rgba(217,217,217,0); color: #0a0a0a }
.callout.small { padding-top:.5rem;
padding-right:.5rem;
padding-bottom:.5rem;
padding-left:.5rem
}
.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem }
.card { margin-bottom: 1rem; border: 1px solid #e4e5e7; border-radius: 4px; background: #fff; box-shadow: none; overflow: hidden; color: #0a0a0a }
.card>:last-child { margin-bottom: 0 }
.card-divider { padding: 1rem; background: #f7f8fa }
.card-divider>:last-child { margin-bottom: 0 }
.card-section { padding: 1rem }
.card-section>:last-child { margin-bottom: 0 }
.close-button { position: absolute; color: #777; cursor: pointer }
[data-whatinput='mouse'] .close-button { outline: 0 }
.close-button:hover, .close-button:focus { color: #0a0a0a }
.close-button.small {
right:.66rem; top: .33em; font-size: 1.5em; line-height: 1 }
.close-button, .close-button.medium { right: 1rem; top:.5rem;
font-size: 2em; line-height: 1 }
.menu { margin: 0; list-style-type: none }
.menu>li { display: table-cell; vertical-align: middle }
[data-whatinput='mouse'] .menu>li { outline: 0 }
.menu>li>a { display: block; padding:.7rem 1rem;
line-height: 1 }
.menu input, .menu select, .menu a, .menu button { margin-bottom: 0 }
.menu>li>a img, .menu>li>a i, .menu>li>a svg { vertical-align: middle }
.menu>li>a img+span, .menu>li>a i+span, .menu>li>a svg+span { vertical-align: middle }
.menu>li>a img, .menu>li>a i, .menu>li>a svg {
margin-right:.25rem; display: inline-block }
.menu>li, .menu.horizontal>li { display: table-cell }
.menu.expanded { display: table; width: 100%; table-layout: fixed }
.menu.expanded>li:first-child:last-child { width: 100% }
.menu.vertical>li { display: block }
@media print, screen and (min-width:40em) {
.menu.medium-horizontal>li { display: table-cell }
.menu.medium-expanded { display: table; width: 100%; table-layout: fixed }
.menu.medium-expanded>li:first-child:last-child { width: 100% }
.menu.medium-vertical>li { display: block }
}
@media print, screen and (min-width:64em) {
.menu.large-horizontal>li { display: table-cell }
.menu.large-expanded { display: table; width: 100%; table-layout: fixed }
.menu.large-expanded>li:first-child:last-child { width: 100% }
.menu.large-vertical>li { display: block }
}
@media screen and (min-width:80em) {
.menu.xlarge-horizontal>li { display: table-cell }
.menu.xlarge-expanded { display: table; width: 100%; table-layout: fixed }
.menu.xlarge-expanded>li:first-child:last-child { width: 100% }
.menu.xlarge-vertical>li { display: block }
}
@media screen and (min-width:118.75em) {
.menu.xxlarge-horizontal>li { display: table-cell }
.menu.xxlarge-expanded { display: table; width: 100%; table-layout: fixed }
.menu.xxlarge-expanded>li:first-child:last-child { width: 100% }
.menu.xxlarge-vertical>li { display: block }
}
.menu.simple li { display: inline-block; margin-right: 1rem; line-height: 1 }
.menu.simple a { padding: 0 }
.menu.align-right::before, .menu.align-right::after { display: table; content: ' ' }
.menu.align-right::after { clear: both }
.menu.align-right>li { float: right }
.menu.icon-top>li>a { text-align: center }
.menu.icon-top>li>a img, .menu.icon-top>li>a i, .menu.icon-top>li>a svg { display: block; margin:0 auto .25rem
}
.menu.icon-top.vertical a>span { margin: auto }
.menu.nested { margin-left: 1rem }
.menu .active>a { background: #313131; color: #fff }
.menu.menu-bordered li { border: 1px solid #f7f8fa }
.menu.menu-bordered li:not(:first-child) { border-top: 0 }
.menu.menu-hover li:hover { background-color: #f7f8fa }
.menu-text { padding-top: 0; padding-bottom: 0; padding:.7rem 1rem;
font-weight: bold; line-height: 1; color: inherit }
.menu-centered { text-align: center }
.menu-centered>.menu { display: inline-block }
.no-js [data-responsive-menu] ul { display: none }
.menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer }
.menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; content: '' }
.menu-icon:hover::after { background: #e4e5e7; box-shadow: 0 7px 0 #e4e5e7, 0 14px 0 #e4e5e7 }
.menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer }
.menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: '' }
.menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a }
.is-drilldown { position: relative; overflow: hidden }
.is-drilldown li { display: block }
.is-drilldown.animate-height { transition: height .5s }
.is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fff; transition: transform .15s linear }
.is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%) }
.is-drilldown-submenu.is-closing { transform: translateX(100%) }
.drilldown-submenu-cover-previous { min-height: 100% }
.is-drilldown-submenu-parent>a { position: relative }
.is-drilldown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131; position: absolute; top: 50%; margin-top: -6px; right: 1rem }
.js-drilldown-back>a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right:.75rem;
border-left-width: 0 }
.dropdown-pane { position: absolute; z-index: 10; display: block; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #d7d8d9; border-radius: 4px; background-color: #fff; font-size: 1rem }
.dropdown-pane.is-open { visibility: visible }
.dropdown-pane.tiny { width: 100px }
.dropdown-pane.small { width: 200px }
.dropdown-pane.large { width: 400px }
.dropdown.menu>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto }
.dropdown.menu>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 }
.dropdown.menu>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem }
.dropdown.menu>li.is-dropdown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; right: 5px; margin-top: -3px }
[data-whatinput='mouse'] .dropdown.menu a { outline: 0 }
.no-js .dropdown.menu ul { display: none }
.dropdown.menu.vertical>li .is-dropdown-submenu { top: 0 }
.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.dropdown.menu.vertical>li>a::after { right: 14px }
.dropdown.menu.vertical>li.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.dropdown.menu.vertical>li.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
@media print, screen and (min-width:40em) {
.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto }
.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 }
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem }
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; right: 5px; margin-top: -3px }
.dropdown.menu.medium-vertical>li .is-dropdown-submenu { top: 0 }
.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.dropdown.menu.medium-vertical>li>a::after { right: 14px }
.dropdown.menu.medium-vertical>li.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.dropdown.menu.medium-vertical>li.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
}
@media print, screen and (min-width:64em) {
.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto }
.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 }
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem }
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; right: 5px; margin-top: -3px }
.dropdown.menu.large-vertical>li .is-dropdown-submenu { top: 0 }
.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.dropdown.menu.large-vertical>li>a::after { right: 14px }
.dropdown.menu.large-vertical>li.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.dropdown.menu.large-vertical>li.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
}
@media screen and (min-width:80em) {
.dropdown.menu.xlarge-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto }
.dropdown.menu.xlarge-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 }
.dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem }
.dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; right: 5px; margin-top: -3px }
.dropdown.menu.xlarge-vertical>li .is-dropdown-submenu { top: 0 }
.dropdown.menu.xlarge-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.dropdown.menu.xlarge-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.dropdown.menu.xlarge-vertical>li>a::after { right: 14px }
.dropdown.menu.xlarge-vertical>li.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.dropdown.menu.xlarge-vertical>li.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
}
@media screen and (min-width:118.75em) {
.dropdown.menu.xxlarge-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto }
.dropdown.menu.xxlarge-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 }
.dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem }
.dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #313131 transparent transparent; right: 5px; margin-top: -3px }
.dropdown.menu.xxlarge-vertical>li .is-dropdown-submenu { top: 0 }
.dropdown.menu.xxlarge-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.dropdown.menu.xxlarge-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.dropdown.menu.xxlarge-vertical>li>a::after { right: 14px }
.dropdown.menu.xxlarge-vertical>li.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.dropdown.menu.xxlarge-vertical>li.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto }
.is-dropdown-menu.vertical { width: 100px }
.is-dropdown-menu.vertical.align-right { float: right }
.is-dropdown-submenu-parent { position: relative }
.is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -6px }
.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu { top: 100%; left: auto }
.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu { right: 100%; left: auto }
.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu { right: auto; left: 100% }
.is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #e4e5e7; background: #fff }
.is-dropdown-submenu .is-dropdown-submenu-parent>a::after { right: 14px }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #313131 transparent transparent }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #313131 }
.is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px }
.is-dropdown-submenu>li { width: 100% }
.is-dropdown-submenu.js-dropdown-active { display: block }
.responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden }
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25% }
.label { display: inline-block; padding:.33333rem .5rem;
border-radius: 4px; font-size:.8rem;
line-height: 1; white-space: nowrap; cursor: default; background: #313131; color: #fff }
.label.primary { background: #313131; color: #fff }
.label.secondary { background: #f3f3f3; color: #0a0a0a }
.label.success { background: #7cb342; color: #0a0a0a }
.label.warning { background: #ffae00; color: #0a0a0a }
.label.alert { background: #d4452e; color: #0a0a0a }
.label.shop { background: #ff6363; color: #0a0a0a }
.label.brand-ap { background: #ffe869; color: #0a0a0a }
.label.light { background: #fff; color: #0a0a0a }
.label.alpha { background: transparent; color: #fff }
.media-object { display: block; margin-bottom: 1rem }
.media-object img { max-width: none }
@media screen and (max-width:39.9375em) {
.media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block }
.media-object.stack-for-small .media-object-section img { width: 100% }
}
.media-object-section { display: table-cell; vertical-align: top }
.media-object-section:first-child { padding-right: 1rem }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left:1rem
}
.media-object-section>:last-child { margin-bottom: 0 }
.media-object-section.middle { vertical-align: middle }
.media-object-section.bottom { vertical-align: bottom }
.is-off-canvas-open { overflow: hidden }
.js-off-canvas-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .5s ease, visibility .5s ease; background: rgba(255,255,255,.25); opacity: 0; visibility: hidden; overflow: hidden }
.js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible }
.js-off-canvas-overlay.is-closable { cursor: pointer }
.js-off-canvas-overlay.is-overlay-absolute { position: absolute }
.js-off-canvas-overlay.is-overlay-fixed { position: fixed }
.off-canvas-wrapper { position: relative; overflow: hidden }
.off-canvas { position: fixed; z-index: 12; transition: transform .5s ease; backface-visibility: hidden; background: #fff }
[data-whatinput='mouse'] .off-canvas { outline: 0 }
.off-canvas.is-transition-overlap { z-index: 13 }
.off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10,10,10,.2) }
.off-canvas.is-open { transform: translate(0, 0) }
.off-canvas-absolute { position: absolute; z-index: 12; transition: transform .5s ease; backface-visibility: hidden; background: #fff }
[data-whatinput='mouse'] .off-canvas-absolute { outline: 0 }
.off-canvas-absolute.is-transition-overlap { z-index: 13 }
.off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10,10,10,.2) }
.off-canvas-absolute.is-open { transform: translate(0, 0) }
.position-left { top: 0; left: 0; width: 250px; height: 100%; transform: translateX(-250px); overflow-y: auto }
.position-left.is-open~.off-canvas-content { transform: translateX(250px) }
.position-left.is-transition-push::after { position: absolute; top: 0; right: 0; height: 100%; width: 1px; box-shadow: 0 0 10px rgba(10,10,10,.2); content: " " }
.position-left.is-transition-overlap.is-open~.off-canvas-content { transform: none }
.position-right { top: 0; right: 0; width: 250px; height: 100%; transform: translateX(250px); overflow-y: auto }
.position-right.is-open~.off-canvas-content { transform: translateX(-250px) }
.position-right.is-transition-push::after { position: absolute; top: 0; left: 0; height: 100%; width: 1px; box-shadow: 0 0 10px rgba(10,10,10,.2); content: " " }
.position-right.is-transition-overlap.is-open~.off-canvas-content { transform: none }
.position-top { top: 0; left: 0; width: 100%; height: 250px; transform: translateY(-250px); overflow-x: auto }
.position-top.is-open~.off-canvas-content { transform: translateY(250px) }
.position-top.is-transition-push::after { position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; box-shadow: 0 0 10px rgba(10,10,10,.2); content: " " }
.position-top.is-transition-overlap.is-open~.off-canvas-content { transform: none }
.position-bottom { bottom: 0; left: 0; width: 100%; height: 250px; transform: translateY(250px); overflow-x: auto }
.position-bottom.is-open~.off-canvas-content { transform: translateY(-250px) }
.position-bottom.is-transition-push::after { position: absolute; top: 0; left: 0; height: 1px; width: 100%; box-shadow: 0 0 10px rgba(10,10,10,.2); content: " " }
.position-bottom.is-transition-overlap.is-open~.off-canvas-content { transform: none }
.off-canvas-content { transition: transform .5s ease; backface-visibility: hidden }
@media print, screen and (min-width:40em) {
.position-left.reveal-for-medium { transform: none; z-index: 12 }
.position-left.reveal-for-medium~.off-canvas-content { margin-left: 250px }
.position-right.reveal-for-medium { transform: none; z-index: 12 }
.position-right.reveal-for-medium~.off-canvas-content { margin-right: 250px }
.position-top.reveal-for-medium { transform: none; z-index: 12 }
.position-top.reveal-for-medium~.off-canvas-content { margin-top: 250px }
.position-bottom.reveal-for-medium { transform: none; z-index: 12 }
.position-bottom.reveal-for-medium~.off-canvas-content { margin-bottom: 250px }
}
@media print, screen and (min-width:64em) {
.position-left.reveal-for-large { transform: none; z-index: 12 }
.position-left.reveal-for-large~.off-canvas-content { margin-left: 250px }
.position-right.reveal-for-large { transform: none; z-index: 12 }
.position-right.reveal-for-large~.off-canvas-content { margin-right: 250px }
.position-top.reveal-for-large { transform: none; z-index: 12 }
.position-top.reveal-for-large~.off-canvas-content { margin-top: 250px }
.position-bottom.reveal-for-large { transform: none; z-index: 12 }
.position-bottom.reveal-for-large~.off-canvas-content { margin-bottom: 250px }
}
@media screen and (min-width:80em) {
.position-left.reveal-for-xlarge { transform: none; z-index: 12 }
.position-left.reveal-for-xlarge~.off-canvas-content { margin-left: 250px }
.position-right.reveal-for-xlarge { transform: none; z-index: 12 }
.position-right.reveal-for-xlarge~.off-canvas-content { margin-right: 250px }
.position-top.reveal-for-xlarge { transform: none; z-index: 12 }
.position-top.reveal-for-xlarge~.off-canvas-content { margin-top: 250px }
.position-bottom.reveal-for-xlarge { transform: none; z-index: 12 }
.position-bottom.reveal-for-xlarge~.off-canvas-content { margin-bottom: 250px }
}
@media screen and (min-width:118.75em) {
.position-left.reveal-for-xxlarge { transform: none; z-index: 12 }
.position-left.reveal-for-xxlarge~.off-canvas-content { margin-left: 250px }
.position-right.reveal-for-xxlarge { transform: none; z-index: 12 }
.position-right.reveal-for-xxlarge~.off-canvas-content { margin-right: 250px }
.position-top.reveal-for-xxlarge { transform: none; z-index: 12 }
.position-top.reveal-for-xxlarge~.off-canvas-content { margin-top: 250px }
.position-bottom.reveal-for-xxlarge { transform: none; z-index: 12 }
.position-bottom.reveal-for-xxlarge~.off-canvas-content { margin-bottom: 250px }
}
.pagination { margin-left: 0; margin-bottom: 1rem }
.pagination::before, .pagination::after { display: table; content: ' ' }
.pagination::after { clear: both }
.pagination li {
margin-right:.0625rem; border-radius: 4px; font-size:.875rem;
display: none }
.pagination li:last-child, .pagination li:first-child { display: inline-block }
@media print, screen and (min-width:40em) {
.pagination li { display: inline-block }
}
.pagination a, .pagination button { display: block; padding:.1875rem .625rem;
border-radius: 4px; color: #0a0a0a }
.pagination a:hover, .pagination button:hover { background: #f7f8fa }
.pagination .current {
padding:.1875rem .625rem; background: #313131; color: #fff; cursor: default }
.pagination .disabled {
padding:.1875rem .625rem; color: #e4e5e7; cursor: not-allowed }
.pagination .disabled:hover { background: transparent }
.pagination .ellipsis::after {
padding:.1875rem .625rem; content: '…'; color: #0a0a0a }
.pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right:.5rem;
content: '«' }
.pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left:.5rem;
content: '»' }
.slider { position: relative; height:.5rem;
margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #f7f8fa; cursor: pointer; user-select: none; touch-action: none }
.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height:.5rem;
background-color: #e4e5e7; transition: all .2s ease-in-out }
.slider-fill.is-dragging { transition: all 0s linear }
.slider-handle { position: absolute; top: 50%; transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 4px; background-color: #313131; transition: all .2s ease-in-out; touch-action: manipulation }
[data-whatinput='mouse'] .slider-handle { outline: 0 }
.slider-handle:hover { background-color: #2a2a2a }
.slider-handle.is-dragging { transition: all 0s linear }
.slider.disabled, .slider[disabled] { opacity: .25; cursor: not-allowed }
.slider.vertical { display: inline-block; width:.5rem;
height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1) }
.slider.vertical .slider-fill { top: 0; width:.5rem;
max-height: 100% }
.slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%) }
.sticky-container { position: relative }
.sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0) }
.sticky.is-stuck { position: fixed; z-index: 5 }
.sticky.is-stuck.is-at-top { top: 0 }
.sticky.is-stuck.is-at-bottom { bottom: 0 }
.sticky.is-anchored { position: relative; right: auto; left: auto }
.sticky.is-anchored.is-at-bottom { bottom: 0 }
body.is-reveal-open { overflow: hidden }
html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; user-select: none }
.reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10,10,10,.45); overflow-y: scroll }
.reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 0; border: none; border-radius: 4px; background-color: #fff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto }
[data-whatinput='mouse'] .reveal { outline: 0 }
@media print, screen and (min-width:40em) {
.reveal { min-height: 0 }
}
.reveal .column, .reveal .columns { min-width: 0 }
.reveal>:last-child { margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.reveal { width: 600px; max-width: 80rem }
}
@media print, screen and (min-width:40em) {
.reveal .reveal { right: auto; left: auto; margin: 0 auto }
}
.reveal.collapse { padding: 0 }
@media print, screen and (min-width:40em) {
.reveal.tiny { width: 30%; max-width: 80rem }
}
@media print, screen and (min-width:40em) {
.reveal.small { width: 50%; max-width: 80rem }
}
@media print, screen and (min-width:40em) {
.reveal.large { width: 90%; max-width: 80rem }
}
.reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0 }
@media screen and (max-width:39.9375em) {
.reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0 }
}
.reveal.without-overlay { position: fixed }
table { width: 100%; margin-bottom: 1rem; border-radius: 4px }
thead, tbody, tfoot { border: 1px solid #f2f2f2; background-color: #fff }
caption {
padding:.5rem .625rem .625rem; font-weight: 500 }
thead { background: #f9f9f9; color: #0a0a0a }
tfoot { background: #f2f2f2; color: #0a0a0a }
thead tr, tfoot tr { background: transparent }
thead th, thead td, tfoot th, tfoot td {
padding:.5rem .625rem .625rem; font-weight: 500; text-align: left }
tbody th, tbody td { padding:.5rem .625rem .625rem
}
tbody tr:nth-child(even) { border-bottom: 0; background-color: #f2f2f2 }
table.unstriped tbody { background-color: #fff }
table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f2f2f2; background-color: #fff }
@media screen and (max-width:63.9375em) {
table.stack thead { display: none }
table.stack tfoot { display: none }
table.stack tr, table.stack th, table.stack td { display: block }
table.stack td { border-top: 0 }
}
table.scroll { display: block; width: 100%; overflow-x: auto }
table.hover thead tr:hover { background-color: #f4f4f4 }
table.hover tfoot tr:hover { background-color: #ededed }
table.hover tbody tr:hover { background-color: #fafafa }
table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ededed }
.table-scroll { overflow-x: auto }
.table-scroll table { width: auto }
.tabs { margin: 0; border: 1px solid none; background: transparent; list-style-type: none }
.tabs::before, .tabs::after { display: table; content: ' ' }
.tabs::after { clear: both }
.tabs.vertical>li { display: block; float: none; width: auto }
.tabs.simple>li>a { padding: 0 }
.tabs.simple>li>a:hover { background: transparent }
.tabs.primary { background: #313131 }
.tabs.primary>li>a { color: #fff }
.tabs.primary>li>a:hover, .tabs.primary>li>a:focus { background: #3b3b3b }
.tabs-title { float: left }
.tabs-title>a { display: block; padding: 1rem 1rem; font-size: 1rem; line-height: 1; color: #0a0a0a }
.tabs-title>a:hover { background: #f7f8fa; color: #090909 }
.tabs-title>a:focus, .tabs-title>a[aria-selected='true'] { background: #fff; color: #313131 }
.tabs-content { border: 1px solid none; border-top: 0; background: #fff; color: #0a0a0a; transition: all .5s ease }
.tabs-content.vertical { border: 1px solid none; border-left: 0 }
.tabs-panel { display: none; padding: 1rem }
.tabs-panel[aria-hidden="false"] { display: block }
.thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 1px #e4e5e7; border-radius: 4px; box-shadow: none; line-height: 0 }
a.thumbnail { transition: none }
a.thumbnail:hover, a.thumbnail:focus { box-shadow: none }
a.thumbnail image { box-shadow: none }
.title-bar {
padding:.5rem; background: #0a0a0a; color: #fff }
.title-bar::before, .title-bar::after { display: table; content: ' ' }
.title-bar::after { clear: both }
.title-bar .menu-icon { margin-left:.25rem;
margin-right:.25rem
}
.title-bar-left { float: left }
.title-bar-right { float: right; text-align: right }
.title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold }
.has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #777; font-weight: 500; cursor: help }
.tooltip { position: absolute; top:calc(100% + .6495rem);
z-index: 1200; max-width: 10rem; padding:.75rem;
border-radius: 4px; background-color: #0a0a0a; font-size: 80%; color: #fff }
.tooltip::before { display: block; width: 0; height: 0; border:inset .75rem;
content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) }
.tooltip.top::before { display: block; width: 0; height: 0; border:inset .75rem;
content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto }
.tooltip.left::before { display: block; width: 0; height: 0; border:inset .75rem;
content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; top: 50%; bottom: auto; left: 100%; transform: translateY(-50%) }
.tooltip.right::before { display: block; width: 0; height: 0; border:inset .75rem;
content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; top: 50%; right: 100%; bottom: auto; left: auto; transform: translateY(-50%) }
.top-bar { padding: 1rem 0 }
.top-bar::before, .top-bar::after { display: table; content: ' ' }
.top-bar::after { clear: both }
.top-bar, .top-bar ul { background-color: transparent }
.top-bar input { max-width: 200px; margin-right: 1rem }
.top-bar .input-group-field { width: 100%; margin-right: 0 }
.top-bar input.button { width: auto }
.top-bar .top-bar-left, .top-bar .top-bar-right { width: 100% }
@media print, screen and (min-width:40em) {
.top-bar .top-bar-left, .top-bar .top-bar-right { width: auto }
}
@media screen and (max-width:63.9375em) {
.top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100% }
}
@media screen and (max-width:79.9375em) {
.top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100% }
}
@media screen and (max-width:118.6875em) {
.top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { width: 100% }
}
.top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right { width: 100% }
.top-bar-title { display: inline-block; float: left; padding:.5rem 1rem .5rem 0
}
.top-bar-title .menu-icon { bottom: 2px }
.top-bar-left { float: left }
.top-bar-right { float: right }
.hide { display: none !important }
.invisible { visibility: hidden }
@media screen and (max-width:39.9375em) {
.hide-for-small-only { display: none !important }
}
@media screen and (max-width:0), screen and (min-width:40em) {
.show-for-small-only { display: none !important }
}
@media print, screen and (min-width:40em) {
.hide-for-medium { display: none !important }
}
@media screen and (max-width:39.9375em) {
.show-for-medium { display: none !important }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.hide-for-medium-only { display: none !important }
}
@media screen and (max-width:39.9375em), screen and (min-width:64em) {
.show-for-medium-only { display: none !important }
}
@media print, screen and (min-width:64em) {
.hide-for-large { display: none !important }
}
@media screen and (max-width:63.9375em) {
.show-for-large { display: none !important }
}
@media screen and (min-width:64em) and (max-width:79.9375em) {
.hide-for-large-only { display: none !important }
}
@media screen and (max-width:63.9375em), screen and (min-width:80em) {
.show-for-large-only { display: none !important }
}
@media screen and (min-width:80em) {
.hide-for-xlarge { display: none !important }
}
@media screen and (max-width:79.9375em) {
.show-for-xlarge { display: none !important }
}
@media screen and (min-width:80em) and (max-width:118.6875em) {
.hide-for-xlarge-only { display: none !important }
}
@media screen and (max-width:79.9375em), screen and (min-width:118.75em) {
.show-for-xlarge-only { display: none !important }
}
@media screen and (min-width:118.75em) {
.hide-for-xxlarge { display: none !important }
}
@media screen and (max-width:118.6875em) {
.show-for-xxlarge { display: none !important }
}
@media screen and (min-width:118.75em) {
.hide-for-xxlarge-only { display: none !important }
}
@media screen and (max-width:118.6875em) {
.show-for-xxlarge-only { display: none !important }
}
.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0) }
.show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto }
.show-for-landscape, .hide-for-portrait { display: block !important }
@media screen and (orientation:landscape) {
.show-for-landscape, .hide-for-portrait { display: block !important }
}
@media screen and (orientation:portrait) {
.show-for-landscape, .hide-for-portrait { display: none !important }
}
.hide-for-landscape, .show-for-portrait { display: none !important }
@media screen and (orientation:landscape) {
.hide-for-landscape, .show-for-portrait { display: none !important }
}
@media screen and (orientation:portrait) {
.hide-for-landscape, .show-for-portrait { display: block !important }
}
.float-left { float: left !important }
.float-right { float: right !important }
.float-center { display: block; margin-right: auto; margin-left: auto }
.clearfix::before, .clearfix::after { display: table; content: ' ' }
.clearfix::after { clear: both }
.align-right { justify-content: flex-end }
.align-center { justify-content: center }
.align-justify { justify-content: space-between }
.align-spaced { justify-content: space-around }
.align-top { align-items: flex-start }
.align-self-top { align-self: flex-start }
.align-bottom { align-items: flex-end }
.align-self-bottom { align-self: flex-end }
.align-middle { align-items: center }
.align-self-middle { align-self: center }
.align-stretch { align-items: stretch }
.align-self-stretch { align-self: stretch }
.small-order-1 { order: 1 }
.small-order-2 { order: 2 }
.small-order-3 { order: 3 }
.small-order-4 { order: 4 }
.small-order-5 { order: 5 }
.small-order-6 { order: 6 }
@media print, screen and (min-width:40em) {
.medium-order-1 { order: 1 }
.medium-order-2 { order: 2 }
.medium-order-3 { order: 3 }
.medium-order-4 { order: 4 }
.medium-order-5 { order: 5 }
.medium-order-6 { order: 6 }
}
@media print, screen and (min-width:64em) {
.large-order-1 { order: 1 }
.large-order-2 { order: 2 }
.large-order-3 { order: 3 }
.large-order-4 { order: 4 }
.large-order-5 { order: 5 }
.large-order-6 { order: 6 }
}
@media screen and (min-width:80em) {
.xlarge-order-1 { order: 1 }
.xlarge-order-2 { order: 2 }
.xlarge-order-3 { order: 3 }
.xlarge-order-4 { order: 4 }
.xlarge-order-5 { order: 5 }
.xlarge-order-6 { order: 6 }
}
@media screen and (min-width:118.75em) {
.xxlarge-order-1 { order: 1 }
.xxlarge-order-2 { order: 2 }
.xxlarge-order-3 { order: 3 }
.xxlarge-order-4 { order: 4 }
.xxlarge-order-5 { order: 5 }
.xxlarge-order-6 { order: 6 }
}
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height 500ms ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../lib/owl-carousel2/dist/assets/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #fff; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display:inline
}
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
@charset "UTF-8";
.filter section::-webkit-scrollbar-track {
background-color:#f5f5f5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.filter section::-webkit-scrollbar-thumb {
background-color:#c1c1c1;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.filter section::-webkit-scrollbar {
width:12px;
background-color:#f5f5f5
}
@media screen and (max-width:63.9375em) {
.owl-carousel.owl-freescroll .owl-stage-outer { overflow-x: scroll; -webkit-overflow-scrolling: touch }
.owl-carousel.owl-freescroll .owl-stage-outer .owl-item { touch-action: auto !important }
.owl-carousel.owl-freescroll .owl-nav { display: none }
}
body { letter-spacing: .2px; height: auto }
figure, figcaption, section, aside, article { margin: 0; padding: 0 }
.column-block { margin-bottom: 1.25rem }
.column-block>:last-child { margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.column-block { margin-bottom: 1.875rem }
.column-block>:last-child { margin-bottom: 0 }
}
.hidden { overflow-y: hidden }
.border-0 { border: 0 }
.border-left { position: relative }
.border-left:before { content: ""; display: block; width: 1px; height: 100%; background: #e4e5e7; position: absolute; left: -16px; top: 0 }
.border-left-this { position: absolute; content: ""; display: none; width: 1px; height: 500%; background: #e4e5e7; right: 0; margin-right: 33.33333%; top: 0 }
@media print, screen and (min-width:64em) {
.border-left-this { display: block }
}
.border-bottom { border-bottom: 1px solid #e4e5e7 }
.padding-bottom-2 { padding-bottom: 3rem }
.padding-bottom-1 { padding-bottom: 1rem }
.padding-bottom { padding-bottom: 2rem }
.padding-top-1 { padding-top: 1rem }
.padding-top { padding-top: 2rem }
.padding-top-2 { padding-top: 3rem }
.margin-top-1 { margin-top: 1rem }
.margin-top-2 { margin-top: 2rem }
.margin-top-3 { margin-top: 3rem }
.margin-bottom-1 { margin-bottom: 1rem }
.margin-bottom-2 { margin-bottom: 2rem }
.margin-bottom-3 { margin-bottom: 3rem }
.pos-relative { position: relative }
.gm-style-cc { display: none }
.ng-cloak { display: none }
.table { display: table; width: 100% }
.table-cell { display: table-cell }
.table-cell.top { vertical-align: top }
.table-cell.middle { vertical-align: middle }
.vertical-top { vertical-align: top }
@media screen and (max-width:39.9375em) {
.small-text-center { text-align: center }
}
.align-items-center { display: flex; align-content: center }
.hover-underline:hover { text-decoration: underline }
.box-hover-shadow { -webkit-transition: box-shadow .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: box-shadow .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: box-shadow .2s cubic-bezier(.19, .26, .17, .99); transition: box-shadow .2s cubic-bezier(.19, .26, .17, .99) }
.box-hover-shadow:hover { -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.2); -moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.2); box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.2) }
.slide-up-icon { position: fixed; width: 70px; height: 70px; bottom: 50px; right: 5%; display: block; text-align: center; background: #fff; border: 1px solid #e4e5e7; line-height: 50px; transition: opacity .5s; z-index: 5; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1) }
@media screen and (max-width:39.9375em) {
.slide-up-icon { bottom: 65px; width: 50px; height: 50px; line-height: 34px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px }
}
.slide-up-icon .icon-large { fill: #777 }
@media screen and (max-width:39.9375em) {
.slide-up-icon .icon-large { width: 1.2em !important; height: 1.2em !important }
}
.slide-up-icon:hover { cursor: pointer; background: #f7f8fa }
.slide-up-icon:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
@media screen and (max-width:39.9375em) {
.is-reveal-open { width: 100%; position: fixed }
}
html.is-reveal-open, html.is-reveal-open body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.reveal-overlay { -webkit-overflow-scrolling: touch }
@media screen and (max-width:39.9375em) {
.is-select-open { overflow: hidden; width: 100%; position: fixed }
}
hr.bordered { border-top: 1px solid #e4e5e7; margin: 1rem 0 }
.reveal.full { top: 0 !important }
@media screen and (max-width:39.9375em) {
.zopim { z-index: 999 !important }
}
input::-webkit-input-placeholder {
color:#777
}
input::-moz-placeholder {
color:#777
}
input:-moz-placeholder {
color:#777
}
input:-ms-input-placeholder {
color:#777
}
@media screen and (max-width:39.9375em) {
.grid-small-collapse { padding: 0 !important }
.grid-small-collapse .grid-padding-x { margin: 0 !important }
.grid-small-collapse .cell { padding: 0 !important }
}
.heading-title { margin: 0 0 1rem }
@media print, screen and (min-width:40em) {
.heading-title { margin: 2rem 0 }
}
.heading-title-carousel { margin: 0 0 1rem }
@media print, screen and (min-width:40em) {
.heading-title-carousel { margin: 2rem }
}
.heading-title h1, .heading-title-carousel h1 { font-size: 1.375rem; margin-bottom: 0 }
.heading-title h1 span, .heading-title-carousel h1 span { font-weight: 300 }
.heading-title h3, .heading-title h4, .heading-title h5, .heading-title-carousel h3, .heading-title-carousel h4, .heading-title-carousel h5 { margin: 0 }
.serif.heading-title h3, .serif.heading-title h4, .serif.heading-title h5, .serif.heading-title-carousel h3, .serif.heading-title-carousel h4, .serif.heading-title-carousel h5 { font-family: "Noto Serif" }
.heading-title h3 span, .heading-title h4 span, .heading-title h5 span, .heading-title-carousel h3 span, .heading-title-carousel h4 span, .heading-title-carousel h5 span { font-weight: 300 }
.heading-title .heading-description, .heading-title-carousel .heading-description { font-size: 1.05rem; font-weight: 300; color: #777 }
@media print, screen and (min-width:40em) {
.heading-title .heading-description, .heading-title-carousel .heading-description { font-size: 1.25rem }
}
.title-large { font-size: 1.625rem }
.small-p { font-size:.8125rem
}
.small-p.grey { color: #777 }
.mini-title { display: block; font-size:.75rem;
margin-bottom: 1rem; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: #777 }
.title-spot { position: relative; font-family: "Noto Serif"; font-weight: 700 }
.text-evidence { font-weight: 500; font-size: 1.3rem }
.title-product-page { font-size: 1.375rem; margin-bottom:.5rem;
line-height: 1.4; font-weight: 500 }
@media screen and (max-width:63.9375em) {
.title-product-page { font-size: 1.125rem; font-weight: 500 }
}
.title-product-page>span { display: block; margin-bottom:.1rem;
letter-spacing: 0; font-weight: 400 }
.title-product-page>span a { color: #0a0a0a }
@media screen and (max-width:63.9375em) {
.title-product-page>span { font-size: 1rem; font-weight: 400 }
}
.text-description {
font-size:.8rem; color: #777 }
.title-smart {
font-size:.8rem; text-transform: uppercase; font-weight: 500 }
.text-call {
font-size:.8rem; color: #ff6363; font-weight: 500; text-transform: uppercase; margin-top:.3rem
}
.title-spot.big { font-size: 1.375rem }
.title-spot.small { font-size: 1.125rem }
@media print, screen and (min-width:40em) {
.title-spot.big { font-size: 3.125rem }
.title-spot.small { font-size: 1.5rem }
}
.text-error-small {
font-size:.7rem; color: #d4452e; position: absolute; bottom: 42px; left: 0 }
.extra-info-code { font-size: 13px; line-height: 18px; margin-bottom: 28px }
.extra-info-code svg { max-height: 20px !important; max-width: 15px !important }
.extra-info-gps { background: #fff; color: #313131; text-align: center; margin-bottom: 28px; font-size: 13px; font-weight: 500; margin-top: 24px; padding-top: 9px !important; padding-bottom: 8px !important }
.extra-info-gps svg { padding: 1px; max-width: 1.125rem; max-height: 1.125rem; vertical-align: text-top; fill: #313131 }
.nowrap { white-space: nowrap }
@media print, screen and (min-width:1900px) {
.fullsize .grid-container { max-width: 100rem }
}
.filter { margin-top: 2rem }
@media screen and (max-width:63.9375em) {
.filter { margin-top: 0 }
}
.filter .accordion-item { border-bottom: 1px solid #e4e5e7 }
.filter .accordion-item.is-active .accordion-title, .filter .accordion-item:hover .accordion-title { background-color: #f7f8fa }
.filter .accordion-item:last-child .accordion-title { border: none }
.filter .accordion-item:last-child .accordion-content { border: none }
.filter>.radio-listitem { margin: 0 1rem; padding: 1rem 0; display: block }
.filter .accordion-title { font-size: 1.1375rem; font-weight: 500; letter-spacing: .2px; border: none; padding: 1rem 2rem 1rem 1rem; margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.filter .accordion-title { font-size:.9375rem
}
}
@media screen and (max-width:63.9375em) {
.filter .accordion-title { padding: 1.2rem 2rem 1.2rem 1rem }
}
.filter .accordion-title h2 {
font-size:.9375rem; padding: 0 }
@media screen and (max-width:63.9375em) {
.filter .accordion-title h2 { font-size: .8em }
}
.filter .accordion-title:hover, .filter .accordion-title:focus { background: transparent }
.filter .accordion-title::before { content: ''; top: 1.9rem; font-size: 1.4rem; line-height:.7rem;
background-image: url("/images/carret-right.svg"); background-repeat: no-repeat; background-size: 100%; width: 7px; height: 13px }
.filter .categories-view { max-height: none }
.filter .categories-view a { padding:.2rem 0
}
.filter .accordion-content { border: none; padding: 1rem 1rem 1.3rem 1rem; background-color: transparent }
.filter input { border: 1px solid #d7d8d9; box-shadow: none }
.filter section { max-height: 280px; overflow-y: auto }
.filter ul { margin: 0 }
.filter ul li a { font-size: 1.0125rem; display: block; line-height: 1.3 }
@media print, screen and (min-width:40em) {
.filter ul li a { font-size:.8125rem
}
}
.categories-views .filter ul li a { font-size: 16px }
.filter ul li a:hover { font-weight: 500 }
.filter ul li ul { margin-left:.9375rem
}
.filter ul.menu .active>a { background: transparent; font-weight: 500; color: #0a0a0a; text-decoration: underline }
@media screen and (max-width:63.9375em) {
#facet-column, #sorting-option { position: fixed; top: 0; bottom: 0; background: #fff !important; z-index: 99; overflow-y: scroll; -webkit-overflow-scrolling: touch }
}
@media print, screen and (min-width:64em) {
.filter-show-for-large { display: block !important }
}
#facet-column .is-active>.accordion-title::before { background-image: url("/images/carret-right.svg"); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.filter-mobile-header { text-transform: uppercase; border-bottom: 1px solid #e4e5e7 }
.filter-mobile-header p {
padding:2rem 0 .3rem 0; margin-bottom: 0; font-weight: 400; color: #838383; text-transform: none; font-size: .9em }
.btn-close-facet-mobile { position: absolute; right: 4px; top: 5px; background: none; color: #0a0a0a }
.breadcrumb-column-filter { padding: 0 }
@media print, screen and (min-width:40em) {
.breadcrumb-column-filter { padding: 1rem; border-bottom: 1px solid #e4e5e7 }
}
.breadcrumb-column-filter h6 {
font-size:.8125rem; font-weight: 500; text-transform: uppercase; padding:0 2rem .2rem 0
}
@media print, screen and (min-width:40em) {
.breadcrumb-column-filter h6 { font-size:.9375rem
}
}
.breadcrumb-column-filter .label {
margin-right:.4rem;
margin-bottom:.4rem; background: #fff; border: 1px solid #e4e5e7; color: #000; font-size:.8125rem;
cursor: pointer; line-height: 1.4rem; height: auto; white-space: normal }
@media screen and (max-width:39.9375em) {
.breadcrumb-column-filter { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; -ms-transition: transform .5s ease; transition: transform .5s ease; overflow-x: scroll; white-space: nowrap; padding-bottom:.5rem
}
.breadcrumb-column-filter .label {
padding:.3rem .4rem .3rem .8rem;
margin-right:.2rem; border-color: #e4e5e7; -webkit-border-radius: 255px; -moz-border-radius: 255px; border-radius: 255px; letter-spacing: -.2px }
.breadcrumb-column-filter .label [data-close] { background-color: #0a0a0a; color: #fff; -webkit-border-radius: 255px; -moz-border-radius: 255px; border-radius: 255px; margin-left:.1rem
}
}
.facet-colors { border-radius: 3px; height: 32px; width: 32px; display: inline-block; overflow: hidden; margin-right: 7px; margin-bottom: 6px; position: relative }
.facet-colors svg { position: absolute; top: 6px; left: 6px; display: none !important }
.facet-colors svg polyline { stroke: #fff }
.facet-colors.facet-color-selected { border: 3px solid #e4e5e7 }
.facet-colors.facet-color-selected svg { display: block !important }
.facet-colors a { height: 100%; width: 100%; display: inline-block }
.facet-colors a.white { background-color: #fff; border: 1px solid #e4e5e7 }
.facet-colors a.yellow { background-color: #ffe000 }
.facet-colors a.brown { background-color: #af282f }
.facet-colors a.darkbrown { background-color: #651e20 }
.facet-colors a.grey { background-color: #808080 }
.facet-colors a.purple { background-color: #bb35ba }
.facet-colors a.blue { background-color: #035bd8 }
.facet-colors a.teal { background-color: #008281 }
.facet-colors a.orange { background-color: #ffa000 }
.facet-colors a.red { background-color: #f32a38 }
.facet-colors a.mustard { background-color: #b08600 }
.facet-colors a.green { background-color: #2db135 }
.facet-colors a.black { background-color: #000 }
.facet-colors a.olive { background-color: #808000 }
.facet-colors a.darkgreen { background-color: #007836 }
.facet-colors a.darkteal { background-color: #003434 }
.facet-colors a.pink { background-color: #f5bbcf }
.facet-colors a.maroon { background-color: #7a2427 }
.facet-colors a.magenta { background-color: #e51b9b }
.facet-colors a.darkpurple { background-color: #390035 }
.facet-colors a.cyan { background-color: #00c4d9 }
.facet-colors a.lightblue { background-color: #d9f0f5 }
.facet-colors a.navyblue { background-color: #0d204b }
.facet-colors a.darkblue { background-color: #0030a2 }
.facet-colors a.gold { background-color: #efc802 }
.facet-price-input .clearbtn { font-size: 12px; color: #777 }
.facet-price-input .clearbtn:hover { text-decoration: underline }
.facet-price-input .input-group-label { border: 0; background: none; padding:0 .5rem
}
#switcher-grid { display: flex; justify-content: flex-end; align-items: center }
#switcher-grid .active svg[class*='icon'] { fill: #313131 }
#switcher-grid a { -webkit-tap-highlight-color: rgba(255,255,255,0) }
#switcher-grid svg { fill: #e4e5e7 }
#switcher-grid svg:last-child { margin-left: 1em }
.options-toolbar { position: relative; margin-bottom: 1rem; padding-top:.5rem
}
@media print, screen and (min-width:40em) {
.options-toolbar { margin-top: 0; margin-bottom: 1rem }
}
.options-toolbar::before { content: ""; display: block; border-top: 1px solid #e4e5e7; position: absolute; top: 0; left: 0; right: 0; margin-left:-.625rem;
margin-right:-.625rem
}
.options-toolbar .button { -webkit-tap-highlight-color: rgba(255,255,255,0); padding: 1em 0 !important; align-items: center; display: flex; text-align: left }
.filter-comeback { position: sticky; position: -webkit-sticky; background-color: #fff; z-index: 9999; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); top: 0 }
.filter-comeback p {
padding:1rem .625rem; color: #313131; font-weight: 500; text-transform: uppercase }
.filter-comeback button { top:.8rem
}
.select-like ul { border: 1px solid #e4e5e7; border-radius: 4px; display: block; margin: 0 }
.select-like ul li { background-color: #fff; z-index: 1; padding: 5px; display: none; list-style: none; cursor: default; font-size: 100%; font-weight: 500; letter-spacing: .2px; border: none; margin-bottom: 0; text-transform: capitalize; padding:.5rem 2rem .5rem 1rem
}
.select-like ul li:first-child {
padding:.8rem 2rem .8rem 1rem; position: relative }
.select-like ul li:first-child:before { content: ''; top: 1.9rem; font-size: 1.4rem; line-height:.7rem;
background-image: url(/images/carret-right.svg); background-repeat: no-repeat; background-size: 100%; width: 7px; height: 13px; position: absolute; top: 50%; right: 1rem; margin-top:-.3rem
}
.select-like ul li a { font-size: .8em; display: block }
.select-like.is-active ul li:first-child:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.select-like ul li:first-child:hover { background-color: #f7f8fa }
.select-like ul li:first-child { display: block }
.button-shop-check { border: 1px solid #e4e5e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; display: flex; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; background-color: #fff }
.button-shop-check:hover { cursor: pointer; background-color: #f2f2f2 }
.button-shop-check [type="checkbox"] { position: absolute; opacity: 0 }
.button-shop-check [type="checkbox"]+span::before { content: ''; display: block; width: 1.1rem; height: 1.1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; top: 0; left:.5rem;
bottom: 0; margin: auto; border: 1px solid #c9cbcf; background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease }
:hover.button-shop-check [type="checkbox"]+span::before { border: 1px solid #9e9e9e }
.button-shop-check [type="checkbox"]:checked+span::before { background-image: url(/images/icon-check-white.svg); background-clip: content-box; background-size: 80%; background-repeat: no-repeat; background-position: center; background-color: #ff6363; border: 1px solid #ff6363 }
.button-shop-check label { padding: 1em 3em 1em 2.2rem; font-size:.8rem;
letter-spacing: 1px; text-transform: uppercase; font-weight: 500; line-height: 1; display: block; position: relative; cursor: pointer }
.button-shop-check .icon { position: absolute; top: 0; right:.5rem;
bottom: 0; margin: auto; vertical-align: middle }
.large-filter-shop span { color: #313131; font-size: 15px; font-weight: 400 }
.large-filter-shop .switch.switch-md.tiny { width: 37px; height: 24px }
.large-filter-shop .switch.switch-md.tiny .toggle-switch:before { width: 18px; height: 18px }
.large-filter-shop .switch.switch-md.tiny input:checked+.toggle-switch:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px) }
.large-filter-shop .switch.switch-md.tiny input[type="checkbox"]:not(:checked):hover+.toggle-switch:before { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px) }
.large-filter-shop .switch .toggle-switch { background-color: rgba(255,99,99,.6) }
.large-filter-shop .switch.switch-md.tiny input:checked+.toggle-switch { background-color: #ff6363 }
.desktop-sortby { margin-left: 2rem }
.desktop-sortby span { color: #777; font-size: 15px; font-weight: 500 }
.desktop-sortby .button.dropdown { text-transform: capitalize; font-size: 15px; letter-spacing: 0; padding-left: .3em; position: relative; padding-top: .9em }
.desktop-sortby .button.dropdown:after { border: 0; content: ''; top: 1.9rem; font-size: 1.4rem; line-height:.7rem;
background-image: url(/images/carret-down.svg); background-repeat: no-repeat; background-size: 100%; width: 13px; height: 13px; position: absolute; top: 50%; right: 0; margin-top:-.2rem
}
.desktop-sortby .button.dropdown:hover, .desktop-sortby .button.dropdown:focus, .desktop-sortby .button.dropdown:active { background-color: transparent; outline: none }
.slider-handle { width: 1.1em; height: 1.1em }
.network-bar { background: #fff; height: 30px; font-size:.6875rem;
color: #777; position: relative; z-index: 10 }
.network-bar .menu-network { margin: 0; display: inline-block }
.network-bar .menu-network li { display: inline-block; vertical-align: top; margin-right: -4px }
.network-bar .menu-network li a, .network-bar .menu-network li .fake-link { cursor: pointer; display: block; line-height: 30px; color: #777; font-size:.625rem;
outline: none; margin-right: 25px; position: relative; text-transform: uppercase }
.network-bar .menu-network li a:after, .network-bar .menu-network li .fake-link:after { content: ''; bottom: 0; width: 100%; height: 1px; display: block; background: transparent; position: absolute; -webkit-transition: background .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background .2s cubic-bezier(.19, .26, .17, .99); transition: background .2s cubic-bezier(.19, .26, .17, .99) }
.network-bar .menu-network li a:hover, .network-bar .menu-network li a.hover, .network-bar .menu-network li .fake-link:hover, .network-bar .menu-network li .fake-link.hover { color: #313131 }
.network-bar .menu-network li a:hover:after, .network-bar .menu-network li a.hover:after, .network-bar .menu-network li .fake-link:hover:after, .network-bar .menu-network li .fake-link.hover:after { background: #313131 }
.network-bar .menu-network li.dropdown .arrow-down { position: relative; top: -2px; left: 3px }
.network-bar .menu-network li.dropdown .arrow-down polyline { stroke: #777 }
.network-bar .menu-network li.flags span { display: inline-block; vertical-align: top }
.network-bar .menu-network li.flags span.name { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.network-bar .menu-network li.flags img { margin-top: -3px; margin-right: 5px; background: #e4e5e7; text-indent: -9999px; overflow: hidden; min-width: 15px; max-height: 10px }
.network-dropdown { width: 100% !important; left: 0 !important; border: 0; min-height: 135px; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08); box-shadow: 0 5px 10px 0 rgba(0,0,0,.08) }
.network-dropdown .title { display: block; margin: 10px 0 25px }
.network-dropdown a { margin-right: 40px; display: none; opacity: 1; -webkit-transition: opacity .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: opacity .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: opacity .2s cubic-bezier(.19, .26, .17, .99); transition: opacity .2s cubic-bezier(.19, .26, .17, .99) }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.network-dropdown a { margin-right: 18px }
}
.network-dropdown a:hover { opacity: .5 }
.network-dropdown a:last-child { margin-right: 0 }
.header-sticky-container:hover .network-dropdown a { display: inline-block }
.header-sticky-container:hover .network-archipassport div { background: url(/images/network/archipassport@2x.png) 0 0 no-repeat; width: 112px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-archipassport div { height: 20px; width: 83px }
}
.header-sticky-container:hover .network-bimarchiproducts div { background: url(/images/logo-bim-archiproducts@2x.png) center left no-repeat; width: 175px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-bimarchiproducts div { height: 20px; width: 145px }
}
.header-sticky-container:hover .network-archiproducts div { background: url(/images/network/archiproducts@2x.png) 0 0 no-repeat; width: 138px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-archiproducts div { height: 20px; width: 102px }
}
.header-sticky-container:hover .network-archilovers { background: url(/images/network/archilovers@2x.png) 0 0 no-repeat; width: 104px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-archilovers { height: 20px; width: 77px }
}
.header-sticky-container:hover .network-archiportale { background: url(/images/network/archiportale@2x.png) 0 0 no-repeat; width: 128px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-archiportale { height: 20px; width: 95px }
}
.header-sticky-container:hover .network-edilportale { background: url(/images/network/edilportale@2x.png) 0 0 no-repeat; width: 119px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-edilportale { height: 20px; width: 88px }
}
.header-sticky-container:hover .network-sayduck { background: url(/images/network/sayduck@2x.png) 0 0 no-repeat; width: 121px; height: 27px; background-size: 100% }
@media screen and (min-width:64em) and (max-width:79.9375em) {
.header-sticky-container:hover .network-sayduck { height: 20px; width: 90px }
}
.megaMenu { width: 100% }
.menuCategories { background: #f7f8fa }
.menuCategories .menuCategories-voice>li>a { padding: 1.3rem 1rem }
.menuCategories .menuCategories-voice>li>a:after { display: none !important }
.menuCategories .menuCategories-voice>li.is-active>a { background: #fff; border-bottom-color: #fff; z-index: 100 }
.menuCategories a { color: #0a0a0a }
.menu-cat-link { font-size: 1rem; padding:0 .65rem;
line-height: 3.125rem; height: 3.125rem; float: left; position: relative }
@media screen and (min-width:80em) {
.menu-cat-link { padding:0 .6rem
}
}
.menu-cat-link.shop { color: #ff6363; font-weight: 500 }
.menu-cat-link.shop:before { background-color: #ff6363 !important }
.menu-cat-link::before { right: 0; bottom: -1px; left: 0; z-index: 1; margin: auto; content: ""; display: block; position: absolute; height: 0; overflow: hidden; border: 2px solid #000; left: 0; z-index: 1; width: 0; opacity: 0; -webkit-transition: width, .2s ease, opacity, .2s ease; -moz-transition: width, .2s ease, opacity, .2s ease; -ms-transition: width, .2s ease, opacity, .2s ease; transition: width, .2s ease, opacity, .2s ease }
.menu-cat-link.hover::before { opacity: 1; width: 100% }
.menu-cat-link.hover-bottom { padding: 0; margin:0 .6rem
}
.menu-cat-link.hover-bottom:before { content: ''; width: 100%; min-height: 0; background-color: #313131; display: block; position: absolute; bottom: -1px; left: 0; -webkit-transition: min-height .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: min-height .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: min-height .2s cubic-bezier(.19, .26, .17, .99); transition: min-height .2s cubic-bezier(.19, .26, .17, .99) }
.menu-cat-link.hover-bottom:hover:before { min-height: 3px }
.mega-drop-down-menu-wrapper { position: relative; background-color: #fff; max-height: 51px }
.mega-drop-down-menu-wrapper:hover .mega-dropdown-shop-image { display: block !important }
.sticky { width: 100% !important }
@media screen and (max-width:63.9375em) {
.sticky { z-index: 2; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none }
}
.network-bar .menu-network li a.publish-bim-button { margin-right: 16px !important; text-transform: uppercase; padding: 0 1em !important; border-radius: 0 !important; font-weight: 500; color: #333 !important }
.network-bar .menu-network li a.publish-bim-button::after { left: 0 }
.bim-help { line-height: 30px; text-transform: uppercase; font-weight: 500; text-decoration: underline }
@media screen and (max-width:63.9375em) {
.back-to-apx { margin-left: 0; top: 2.4rem; left: 3.5em; position: absolute }
}
.back-to-apx a {
font-size:.7125rem; line-height: 16px; display: block; padding: 0; color: #777; position: relative }
.back-to-apx svg { width: 14px }
.back-to-apx svg>use { fill: #777 }
.account-ambassador-badge { position: absolute; bottom: -8px; right: 29px }
.account-ambassador-badge .ambassador-badge { margin-left: auto; margin-right: 0 }
.account-ambassador-badge .ambassador-badge-text { font-size: 10px; text-transform: capitalize; letter-spacing: 0; color: #505050; margin-right: -10px; margin-top: 3px; display: inline-block }
.ambassador-badge { width: 15px; height: 15px; background: #000; display: flex; justify-content: center; align-items: center; border-radius: 15px }
.ambassador-badge svg { fill: #fff !important; width: 20px; height: 20px }
.mobile-account-ambassador-badge { position: absolute; left: 0; bottom: 2px; width: 100%; padding-left: 62px }
.mobile-account-ambassador-badge .mobile-ambassador-badge { width: 15px; height: 15px; background: #333; display: inline-block; border-radius: 15px }
.mobile-account-ambassador-badge .mobile-ambassador-badge svg { fill: #fff !important; width: 7px; height: 7px; margin-top: 4px; margin-left: 4px; display: block }
.mobile-account-ambassador-badge .mobile-ambassador-badge .mobile-ambassador-badge-text { text-transform: capitalize; letter-spacing: 0; color: #505050; font-size: 10px; line-height: 16px; display: inline-block }
.top-bar { padding: 0; border-bottom: 1px solid #e4e5e7; background-color: #fff; background: #fff; position: relative; z-index: 1 }
@media screen and (max-width:63.9375em) {
.top-bar { height: 60px; border-bottom: 1px solid #e4e5e7 }
.top-bar .account-ambassador-badge { bottom: -2px; right: -4px }
}
@media print, screen and (min-width:64em) {
.top-bar { border: none; height: auto; padding:.6rem 0 .4rem 0
}
.sticky-container { z-index: 100 }
.sticky-container .sticky { z-index: 1 }
.sticky-container .sticky .mega-drop-down-menu-wrapper { border-bottom: 1px solid #e4e5e7; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05); box-shadow: 0 1px 5px rgba(0,0,0,.05) }
.sticky.is-stuck .top-bar { border-bottom: 1px solid #e4e5e7; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05); box-shadow: 0 1px 5px rgba(0,0,0,.05) }
.sticky.is-stuck .top-bar+.mega-drop-down-menu-wrapper { top: -4.125rem; -webkit-transition: top .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: top .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: top .2s cubic-bezier(.19, .26, .17, .99); transition: top .2s cubic-bezier(.19, .26, .17, .99) }
.sticky.is-stuck .top-bar.show-bar { border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.sticky.is-stuck .top-bar.show-bar+.mega-drop-down-menu-wrapper { top: 0 }
}
.top-bar .mainLogoContainer { white-space: nowrap }
@media screen and (max-width:63.9375em) {
.top-bar .mainLogoContainer { display: flex; align-items: center; justify-content: flex-start; height: 60px }
.top-bar .mainLogoContainer button { padding: 0; margin-right: 15px }
}
@media screen and (min-width:40em) {
.top-bar .mainLogoContainer { justify-content: flex-start }
.top-bar .mainLogoContainer .logo { max-width: 11em }
}
@media screen and (min-width:64em) {
.top-bar .mainLogoContainer .logo { max-width: 12.5em }
}
.top-bar .logo {
margin-left:.4rem; display: inline-block; width: 100% }
@media print, screen and (min-width:64em) {
.top-bar .logo { width: 10rem; margin-top:.4rem;
margin-left:.1rem;
width: 12.5rem }
}
@media screen and (max-width:63.9375em) {
.top-bar .logo { margin-left: 0 }
}
.top-bar .back-ios { background-color: #f7f8fa; height: 100%; position: absolute; left: 0; top: 0; max-width: 50px; margin-right: 0 !important; width: 50px; margin-right: 0 !important; display: flex; align-self: center; justify-content: center }
.top-bar .back-ios svg { fill: #909090 !important }
.top-bar .back-ios span { padding: 0 !important }
.top-bar .ios-icon { justify-content: flex-end !important }
.top-bar .apx-back-button { padding: 1em }
.top-bar .header-submenu { min-width: 300px; background-color: #fff; padding: 1rem 0; font-size:.9375rem;
margin-top: -1px; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08); box-shadow: 0 5px 10px 0 rgba(0,0,0,.08) }
.top-bar .header-submenu>li>a {
padding:.4rem 1rem; line-height: 1.5 }
.top-bar .header-submenu>li>a:hover { background: #f7f8fa }
@media screen and (max-width:63.9375em) {
.search-header { width: 100%; height: 100%; top: 0; left: 0; display: none; position: fixed; padding: 0; overflow-x: scroll; background-color: #f7f8fa; z-index: 2 }
}
.search-header.search-visible { display: block }
.search-header form { position: relative }
.search-header input { border: none; box-shadow: none; width: 100%; max-width: 100%; display: block; margin: 0; font-family: "Roboto"; font-weight: normal; height: 2.9rem; box-sizing: border-box !important; background-color: #f7f8fa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: all .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: all .2s cubic-bezier(.19, .26, .17, .99); transition: all .2s cubic-bezier(.19, .26, .17, .99) }
@media screen and (max-width:63.9375em) {
.search-header input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; height: 60px }
}
.search-header input:focus, .search-header input:active { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-color: #e0e0e0; color: #0a0a0a }
@media screen and (max-width:63.9375em) {
.search-header input:focus, .search-header input:active { border-left: 0; border-top: 0; border-right: 0 }
}
.search-header [class*="icon"] { display: none }
@media print, screen and (min-width:64em) {
.search-header [class*="icon"] { position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; display: block }
}
.search-header .close { position: fixed; top: 0; right: 0; display: block; z-index: 3; padding: 1.3rem; background: #fff }
.search-header .close .icon { display: block }
.avatar { width: 32px; height: 32px; border-radius: 50%; line-height: 32px; font-size:.85rem;
letter-spacing: 1px; background: #f7f8fa; display: inline-block; text-align: center; font-weight: 500 }
.menu-mobile .avatar { float: left }
.ios-mobile-menu .myproducts-button-mobile { display: block !important }
.username { margin-left: 45px; display: block; font-size: 1rem; line-height: 1.3rem; overflow: hidden; white-space: nowrap; margin-right: 25px; text-overflow: ellipsis }
.account-nav { align-items: flex-start; display: flex; justify-content: flex-end; height: auto }
@media screen and (max-width:63.9375em) {
.account-nav #account-nav { padding: 0 !important; margin-left: 5px }
.account-nav #not-logged-icon { margin-left: 5px }
}
.account-nav svg[class*='icon'] { fill: #0a0a0a }
@media screen and (max-width:63.9375em) {
.account-nav .cont-icon { width: 100%; display: flex; justify-content: space-around; align-items: center }
}
.account-nav #not-logged-icon { background-color: #f7f8fa; padding: 8px !important; border-radius: 50%; border: 1px solid #e4e5e7 }
.account-nav #not-logged-icon:focus, .account-nav #not-logged-icon:active { -webkit-tap-highlight-color: transparent; outline-color: transparent }
.account-nav .icon-user { padding: .7em .9em !important; position: relative; outline-color: transparent }
@media screen and (max-width:63.9375em) {
.account-nav .icon-user { float: none !important; min-width: 34px }
.account-nav .icon-user.dropdown::after { display: none }
}
.account-nav .icon-user .profile-thumb { width: 32px; height: 32px; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px }
.account-nav .icon-user::after { margin-left: .5em }
.account-nav .icon-user .hello-profile { display: inline-block; text-align: left; padding-left: 5px }
.account-nav .icon-user .hello-profile span { font-weight: 400; display: block }
.account-nav .icon-user .hello-profile span:first-child { font-size: 11px; margin-top: 1px; color: #777 }
.account-nav .icon-user:hover, .account-nav .icon-user:focus { color: #313131 }
.account-nav .button:hover svg[class*='icon'] { fill: black }
.account-nav .button:active svg[class*='icon'] { -webkit-animation-name: pulse; -webkit-animation-duration: .2s; -webkit-animation-timing-function: cubic-bezier(.19, .26, .17, .99); -webkit-animation-iteration-count: 1; -moz-animation-name: pulse; -moz-animation-duration: .2s; -moz-animation-timing-function: cubic-bezier(.19, .26, .17, .99); -moz-animation-iteration-count: 1; -o-animation-name: pulse; -o-animation-duration: .2s; -o-animation-timing-function: cubic-bezier(.19, .26, .17, .99); -o-animation-iteration-count: 1; animation-name: pulse; animation-duration: .2s; animation-timing-function: cubic-bezier(.19, .26, .17, .99); animation-iteration-count: 1; fill: black }
@media screen and (max-width:63.9375em) {
.account-nav { display: flex; justify-content: flex-end; align-items: center }
}
.icon-badge { position: relative }
.icon-badge::before { content: attr(name); position: absolute; background: #ff6363; font-weight: 500; color: #fff; line-height: 1rem; font-size: 8px; text-align: center; min-width: 1rem; height: 1rem; border-radius: 12px; letter-spacing: .5px; font-style: normal; right: 17px; top: 0; padding: 0 4px; z-index: 1; -webkit-box-shadow: 0 0 0 .15em white; -moz-box-shadow: 0 0 0 .15em white; box-shadow: 0 0 0 .15em white }
@media screen and (max-width:39.9375em) {
.icon-badge::before { content: ""; height: 8px; min-width: 8px; border-radius: 50%; padding: 0; top: 10px; right: 2px }
}
.bubble-cart, .bubble-project { position: absolute; background: #ff6363; font-weight: 500; color: #fff; line-height: 1rem; font-size: 8px; text-align: center; min-width: 1rem; height: 1rem; border-radius: 12px; letter-spacing: .5px; font-style: normal; right: 24px; top: 2px; padding: 0 4px; z-index: 1; -webkit-box-shadow: 0 0 0 .15em white; -moz-box-shadow: 0 0 0 .15em white; box-shadow: 0 0 0 .15em white }
.bubble-cart:empty, .bubble-project:empty { display: none }
@media screen and (max-width:39.9375em) {
.bubble-cart, .bubble-project { content: ""; height: 8px; min-width: 8px; border-radius: 50%; padding: 0; font-size: 0; top: 7px; right: 27px }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.bubble-cart, .bubble-project { right: 22px; top: 0 }
}
.mega-dropdown { border: 0; background: #fff; z-index: 0; left: 0 !important; padding: 0 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.mega-dropdown+.mega-dropdown-overlay { background: rgba(10,10,10,.6); content: ""; display: block; width: 100%; height: 0; position: fixed; z-index: -1; left: 0; opacity: 0 }
.is-open.mega-dropdown+.mega-dropdown-overlay { height: 100vh; opacity: 1 }
.mega-dropdown>.grid-container { padding-right: 0 !important }
@media print, screen and (min-width:64em) {
.mega-dropdown { width: 100% !important }
}
.mega-dropdown-container { position: relative }
.mega-dropdown-container .categories { padding-top: 1.5rem; padding-bottom: 2rem; position: relative }
.mega-dropdown-container .categories .menu { margin:0 0 .9375rem 0
}
.mega-dropdown-container .categories .menu li.title {
font-size:.875rem; font-weight: 500; line-height: 1.1; margin:0 0 .1875rem 0;
color: #0a0a0a }
.mega-dropdown-container .categories .menu li.title a {
font-size:.875rem; font-weight: 500; line-height: 1.1; margin:0 0 .1875rem 0;
color: #0a0a0a }
.mega-dropdown-container .categories .menu li a {
font-size:.875rem;
padding:.2rem 0; color: #777; line-height: 1.1 }
.mega-dropdown-container .categories .menu li a:hover { color: #0a0a0a; text-decoration: underline }
.mega-dropdown-shop { padding-right: 0; position: relative }
.mega-dropdown-shop .content-image-mega-dropdown { display: flex; flex-direction: column; align-items: flex-end }
.mega-dropdown-shop .mega-dropdown-shop-image { width: 400px; display: none; overflow: hidden }
.mega-dropdown-shop .mega-dropdown-shop-image .lazy-drop-images { width: 100%; height: 395px; background-size: cover !important }
.mega-dropdown-shop .mega-dropdown-shop-text { background: #f7f8fa; padding: 18px; overflow: hidden; width: 400px }
.mega-dropdown-shop .mega-dropdown-shop-text h4 { margin: 0; padding: 0; font-weight: 500; font-size: 1.3rem; color: #ff6363 }
.mega-dropdown-shop .mega-dropdown-shop-text h5 { margin: 0; padding: 0; font-size:.8125rem;
color: #777 }
.mega-dropdown-shop .mega-dropdown-shop-text .button { margin-top: 3px }
.mega-dropdown-footer { background-color: #fff; position: relative; bottom: 0; border-top: 1px solid #e4e5e7 }
.mega-dropdown-footer p {
font-size:.875rem; line-height: 44px; display: inline-block; margin: 0 10px 0 0; color: #777 }
.mega-dropdown-footer a { padding: 0 8px; font-weight: 500; font-size:.875rem;
line-height: 44px; display: inline-block }
.mega-dropdown-footer a:hover { text-decoration: underline }
@keyframes pulse { 0% {
-moz-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
100% {
-moz-transform:scale3d(.9, .9, .9);
-ms-transform:scale3d(.9, .9, .9);
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
}
.extra-category { width: auto; padding: 0; border-top: none; border-left: 1px solid #e4e5e7; border-right: 1px solid #e4e5e7; border-bottom: 1px solid #e4e5e7 }
.extra-category>a { clear: both }
.bg_layer_dropdown { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; display: none }
.dropdown-pane.mega-dropdown.is-open~.bg_layer_dropdown { display: block }
.reward-settings { background-color: #f7f8fa; border-bottom: 1px solid #d7d8d9; padding:.5rem 1rem
}
@media screen and (max-width:63.9375em) {
.reward-settings { border: 0; background: transparent; padding: 0 1rem }
}
.reward-settings span:first-child { color: #9b9b9b; font-size: .7em }
.reward-settings .wrapper-settings { margin-bottom: .2em; display: flex; justify-content: space-between; align-items: center }
.reward-settings .wrapper-settings span:first-child { font-size: 14px; color: #313131 }
@media screen and (max-width:63.9375em) {
.reward-settings .wrapper-settings span:first-child { text-transform: uppercase; font-weight: 500 }
}
.reward-settings .switch { position: relative; display: inline-block; width: 60px; height: 34px }
.reward-settings .switch input { display: none }
.reward-settings .switch.switch-md { width: 47px; height: 26px }
.reward-settings .switch.switch-md .slider:before { width: 20px; height: 20px; -webkit-transition: 0s; transition: 0s }
.reward-settings .switch.switch-md input:checked+.slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
.reward-settings .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc }
.reward-settings .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 3px; background-color: #fff; -webkit-transition: 0s; transition: 0s }
.reward-settings .switch .slider.round { border-radius: 34px; -webkit-transition: 0s; transition: 0s }
.reward-settings .switch .slider.round:before { border-radius: 50% }
.reward-settings .switch input:checked+.slider { background-color: #7cb342 }
.reward-settings .switch input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.reward-settings .switch input:focus+.slider { box-shadow: 0 0 1px #7cb342 }
.title-content { margin-top: 1rem; margin-bottom: 1rem }
.title-content.focus { position: relative; text-align: left; padding-right: 3.2rem }
@media print, screen and (min-width:40em) {
.title-content.focus { text-align: center; padding-right: 0 }
}
@media print, screen and (min-width:40em) {
.title-content { margin-top: 2rem; margin-bottom: 2rem }
}
.title-content h1 { font-weight: 500 }
@media print, screen and (min-width:40em) {
.title-content h1 { font-weight: 400 }
}
@media screen and (max-width:39.9375em) {
.title-content.custom { margin: 0 }
.title-content.custom .title-content-wrapper { background-color: #f7f8fa; margin-left:-.625rem;
margin-right:-.625rem;
position: relative; text-align: center }
.title-content.custom .title-content-wrapper h1 {
font-size:.85rem; font-weight: 500; margin: 0; text-transform: uppercase; padding:.6rem;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
}
@media screen and (min-width:40em) {
.title-content .title-content-wrapper { display: flex; justify-content: space-between }
}
.intro-description {
font-size:.875rem; color: #313131; position: relative }
.intro-description .intro-description-toggler-button { position: absolute; right: 0; top: auto; bottom: -20px; font-weight: 500; background: #fff; text-transform: lowercase; padding-left: 10px; cursor: pointer }
.intro-description .intro-description-toggler-button:hover { text-decoration: underline; background-color: #fff !important }
@media screen and (max-width:39.9375em) {
.intro-description .intro-description-toggler-button { bottom: 0 }
}
.intro-description.intro-description-max-height { max-height: 86px; overflow: hidden }
.intro-description.intro-description-max-height .intro-description-toggler-button { top: 63px; bottom: 0 }
.intro-description a { text-decoration: underline }
.title-row { padding-top: 1rem; padding-bottom: 1rem }
.title-row h4 { margin-bottom: 0 }
.bar-option { margin-bottom: 1rem }
.bar-option .button { margin-bottom: 0 }
.box-page-0 ul { min-height: 175px }
.box-page-0 ul li:nth-child(n+7) { display: none }
.box-page-0 ul li:last-child { display: block !important }
.box { padding: 1rem 0 }
.box-fill-white { padding: 1rem 0; background-color: #fff }
.box-custom-padding { padding: 0 0 2rem 0 }
.back-search { padding: 1.3rem; position: absolute; left: 0; z-index: 999 }
.is-open-menu-mobile { overflow: hidden; position: fixed }
.is-open-menu-mobile:after { background: rgba(0,0,0,.2); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10 }
.logo-mobile { display: flex; margin: 0; padding: 0 }
@media print, screen and (min-width:64em) {
.logo-mobile { margin-top: 0 }
}
@media screen and (max-width:63.9375em) {
.logo-mobile .logo { max-width: 160px; height: auto }
}
@media screen and (max-width:320px) {
.logo-mobile .logo { max-width: 130px }
}
.wrapper-menu-mobile { position: fixed; top: 0; bottom: 0; width: 100%; -webkit-transition: transform .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: transform .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: transform .2s cubic-bezier(.19, .26, .17, .99); transition: transform .2s cubic-bezier(.19, .26, .17, .99) }
.wrapper-menu-mobile.open-left { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0 }
.wrapper-menu-mobile.open-right { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); right: 0 }
.wrapper-menu-mobile .cont-menu-mobile { padding: 15px; width: 100%; height: 100%; position: absolute; overflow-x: scroll; background: #fff; -webkit-overflow-scrolling: touch }
.open-left.wrapper-menu-mobile .cont-menu-mobile { left: 0 }
.open-right.wrapper-menu-mobile .cont-menu-mobile { right: 0 }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.wrapper-menu-mobile .cont-menu-mobile { width: 50% }
}
.wrapper-menu-mobile.open { z-index: 100; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0) }
.wrapper-menu-mobile.open .cont-menu-mobile { position: fixed; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 3px 0 rgba(0,0,0,.3) }
.wrapper-menu-mobile.open .close-menu-mobile { position: absolute; left: auto; z-index: 9999; height: auto; top: 10px; left: 0; display: block; background: transparent }
.open-left.wrapper-menu-mobile.open .close-menu-mobile { right: 15px; left: auto }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.open-left.wrapper-menu-mobile.open .close-menu-mobile { right: 0 }
}
.open-right.wrapper-menu-mobile.open .close-menu-mobile { right: auto; left: 15px }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.open-right.wrapper-menu-mobile.open .close-menu-mobile { left: 0 }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.wrapper-menu-mobile.open .close-menu-mobile { width: 50%; height: 100vh }
}
.wrapper-menu-mobile.open .close-menu-mobile svg { width: 1em; height: 1em; stroke: black; stroke-width: 3px }
@media screen and (min-width:40em) {
.icon-h-menu { margin-right: 15px }
}
.usr-panel { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -webkit-transition: transform .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: transform .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: transform .2s cubic-bezier(.19, .26, .17, .99); transition: transform .2s cubic-bezier(.19, .26, .17, .99) }
@media screen and (min-width:40em) {
.usr-panel { background: transparent }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.usr-panel .close-reveal-slide { width: 50%; height: 100vh; position: absolute; left: 0; top: 0; background: transparent; z-index: 999; -webkit-tap-highlight-color: transparent }
}
.usr-panel ul { margin: 2em 15px 0 15px }
.usr-panel ul.preference-settings { margin-top: 1em }
.usr-panel .icon { width: 1rem; height: 1rem }
.usr-panel .close-button { right: 15px; top: 10px; font-size: inherit }
.usr-panel .close-button svg { stroke: black; stroke-width: 3px }
.usr-panel .fixed-login { position: fixed; bottom: 0; width: 100%; text-align: center; padding: 1em; background-color: #fff }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.usr-panel .fixed-login { width: 50% }
}
.usr-panel .fixed-login .icon { margin-right: .6em }
.usr-panel .fixed-login span { display: block; margin-bottom: 10px }
.usr-panel .fixed-login a { display: block; margin: 0 2em; font-weight: bold; border-radius: 8px }
@media screen and (min-width:40em) {
.usr-panel .fixed-login a { margin: 0 auto; max-width: 20em }
}
.usr-panel .cell { margin: 0 }
.usr-panel .wrapper-usr-panel { display: flex; justify-content: flex-start; flex-direction: column }
@media screen and (min-width:40em) {
.usr-panel .wrapper-usr-panel { width: 50%; right: 0 !important; float: right; background-color: #fff; height: 100vh; position: relative }
}
@media screen and (orientation:landscape) {
.usr-panel .wrapper-usr-panel { height: auto }
}
.usr-panel .wrapper-usr-panel .mobile-user-thumb { text-align: center; padding-bottom: 2em; padding-top: 4em; background-image: url("/images/user-background.png"); background-size: cover; background-repeat: no-repeat; align-items: center; min-height: 160px }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .wrapper-thumb { position: relative; display: inline-block }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .avatar { width: 2.8em; height: 2.8em; line-height: 2.8em; font-size: 1.4em; -webkit-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5); -moz-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5); box-shadow: 0 2px 10px 0 rgba(128,128,128,.5) }
.usr-panel .wrapper-usr-panel .mobile-user-thumb img { border-radius: 50%; border: 2px solid #e4e5e7; -webkit-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5); -moz-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5); box-shadow: 0 2px 10px 0 rgba(128,128,128,.5) }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .ambassador-badge { width: 20px; height: 20px; border-radius: 25px; background: #000 }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .account-ambassador-badge { bottom: 0; right: 0 }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section { text-align: left; display: block }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span { display: block }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.name { color: #313131; text-transform: capitalize; font-size: 18px; font-weight: 500; line-height: 1em }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.job { text-transform: lowercase; color: #313131; font-size: 14px; margin: .2em 0 }
.usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.ambassador-badge-text { font-size: 11px; font-weight: 500 }
.usr-panel .wrapper-usr-panel .auth-utilities li:last-child { background-color: #f2f3f6; display: block; margin-top: 25px; text-transform: uppercase; text-align: center; border-radius: 8px; font-weight: bold; margin-bottom: 2em }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.usr-panel .wrapper-usr-panel .auth-utilities li:last-child { width: calc(100% - 30px); position: absolute; bottom: 15px; margin-bottom: auto }
}
@media screen and (orientation:landscape) {
.usr-panel .wrapper-usr-panel .auth-utilities li:last-child { position: static; width: 100%; margin-bottom: 20px }
}
.usr-panel .wrapper-usr-panel .auth-utilities li:last-child a { color: #9b9b9b; letter-spacing: 1px; border: 0; padding: 1rem }
.usr-panel .wrapper-usr-panel .auth-utilities li a {
padding:.5rem 0 .5rem 1rem; border: 0; text-transform: uppercase; font-weight: 500; font-size: 14px }
.usr-panel.open-left { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0 }
.usr-panel.open-right { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); right: 0 }
#showSearch { z-index: 9999; padding: 1em; border: 1px solid #000; margin-bottom: 1.5em; margin-top: 3em; color: #9b9b9b; text-transform: uppercase; font-size: 11px }
#showSearch svg { position: static; margin-right: 10px }
#openMenuMobile svg { width: 30px; height: 22px }
.menu-mobile .social-icon-menu { display: flex !important; justify-content: space-around; padding: .5em 0 }
.menu-mobile .social-icon-menu a { padding: 1rem; border: 0 }
.menu-mobile .social-icon-menu [class*="icon-"] { left: 0 }
.menu-mobile .thumb-container { float: left; display: inline-block; position: relative }
.menu-mobile .thumb-container svg { margin: 0 }
.menu-mobile .thumb-container .account-ambassador-badge { bottom: -2px; right: 7px }
.menu-mobile .mobile-ambassador-badge-text { font-size: .8em; display: inline-block; margin-top: -3px; font-weight: 500 }
.menu-mobile li a { font-size: 1rem; padding: 1rem 3rem 1rem 3.4rem; line-height: 1.3rem; border-bottom: 1px solid #e4e5e7; position: relative }
.menu-mobile li a#settingsButtonMobile { border-bottom: 0 }
.menu-mobile li [class*="icon-"] { position: absolute; left: 1rem; top: 0; bottom: 0; margin: auto }
.menu-mobile li.is-submenu-parent-item [class*="icon-"] { display: none }
.menu-mobile li.is-submenu-item a { padding-left: 1rem; padding-right: 1rem }
.menu-mobile li.account-link>a { padding-left: 1.1rem !important }
.menu-mobile li.account-link>a span { vertical-align: top }
.menu-mobile li.account-link>a .profile-thumb { width: 36px; height: 36px; overflow: hidden; display: inline-block; margin-top: -7px; margin-right: 10px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; float: left }
.menu-mobile li.account-link .is-submenu-parent-item img, .menu-mobile li.account-link .is-submenu-parent-item span { display: none }
.menu-mobile li.account-link .is-submenu-parent-item a { text-align: center; padding-left: 1.1rem }
.menu-mobile li.account-link .is-submenu-parent-item a:after { content: 'Account' }
.menu-mobile li.link-bottom { background: #fff }
.menu-mobile li.link-bottom a { padding-left: 1rem }
.menu-mobile li.link-bottom.has-icon span { padding-left: 1.8em; font-weight: bold }
.menu-mobile li.link-bottom.has-icon a { border: 0; padding-top:.8rem;
padding-bottom:.8rem
}
.menu-mobile li.link-bottom .icon-medium { width: 1.2em; height: 1.2em }
.menu-mobile li.link-footer a {
padding:.5rem 1.1rem;
font-size:.9375rem; border-bottom: none }
.menu-mobile li.link-business>a { background-color: #0a0a0a; color: #fff }
.menu-mobile li.link-business svg[class*='icon'] { fill: #fff }
.menu-mobile li.title-service {
padding:.8rem 1.1rem .2rem 1.1rem; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; color: #777; font-weight: 500; background-color: #f7f8fa }
.menu-mobile li.title-service.no-bg { background-color: transparent; margin-bottom: 1em }
.menu-mobile li[role*="menuitem"]:first-child>a, .menu-mobile li.js-drilldown-back>a, .menu-mobile li.account-link>a, .menu-mobile li.is-submenu-parent-item>a { padding: 1.1rem 1.1rem 1.1rem 3rem; height: 60px; line-height: 1.5rem }
.menu-mobile li.is-drilldown-submenu-parent>a:after { content: ''; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 19 32'><path d='M2.574 32.013v0c-0.004 0-0.009 0-0.013 0-1.414 0-2.561-1.147-2.561-2.561 0-0.005 0-0.009 0-0.014v0.001c-0-0.007-0-0.015-0-0.023 0-0.694 0.28-1.322 0.734-1.778l-0 0 11.752-11.631-11.725-11.605c-0.47-0.467-0.761-1.113-0.761-1.827 0-1.422 1.153-2.575 2.575-2.575 0.708 0 1.349 0.286 1.814 0.748l13.552 13.432c0.473 0.465 0.767 1.112 0.767 1.827s-0.293 1.362-0.766 1.827l-0 0-13.552 13.419c-0.439 0.45-1.044 0.737-1.716 0.76l-0.004 0zM1.574 28.412v0zM1.574 3.588v0z'></path></svg>"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 12px; height: 12px; display: inline-block; border: none }
.menu-mobile li.is-drilldown-submenu-parent .is-drilldown-submenu { background-color: #fff }
.menu-mobile li.is-drilldown-submenu-parent.link-business>a:after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#fff' viewBox='0 0 19 32'><path d='M2.574 32.013v0c-0.004 0-0.009 0-0.013 0-1.414 0-2.561-1.147-2.561-2.561 0-0.005 0-0.009 0-0.014v0.001c-0-0.007-0-0.015-0-0.023 0-0.694 0.28-1.322 0.734-1.778l-0 0 11.752-11.631-11.725-11.605c-0.47-0.467-0.761-1.113-0.761-1.827 0-1.422 1.153-2.575 2.575-2.575 0.708 0 1.349 0.286 1.814 0.748l13.552 13.432c0.473 0.465 0.767 1.112 0.767 1.827s-0.293 1.362-0.766 1.827l-0 0-13.552 13.419c-0.439 0.45-1.044 0.737-1.716 0.76l-0.004 0zM1.574 28.412v0zM1.574 3.588v0z'></path></svg>") }
.menu-mobile li.mobile-highlights-link a { display: block; padding:.8rem 0;
text-align: center }
.menu-mobile li.mobile-highlights-link>span span:nth-child(even) { border-left: 1px solid #e4e5e7 }
.menu-mobile hr { margin: 0 }
.menu-mobile.my-lists li { border-bottom: 1px solid #e4e5e7; padding: .4em 0 }
.menu-mobile.my-lists li span { padding-left: 2em; letter-spacing: 1px; font-weight: 500; font-size: 1.2rem }
.menu-mobile.my-lists li a { border: 0; padding:.5rem 1rem .5rem 1rem
}
.menu-mobile.my-lists li.title-service { border: 0; padding:.8rem 1.1rem .2rem 1.1rem
}
.menu-mobile.my-lists li.title-service:first-child { border: 0 }
.menu-mobile.my-lists li:first-child { border-top: 1px solid #e4e5e7 }
.js-drilldown-back { position: absolute; width: 100%; z-index: 10 }
.js-drilldown-back a:before { content: ''; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 19 32'><path d='M16.127 0v0c1.403 0.022 2.533 1.157 2.548 2.56v0.001c0 0.001 0 0.003 0 0.004 0 0.702-0.286 1.338-0.747 1.797l-11.712 11.645 11.725 11.551c0.407 0.453 0.656 1.056 0.656 1.717 0 1.422-1.153 2.574-2.574 2.574-0.658 0-1.258-0.247-1.713-0.652l0.003 0.002-13.552-13.366c-0.462-0.472-0.75-1.115-0.76-1.825l-0-0.002c0.002-0.716 0.298-1.363 0.773-1.827l0.001-0.001 13.552-13.432c0.451-0.453 1.072-0.737 1.759-0.747l0.002-0zM17.127 3.602v0zM17.127 28.412v0z'></path></svg>"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 12px; height: 12px; position: absolute; display: block; border: none; left: 1.1rem; margin-top: 6px }
.js-drilldown-back+.is-submenu-parent-item a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.is-submenu-parent-item { background: #fff }
.user-profile-dropdown { padding: 0; right: 0; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.user-profile-dropdown:before { right: 12% !important }
.user-profile-dropdown .user { border-bottom: 1px solid #d7d8d9; font-size: 14px; margin-bottom: 0 }
.user-profile-dropdown .user .profile-thumb { width: 45px; height: 45px; overflow: hidden; display: block; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px }
.user-profile-dropdown .user .name, .user-profile-dropdown .user .job { display: block; margin-top: 5px }
.user-profile-dropdown .user .job { color: #777; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 220px }
.user-profile-dropdown li a { font-size: 14px; -webkit-transition: background .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background .2s cubic-bezier(.19, .26, .17, .99); transition: background .2s cubic-bezier(.19, .26, .17, .99) }
.user-profile-dropdown li a:hover { background: #f7f8fa }
svg[class*='icon'].primary { fill: #313131 }
svg[class*='icon'].secondary { fill: #f3f3f3 }
svg[class*='icon'].success { fill: #7cb342 }
svg[class*='icon'].warning { fill: #ffae00 }
svg[class*='icon'].alert { fill: #d4452e }
svg[class*='icon'].shop { fill: #ff6363 }
svg[class*='icon'].brand-ap { fill: #ffe869 }
svg[class*='icon'].light { fill: #fff }
svg[class*='icon'].alpha { fill: transparent }
svg[class*='icon'] { display: inline-block; stroke-width: 1px; stroke: inherit; fill: inherit; vertical-align: bottom }
svg[class*='icon'].middle { vertical-align: middle }
.icon { width: 1.25rem; height: 1.25rem }
.icon-xsmall { width:.5rem;
height:.5rem
}
.icon-small { width:.8125rem;
height:.8125rem
}
.icon-xmedium { width: 1rem; height: 1rem }
.icon-medium { width: 1.25rem; height: 1.25rem }
.icon-large { width: 1.375rem; height: 1.375rem }
.icon-mlarge { width: 1.625rem; height: 1.625rem }
.icon-xlarge { width: 2rem; height: 2rem }
.icon-xxlarge { width: 3.1875rem; height: 3.1875rem }
@keyframes shine-lines { 0% {
background-position:-100px
}
40%, 100% {
background-position:140px
}
}
@keyframes shine-img { 0% {
background-position:-32px
}
40%, 100% {
background-position:208px
}
}
.skeleton-screen-categories { height: 100vh; padding-top: 3rem }
.sk_tile { display: flex; align-items: center; position: relative }
.sk_tile::after { content: ""; display: block; border-bottom: 1px solid #f5f5f5; width: 100%; position: absolute; left: 0; bottom:-.6rem
}
.sk_tile .sk_img { width: 85px; height: 85px; background-color: #f1f3f6; margin-right: 1rem; animation: shine-img 2s infinite linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: linear-gradient(90deg, #f1f3f6 0, #e7eaf0 40px, #f1f3f6 80px); background-size: 600px }
@media print, screen and (min-width:40em) {
.sk_tile { flex-direction: column }
.sk_tile::after { content: none }
.sk_tile .sk_img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; padding-bottom: 75%; margin-right: 0 }
}
.sk_tile .sk_line { background-color: #f1f3f6; width: 140px; height: 13px; margin-top: 12px; border-radius: 7px; background-image: linear-gradient(90deg, #f1f3f6 0, #e7eaf0 40px, #f1f3f6 80px); background-size: 600px; animation: shine-lines 2s infinite linear }
.sk_filter { display: none }
@media print, screen and (min-width:64em) {
.sk_filter { display: block }
.sk_filter .sk_line { background-color: #f1f3f6; height: 13px; margin-top: 12px; border-radius: 225px; background-image: linear-gradient(90deg, #f1f3f6 0, #e7eaf0 40px, #f1f3f6 80px); background-size: 600px; animation: shine-lines 2s infinite linear }
.sk_filter .sk_line:nth-child(even) { width: 180px }
.sk_filter .sk_line:nth-child(odd) { width: 140px }
}
.network-hello-bar { background: #ff6363; font-size:.875rem;
color: #fff }
@media print, screen and (min-width:40em) {
.network-hello-bar { height: 36px }
}
.network-hello-bar .wrapper { position: relative; padding-top:.5rem;
padding-bottom:.5rem
}
@media print, screen and (min-width:40em) {
.network-hello-bar .wrapper { padding: 0; text-align: center }
}
@media screen and (max-width:63.9375em) {
.network-hello-bar .wrapper { padding-top: 0 }
}
.network-hello-bar p { line-height: 36px; margin: 0; letter-spacing: .6px; font-size: 13px }
@media screen and (max-width:39.9375em) {
.network-hello-bar p { line-height: normal; padding-right: 25px }
}
.network-hello-bar p b { border-bottom: 1px dotted #fff }
.network-hello-bar p b:hover { border-bottom: none }
.network-hello-bar p a { color: #fff; border-bottom: 1px dotted #fff }
.network-hello-bar p a:hover { border-bottom: none }
.network-hello-bar .close-button {
top:.3rem; font-size: 1.5rem }
.network-hello-bar .close-button span { color: #fff }
.network-hello-bar-js { background: #ff6363; font-size:.875rem;
color: #fff; clear: both }
.network-hello-bar-js p { margin-bottom: 0; padding: 10px 25px; text-align: center }
@media screen and (max-width:63.9375em) {
.network-hello-bar-js p { padding: 10px 25px 10px 10px; text-align: left }
}
.network-hello-bar-js .wrapper { position: relative }
.network-hello-bar-js .wrapper a { color: #fff; border-bottom: 1px dotted #fff }
.network-hello-bar-js .wrapper a:hover { border-bottom: none }
.network-hello-bar-js .wrapper button { color: #fff }
.network-hello-bar-js .wrap-scroll { height: 23px }
@media screen and (max-width:63.9375em) {
.network-hello-bar-js .wrap-scroll { height: 40px }
}
.network-hello-bar-js .scroll-3 { height: 23px; display: flex; justify-content: center; align-items: center; overflow: hidden }
@media screen and (max-width:63.9375em) {
.network-hello-bar-js .scroll-3 { height: 40px }
}
.network-hello-bar-js .scroll-3 span { height: inherit !important; line-height: inherit !important; padding-right: 10px !important }
.wrap-scroll { width: 100%; height: auto; overflow-y: hidden; display: block }
@media print, screen and (min-width:64em) {
.wrap-scroll { height: 36px }
}
@-webkit-keyframes scroll-2 { 0% {
transform:translateY(0)
}
40% {
transform:translateY(0)
}
50% {
transform:translateY(-36px)
}
90% {
transform:translateY(-36px)
}
100% {
transform:translateY(-72px)
}
}
@-moz-keyframes scroll-2 { 0% {
transform:translateY(0)
}
40% {
transform:translateY(0)
}
50% {
transform:translateY(-36px)
}
90% {
transform:translateY(-36px)
}
100% {
transform:translateY(-72px)
}
}
@keyframes scroll-2 { 0% {
transform:translateY(0)
}
40% {
transform:translateY(0)
}
50% {
transform:translateY(-36px)
}
90% {
transform:translateY(-36px)
}
100% {
transform:translateY(-72px)
}
}
@media screen and (min-width:40em) {
.wrap-scroll .scroll-2 { -webkit-animation-name: scroll-2; -webkit-animation-duration: 10s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-name: scroll-2; -moz-animation-duration: 10s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -o-animation-name: scroll-2; -o-animation-duration: 10s; -o-animation-timing-function: ease; -o-animation-iteration-count: infinite; animation-name: scroll-2; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: infinite }
}
.wrap-scroll .scroll-3 { transition-property: none !important; transform: none !important; animation: none !important }
@-webkit-keyframes scroll-3 { 0% {
transform:translateY(0)
}
26.66667% {
transform:translateY(0)
}
33.33333% {
transform:translateY(-36px)
}
60% {
transform:translateY(-36px)
}
66.66667% {
transform:translateY(-72px)
}
93.33333% {
transform:translateY(-72px)
}
100% {
transform:translateY(-108px)
}
}
@-moz-keyframes scroll-3 { 0% {
transform:translateY(0)
}
26.66667% {
transform:translateY(0)
}
33.33333% {
transform:translateY(-36px)
}
60% {
transform:translateY(-36px)
}
66.66667% {
transform:translateY(-72px)
}
93.33333% {
transform:translateY(-72px)
}
100% {
transform:translateY(-108px)
}
}
@keyframes scroll-3 { 0% {
transform:translateY(0)
}
26.66667% {
transform:translateY(0)
}
33.33333% {
transform:translateY(-36px)
}
60% {
transform:translateY(-36px)
}
66.66667% {
transform:translateY(-72px)
}
93.33333% {
transform:translateY(-72px)
}
100% {
transform:translateY(-108px)
}
}
@media screen and (min-width:40em) {
.wrap-scroll .scroll-3 { -webkit-animation-name: scroll-3; -webkit-animation-duration: 10s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-name: scroll-3; -moz-animation-duration: 10s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -o-animation-name: scroll-3; -o-animation-duration: 10s; -o-animation-timing-function: ease; -o-animation-iteration-count: infinite; animation-name: scroll-3; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: infinite }
}
.wrap-scroll .scroll-3 { transition-property: none !important; transform: none !important; animation: none !important }
@-webkit-keyframes scroll-4 { 0% {
transform:translateY(0)
}
20% {
transform:translateY(0)
}
25% {
transform:translateY(-36px)
}
45% {
transform:translateY(-36px)
}
50% {
transform:translateY(-72px)
}
70% {
transform:translateY(-72px)
}
75% {
transform:translateY(-108px)
}
95% {
transform:translateY(-108px)
}
100% {
transform:translateY(-144px)
}
}
@-moz-keyframes scroll-4 { 0% {
transform:translateY(0)
}
20% {
transform:translateY(0)
}
25% {
transform:translateY(-36px)
}
45% {
transform:translateY(-36px)
}
50% {
transform:translateY(-72px)
}
70% {
transform:translateY(-72px)
}
75% {
transform:translateY(-108px)
}
95% {
transform:translateY(-108px)
}
100% {
transform:translateY(-144px)
}
}
@keyframes scroll-4 { 0% {
transform:translateY(0)
}
20% {
transform:translateY(0)
}
25% {
transform:translateY(-36px)
}
45% {
transform:translateY(-36px)
}
50% {
transform:translateY(-72px)
}
70% {
transform:translateY(-72px)
}
75% {
transform:translateY(-108px)
}
95% {
transform:translateY(-108px)
}
100% {
transform:translateY(-144px)
}
}
@media screen and (min-width:40em) {
.wrap-scroll .scroll-4 { -webkit-animation-name: scroll-4; -webkit-animation-duration: 10s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-name: scroll-4; -moz-animation-duration: 10s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -o-animation-name: scroll-4; -o-animation-duration: 10s; -o-animation-timing-function: ease; -o-animation-iteration-count: infinite; animation-name: scroll-4; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: infinite }
}
.wrap-scroll .scroll-3 { transition-property: none !important; transform: none !important; animation: none !important }
@media screen and (max-width:63.9375em) {
.wrap-scroll { height: 25px }
.wrap-scroll .scroll-3 { -webkit-animation-name: scroll-3; -webkit-animation-duration: 10s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-name: scroll-3; -moz-animation-duration: 10s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: infinite; -o-animation-name: scroll-3; -o-animation-duration: 10s; -o-animation-timing-function: ease; -o-animation-iteration-count: infinite; animation-name: scroll-3; animation-duration: 10s; animation-timing-function: ease; animation-iteration-count: infinite }
.wrap-scroll .scroll-3 span { font-size: 12px; line-height: 36px; height: 36px; padding-right: 0 }
.wrap-scroll .scroll-3 span:not(first-child) { display: block }
}
.wrap-scroll span { display: block; position: relative; line-height: normal; padding-right: 25px; text-align: left; height: 50px }
.wrap-scroll span:not(:first-child) { display: none }
@media screen and (min-width:40em) {
.wrap-scroll span { line-height: 36px; height: 36px; text-align: center }
.wrap-scroll span:not(:first-child) { display: block }
}
.wrap-scroll span:not(:first-child) { display: block }
@media screen and (max-width:39.9375em) {
.small-up-2>.cell:nth-of-type(2n) { padding-left: 3px }
.small-up-2>.cell:nth-of-type(2n+1) { padding-right: 3px }
}
.products-list .column, .products-list .columns { display: inline-block; vertical-align: top; float: none; margin-right: -4px }
.products-list .column:last-child:not(:first-child), .products-list .columns:last-child:not(:first-child) { float: left }
.product { position: relative; padding-bottom: 1rem; height: 100%; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: box-shadow .3s ease-out .1s, transform .3s ease-out .1s, opacity .2s ease-out .1s; -moz-transition: box-shadow .3s ease-out .1s, transform .3s ease-out .1s, opacity .2s ease-out .1s; -ms-transition: box-shadow .3s ease-out .1s, transform .3s ease-out .1s, opacity .2s ease-out .1s; transition: box-shadow .3s ease-out .1s, transform .3s ease-out .1s, opacity .2s ease-out .1s; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) }
@media screen and (max-width:39.9375em) {
.product { padding-bottom: 1.5rem }
}
@media print, screen and (min-width:64em) {
.product:hover { -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); -moz-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); -moz-transform: translate(0, -4px); -ms-transform: translate(0, -4px); -webkit-transform: translate(0, -4px); transform: translate(0, -4px); z-index: 10 }
}
.product-x .product { display: flex; width: 100%; padding-bottom: 0 }
.product-x .product:hover { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.product .button-save { position: absolute !important; z-index: 10; top: 0; right: 0 }
@media screen and (max-width:63.9375em) {
.product .button-save { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: none; margin:.4rem .4rem 0 0
}
}
@media print, screen and (min-width:64em) {
.product .button-save { opacity: 0; top: 1rem; right: 1rem; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; transition: opacity .5s ease }
:hover.product .button-save { opacity: 1 }
}
@media screen and (max-width:39.9375em) {
.product .button-save { padding: 0 !important; width: 33px; height: 33px; line-height: 31px }
.product .button-save .icon-small { width: 10px; height: 10px }
}
.product>a { display: block; position: relative; z-index: 1; align-items: center }
.product-x .product>a { display: flex; width: 100%; margin: 0 }
.product-x .product>a::before { content: none }
@media print, screen and (min-width:64em) {
.product>a::before { opacity: 0; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(10,10,10,.1) 0, rgba(10,10,10,0) 60%); background: -webkit-linear-gradient(top, rgba(10,10,10,.1) 0, rgba(10,10,10,0) 60%); background: linear-gradient(to bottom, rgba(10,10,10,.1) 0, rgba(10,10,10,0) 60%); background: -ms-linear-gradient(top, rgba(10,10,10,.1) 0, rgba(10,10,10,0) 60%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(10, 10, 10, 0.1)', endColorstr='rgba(10, 10, 10, 0)', GradientType=0);
-webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; transition: opacity .2s ease }
.product>a:hover::before { opacity: 1 }
}
.product>a .cont-image { border: none; position: relative; background: #f7f8fa }
.product-x .product>a .cont-image { flex: 0 1 15rem; border: 1px solid #e4e5e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 0 }
@media screen and (max-width:39.9375em) {
.product>a .cont-image .wrapper-img-placeholder { flex: 0 1 auto }
}
.product>a .cont-image .img-placeholder { display: block; position: relative; overflow: hidden; padding-bottom: 100%; border-radius: 4px }
.product>a .cont-image .img-placeholder source { padding-left: 1px; padding-top: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto }
@media screen and (max-width:39.9375em) {
.product>a .cont-image .img-placeholder { padding-bottom: 100% }
.product>a .cont-image .utils { left: 0; padding-left:.7rem
}
.product>a .cont-image .sayDuck3d { color: #313131; background-color: transparent; font-size: .6em; margin:.7rem 0;
width: 25px; text-align: left }
}
@media screen and (max-width:39.9375em) and (max-width:39.9375em) {
.product>a .cont-image .sayDuck3d { margin:0 0 .1rem 0
}
}
@media screen and (max-width:39.9375em) {
.product>a .cont-image .sayDuck3d:after { content: ' · ' }
.product>a .cont-image .sayDuck3d:last-child:after { content: '' }
.product>a .cont-image.small-up-1 .img-placeholder { padding-bottom: 100% }
}
.product>a .cont-image img { max-height: 100%; width: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; mix-blend-mode: multiply }
@media screen and (min-width:64.2em) {
.accordion-products .cont-image { min-height: 180px !important }
}
.sameCollection .cont-image { min-height: 160px !important }
@media screen and (min-width:64.2em) {
.sameCollection .cont-image { min-height: 160px !important }
}
.moreLikeThis .cont-image { min-height: 160px !important }
@media screen and (min-width:64.2em) {
.moreLikeThis .cont-image { min-height: 160px !important }
}
.product>a .image-product { mix-blend-mode: multiply; padding: 0; display: block; margin: auto }
.product-width-auto .image-product { width: auto; height: auto }
.product>a .brand-logo { position: absolute; left: 0; bottom: 0; margin: 1rem; width: 64px; height: 64px; background: #fff; border: 4px solid #fff; box-shadow: 0 0 2px #ddd; z-index: 2 }
@media screen and (max-width:39.9375em) {
.product>a .brand-logo { width: 50px; height: 50px }
}
.product>a .brand-logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.product figcaption { padding: 1rem }
@media screen and (max-width:39.9375em) {
.product figcaption { padding:.5rem .7rem
}
}
.product figcaption .product-manufacturer {
font-size:.875rem; line-height: 1rem; font-weight: 500; margin-bottom:.2rem;
white-space: nowrap; text-overflow: ellipsis }
.product-x .product figcaption .product-manufacturer { font-size: 1.075rem; margin-bottom:.5rem
}
@media screen and (max-width:63.9375em) {
.product figcaption .product-manufacturer {
font-size:.75rem; line-height: inherit; white-space: normal; overflow: hidden; text-overflow: clip; margin-bottom:.1rem
}
}
.product figcaption .ad-hollow { padding: 1px 3px; font-size: 8px; margin-right: 5px; margin-bottom: 0; margin-top: 3px; line-height: 11px }
@media print, screen and (min-width:64em) {
.product figcaption .ad-hollow { margin-top: 0 }
}
.product figcaption .product-title {
font-size:.8125rem; line-height: 1rem; margin-bottom: 8px }
.product-x .product figcaption .product-title { font-size: 1.0125rem }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.product figcaption .product-title {
font-size:.75rem; line-height: inherit; overflow: hidden; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
}
@media screen and (max-width:39.9375em) {
.product figcaption .product-title { white-space: normal; overflow: hidden; display: block; display: -webkit-box; display: -moz-box; max-width: 100%; height: 31.2px; margin: 0 auto; font-size: 12px; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical }
}
.product figcaption .price { font-weight: 500; font-size:.9375rem;
color: #ff6363; margin-right:.5rem;
letter-spacing: -.2px }
@media screen and (max-width:63.9375em) {
.product figcaption .price { font-size:.75rem
}
}
.product figcaption .hideprice { font-weight: 500; font-size:.8125rem;
color: #ff6363; margin-right:.5rem;
letter-spacing: -.2px }
@media print, screen and (min-width:40em) {
.product figcaption .hideprice { font-size:.8125rem
}
}
.product figcaption .old-price { display: inline-block; text-decoration: line-through; font-size:.9375rem;
color: #777; letter-spacing: -.2px }
@media screen and (max-width:63.9375em) {
.product figcaption .old-price {
font-size:.75rem; line-height: 1.125rem }
}
@media print, screen and (min-width:40em) {
.product figcaption .old-price+.price { margin-left:.2rem
}
}
@media print, screen and (min-width:64em) {
.product figcaption .price-group { margin: 0; line-height: 1.2 }
}
@media screen and (max-width:63.9375em) {
.product figcaption .price-group { line-height: 1.125rem }
}
.product figcaption .price-group .starting-from { font-weight: 500; color: #777; font-size: 14px }
.product figcaption .discount {
font-size:.875rem; display: inline-block; letter-spacing: -.2px; background-color: transparent; margin-right:.5rem
}
@media print, screen and (min-width:40em) {
.product figcaption .discount { font-size: 1.035rem }
}
.product figcaption .RelatedProductsBrandLogo { width: 50px; height: 50px; float: left; border: 1px solid #e4e5e7; position: relative }
.product figcaption .RelatedProductsBrandLogo img { max-width: calc(100% - 8px) !important; max-height: calc(100% - 8px) !important; position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; margin: auto }
.product figcaption .RelatedProductsText { float: left; margin-left: 12px }
.product figcaption .RelatedProductsText h5 {
font-size:.875rem; color: #777; margin: 6px 0 0 }
.product figcaption .RelatedProductsText h6 { font-size: 1rem; margin: 0 }
.product .subcat-page-ab>ul { display: block !important; padding: 0 !important; line-height: 1.4; font-size: 13px; color: #777 }
.product .subcat-page-ab>ul>li { display: inline-block; margin-right:.2rem
}
.product .subcat-page-ab>ul>li::after { content: ',' }
.product .subcat-page-ab>ul>li:last-child::after { content: none }
.product.categories { min-height: auto; border: none; margin-bottom: 0; padding-bottom: 0; background-color: #f7f8fa }
@media screen and (max-width:39.9375em) {
.product.categories { overflow: visible !important }
.product.categories::before { content: ""; display: block; border-bottom: 1px solid #f0f2f7; position: absolute; bottom: 0; left: 0; bottom: -10px; z-index: 10; width: 100% }
}
@media screen and (max-width:39.9375em) {
.product.categories .img-placeholder { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0 0 0 1px white, 0 0 0 2px #e4e5e7; -moz-box-shadow: 0 0 0 1px white, 0 0 0 2px #e4e5e7; box-shadow: 0 0 0 1px white, 0 0 0 2px #e4e5e7; width: 4.5rem; height: 4.5rem; margin: 2px; background-color: #f7f8fa }
}
.product.categories>a { background-color: #fff }
@media screen and (max-width:39.9375em) {
.product.categories>a { display: flex; width: 100% }
.block.product.categories>a { display: block }
}
@media print, screen and (min-width:40em) {
.product.categories>a { background-color: #f7f8fa }
}
.product.categories>a .cont-image { border: none }
.product.categories img { mix-blend-mode: multiply; display: block; margin: 0 auto }
@media print, screen and (min-width:64em) {
.product.categories img { width: 100% }
}
.product.categories figcaption { padding: 1rem; border: none }
.product.categories figcaption h2, .product.categories figcaption h3 { font-size: 1.1rem; margin: 0; position: relative }
.product.categories figcaption h2:hover, .product.categories figcaption h3:hover { text-decoration: underline }
.product.categories [class*="icon-"] { margin-left: auto; margin-right:.5rem;
-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.product.categories ul { list-style-type: none; margin: 0; padding: 0 1rem 1rem 1rem; display: none }
@media print, screen and (min-width:40em) {
.product.categories ul { display: block }
}
.product.categories ul li a { color: #777; font-size:.875rem;
display: block; padding-bottom: 5px }
.product.categories ul li a:hover { text-decoration: underline }
.swatches-list { position: absolute; z-index: 2; left: 0; top: 0; margin: 0; padding: 1rem; width: 70%; line-height:.4rem;
letter-spacing: -.1px }
.swatches-list li {
width:.5625rem;
height:.5625rem; display: inline-block; vertical-align: top; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.06); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.06); box-shadow: 0 0 0 1px rgba(0,0,0,.06); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: attr(data-color); margin-right:-.2rem
}
@media print, screen and (min-width:40em) {
.swatches-list li { margin-right:.1875rem
}
}
.swatches-list li.white { background-color: #fff; border: 1px solid #e4e5e7 }
.swatches-list li.yellow { background-color: #ffe000 }
.swatches-list li.brown { background-color: #a0661e }
.swatches-list li.gray { background-color: #808080 }
.swatches-list li.purple { background-color: #bb35ba }
.swatches-list li.blue { background-color: #035bd8 }
.swatches-list li.teal { background-color: #008281 }
.swatches-list li.orange { background-color: #ffa000 }
.swatches-list li.red { background-color: #f32a38 }
.swatches-list li.mustard { background-color: #b08600 }
.swatches-list li.green { background-color: #2db135 }
.swatches-list li.black { background-color: #000 }
.swatches-list li.olive { background-color: #808000 }
.swatches-list li.darkgreen { background-color: #007836 }
.swatches-list li.darkteal { background-color: #003434 }
.swatches-list li.pink { background-color: #f5bbcf }
.swatches-list li.maroon { background-color: #7a2427 }
.swatches-list li.magenta { background-color: #e51b9b }
.swatches-list li.darkpurple { background-color: #390035 }
.swatches-list li.cyan { background-color: #00c4d9 }
.swatches-list li.lightblue { background-color: #d9f0f5 }
.swatches-list li.navyblue { background-color: #0d204b }
.swatches-list li.darkblue { background-color: #0030a2 }
.swatches-list li.gold { background-color: #efc802 }
.swatches-list small { background: rgba(255,255,255,.5); padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; letter-spacing: -.5px }
@media print, screen and (min-width:40em) {
.swatches-list small { padding:0 .3rem
}
}
.myproducts { position: absolute; right:.9rem;
top: 0; z-index: 1 }
@media screen and (max-width:39.9375em) {
.myproducts { right:.3rem;
padding-top:.6rem
}
}
.myproducts.button:not(.no-margin) { padding-right:.4rem !important
}
.myproducts svg[class*='icon'] { fill: rgba(215,216,217,.7) !important }
.myproducts:hover svg[class*='icon'], .myproducts.is-active svg[class*='icon'] { fill: #ff6363 !important }
.utils .prize, .sayDuck3d { width: 20px; height: 20px; color: #fff; text-align: center; margin:0 .7rem .7rem 0;
line-height: 18px; background: rgba(10,10,10,.4); font-weight: 500; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px }
@media screen and (max-width:39.9375em) {
.utils .prize, .sayDuck3d { margin:.7rem .5rem
}
}
.utils { position: absolute; right: 0; bottom: 0; line-height: 0; z-index: 2; display: flex }
.utils .prize svg>use { fill: #fff }
@media screen and (max-width:63.9375em) {
.utils .prize { display: none }
}
.sayDuck3d { line-height: 21px !important; font-size: 9px }
.bimAuthorContainer { overflow: hidden }
.bimAuthorTitle { float: left; font: 400 11px/21px 'Roboto', Arial, Sans-serif; margin-right: 4px; color: #666 }
.bimAuthorImage { width: 100px; max-height: 100px; float: left }
.bimAuthorImage img { max-width: 100%; max-height: 100% }
.benefit { display: flex; justify-content: space-between; padding-top:.4rem;
margin-top:.4rem;
border-top: 1px dashed #e4e5e7; visibility: hidden }
.benefit.benefit-show { visibility: visible }
.benefit .benefit-desc {
font-size:.7rem; font-style: italic; color: #777 }
.benefit .benefit-price {
font-size:.8rem; font-weight: 500; color: #7cb342 }
.product-x .product { display: flex }
.product-summary { background-color: #f7f8fa; font-size:.8rem;
color: #777; padding:.5rem;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 1rem 1rem }
.product-summary .media-object-section:first-child { padding-right: 0 }
.product-tile-variant { list-style: none; font-size:.8rem;
padding: 1rem 1rem 0 1rem; margin: 0 }
.product-tile-variant .list-tile-variant { display: flex; border-bottom: 1px dashed #e4e5e7 }
.product-tile-variant .list-tile-variant:first-child { border-top: 1px dashed #e4e5e7 }
.product-tile-variant .list-tile-variant .col-price { padding: 0 }
.product-tile-variant .list-tile-variant .col-price:first-child { min-width: 4rem; font-weight: 500 }
.product-tile-variant .list-tile-variant .col-price span { color: #757575 }
.product-tile-variant .list-tile-variant .col-variant { padding:.3rem 0
}
.product-tile-footer { padding: 0 1rem }
.reward-tile {
padding-top:.6rem;
font-size:.8rem; border-top: 1px dashed #e4e5e7; display: block; margin: 0 1rem }
.reward-tile [data-tooltip] { border-bottom: 0 }
.reward-tile .ambassador-badge { background-color: #333 }
.reward-tile .media-object-section { padding-right:.5rem
}
#more_like_this .sayDuck3d, #same_collection .sayDuck3d, #more_like_this .prize, #same_collection .prize { display: none }
.categories-tile { display: block; padding: 1.2rem; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d7d8d9 }
.categories-tile p { text-align: center; font-size: 1.2rem; margin-top: 1.2rem; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis }
.categories-tile.shop { border-color: #ff6363 }
.categories-tile.shop p { color: #ff6363 }
.breadcrumbs-container { padding: 0 }
.breadcrumbs-container .grid-x { min-height: 1.5rem }
.breadcrumbs-container .grid-x ul li { line-height: 1.5rem }
.breadcrumbs-container .button-group {
margin:.5rem 0 0 0; text-align: right }
.breadcrumbs-container .button-group .button { padding: .6em 1.3em !important }
.breadcrumbs-bg { background-color: #f7f8fa }
.breadcrumbs {
margin:.5rem 0 0 0; position: relative }
.breadcrumbs li {
font-size:.8125rem; text-transform: none }
.breadcrumbs li:not(:last-child)::after { content: "›"; font-size: 1.2rem; line-height: 0 }
.breadcrumbs li .current { font-weight: 500 }
.breadcrumbs li a { color: #777 }
.arrow-nav { position: relative }
.arrow-nav>div { position: absolute; top:.3rem;
right: 0; text-align: right }
.arrow-nav>div a { color: #f00 }
.openAlternativeBreadcrumb { position: relative }
.openAlternativeBreadcrumb svg { position: absolute; top: -23px; width: 9px; cursor: pointer; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
.openAlternativeBreadcrumb.openAlternativeBreadcrumb_opened svg { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
#AlternativeBreadcrumbs #search-navigator { display: none }
.banner-wrapper { background: #e4e5e7; text-align: center; width: 100%; line-height: 0; font-size: 0; padding:.625rem
}
@media print, screen and (min-width:40em) {
.banner-wrapper { padding:.75rem 0
}
}
.banner-wrapper.bottom { margin-top: 25px }
.banner-wrapper img { border: 0; padding: 0 }
.ink { display: block; position: absolute; pointer-events: none; border-radius: 50%; opacity: 1; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0) }
.button { letter-spacing: 1px; text-transform: uppercase; font-weight: 500; padding: 1.2em 1.3em }
.button.primary { color: #fff }
.button.primary [class*='icon'] { fill: #fff }
.button.primary:hover { background-color: #2a2a2a; color: #fff }
.button.secondary { color: #0a0a0a }
.button.secondary [class*='icon'] { fill: #0a0a0a }
.button.secondary:hover { background-color: #cfcfcf; color: #0a0a0a }
.button.success { color: #fff }
.button.success [class*='icon'] { fill: #fff }
.button.success:hover { background-color: #698a47; color: #fff }
.button.warning { color: #fff }
.button.warning [class*='icon'] { fill: #fff }
.button.warning:hover { background-color: #b88821; color: #fff }
.button.alert { color: #fff }
.button.alert [class*='icon'] { fill: #fff }
.button.alert:hover { background-color: #a0493b; color: #fff }
.button.shop { color: #fff }
.button.shop [class*='icon'] { fill: #fff }
.button.shop:hover { background-color: #e04d4d; color: #fff }
.button.brand-ap { color: #0a0a0a }
.button.brand-ap [class*='icon'] { fill: #0a0a0a }
.button.brand-ap:hover { background-color: #e0cb52; color: #0a0a0a }
.button.light { color: #0a0a0a }
.button.light [class*='icon'] { fill: #0a0a0a }
.button.light:hover { background-color: #d9d9d9; color: #0a0a0a }
.button.alpha { color: #0a0a0a }
.button.alpha [class*='icon'] { fill: #0a0a0a }
.button.alpha:hover { background-color: transparent; color: #0a0a0a }
.button.x-tiny { padding: .7em .8em }
@media screen and (max-width:39.9375em) {
.button.icon-label.iconized, .button.icon-label { padding: .7em .8em; font-size:.625rem
}
.button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] { display: block; margin: auto; position: static; margin-bottom:.5rem
}
}
.button.tiny { padding: 1em 1em }
@media screen and (max-width:39.9375em) {
.button.icon-label.iconized, .button.icon-label { padding: 1em 1em; font-size:.625rem
}
.button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] { display: block; margin: auto; position: static; margin-bottom:.5rem
}
}
.button.small { padding: 1em 1.2em }
@media screen and (max-width:39.9375em) {
.button.icon-label.iconized, .button.icon-label { padding: 1em 1.2em; font-size:.625rem
}
.button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] { display: block; margin: auto; position: static; margin-bottom:.5rem
}
}
.button.large { padding: 1.3em 1.3em }
@media screen and (max-width:39.9375em) {
.button.icon-label.iconized, .button.icon-label { padding: 1.3em 1.3em; font-size:.625rem
}
.button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] { display: block; margin: auto; position: static; margin-bottom:.5rem
}
}
.button.iconized { position: relative; padding-left: 3.3em }
.button.iconized [class*='icon'] { left: 1.3em; position: absolute; top: 0; right: auto; bottom: 0; margin: auto }
.button.iconized [class*='icon'].icon-x-tiny { left: .8em }
.button.iconized [class*='icon'].icon-tiny { left: 1em }
.button.iconized [class*='icon'].icon-small { left: 1.2em }
.button.iconized [class*='icon'].icon-large { left: 1.3em }
.button.hollow.secondary { color: #777 }
.button.alpha { color: #0a0a0a }
.button.alpha:hover, .button.alpha:focus { color: #0a0a0a }
.button.light.border { border-color: #e4e5e7 }
.button.light.border:hover { border-color: #c9cbcf }
.button.no-border { border: 0 }
.button.cta.primary { border-bottom: 2px solid #0b0b0b }
.button.cta.secondary { border-bottom: 2px solid #cdcdcd }
.button.cta.success { border-bottom: 2px solid #557b2d }
.button.cta.warning { border-bottom: 2px solid #b37a00 }
.button.cta.alert { border-bottom: 2px solid #97301f }
.button.cta.shop { border-bottom: 2px solid #ff1717 }
.button.cta.brand-ap { border-bottom: 2px solid #ffdc1d }
.button.cta.light { border-bottom: 2px solid #d9d9d9 }
.button.cta.alpha { border-bottom: 2px solid transparent }
.button.dropdown:after { top: auto; vertical-align: middle; float: none; border-color: #777 transparent transparent }
.button.sending img, .button.sending svg { -webkit-animation: spin 1s infinite linear; margin-right: 12px; width: 20px; margin-top: -4px }
@-webkit-keyframes spin { 0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
.button.sent img, .button.sent svg { margin-left: 12px; fill: #fff }
.button.hollow:hover { background-color: transparent }
.button.button-topbar { background-color: transparent; color: #ff6363; border: 1px solid #ff6363; padding: .7em 1.2em; font-size: .7em; margin-left:.5rem
}
.button.button-topbar:hover { background-color: #ff6363 }
.button.button-topbar.shop { background-color: #ff6363; font-size: 1em; padding: .4em .6em; text-transform: none; margin-left: .5em; color: #fff }
.button.button-topbar.shop:hover { background-color: #e04d4d }
.button.icon_v { display: flex; flex-direction: column; text-align: center }
.button.icon_v:hover { background-color: transparent !important }
.button.icon_v .wrapper-icon_v { padding: 15px }
@media print, screen and (min-width:40em) {
.button.icon_v .wrapper-icon_v { padding: 15px 34px 15px 34px }
}
.button.icon_v .inner-icon_v { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; padding-bottom: 100%; border: 0 }
.button.icon_v .inner-icon_v.brand { background-color: #ffe869; -webkit-box-shadow: 0 0 0 2px #ffe869; -moz-box-shadow: 0 0 0 2px #ffe869; box-shadow: 0 0 0 2px #ffe869 }
.button.icon_v .inner-icon_v.flat { background-color: #fff; -webkit-box-shadow: 0 0 0 2px #e4e5e7; -moz-box-shadow: 0 0 0 2px #e4e5e7; box-shadow: 0 0 0 2px #e4e5e7 }
.button.icon_v svg[class*='icon'] { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0 }
.button.icon_v>span { letter-spacing: 0; font-size:.7rem;
line-height: 1.3 }
.button-group .button { margin: 0 }
.icon.off { fill: #0a0a0a !important; display: block !important }
.icon.on { fill: #ff6363 !important; display: none !important }
.is-active .icon.off { fill: #0a0a0a !important; display: none !important }
.is-active .icon.on { fill: #ff6363 !important; display: block !important }
@media print, screen and (min-width:64em) {
.my-products .button.secondary.iconized { padding: 1.2em 1.3em }
}
@media print, screen and (min-width:64em) {
.my-products .button.secondary.iconized [class*='icon'] { position: static }
}
@media print, screen and (min-width:64em) {
.my-products .button.secondary span { display: none }
}
.button.success:hover, .button.success:focus { color: #fff }
.button-floating { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 90%; height: 55px; background-color: rgba(255,255,255,.95); position: fixed; bottom: 25px; right: 0; left: 0; margin: auto; z-index: 1; -webkit-box-shadow: 0 2px 2px rgba(10,10,10,.1), 0 2px 4px rgba(10,10,10,.1), 0 4px 8px rgba(10,10,10,.1), 0 8px 16px rgba(10,10,10,.1), 0 16px 32px rgba(10,10,10,.1), 0 32px 64px rgba(10,10,10,.1); -moz-box-shadow: 0 2px 2px rgba(10,10,10,.1), 0 2px 4px rgba(10,10,10,.1), 0 4px 8px rgba(10,10,10,.1), 0 8px 16px rgba(10,10,10,.1), 0 16px 32px rgba(10,10,10,.1), 0 32px 64px rgba(10,10,10,.1); box-shadow: 0 2px 2px rgba(10,10,10,.1), 0 2px 4px rgba(10,10,10,.1), 0 4px 8px rgba(10,10,10,.1), 0 8px 16px rgba(10,10,10,.1), 0 16px 32px rgba(10,10,10,.1), 0 32px 64px rgba(10,10,10,.1); justify-content: space-between; display: flex; align-items: center; padding: 0 20px 0 3px }
.button-floating .button-text-info { font-size: 16px; color: #999; margin-right:.2rem
}
.button-floating .button-text-label { font-size: 16px; font-weight: 500 }
.button-floating .cont-float-logo { display: flex; align-items: center }
.button-floating .cont-float-logo .float-logo { width: 42px; height: 42px; background: #fff; position: relative; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; margin-right:.5rem;
margin-left:.3rem
}
.button-floating .cont-float-logo .float-logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; right: 0; padding: 2px }
.thumbnail {
padding:.5rem; position: relative }
.thumbnail[class*="logo"] { margin: 0; display: table-cell; vertical-align: middle; background-color: #fff }
.thumbnail[class*="logo"].logo-medium { width: 6rem; height: 6rem }
.thumbnail[class*="logo"].logo-large { width: 8rem; height: 8rem }
.thumbnail[class*="logo"].logo-xlarge { padding-bottom: 100%; width: 100%; display: block }
.thumbnail[class*="logo"].logo-xlarge img { position: absolute; display: block; margin: auto; top: 0; left: 0; right: 0; bottom: 0; padding:.8rem
}
@media screen and (max-width:39.9375em) {
.tabs { overflow: auto; white-space: nowrap; word-spacing: -4px; -webkit-overflow-scrolling: touch }
}
.tabs.center { text-align: center; word-spacing: 0 }
.tabs .tabs-title { background-color: #f7f8fa; border-left: none; border: 1px solid #e4e5e7; margin-left: -1px }
.tabs .tabs-title>a:focus { background-color: #fff }
@media screen and (max-width:39.9375em) {
.tabs .tabs-title { float: none; display: inline-block }
}
.tabs .tabs-title.center { float: none !important; display: inline-block; margin-left: -5px }
@media screen and (max-width:39.9375em) {
.tabs .tabs-title.center a { font-size:.8125rem
}
}
.tabs .tabs-title.is-active { border-bottom-color: #fff; font-weight: 500 }
.tabs .tabs-title.is-active>a { background-color: #fff }
.tabs .tabs-title:first-child { border-left: 1px solid #e4e5e7; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; margin-left: 0 }
.tabs .tabs-title:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0 }
.tabs .tabs-title>a:hover { text-decoration: none }
.tabs .tabs-title>a:focus { outline: none; background-color: #fff }
.tabs-panel::before, .tabs-panel::after { display: table; content: ' ' }
.tabs-panel::after { clear: both }
.tabs-panel.is-active { display: block }
.tabs-panel.center { border-top: 1px solid #e4e5e7; margin-top: -1px }
.tabs-panel.center p { font-size:.875rem
}
.tabs-panel.center p a b { text-decoration: underline }
.underline-tabs .tabs li { border: none !important }
.underline-tabs .tabs li a { padding-left: 0; padding-right: 0; margin: 0 1rem 0 0; font-size:.9375rem;
font-weight: 400; text-transform: capitalize; color: #777; border-bottom: 2px solid #f7f8fa }
.underline-tabs .tabs li a:hover { background: none; border-bottom: 2px solid #0a0a0a; color: #0a0a0a }
.underline-tabs .tabs li.is-active a, .underline-tabs .tabs li a:focus, .underline-tabs .tabs li a[aria-selected='true'] { background: none; border-bottom: 2px solid #0a0a0a; color: #0a0a0a }
.underline-tabs .tabs.double-dotted li a { border-bottom: 0 }
.underline-tabs .tabs.double-dotted li a:hover { border-bottom: 2px solid #000 }
.underline-tabs .tabs.double-dotted li.is-active a, .underline-tabs .tabs.double-dotted li a:focus, .underline-tabs .tabs.double-dotted li a[aria-selected='true'] { background: none; border-bottom: 4px solid #0a0a0a; color: #0a0a0a }
.tabs-gray .tabs { background-color: transparent; margin-bottom: 0; white-space: nowrap; border-bottom: none; padding-left: 30px !important }
@media screen and (max-width:39.9375em) {
.tabs-gray .tabs { overflow: scroll; padding-left: 0 !important }
}
.tabs-gray .tabs .tabs-title { display: inline-block; float: none; border: none; background: #fff; border-bottom: none !important; border-radius: 0 }
@media print, screen and (min-width:40em) {
.tabs-gray .tabs .tabs-title { border: 1px solid #f2f3f6 }
}
.tabs-gray .tabs .tabs-title>a { position: relative; font-size: 13px; color: #313131; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; transition: color .2s ease; padding-left: 50px; line-height: 54px; height: 54px; padding-top: 0; padding-bottom: 0 }
.tabs-gray .tabs .tabs-title>a:hover { color: #0a0a0a }
.tabs-gray .tabs .tabs-title>a:focus { background-color: transparent; outline-width: 0 }
.tabs-gray .tabs .tabs-title>a svg { position: absolute; top: 18px; left: 16px }
.tabs-gray .tabs .tabs-title.is-active { background-color: #f7f8fa }
.tabs-gray .tabs .tabs-title.is-active>a { position: relative; background-color: transparent; color: #0a0a0a; font-weight: 500 }
.tabs-gray .tabs-content { background-color: #f7f8fa !important; border: none }
.news { position: relative; background-color: #fff; height: auto; border: none; overflow: hidden }
.news .img-placeholder { position: relative; overflow: hidden }
.news .img-placeholder img { -webkit-transition: transform .5s ease, opacity .5s ease !important; -moz-transition: transform .5s ease, opacity .5s ease !important; -ms-transition: transform .5s ease, opacity .5s ease !important; transition: transform .5s ease, opacity .5s ease !important }
@media print, screen and (min-width:64em) {
:hover.news .img-placeholder img { -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) }
}
@media print, screen and (min-width:40em) {
.news { border: 1px solid #e4e5e7; height: 440px; margin-bottom: 1.5rem }
.news:hover { border: 1px solid #d7d8d9 }
}
@media screen and (max-width:39.9375em) {
.news { border: 1px solid #e4e5e7; margin: 5px 0 }
}
.news picture { position: relative; overflow: hidden; width: 9rem; float: left; padding:.8rem;
display: block }
.news-primary.news picture { max-height: initial }
@media screen and (max-width:39.9375em) {
.news-primary.news picture { width: 100%; float: none; padding: 0 }
}
@media print, screen and (min-width:40em) {
.news picture { width: 100%; float: none; padding: 0; max-height: 326px }
.news picture img { width: auto; max-width: inherit; display: table; margin: auto }
}
@media screen and (max-width:39.9375em) {
.news-primary.news picture img { max-height: 100%; min-width: 100% }
.large-4 .img-placeholder { min-height: 120px }
.large-8 .img-placeholder { min-height: 190px }
}
@media print, screen and (min-width:64em) {
.news-primary.news picture img { width: 100%; max-height: 100%; min-width: 100% }
}
.news .news-box-title {
padding:.8rem .8rem .8rem 0; overflow: hidden; background-color: #fff; position: relative }
@media print, screen and (min-width:40em) {
.news .news-box-title { margin: -3rem 1rem 0; padding: 1.3rem 1.8rem; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; min-height: 12rem }
}
@media screen and (max-width:39.9375em) {
.news-primary.news .news-box-title { margin: -3rem 1rem 0; padding: 1.3rem 1.3rem 2.3rem; right: auto }
}
@media print, screen and (min-width:64em) {
.news-primary.news .news-box-title { position: absolute; right: auto; margin: 1rem; max-width: 54%; min-height: 9rem }
}
.news .news-box-title .categories { text-transform: uppercase; color: #777; font-size:.8125rem;
margin: 0 }
@media print, screen and (min-width:40em) {
.news .news-box-title .categories { margin:.2rem
}
}
.news .news-box-title .news-title { font-size: 1.1rem; line-height: 1.2; margin-bottom: 0; font-family: "Noto Serif", serif }
@media print, screen and (min-width:40em) {
.news .news-box-title .news-title { font-size: 1.5rem; margin:0 0 .5rem 0
}
}
.news .news-box-title .news-subtitle { display: none }
@media print, screen and (min-width:40em) {
.news .news-box-title .news-subtitle { font-size: 1rem; line-height: 1.4; color: #777; display: block }
}
.news .news-box-title .viewmore { display: none }
@media print, screen and (min-width:40em) {
.news .news-box-title .viewmore {
font-size:.875rem; color: #777 }
}
.news .news-brand-logo { display: none }
@media print, screen and (min-width:40em) {
.news .news-brand-logo { width: 120px; height: 60px; margin: auto; position: relative; margin-top:.5rem;
display: block }
}
.news .news-brand-logo img { max-height: 100%; max-width: 100% }
@media print, screen and (min-width:40em) {
.news .news-brand-logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
}
.news .empty-news-image { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkkAQAAB8AG7jymN8AAAAASUVORK5CYII=); background-repeat: repeat; width: 100%; height: 90px; position: relative }
@media print, screen and (min-width:40em) {
.news .empty-news-image { height: 295px }
}
.news .empty-news-image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 50%; max-width: 60%; mix-blend-mode: multiply }
@media print, screen and (min-width:64em) {
.fuorisalone-news-tile .news { height: 385px }
.fuorisalone-news-tile .news picture img { max-height: 224px }
}
.autocomplete { width: 100%; position: relative }
.autocomplete input {
font-size:.9375rem; color: #777; width: 100%; padding:.4rem .4rem .4rem 1rem;
-webkit-transition: padding-left .1s ease; -moz-transition: padding-left .1s ease; -ms-transition: padding-left .1s ease; transition: padding-left .1s ease }
.autocomplete input::-webkit-input-placeholder {
color:#777
}
.autocomplete input::-moz-placeholder {
color:#777
}
.autocomplete input:-moz-placeholder {
color:#777
}
.autocomplete input:-ms-input-placeholder {
color:#777
}
@media screen and (max-width:63.9375em) {
.autocomplete input { padding: 0 3.5rem 0 3.5rem; border-left: 0; border-top: 0 }
}
.autocomplete input:focus { background: #fff }
.autocomplete input:focus~.icon-search { display: none }
.autocomplete ul { position: absolute; left: 0; width: 100%; border: 1px solid #e4e5e7; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-top: none; z-index: 11; margin: 0; background-color: #fff; padding-bottom:.6rem
}
@media screen and (max-width:63.9375em) {
.autocomplete ul { border: none; top: 60px }
}
.autocomplete ul li { text-align: left; list-style: none; font-size:.9375rem;
letter-spacing: .2px; line-height: 1 }
.autocomplete ul li.first { border-top: 1px solid #e4e5e7; margin-top:.6rem;
position: relative; padding:.4rem 1rem;
content: attr(data-label); display: block; font-size: 1rem; font-weight: 500 }
.autocomplete ul li.first:first-of-type { border: none; padding-top: 0 }
.autocomplete ul li.first:before {
padding:.4rem 1rem; display: block; font-size: 1rem; font-weight: 500; content: attr(data-label) }
.autocomplete ul li>span {
padding:.4rem 1rem; display: block; cursor: pointer; color: #5e5e5e; -webkit-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); transition: background-color .2s cubic-bezier(.19, .26, .17, .99) }
.autocomplete ul li>span .highlight { font-weight: 500; color: #0a0a0a }
.autocomplete ul li>span.ui-state-active { background-color: #f7f8fa }
.autocomplete ul li.active>span { background-color: #f7f8fa }
.autocomplete .highlight { font-weight: 500 }
.autocomplete-submit-button { position: absolute; right: 5px; top: 0; border: none !important; height: 100% }
.label { border: 1px solid transparent }
.label-middle { vertical-align: middle }
.label.small { border-radius: 2px; font-size: 9px; margin: 0 0 0 2px; padding:.2rem .2rem;
cursor: pointer }
.label.small:hover { text-decoration: none !important }
.label-tag { line-height: 2rem; height: 2rem; padding:0 .5rem;
border-radius: 4px; font-size:.875rem;
color: #777 }
.label-tag [data-close] { padding:0 .3125rem
}
.discount { border-color: #ff6363; color: #ff6363; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; font-weight: 500 }
.label[href] { -webkit-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); transition: background-color .2s cubic-bezier(.19, .26, .17, .99) }
.label[href]:hover { cursor: pointer }
.label[href].primary:hover { background-color: #181818 }
.label[href].secondary:hover { background-color: #dadada }
.label[href].success:hover { background-color: #628e34 }
.label[href].warning:hover { background-color: #cc8b00 }
.label[href].alert:hover { background-color: #ac3623 }
.label[href].shop:hover { background-color: #ff3030 }
.label[href].brand-ap:hover { background-color: #ffe036 }
.label[href].light:hover { background-color: #e6e6e6 }
.label[href].alpha:hover { background-color: transparent }
.label.primary { color: #fff }
.label.secondary { color: #0a0a0a }
.label.success { color: #fff }
.label.warning { color: #fff }
.label.alert { color: #fff }
.label.shop { color: #fff }
.label.brand-ap { color: #0a0a0a }
.label.light { color: #0a0a0a }
.label.alpha { color: #0a0a0a }
.profile-header-container { background: #f7f8fa; border-bottom: 1px solid #e4e5e8; padding-top: 1rem; margin-bottom: 1rem }
@media print, screen and (min-width:40em) {
.profile-header-container { margin-bottom: 0 }
}
.profile-header-container .tabs { margin-bottom: -1px }
.wrapper-header-image { background: #f7f8fa }
.profile-header-image { height: 330px; background-size: cover; width: 100%; background-position: center center; background-repeat: no-repeat }
@media print, screen and (min-width:64em) {
.profile-header-image { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden }
}
@media screen and (max-width:39.9375em) {
.profile-header-image { height: 100px }
}
.profile-header-image.no-image { height: 75px }
.profile-header-image.small-image { height: 100px }
.brand-object { margin-bottom: 1.8rem }
@media screen and (max-width:39.9375em) {
.brand-object { margin-bottom: 1rem }
.brand-object .media-object-section { display: block; text-align: center; margin-top: 5.5rem }
.brand-object .media-object-section:first-child { padding-right: 0; display: block; text-align: center; margin: auto }
.brand-object .media-object-section>:last-child { margin: auto; margin-top: -5rem }
}
.header-profile-logo { position: relative; width: 8rem; height: 8rem; background: #fff; border: 1px solid #e4e5e7 }
@media print, screen and (min-width:40em) {
.header-profile-logo { width: 10rem; height: 10rem; margin-top: -5rem }
}
.header-profile-logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding:.3rem;
max-width: 100%; max-height: 100% }
.header-profile-logo svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; fill: #777 }
.header-profile-info .name, .header-profile-info .job, .header-profile-info .country { margin: 0; font-size: 1.6rem }
@media screen and (max-width:39.9375em) {
.header-profile-info .name { font-size: 1.3rem }
}
.header-profile-info .job {
font-size:.9375rem; margin-bottom: 5px; color: #777 }
.header-profile-info .country { font-size:.9375rem
}
@media screen and (max-width:39.9375em) {
.header-profile-info .country { font-size: 14px }
}
.header-profile-info .country svg { vertical-align: top; height: 11px; margin-top: 4px }
.header-profile-info .link-al { display: block; margin-top: 8px; font-size:.875rem;
font-weight: 500 }
.header-profile-info .link-al:hover { text-decoration: underline }
.header-profile-info-buttons { margin-top: 10px }
.header-profile-info-buttons .button { margin-left:.5rem
}
.header-profile-info-buttons .header-profile-button { margin-right:.3rem
}
@media screen and (max-width:39.9375em) {
.header-profile-info-buttons .header-profile-button { font-size: 12px }
}
.header-profile-info-buttons .header-profile-button img, .header-profile-info-buttons .header-profile-button svg { fill: #000 }
@media screen and (max-width:39.9375em) {
.header-profile-info-buttons .header-profile-button img, .header-profile-info-buttons .header-profile-button svg { height: 11px }
}
.profile-overview-intro-text { font-family: "Noto Serif"; font-size: 1rem }
.profile-overview-intro-text .intro-description-toggler-button { font-weight: 700 !important }
@media print, screen and (min-width:40em) {
.profile-overview-intro-text { margin-top: 2rem }
}
.profile-overview-intro-text:first-letter { font-size: 34px; line-height: 40px }
.profile-overview-intro-text h1, .profile-overview-intro-text h2, .profile-overview-intro-text h3, .profile-overview-intro-text h4 { font-family: "Noto Serif" }
.profile-overview-intro-text strong, .profile-overview-intro-text b { font-weight: 700 }
.profile-overview-intro-text a { font-weight: 700; text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.5) 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: 0 100%; -webkit-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); transition: background-color .2s cubic-bezier(.19, .26, .17, .99) }
.profile-overview-intro-text a:hover { background-color: #f7f8fa }
.profile-overview-intro-text a svg { vertical-align: middle }
.profile-overview-intro-text p { margin-bottom: 0 }
.responsive-embed.flex-video iframe { width: auto; height: auto }
@media print, screen and (min-width:40em) {
.responsive-embed.flex-video iframe { max-height: 70%; max-width: 70%; width: 100% !important; height: 100% !important }
}
@media screen and (min-width:40em) {
.responsive-embed.flex-video iframe { width: auto !important; height: auto !important }
}
@media print, screen and (min-width:64em) {
.responsive-embed.flex-video iframe { max-height: 70%; max-width: 70%; width: 100% !important; height: 100% !important }
}
.event-box { width: 100%; border: 1px solid #e4e5e7; padding: 1rem; display: block; background: #f7f8fa }
.event-box h2 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem }
.event-box h3 { font-size: 1rem; font-weight: 500 }
.event-box p { margin-bottom: 0; font-size:.875rem
}
.event-box p.place { margin-bottom: 1rem }
.event-box .linkFairDisabled { cursor: default !important }
.event-carousel .owl-dots { position: relative; margin-top: -30px }
.download-app-box { border: 1px solid #e4e5e7; padding: 1rem; display: block; background: #f7f8fa }
.download-app-box h2 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem }
.download-app-box .img-store { margin-top: 1rem; display: block }
.prize-box { border: 1px solid #e4e5e7; padding: 1rem; display: block; background: #f7f8fa }
.prize-box h2 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem }
.prize-box h4 {
font-size:.8125rem; margin-top: 1rem }
@media screen and (max-width:39.9375em) {
.prize-box { margin-top: 1rem; margin-bottom: 1rem }
}
.profile-about-social { margin-bottom: 12px }
.profile-about-social a {
padding:.5rem .2rem; display: inline-block }
.profile-about-social a:hover img, .profile-about-social a:hover svg { fill: #313131 }
.profile-about-social a img, .profile-about-social a svg { height: 16px; fill: #9b9b9b; display: inline-block; vertical-align: middle }
.profile-about-head h2 { font-size: 1.25rem; font-weight: 500 }
.profile-about-head address {
font-size:.8125rem; font-style: normal }
@media screen and (max-width:39.9375em) {
.profile-about-head .profile-about-info-buttons { width: 44%; float: right; display: inline-block }
}
.profile-about-head .profile-about-info-buttons .profile-about-contact-button { text-transform: capitalize !important; margin-right: 6px; padding-left: 35px; position: relative }
.profile-about-head .profile-about-info-buttons .profile-about-contact-button img, .profile-about-head .profile-about-info-buttons .profile-about-contact-button svg { margin-right: 6px; position: absolute; top: 8px; left: 10px; height: 18px }
@media screen and (max-width:39.9375em) {
.profile-about-head .profile-about-info-buttons .profile-about-contact-button img, .profile-about-head .profile-about-info-buttons .profile-about-contact-button svg { height: 14px }
}
@media screen and (max-width:39.9375em) {
.profile-about-head .profile-about-info-buttons .profile-about-contact-button { float: right; display: inline-block }
}
@media screen and (max-width:39.9375em) {
.profile-about-head .profile-about-info-buttons .profile-about-website-button { width: 34px; float: left; display: inline-block; padding: 10px 0; float: right; margin-right: 6px }
}
.profile-about-head .profile-about-info-buttons .profile-about-website-button img, .profile-about-head .profile-about-info-buttons .profile-about-website-button svg { height: 14px; fill: #000 }
.profile-about-body {
margin-top:.75rem; margin-bottom: 1.5rem; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.125rem }
.profile-about-body p, .profile-about-body h2 { font-family: Georgia, 'Times New Roman', Times, serif }
.reseller-tile { background: #f7f8fa; padding: 1rem; display: block; margin-bottom:.7rem;
overflow: hidden }
@media print, screen and (min-width:40em) {
.reseller-tile { padding: 1.875rem }
}
.reseller-tile .reseller-tile-logo { width: 5rem; height: 5rem; margin-bottom: 1rem; background: #fff; position: relative }
@media print, screen and (min-width:40em) {
.reseller-tile .reseller-tile-logo { margin-bottom: 0 }
}
.reseller-tile .reseller-tile-logo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 5px; max-width: 100%; max-height: 100% }
@media print, screen and (min-width:40em) {
.reseller-tile .reseller-tile-logo img { max-width: 100%; max-height: 100% }
}
.reseller-tile .reseller-tile-logo svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; fill: #777 }
.reseller-tile h2, .reseller-tile h4 { font-size: 1rem; font-weight: 500; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.reseller-tile .reseller-address, .reseller-tile adress { color: #777; font-style: normal; font-size:.8125rem;
display: inline-block }
@media print, screen and (min-width:40em) {
.reseller-tile .reseller-address, .reseller-tile adress {
font-size:.875rem; line-height: 21px }
}
.reseller-tile .reseller-tile-direction { color: #777 }
.reseller-tile .reseller-tile-direction p { float: left; font-size:.8125rem;
margin-bottom: 0 }
.reseller-tile .reseller-tile-direction span { float: right; display: inline-block; font-size:.8125rem
}
.reseller-profile { margin-bottom: 30px; margin-top: 30px }
.reseller-profile-info h2 { font-size: 1.25rem; font-weight: 500 }
.reseller-profile-time address {
font-size:.8125rem; color: #313131; font-style: normal; margin-bottom: 12px }
.reseller-profile-time h6 { font-weight: 500; font-size:.8125rem
}
.reseller-profile-time h4 { font-size: 1.25rem; font-weight: 500 }
.reseller-profile-time p { font-size:.8125rem
}
.reseller-profile-closing-time h6 { font-weight: 500; margin-bottom: 4px; display: inline-block }
.reseller-profile-other-brand { margin-bottom: 30px }
.header-fiere-container { padding-top: 1rem; background: #f7f8fa; border-bottom: 1px solid #e4e5e8; margin-bottom: 1rem }
@media print, screen and (min-width:40em) {
.header-fiere-container { margin-bottom: 0 }
}
.header-fiere-container.header-multi-fiere { margin-bottom: 0; padding-top: 0; background: #fff }
.header-fiere-container.header-multi-fiere .menu li a { font-size: 15px; color: #313131 }
@media print, screen and (min-width:40em) {
.header-fiere-container.header-multi-fiere .menu li a { line-height: 50px; border-bottom: 2px solid transparent }
}
@media print, screen and (min-width:40em) {
.header-fiere-container.header-multi-fiere .menu li a.active, .header-fiere-container.header-multi-fiere .menu li a:hover { border-bottom: 2px solid #313131 }
}
.header-fiere-container.header-multi-fiere .menu li a.active { font-weight: 500 }
.header-fiere { padding-top: 38px; padding-bottom: 34px }
.header-fiere h1 { margin: 0; padding: 4px 0 0; font-size: 2.125rem }
.header-fiere p { margin: 0; padding: 0; font-size: 1.125rem }
.header-fiere-logo { width: 90px; height: 90px; background: #fff; padding: 10px; margin-right: 35px; border: 1px solid #f7f8fa }
.header-fiere-button a { margin-top: 12px }
#events-main-gallery .item img { display: block; width: 100%; height: auto }
.menu-fiere .tabs { margin-bottom: -1px }
.fairs-content .tabs-panel { padding-top: 0 }
.event-gallery { overflow: hidden; margin-top: 0; margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.event-gallery { margin-top: 2rem; margin-bottom: 2rem }
}
.event-gallery .events-gallery-nav .prev { position: absolute; left: -60px; z-index: 2; top: 160px; opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
.event-gallery .events-gallery-nav .next { position: absolute; right: -60px; z-index: 2; top: 160px; opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
.event-gallery:hover .events-gallery-nav .prev { left: 20px; opacity: 1; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
.event-gallery:hover .events-gallery-nav .next { right: 20px; opacity: 1; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in }
.event-gallery .owl-dots { position: absolute; bottom: 10px; width: 100%; z-index: 10 }
.mdw-boxes a { display: block; background: #f7f7f7; margin-bottom: 15px; overflow: hidden }
.mdw-boxes a p { padding-left: 365px; padding-top: 30px }
.fair-partner { display: block }
.fair-partner:hover { background: #f7f8fa }
.js-off-canvas-overlay { background: rgba(10,10,10,.25) }
.js-off-canvas-overlay.is-overlay-fixed { position: fixed; z-index: 1 }
.video-tile { display: block; margin-bottom: 1.5rem; position: relative }
.video-tile .img-placeholder { position: relative; text-align: center; background: #e4e5e7 }
.video-tile .img-placeholder img { background: #e4e5e7; text-indent: -99999px; overflow: hidden }
@media screen and (min-width:40em) {
.video-tile .img-placeholder img { min-height: 135px }
}
.video-tile .img-placeholder:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: background .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background .2s cubic-bezier(.19, .26, .17, .99); transition: background .2s cubic-bezier(.19, .26, .17, .99) }
.video-tile .img-placeholder:hover:after { background: rgba(0,0,0,.2) }
.video-tile .title { display: block; font-size:.875rem;
padding: 6px 2px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; border: 1px solid #ddd; border-top: none; padding: 15px; background: #fff }
.video-tile .video-icon-player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; margin: auto; width: 4rem; height: 4rem }
@media screen and (max-width:39.9375em) {
.video-tile .video-icon-player { width: 2rem; height: 2rem }
}
.video-tile .video-icon-player img, .video-tile .video-icon-player svg { width: 100%; height: 100%; fill: #fff }
.video-tile .video-icon-player img line, .video-tile .video-icon-player img circle, .video-tile .video-icon-player svg line, .video-tile .video-icon-player svg circle { stroke: #fff }
.presencesTile { border: 1px solid #ccc; min-height: 200px; display: block; box-sizing: border-box; padding: 1rem }
.focus-box-container { margin-bottom: 1.875rem; border: 1px solid #e4e5e7; display: block; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.25rem; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.focus-box-container::before { content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: -moz-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: -webkit-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: -ms-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f9', endColorstr='#dedfe8', GradientType=0);
-webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0 }
:hover.focus-box-container::before { opacity: 1 }
@media print, screen and (min-width:40em) {
.focus-box-container { padding: 2.5rem }
}
.focus-box-container .arrow-focus { display: block; position: absolute; right: 10px; top: 0; bottom: 0; left: auto; margin: auto; width: 1rem; height: 2rem }
@media print, screen and (min-width:40em) {
.focus-box-container .arrow-focus { display: none }
}
.focus-box-container h2 { position: relative; font-family: 'Noto Serif'; font-weight: 700; font-size: 1.575rem; line-height: 2.2rem; margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.focus-box-container h2 { font-size: 1.875rem; line-height: 2.5rem; margin-bottom: 20px }
}
.focus-box-container .thumbs img { mix-blend-mode: multiply; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.focus-box-container .number { color: #777; margin-bottom: 0; position: relative; font-size: 12px; margin-bottom: 10px }
@media print, screen and (min-width:40em) {
.focus-box-container .number { font-size: 16px; margin-bottom: 0 }
}
.focus-box-container .icon-share { position: absolute; bottom: 0; right: 0; padding: 2.5rem }
.focus-box-container .icon-share svg { fill: #777 }
.focus-box-container.large img:nth-child(1), .focus-box-container.large img:nth-child(2), .focus-box-container.large img:nth-child(3) { width: 33.333% }
.focus-box-container.large img:nth-child(3) { clear: none !important }
.focus-box-container.large img:nth-child(4) { clear: both }
.focus-box-container.large img { width: 25% }
.callout { padding: 0 }
@media screen and (max-width:63.9375em) {
.callout.small-padding { padding: 1rem !important }
}
@media print, screen and (min-width:64em) {
.callout { padding: 1.5rem }
}
.callout.light { background-color: #f7f8fa }
.callout.transparent { background-color: transparent; border-color: transparent }
.callout.alert { border: none; background-color: #d4452e; color: #fff; padding:.8125rem .9375rem !important;
font-size:.8125rem;
margin: 0; margin-bottom: 1rem }
.callout.success {
font-size:.875rem; margin: 0; padding:.8125rem .9375rem !important;
color: #557b2d; background: #e1efd2; border: none; margin-bottom: 1rem }
.callout.success a { text-decoration: underline; color: #557b2d }
.callout h5 { margin: 1rem 0; text-align: center }
@media print, screen and (min-width:64em) {
.callout h5 { text-align: left }
}
.callout.box-product-info { border-color: transparent }
@media print, screen and (min-width:64em) {
.callout.box-product-info { border-color: #e4e5e7; background-color: #f7f8fa }
}
.callout.box-product-contact { border-color: transparent }
@media print, screen and (min-width:64em) {
.callout.box-product-contact { border-color: #e4e5e7 }
}
.widget-1 { display: block }
.widget-1 .img-placeholder { position: relative; overflow: hidden }
.widget-1 .img-placeholder img { -webkit-transition: transform .5s ease, opacity .5s ease !important; -moz-transition: transform .5s ease, opacity .5s ease !important; -ms-transition: transform .5s ease, opacity .5s ease !important; transition: transform .5s ease, opacity .5s ease !important }
@media print, screen and (min-width:64em) {
:hover.widget-1 .img-placeholder img { -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) }
}
.widget-1 figure { position: relative }
.widget-1 figure img { width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.widget-1 figure figcaption { position: absolute; z-index: 1; top: 0; left: 0; margin: 1rem }
@media print, screen and (min-width:40em) {
.widget-1 figure figcaption { margin: 2rem }
.large-7 figure figcaption { margin-right: 30% }
.large-5 figure figcaption { margin-right: 40% }
}
.widget-1 figure figcaption h2 { font-size: 1.25rem; letter-spacing: .2px; color: #0a0a0a }
@media print, screen and (min-width:64em) {
.widget-1 figure figcaption h2 { font-size: 1.625rem }
}
.widget-1 figure figcaption p { font-size: 1rem; line-height: 1.3; letter-spacing: .2px; display: none }
@media print, screen and (min-width:64em) {
.widget-1 figure figcaption p { display: block }
}
.home-category-tile { position: relative; display: block; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.home-category-tile figcaption { position: absolute; top: 0; left: 0; margin: 1rem }
@media print, screen and (min-width:40em) {
.home-category-tile figcaption { margin: 2rem }
}
.home-category-tile figcaption .title { font-size: 1.375rem }
.home-category-tile figcaption .description {
font-size:.875rem; display: block }
.more-streaming { width: 100%; text-align: center }
@media print, screen and (min-width:40em) {
.more-streaming { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; height: 410px; padding-top: 250px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 45%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 45%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 45%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 45%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='white', GradientType=0)
}
}
.widget-banner { position: relative; padding: 3rem 0 }
.widget-banner.primary { background-color: #313131 }
.widget-banner.primary div, .widget-banner.primary p, .widget-banner.primary b { color: #fff }
.widget-banner.secondary { background-color: #f3f3f3 }
.widget-banner.secondary div, .widget-banner.secondary p, .widget-banner.secondary b { color: #0a0a0a }
.widget-banner.success { background-color: #7cb342 }
.widget-banner.success div, .widget-banner.success p, .widget-banner.success b { color: #fff }
.widget-banner.warning { background-color: #ffae00 }
.widget-banner.warning div, .widget-banner.warning p, .widget-banner.warning b { color: #fff }
.widget-banner.alert { background-color: #d4452e }
.widget-banner.alert div, .widget-banner.alert p, .widget-banner.alert b { color: #fff }
.widget-banner.shop { background-color: #ff6363 }
.widget-banner.shop div, .widget-banner.shop p, .widget-banner.shop b { color: #0a0a0a }
.widget-banner.brand-ap { background-color: #ffe869 }
.widget-banner.brand-ap div, .widget-banner.brand-ap p, .widget-banner.brand-ap b { color: #0a0a0a }
.widget-banner.light { background-color: #fff }
.widget-banner.light div, .widget-banner.light p, .widget-banner.light b { color: #0a0a0a }
.widget-banner.alpha { background-color: transparent }
.widget-banner.alpha div, .widget-banner.alpha p, .widget-banner.alpha b { color: #fff }
.widget-banner.bg-image { background-position: center; background-repeat: no-repeat; background-size: cover }
.widget-banner .content-text { position: relative; z-index: 1 }
.widget-banner h5 { font-size: 1.875rem; font-weight: 500 }
.large.widget-banner h5 { font-size: 2.25rem }
.widget-banner .lead {
font-size:.875rem; color: #777 }
.large.widget-banner .lead { font-size: 1.375rem; font-weight: 300 }
.widget-banner input { border-color: #e4e5e7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.widget-banner.overlay::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10,10,10,.5); z-index: 0 }
.widget-brand { padding: 1rem 0 }
.widget-brand p { font-size:.875rem
}
.best-brand { display: block; padding: 1.1rem; background: #fff; margin-bottom: 0 }
.best-brand img { width: 100%; display: block }
.fairSponsorBg { background: #f7f8fa; padding-top: 1rem; margin-bottom: 1rem }
[data-id="static3-4"] figure { display: block; position: relative; padding-bottom: 53.33333%; overflow: hidden }
[data-id="static3-4"] figure img { max-height: 100%; width: auto; position: absolute }
[data-id="static3-4"] figure img[src=""] { opacity: 0 }
[data-id="static3-4"] figure img:not([src]) { opacity: 0 }
[data-id="banner7-5"] .medium-7 figure, [data-id="banner5-7"] .medium-7 figure { display: block; position: relative; padding-bottom: 85%; overflow: hidden }
@media print, screen and (min-width:40em) {
[data-id="banner7-5"] .medium-7 figure, [data-id="banner5-7"] .medium-7 figure { padding-bottom: 59.88024% }
}
[data-id="banner7-5"] .medium-7 figure img, [data-id="banner5-7"] .medium-7 figure img { position: absolute }
[data-id="banner7-5"] .medium-7 figure img[src=""], [data-id="banner5-7"] .medium-7 figure img[src=""] { opacity: 0 }
[data-id="banner7-5"] .medium-7 figure img:not([src]), [data-id="banner5-7"] .medium-7 figure img:not([src]) { opacity: 0 }
[data-id="banner7-5"] .medium-5 figure, [data-id="banner5-7"] .medium-5 figure { display: block; position: relative; padding-bottom: 84.45946%; overflow: hidden }
[data-id="banner7-5"] .medium-5 figure img, [data-id="banner5-7"] .medium-5 figure img { position: absolute }
[data-id="banner7-5"] .medium-5 figure img[src=""], [data-id="banner5-7"] .medium-5 figure img[src=""] { opacity: 0 }
[data-id="banner7-5"] .medium-5 figure img:not([src]), [data-id="banner5-7"] .medium-5 figure img:not([src]) { opacity: 0 }
#categoryCarousel { background-color: #fff; border-bottom: 1px solid #eaeaea; padding: 0; width: 100%; margin: 0 auto; padding-top: 10px }
@media screen and (min-width:40em) {
#categoryCarousel { max-width: 80em }
}
#categoryCarousel h4 { text-transform: uppercase; font-size: .6em; text-align: center; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-weight: 500 }
#categoryCarousel ul { list-style-type: none; padding: 0; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; margin-bottom: 0 }
#categoryCarousel li { display: inline-block; position: relative; text-align: left; width: auto; height: 100px; margin: 0 3px }
@media screen and (min-width:40em) {
#categoryCarousel li { height: 200px }
}
#categoryCarousel li img { border-radius: 50% }
@media screen and (max-width:39.9375em) {
#categoryCarousel li img { width: 70px; height: 70px }
}
#categoryCarousel li img[src=""] { opacity: 0 }
#categoryCarousel li img:not([src]) { opacity: 0 }
#categoryCarousel li .caption { position: absolute; bottom: 0; left: 0; right: 0; white-space: normal }
.brand { border: 1px solid #e4e5e7; padding-bottom: 2rem; background-color: #fff; -webkit-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99) }
.brand:hover { background-color: #eaedf2 }
.brand .media-object { margin: 1rem }
@media print, screen and (min-width:40em) {
.brand .media-object { margin: 2rem 2rem 1.5rem 2rem }
}
.brand .media-object .media-object-section:first-child { padding-right:.7rem
}
.brand .media-object .media-object-section .thumbnail { padding:.3rem
}
.designers.brand .media-object .media-object-section .thumbnail { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.designers.brand .media-object .media-object-section .thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.brand .media-object .media-object-section .thumbnail img { width: 3rem; height: 3rem; display: inline }
@media print, screen and (min-width:40em) {
.brand .media-object .media-object-section .thumbnail img { width: 4rem; height: 4rem }
}
.brand .media-object .media-object-section .brand-title { margin: 0; font-size:.9375rem;
font-weight: 500 }
@media print, screen and (min-width:40em) {
.brand .media-object .media-object-section .brand-title { white-space: normal; font-size: 1.375rem }
}
.brand .media-object .media-object-section .location {
font-size:.8rem; color: #777 }
@media print, screen and (min-width:40em) {
.brand .media-object .media-object-section .location { font-size:.875rem
}
}
.brand .media-object .media-object-section .location svg {
width:.5rem; vertical-align: top; margin-top: 2px }
.brand .media-object .media-object-section .location svg path { fill: #777 }
.brand .content-product { margin: 0 1rem; position: relative; overflow: hidden; max-height: 195px }
@media print, screen and (min-width:40em) {
.brand .content-product { margin: 0 2rem; max-height: none; padding-bottom: 1.5rem }
}
.brand .content-product .owl-dots { position: absolute; width: 100%; bottom: -2rem }
:hover.brand .content-product .owl-nav .owl-prev { left: 0; -webkit-transition: left .2s ease; -moz-transition: left .2s ease; -ms-transition: left .2s ease; transition: left .2s ease }
:hover.brand .content-product .owl-nav .owl-next { right: 0; -webkit-transition: right .2s ease; -moz-transition: right .2s ease; -ms-transition: right .2s ease; transition: right .2s ease }
.map-container { height: 450px; position: relative; margin-bottom: 30px }
.map-container .map { width: 100%; height: 450px; background-color: #f5f5f5; margin-bottom: 30px }
.map-container .map .labels { color: #fff; text-align: center; margin: 0 auto; display: inline-block; width: 24px; height: 24px; line-height: 24px }
.map-container .map-place { width: 200px; position: absolute; left: 30px; top: 15px; -webkit-appearance: none; appearance: none; border-radius: 2px; border: none; box-shadow: 0 1px 2px rgba(0,0,0,.1) }
.map-container .map-toggle-icon { position: absolute; width: 30px; height: 30px; border-radius: 2px; right: 30px; bottom: 12px; background: #fff; padding: 8px; cursor: pointer !important }
.map-container .map-toggle-icon img, .map-container .map-toggle-icon svg { width: 14px; fill: #777; cursor: pointer !important }
.map-container .map-popUp { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); box-sizing: border-box; padding: 20px }
.map-container .map-popUp:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 9px 0 9px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -9px; left: 30px }
.map-container .map-popUp:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: rgba(0,0,0,.1) transparent transparent transparent; position: absolute; bottom: -10px; left: 29px }
.map-container .map-popUp .map-popUp-logo { width: 70px; height: 70px; border: 1px solid #e4e5e7; padding: 10px; float: left; position: relative; line-height: 50px }
.map-container .map-popUp .map-popUp-logo img { max-width: 50px; max-height: 50px; background: #fff }
.map-container .map-popUp .map-popUp-logo img[src=''] { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; max-width: none; max-height: none; display: block; background-image: url("../../images/icon-house.svg"); background-repeat: no-repeat; background-position: center center; opacity: .3; text-indent: -999px; overflow: hidden }
.map-container .map-popUp .map-popUp-text { padding-left: 90px }
.map-container .map-popUp .map-popUp-text .map-popUp-name { font-size: 15px; font-weight: 500 }
.map-container .map-popUp .map-popUp-text .map-popUp-adress { font-size: 13px }
.map-container .map-popUp .map-popUp-text .map-popUp-link { font-size: 13px; text-decoration: underline; margin-top: 6px; display: inline-block }
#geoRes { position: absolute !important; overflow: hidden !important; overflow-y: auto !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 10px 15px !important; width: 280px !important; height: 100% !important; left: 662px !important; top: 0 !important; background: #f9f9f9 !important; box-shadow: -1px 0 0 rgba(0,0,0,.08), 0 -1px 0 rgba(0,0,0,.06), 1px 0 0 rgba(0,0,0,.06), 0 1px 0 rgba(0,0,0,.08), inset 1px 0 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(255,255,255,.8) !important }
.accordion-products .accordion-title { border: none; border-top: 1px solid #e4e5e7; font-size: 1.125rem; font-weight: 500 }
.accordion-products .accordion-title::before { content: ''; top: 1.9rem; line-height:.7rem;
background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: 100%; width: 15px; height: 15px }
.is-active>.accordion-title::before { background-image: url("/images/icon-minus.svg") }
.accordion-products .accordion-content { border: none; font-size:.9375rem
}
.navigation-accordion { background: none }
@media screen and (max-width:39.9375em) {
.navigation-accordion { margin-bottom: 0 }
}
.navigation-accordion .accordion-item.is-active svg, .navigation-accordion .accordion-item.is-active img { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.navigation-accordion .accordion-title { border: none !important; font-size: 1rem; font-weight: 500 }
@media print, screen and (min-width:40em) {
.navigation-accordion .accordion-title { padding-left: 0 }
}
.navigation-accordion .accordion-title:before { opacity: 0 }
@media print, screen and (min-width:40em) {
.navigation-accordion .accordion-title:hover, .navigation-accordion .accordion-title:focus { background: none; cursor: default }
}
.navigation-accordion .accordion-title>span { display: inline-block }
.navigation-accordion .accordion-title>span.ico { margin-right: 5px }
.navigation-accordion .accordion-content { background: none; border: none !important }
@media print, screen and (min-width:40em) {
.navigation-accordion .accordion-content { padding: 0 }
}
@media print, screen and (min-width:64em) {
.navigation-accordion .accordion-content { display: block !important }
}
.navigation-accordion .accordion-content>ul li>a {
padding:.5rem 0;
font-size:.875rem; display: inline-block }
.navigation-accordion .accordion-content>ul li>a:hover { text-decoration: underline }
.bim-accordion ul { padding-top: 6px }
.bim-accordion ul li a { font-size: 13px; line-height: 18px; padding-bottom: 6px; display: inline-block }
.bim-accordion ul li a:hover { text-decoration: underline }
.designer-object .thumbnail { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0 }
.designer-object .thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.designer-object .designer-intro {
font-size:.8125rem; color: #777 }
.designer-object .designer-name { font-size: 1rem; font-weight: 500 }
.composite-box-container { background-color: #f7f8fa; margin-bottom: 1.875rem; padding: 1rem; display: block; border: 1px solid #e4e5e7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99); transition: border-color .2s cubic-bezier(.19, .26, .17, .99), background-color .2s cubic-bezier(.19, .26, .17, .99) }
.composite-box-container:hover { background-color: #eaedf2 }
.composite-box-container .wrap-logo { display: table; margin: 0 auto 1rem }
.composite-box-container .wrap-logo .thumbnail { background: transparent; border: none }
.composite-box-container .wrap-logo .thumbnail img { mix-blend-mode: multiply }
.composite-box-container .composite-box-products-container { padding-bottom: 1.875rem }
.composite-box-container .composite-box-products-container .thumb { float: left; width: 50% }
.composite-box-container .composite-box-products-container img { border: 1px solid transparent; mix-blend-mode: multiply }
.composite-box-container .composite-box-info-container { padding-bottom: 20px }
.composite-box-container .composite-box-info-container h2, .composite-box-container .composite-box-info-container h4 { font-weight: 500; font-size: 1.125rem; line-height: 1.5rem }
.composite-box-container .composite-box-info-container p { font-weight: 400; font-size:.8125rem;
line-height: 1.3125rem; margin-bottom: 0 }
.my-products-global-container { min-height: 400px }
.my-products-global-container .history-back a { color: #777; font-size:.9375rem;
line-height: 30px }
.my-products-global-container .history-back img { transform: rotate(-180deg); margin-right: 6px }
.my-products-global-container .history-back svg { vertical-align: middle !important }
.my-products-global-container .my-products-modify-list-name { cursor: pointer }
.my-products-global-container .my-products-modify-list-name svg { width: 12px; fill: #666 }
.my-products-global-container .my-products-container { margin-top: 30px }
@media screen and (max-width:63.9375em) {
.my-products-global-container .my-products-container .add-list-mobile { margin: 0 auto !important }
.my-products-global-container .my-products-container .float-right.add-list-mobile { float: none !important }
.my-products-global-container .my-products-container #product-list-mobile { text-align: center }
}
.my-products-global-container .my-products-container h1 { margin: 0; font-weight: 500; font-size: 30px }
.my-products-global-container .my-products-container .desc { color: #777; font-size: 1rem; position: relative; padding-bottom: 18px; padding-top: 6px }
.my-products-global-container .my-products-container .desc a svg { vertical-align: sub }
@media screen and (min-width:40em) {
.my-products-global-container .my-products-container .desc a:hover { text-decoration: underline }
}
.my-products-global-container .my-products-container .warningTextIcon { display: inline-block; width: 24px; height: 24px; border-radius: 20px; border: 1px solid #eee; text-align: center }
.my-products-global-container .my-products-info p {
font-size:.875rem; margin-bottom: 0; font-weight: 500 }
.my-products-global-container .my-products-number-item p { font-size: 1rem }
.my-products-global-container .callout p { padding: 1rem !important; color: #777 }
@media screen and (max-width:63.9375em) {
.my-products-global-container .manageProductsList { width: 100% }
}
.my-products-list { margin-top: 12px }
.my-products-list .card { border: none; height: 290px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; position: relative; margin-bottom: 30px; overflow: hidden; background-color: #313131; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.my-products-list .card:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; z-index: 2 }
.my-products-list .card h2 { padding-top: 110px; font-size: 28px; font-weight: 500; position: relative; z-index: 4 }
.my-products-list .card p { font-size: 16px; position: relative; z-index: 3 }
.my-products-list .warningTextIcon { display: inline-block; width: 24px; height: 24px; border-radius: 20px; border: 1px solid #fff; text-align: center; color: #fff; position: absolute; right: 6px; top: 6px; z-index: 10; box-shadow: 0 1px 2px rgba(0,0,0,.2) }
.my-products-list-products input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin: 0; opacity: 0; height: 0; width: 0; display: none }
.my-products-list-products input[type="checkbox"]:checked+.myProductCheckToModify { background: #7cb342; border: none; box-shadow: none }
.my-products-list-products input[type="checkbox"]:checked+.myProductCheckToModify svg { display: inline-block; fill: #fff }
.my-products-list-products .myProductCheckToModify { position: absolute; right: 0; top: 6px; width: 25px; height: 25px; display: block; background: #fff; z-index: 10; border-radius: 25px; text-align: center; line-height: 20px; border: 1px solid #d7d8d9; box-shadow: inset 0 0 4px #b2b2b2; -webkit-box-shadow: inset 0 0 4px #b2b2b2; -moz-box-shadow: inset 0 0 4px #b2b2b2; -o-box-shadow: inset 0 0 4px #b2b2b2 }
.my-products-list-products .myProductCheckToModify svg { display: none; fill: #fff }
.setting-dropdown-button:after { vertical-align: super !important; margin-left:.7rem !important
}
.setting-dropdown-pane { width: 170px; padding: 0 !important; z-index: 11 }
@media screen and (min-width:40em) {
.setting-dropdown-pane { width: auto !important }
}
.setting-dropdown-pane a { border-bottom: 1px solid #e4e5e7 }
.setting-dropdown-pane a:hover { background: #f7f8fa }
.myProductsStatusBar { padding: 12px; background: #7cb342; position: fixed; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 38px; z-index: 100 }
@media screen and (max-width:39.9375em) {
.myProductsStatusBar .flex-row { display: flex; align-items: center }
.myProductsStatusBar .flex-row .small-4 { order: 2 }
.myProductsStatusBar .flex-row .small-8 { order: 1 }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.myProductsStatusBar .flex-row .secondary { font-size: 11px; line-height: 1rem }
}
.myProductsStatusBar .button.disabled.secondary:hover, .myProductsStatusBar .button.disabled.secondary:focus, .myProductsStatusBar .button[disabled].secondary:hover, .myProductsStatusBar .button[disabled].secondary:focus { color: #0a0a0a }
.myProductsStatusBar .manage-products-abort { color: #fff; line-height: 23px; font-size: 16px; padding:.5rem
}
@media screen and (max-width:39.9375em) {
.myProductsStatusBar .manage-products-abort { font-size: 12px }
}
.myProductsStatusBar .manage-products-abort svg { fill: #fff !important; margin-right: 6px }
.myProductsStatusBar .manage-products-abort:hover { color: #fff }
@media screen and (max-width:39.9375em) {
.myProductsStatusBar .manage-products-abort { float: right }
.myProductsStatusBar .manage-products-abort svg { float: right; margin-right: 0; margin-left: 6px; width: 18px; margin-bottom: 0 }
}
.remove-product { position: absolute; right:.6rem;
top:.6rem;
z-index: 1; width: 23px; height: 23px; text-align: center; line-height: 16px; background: rgba(215,216,217,.6); -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px }
.remove-product:hover { background: #313131 }
.remove-product:hover svg { fill: #fff }
.my-products-panel-list .dropdown-pane { padding: 0; max-width: 260px }
.my-products-panel-list .dropdown-pane h5 { font-size: 1rem; padding: 12px; border-bottom: 1px solid #e4e5e7; font-weight: 500; margin-bottom: 0 }
.my-products-panel-list .dropdown-pane:before { right: 10px !important }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane { position: fixed; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; transform: translateX(0) !important; top: auto !important; max-width: none; z-index: 9999; border: 0 !important }
.my-products-panel-list .dropdown-pane:before { content: none !important }
}
@media screen and (min-width:40em) {
.my-products-panel-list .dropdown-pane .my-products-pane-list { max-height: 200px; overflow-y: auto }
}
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane .my-products-pane-list { max-height: none; overflow-y: auto }
.my-products-panel-list .dropdown-pane .my-products-pane-list:after { content: attr(name); background: #f7f8fa; position: absolute; left: 0; right: 0; font-size: 11px; padding:.4375rem .9375rem;
color: #777; border-bottom: 1px solid #d7d8d9; top: -32px }
}
.my-products-panel-list .dropdown-pane li { display: block; padding: 0; margin: 0; -webkit-transition: background .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background .2s cubic-bezier(.19, .26, .17, .99); transition: background .2s cubic-bezier(.19, .26, .17, .99) }
.my-products-panel-list .dropdown-pane li:hover { background: #f7f8fa }
.my-products-panel-list .dropdown-pane .my-products-checked { float: right; display: none; padding-right:.75rem;
position: relative }
.my-products-panel-list .dropdown-pane .my-products-checked svg { fill: #7cb342 }
.my-products-panel-list .dropdown-pane .my-products-checked:before { content: 'Saved'; position: absolute; right: 36px; font-size: 12px; top: 9px; color: #ff6363; font-weight: 500; opacity: 0 }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane .my-products-checked:before { line-height: 2.5 }
}
.my-products-panel-list .dropdown-pane label { display: block; border-bottom: 1px solid #e4e5e7; margin-left: 0; font-size:.875rem;
padding:.4375rem .9375rem;
margin: 0; position: relative; z-index: 1 }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane label { line-height: 2.5 }
}
.my-products-panel-list .dropdown-pane label:hover { cursor: pointer }
.my-products-panel-list .dropdown-pane input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin: 0; opacity: 0; height: 0; width: 0; display: none }
.my-products-panel-list .dropdown-pane .my-product-new-list-input::-webkit-input-placeholder {
color:#999
}
.my-products-panel-list .dropdown-pane .my-product-new-list-input:focus::-webkit-input-placeholder {
color:#d0d0d0
}
.my-products-panel-list .dropdown-pane .my-product-new-list-input, .my-products-panel-list .dropdown-pane .my-product-new-list-input:focus { width: 50%; -webkit-appearance: none; border: none; box-shadow: none; margin: 0; font-size:.875rem
}
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane .my-product-new-list-input, .my-products-panel-list .dropdown-pane .my-product-new-list-input:focus { width: 70%; height: 50px }
}
.my-products-panel-list .dropdown-pane .ico-add { padding-left:.9375rem
}
.my-products-panel-list .dropdown-pane .ico-add svg { fill: #777 }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane .ico-add { line-height: 1.8 }
}
.my-products-panel-list .dropdown-pane .my-products-add-list { margin: 2px 2px 0 }
.my-products-panel-list .dropdown-pane .my-products-add-list[disabled] { display: none }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .dropdown-pane .my-products-add-list { margin: 8px 5px }
}
.my-products-panel-list.my-products-reveal .dropdown-pane { visibility: visible; border: 0; width: 100%; max-width: 100%; position: relative }
.my-products-panel-list.my-products-reveal .dropdown-pane label { padding: 12px 1.5rem }
.my-products-panel-list.my-products-reveal .dropdown-pane .ico-add { padding-left: 1.5rem; padding-top:.25rem
}
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked { float: right; padding-right: 1.5rem; padding-top: 8px }
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked svg { fill: #ff6363 }
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked:before { right: 50px; top: 14px }
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list { border-bottom: 1px solid #e4e5e7 }
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input { padding: 0; margin: 4px 10px }
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input::-webkit-input-placeholder {
color:#999
}
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input:focus::-webkit-input-placeholder {
color:#d0d0d0
}
.my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-products-add-list { margin-right: 20px; margin-top: 8px }
.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked+.my-products-reveal-heart .my-products-added { display: block }
.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked+.my-products-reveal-heart .my-products-not-added { display: none }
.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked+.my-products-reveal-heart .icon { fill: #ff6363 }
.my-products-panel-list.my-products-reveal .my-products-reveal-heart { margin-top: 14px; margin-right: 20px; font-size: 13px; color: #777 }
.my-products-panel-list.my-products-reveal .my-products-reveal-heart .my-products-added { display: none }
.my-products-panel-list.my-products-reveal .my-products-reveal-heart .my-products-not-added { display: block }
.my-products-panel-list.my-products-reveal .my-products-reveal-heart .icon { margin-left: 10px; vertical-align: top }
@media screen and (max-width:39.9375em) {
.my-products-panel-list .my-products-blackpanel { opacity: .5; position: fixed; background-color: #000; z-index: 20; bottom: 0; top: 0; left: 0; right: 0; display: none }
}
@media screen and (max-width:39.9375em) {
.my-products-panel-list>span.is-open .my-products-blackpanel { display: block }
}
@media print, screen and (min-width:40em) {
.my-products-reveal-container { width: 400px !important }
}
.my-products-reveal-container .my-products-reveal-title { padding: 1.5rem 1.5rem 1rem; border-bottom: 1px solid #e4e5e7 }
.my-products-reveal-container .my-products-reveal-title img { max-width: 90px; max-height: 70px; margin-bottom: 10px; border: 1px solid #f7f8fa }
.my-products-reveal-container .my-products-reveal-title h5 { font-weight: 500; margin-top: 8px }
@media screen and (max-width:39.9375em) {
.my-products-reveal-container .dropdown-pane .my-products-pane-list:after { display: none }
}
@-webkit-keyframes fadeInFadeOut { 0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeInFadeOut { 0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeInFadeOut { 0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
.myProductsAdviceBaloon { position: absolute; top: 60px; right: 3.9rem; z-index: 1; width: 265px; font-size: 13px; border: solid 1px #e4e5e7 }
@media screen and (max-width:63.9375em) {
.myProductsAdviceBaloon { display: none }
}
.myProductsAdviceBaloon:after { content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; top: -10px; right: 30px }
.myProductsAdviceBaloon:before { content: ''; width: 0; height: 0; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #e4e5e7 transparent; position: absolute; top: -11px; right: 28px }
.myProductsAdviceBaloon .myProductsAdviceBaloonContainer { background: #fff; padding: 16px 20px !important; box-shadow: 0 1px 5px rgba(0,0,0,.1); border-radius: 2px }
.myProductsAdviceBaloon .myProductsAdviceBaloonContainer p { margin-bottom:.7rem
}
.myProductAddInColumn { padding-top: 1rem; padding-bottom:.5rem
}
.myProductAddInColumn .myproducts { width: 100%; position: relative; right: 0; padding: 16px; font-size: 1.1rem; font-weight: 400 !important; margin-top: 12px !important }
.myProductAddInColumn .myproducts svg {
margin-right:.4rem; left: 23px; top: 14px; position: absolute }
.product input[type="checkbox"]:checked+.my-products-reveal-heart .my-products-added { display: block }
.product input[type="checkbox"]:checked+.my-products-reveal-heart .my-products-not-added { display: none }
.product input[type="checkbox"]:checked+.my-products-reveal-heart .icon { fill: #ff6363 }
.product .my-products-reveal-heart { margin-top: 12px; margin-right: 9px; font-size: 11px; color: #777 }
.product .my-products-reveal-heart .my-products-added { display: none }
.product .my-products-reveal-heart .my-products-not-added { display: block }
.product .my-products-reveal-heart .icon { margin-left: 10px; vertical-align: top }
.myProductMoveProducts select { -webkit-appearance: none; -moz-appearance: none; appearance: none }
.quote-list label { font-size: 1rem; font-weight: 500; line-height: 1.5 }
.reveal .unique-checkbox .callout { padding: 1rem 1.5rem !important }
.reveal .unique-checkbox .callout fieldset { padding: 5px 0 }
.min-height-skeleton { min-height: 600px; position: relative }
.main-grid-container { background: #fff; position: relative }
.editable-customfield { border: 1px solid #fff; padding: 1px 6px 0; margin-left: -3px; font-weight: 500; border-radius: 4px; display: inline-block; position: relative }
.editable-customfield .renameSpan { position: absolute; background: #333; color: #fff; font-size: 12px; font-weight: 400 !important; bottom: -24px; left: 35%; padding: 2px 4px; display: none }
.editable-customfield .renameSpan:before { width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; content: ''; display: block; position: absolute; top: -6px; left: 40% }
.editable-customfield svg { visibility: hidden }
.editable-customfield:hover { border: 1px solid #ddd }
.editable-customfield:hover svg { visibility: visible }
.editable-customfield:hover .renameSpan { display: block !important }
.projects-box-container { margin-bottom: 1.5rem; border: 1px solid #e4e5e7; display: block; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.25rem; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.projects-box-container::before { content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: -moz-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: -webkit-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); background: -ms-linear-gradient(-45deg, #f5f6f9 0%, #dedfe8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f9', endColorstr='#dedfe8', GradientType=0);
-webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0 }
:hover.projects-box-container::before { opacity: 1 }
@media print, screen and (min-width:40em) {
.projects-box-container { padding: 2.5rem }
}
.projects-box-container .arrow-focus { display: block; position: absolute; right: 10px; top: 0; bottom: 0; left: auto; margin: auto; width: 1rem; height: 2rem }
@media print, screen and (min-width:40em) {
.projects-box-container .arrow-focus { display: none }
}
.projects-box-container:hover h2 { text-decoration: underline }
.projects-box-container h2 { position: relative; font-family: roboto, Arial, Sans-serif; font-weight: 500; font-size: 1.575rem; line-height: 2.2rem; margin-bottom: 0 }
@media print, screen and (min-width:40em) {
.projects-box-container h2 { font-size: 26px; line-height: 2.5rem; margin-bottom: 16px }
}
.projects-box-container .thumbs { position: relative }
@media screen and (max-width:39.9375em) {
.projects-box-container .thumbs.align-right { justify-content: flex-start }
}
.projects-box-container .thumbs img { mix-blend-mode: multiply; margin-left: 6px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 70px !important; max-height: 52px !important }
@media print, screen and (min-width:64em) {
.projects-box-container .thumbs img { max-width: 110px !important; max-height: 83px !important }
}
.projects-box-container .thumbs img+img+img+img+span { display: block !important; position: absolute; right: auto; left: 232px; top: 0; background: rgba(209,210,212,.9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 70px !important; height: 52px !important; line-height: 52px !important; font-size: 20px; text-align: center; font-weight: 700; color: #fff }
@media print, screen and (min-width:40em) {
.projects-box-container .thumbs img+img+img+img+span { right: 0; left: auto }
}
@media print, screen and (min-width:64em) {
.projects-box-container .thumbs img+img+img+img+span { width: 110px !important; height: 83px !important; line-height: 83px !important; font-size: 26px }
}
.projects-box-container .thumbs span { display: none }
.projects-box-container .number { color: #777; margin-bottom: 0; position: relative; font-size: 12px; margin-bottom: 10px }
.projects-box-container .number span { padding-right: 8px }
@media print, screen and (min-width:40em) {
.projects-box-container .number { font-size: 16px; margin-bottom: 0 }
}
.archived-projects .archived-projects-button:hover { background: #f7f8fa }
.archived-projects .archived-projects-list { border-top: 1px solid #d8d8d8; padding: 6px 0 }
.archived-projects .archived-projects-list .title { padding-top: 11px; padding-left: 16px }
.archived-projects .archived-projects-list .button.alpha { color: #bfbfbf }
.archived-projects .archived-projects-list .button.alpha:hover { color: #313131; text-decoration: underline }
.archived-projects .icon.arrow-down { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1) }
.myProjects-startPage-header { background: #f7f8fa }
.estimateLink:hover { text-decoration: underline }
.tooltip { max-width: 12em }
.myProjects-detailPage-breadcrumb { background: #4e555f }
.myProjects-detailPage-breadcrumb a { line-height: 44px; font-size: 14px; color: #fff }
.myProjects-detailPage-breadcrumb svg { fill: #fff; margin-right: 6px }
.myProjects-detailPage-header { background: #fff; position: relative }
@media screen and (max-width:39.9375em) {
.myProjects-detailPage-header .icon-xlarge { width: 1.625rem; height: 1.625rem }
}
.myProjects-detailPage-header.border-bottom { border-bottom: 1px solid #d8d8d8 }
.myProjects-detailPage-header .tabs-title { background: transparent }
.myProjects-detailPage-header .tabs-title a { border-bottom: 2px solid transparent !important }
.myProjects-detailPage-header .tabs-title.is-active a { border-bottom: 2px solid #0a0a0a !important }
.myProjects-detailPage-header h2 { margin-top: 2px }
.myProjects-actionBar .button { margin-left: 4px }
@media screen and (max-width:39.9375em) {
.myProjects-actionBar .button.small-expanded { width: 100%; margin-left: 0; margin-top: 1rem }
}
.myProjects-actionBar .button.brand-ap { margin-bottom:.4rem !important
}
@media screen and (max-width:39.9375em) {
.myProjects-actionBar .button.setting-dropdown-button { background: #fff; border: 1px solid #f3f3f3 }
}
@media screen and (max-width:39.9375em) {
.myProjects-actionBar .setting-dropdown-button { position: absolute; top: -2px; right: 10px }
}
.mob-add-prd { color: #313131 !important; text-transform: none; display: flex; align-items: center; justify-content: center; font-size: 1em; font-weight: 400 }
.product-tile-h { border-radius: 4px; border: 1px solid #e4e5e7; position: relative }
.product-tile-h.setup-incomplete { border: 1px solid #ffae00 }
.product-tile-h.setup-impossible { opacity: .4; cursor: default !important }
.product-tile-h img { width: 260px }
.product-tile-h .tile-h-info { padding: 1rem 0 3rem }
.product-tile-h .tile-h-info p { margin-bottom: 0; font-size: 14px }
.product-tile-h .tile-h-info p.grey { color: #777; font-size: 13px; line-height: 17px }
.product-tile-h .tile-h-info p.orange { font-size: 11px; font-weight: 500; margin-top:.5rem;
margin-bottom:.2rem;
color: #ffae00 }
.product-tile-h .tile-h-info .button { color: #333; font-weight: 700 }
.product-tile-h .tile-h-prices { position: absolute; bottom: 1rem }
.product-tile-h .tile-h-prices .original-price { font-size: 13px; color: #777; text-decoration: line-through; font-weight: 500 }
.product-tile-h .tile-h-prices .original-price+.final-price { margin-left: 12px }
.product-tile-h .tile-h-prices .final-price { font-size: 13px; color: #0a0a0a; font-weight: 500 }
.product-tile-h .tile-h-prices .reward-price { font-size: 13px; font-weight: 500; color: #7cb342; padding-left: 12px }
.product-tile-h .tile-h-prices .no-price { font-size: 11px; font-weight: 500; color: #777 }
.product-tile-h .manage-list { position: absolute; right: 1rem; bottom: 0 }
.product-tile-h .manage-list select { font-size: 11px; padding-top: 0; padding-bottom: 0; height: 26px; -webkit-appearance: none }
.product-tile-h .delete-product-from-list { position: absolute; right: 0; top: 0 }
.product-tile-h .delete-product-from-list svg { fill: #d1d1d1 !important }
.product-tile-h .product-tile-h-check-column { padding-right: 0; padding-left: 10px }
.product-tile-h .product-tile-h-check-column label { margin-right: 5px !important }
.product-tile-h .border-right { border-right: 1px solid #e4e5e7 }
.estimate-list .more-points { border-radius: 30px; height: 30px; width: 30px; text-align: center; position: relative; margin-right: 3px; cursor: pointer }
.estimate-list .more-points:hover { background: #f7f7f7 }
.estimate-list .more-points:hover .dropdown-pane { display: block }
.estimate-list .dropdown-pane { right: 10px; top: 25px; display: none }
.single-element .product { overflow: visible }
.single-element .old-price, .single-element .price, .single-element .col-price b { font-size: 12px }
.single-element .more-points { position: absolute; right: 5px; top: 3px; border-radius: 30px; padding: 8px 10px; z-index: 999; line-height: 1; height: 33px; width: 33px }
.single-element .more-points:hover { background: #fff }
.single-element .more-points:hover .dropdown-pane { display: block; z-index: 9999; right: 0 }
@media screen and (max-width:39.9375em) {
.single-element .more-points:hover .dropdown-pane { display: none }
}
@media screen and (min-width:40em) {
.single-element .more-points ul li a { text-transform: none; font-weight: 400; font-size: 1em; text-align: right }
}
.single-element:hover .more-points { display: block }
.single-element svg:hover .is-open { display: block }
.single-element .setting-dropdown-pane { display: none }
.single-element .setting-dropdown-pane a { white-space: nowrap }
@media screen and (min-width:40em) {
.single-element .desktop-padding-top { margin-top: .7em }
}
@media screen and (max-width:39.9375em) {
.modalContext { top: 0 !important; width: 100%; padding-top: 3em !important; height: 100vh; border: 0 }
}
.group-list-button { border-color: #e4e5e7 !important; border-radius: 4px !important; margin-bottom: 9px !important; color: #333 !important; text-transform: none !important; letter-spacing: 0; font-weight: 500 !important; padding: 0 !important; position: relative; min-height: 50px }
.group-list-button .group-element { padding: 1.1rem 1rem 1rem !important; display: inline-block; position: relative; width: 85%; float: left }
@media screen and (max-width:63.9375em) {
.group-list-button .group-element { width: 77% !important }
}
.group-list-button .button-drag { display: inline-block; width: 15%; float: left; padding:1rem .5rem !important;
text-align: center }
.group-list-button .button-drag:hover { cursor: grab; cursor: -moz-grab }
.group-list-button .button-drag:active { cursor: grabbing !important; cursor: -moz-grabbing !important }
.group-list-button.text-left { text-align: left !important }
.group-list-button.textfield input { padding-top: 0 !important; border: 0; font-size: 12px }
.group-list-button .more-points { display: none; border-radius: 30px; padding: 10px; position: absolute; right: 5px; top: 7px }
@media screen and (max-width:39.9375em) {
.group-list-button .more-points { display: none }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.group-list-button .more-points { display: none }
}
.group-list-button .more-points:hover { background: #fff }
.group-list-button .more-points:hover .dropdown-pane { display: block }
.group-list-button .dropdown-pane { right: 10px; top: 25px; display: none }
.group-list-button:hover { border-color: #e4e5e7 !important; background: rgba(0,0,0,.05) !important }
.group-list-button:hover .more-points { display: block }
@media screen and (max-width:63.9375em) {
.group-list-button:hover { background: none !important }
.group-list-button:hover .more-points { display: none !important }
}
.group-list-button input { margin: 0; display: inline-block; width: 90%; padding: 0; border: 0; height: auto; border-radius: 0; box-shadow: none; background: transparent; font-size: 12.8px; font-weight: 400; margin-top: -1px; margin-bottom: -1px }
.group-list-button input:focus { border: 0 !important; background: transparent; box-shadow: none }
.group-list-button input::-webkit-input-placeholder {
color:#9b9b9b;
font-weight:400
}
.group-list-button input::-moz-placeholder {
color:#9b9b9b;
font-weight:400
}
.group-list-button input::-ms-input-placeholder {
color:#9b9b9b;
font-weight:400
}
.group-list-button input::-moz-placeholder {
color:#9b9b9b;
font-weight:400
}
.group-list-button.active { font-weight: 500 !important }
.group-list-button.active:hover { border-color: #ddd !important }
.group-list-button.editing { font-weight: 500 !important; border-color: #333 !important }
.group-list-button.hollow-white { border-color: #fff !important }
.group-list-button.hollow-white:hover { background: #fff !important }
.group-list-button.makeNewList { text-align: left; padding-left: 0 !important; font-weight: 400 !important; margin-top: 1rem }
.group-list-button.makeNewList .group-plus { width: 30px; height: 30px; border-radius: 30px; background: #333; color: #fff; display: inline-block; margin-right: 10px; text-align: center; font-size: 22px; float: left }
.group-list-button.group-unassigned { border-top: 1px solid #d1d1d1 !important; margin-top: 2rem !important; padding:.6rem 1.13rem !important;
border-radius: 0 0 4px 4px !important }
.group-list-button.sortable-chosen[draggable="true"] { background-color: #fff !important; opacity: 1 !important }
.group-list-button.sortable-ghost { border-style: dashed !important; color: transparent !important; background-color: #fff !important; border-color: #aaa !important }
.group-list-button.sortable-ghost .button-drag { opacity: 0 }
.group-list-button.active { border: 1px solid #ddd !important; background: rgba(0,0,0,.05) !important }
.button-rounded { border-radius: 24px !important; padding: 7px 10px; margin-bottom: 0 !important }
.button-rounded:hover { box-shadow: 0 0 3px #666 }
.editableTextfield { display: inline-block }
.editableTextfield input { padding: 20px 6px; box-shadow: none; -webkit-appearance: none; margin-bottom: 0; font-size: 28px; letter-spacing: .2px; font-weight: 500; text-align: left }
@media screen and (max-width:39.9375em) {
.editableTextfield input { width: 200px; font-size: 20px !important }
}
.customHide { height: 0; width: 0; overflow: hidden }
.capitalize { text-transform: capitalize !important; font-weight: 400 !important }
.revealFullHeader { background: #f7f8fa; padding: 10px }
@media screen and (min-width:40em) and (max-width:63.9375em) {
.revealFullHeader { padding: 20px }
}
@media print, screen and (min-width:64em) {
.revealFullHeader { padding: 40px }
}
.revealFullHeader h4 { margin-bottom: 0; margin-left: 4px; display: inline-block; font-weight: 500 }
@media screen and (max-width:39.9375em) {
.revealFullHeader .button.small-expanded { width: 100%; margin: 1rem 0 0 !important }
}
.revealFullBody .border-top-black { border-top: 1px solid #000; padding-top: 2rem }
@media screen and (max-width:39.9375em) {
.revealFullBody .button.small-expanded { width: 100%; margin: 1rem 0 0 !important }
}
.revealFullBody .energy-class { margin-top: 0 !important }
@media screen and (max-width:39.9375em) {
.title-product-page { margin-top: 15px }
}
.revealHeader { border-bottom: 1px solid #e4e5e7; height: 54px; line-height: 58px; padding-left: 1.5rem }
.revealHeader span { background: #ffae00; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 20px; display: inline-block; margin-right: 6px }
.navigation-tabs { background: #4e555f; padding: 8px 0 }
@media print, screen and (min-width:40em) {
.navigation-tabs { padding: 22px 0 }
}
.navigation-tabs a { font-size: 12px; text-transform: uppercase; color: #fff; padding: 7px 10px; border-radius: 8px; margin-right: 13px }
@media print, screen and (min-width:40em) {
.navigation-tabs a { font-size: 14px; letter-spacing: 1px }
}
.navigation-tabs a:hover { background: #5e6570 }
.navigation-tabs.tab-wishlist-active #tab-wishlist { background: #5e6570; font-weight: 500 }
.navigation-tabs.tab-projects-active #tab-projects { background: #5e6570; font-weight: 500 }
.navigation-tabs.tab-quotes-active #tab-quotes { background: #5e6570; font-weight: 500 }
.myList-status0 p { color: #9b9b9b }
@media screen and (max-width:39.9375em) {
.myList-status0 a { width: 100%; margin-bottom:.5rem
}
}
.myProj-status0 p { color: #9b9b9b }
@media screen and (max-width:39.9375em) {
.myProj-status0 .media-object-section.middle { padding: 16px }
.myProj-status0 .media-object-section.middle .button { width: 100% }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.myProj-status0 .media-object.stack-for-small .media-object-section { padding: 16px; padding-bottom: 1rem; display: block }
.myProj-status0 .media-object.stack-for-small .media-object-section img { width: 100% }
.myProj-status0 .media-object.stack-for-small .media-object-section .button { width: 100% }
}
.heading-medium h1 { font-size: 26px }
@media print, screen and (min-width:40em) {
.heading-medium h1 { font-size: 30px }
}
.group-recap { margin: 0; position: relative }
.group-recap h3 { font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 6px !important; color: #313131 }
.group-recap p { font-size: 13px; line-height: 21px; color: #757575; margin-bottom: 20px !important }
.group-recap .group-modify { width: 30px; height: 30px; background: #fff; border-radius: 30px; text-align: center; display: block; cursor: pointer; border: 1px solid #d7d8d9 }
.group-recap .group-modify svg { fill: #9b9b9b }
.group-recap .group-modify:hover { background: #333; border: 1px solid #333 }
.group-recap .group-modify:hover svg { fill: #fff }
.group-recap.edit-active .group-info:hover { border-bottom: 1px solid #ddd }
.group-recap.edit-active .group-info .group-name { padding: 8px 4px !important; background: transparent }
.group-recap.edit-active .group-info .group-name input { border: 1px solid #fff }
.group-recap.edit-active .group-info .group-name input:hover { border: 1px solid #ddd }
.group-recap.edit-active .group-info .group-count { display: none }
.group-recap.edit-active .group-info .group-actions { display: block }
.group-recap.edit-active .group-info .group-actions svg { fill: #9b9b9b }
.group-recap.edit-active .group-info .group-actions .button { padding:.2rem !important
}
.group-recap.edit-active .group-info .group-actions .button:hover { background: #333 }
.group-recap.edit-active .group-info .group-actions .button:hover svg { fill: #fff }
.group-recap .notassigned-active { font-weight: 500 !important; background: #e4e5e7; border-radius: 4px !important; border-top: 1px solid #fff !important }
.group-recap .notassigned-active:hover { background: #e4e5e7 !important }
.group-recap.group-disabled { pointer-events: none; opacity: .5 }
.group-info { margin-bottom: 10px; border-bottom: 1px solid #fff }
.group-info .group-name { font-size: 12px; line-height: 14px; font-weight: 500; padding: 8px 20px; background: #f2f3f6; border-radius: 15px; cursor: pointer }
.group-info .group-name.group-active { background: #313131; color: #fff }
.group-info .group-name:hover { background: #313131; color: #fff }
.group-info .group-name input { margin: 0; display: inline; width: auto; padding: 0; border: 0; height: auto; border-radius: 0; box-shadow: none; background: transparent; font-size: 12px; font-weight: 500; color: #333 }
.group-info .group-count { font-size: 12px; line-height: 14px; font-weight: 500; color: #757575; padding: 8px; margin-right: 12px }
@media print, screen and (min-width:40em) {
.group-info .group-count { margin-right: 0 }
}
.group-input-container { border: 1px solid #fff; margin-bottom:.5rem;
border-radius: 4px; cursor: pointer }
.group-input-container:hover { border: 1px solid #ddd }
.group-input-container.border-active { border: 1px solid #ddd }
.group-input-container .group-input-plus { text-align: center; line-height: 39px }
.group-input-container .group-input { font-size: 12px; line-height: 39px; color: #777 }
.group-input-container .group-input input { border: none; box-shadow: none; font-size: 12px; padding-left: 0; margin-bottom: 0; cursor: pointer }
.group-manage-fixed { background: #fff; width: 100%; height: 80px; bottom: 0; top: auto; left: 0; position: fixed; padding: 16px 0; box-shadow: 0 -2px 6px #ccc; z-index: 999 }
@media print, screen and (min-width:64em) {
.group-manage-fixed { height: 50px; bottom: auto; top: 0; left: auto; position: absolute; padding: 0; box-shadow: none; z-index: 0 }
.group-manage-fixed .button.success { border-radius: 0 4px 4px 0 }
}
.group-manage-fixed p { margin: 0; line-height: 48px; margin: 0 10px; font-weight: 500; font-size: 13px }
.group-manage-fixed .textfield { width: 130px; margin: 0 }
@media print, screen and (min-width:40em) {
.group-manage-fixed .textfield { width: 250px }
}
.group-manage-fixed .textfield select { border-radius: 4px 0 0 4px !important }
.group-manage-fixed .button.secondary { margin-left: 18px }
.group-manage-fixed .button.secondary svg { fill: #9b9b9b; margin-right: 8px }
@media screen and (max-width:39.9375em) {
.group-manage-fixed .button.secondary svg { margin-right: 0 }
}
.sort-categories { width: 100% }
@media print, screen and (min-width:64em) {
.sort-categories { width: 24%; margin-right: 2% }
.sort-categories+.sort-order { width: 24% !important }
}
.sort-order { width: 100% }
@media print, screen and (min-width:64em) {
.sort-order { width: 43%; margin-right: 2.8% }
.sort-order+.sort-search { width: 43% }
}
.sort-order select { border-radius: 4px !important }
.sort-search { width: 100% }
@media print, screen and (min-width:64em) {
.sort-search { width: 74% }
}
.sort-search input { border-radius: 4px !important }
.product-grid .cell { position: relative }
.product-grid .cell .manage-product-dot { position: absolute; left: 6px; top: 6px; background: #c7c7c7; width: 22px; height: 22px; border-radius: 22px; z-index: 100; cursor: pointer; display: none }
.product-grid .cell .manage-product-dot svg { position: absolute; top: 5px; left: 4px; fill: #fff }
.product-grid .cell:hover .manage-product-dot { display: block }
.edit-product-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; background-color: rgba(0,0,0,.7); z-index: 9999; text-align: center; border-radius: 50%; visibility: hidden; opacity: 0; transition: visibility 0s, opacity .3s linear; display: flex; align-items: center; justify-content: center }
.edit-product-icon svg { fill: white }
.product-grid .cell:hover .edit-product-icon { visibility: visible; opacity: 1 }
.product-grid.product-active .product { border-radius: 4px; border: 1px solid #ccc !important }
.product-grid.product-active .cell .manage-product-dot { display: block }
@media screen and (max-width:39.9375em) {
.product-grid.product-active .cell .manage-product-dot { display: inline-block !important }
}
.product-grid.product-active .cell .manage-product-dot:before { content: ''; width: 50px; height: 50px; display: block; position: absolute; left:-.5rem;
top:-.5rem;
right: 0; bottom: 0 }
.product-grid.product-active .cell.prod-active .product { -webkit-box-shadow: 0 0 0 3px #6cc10f; -moz-box-shadow: 0 0 0 3px #6cc10f; box-shadow: 0 0 0 3px #6cc10f; border-radius: 4px }
.product-grid.product-active .cell.prod-active .manage-product-dot { background: #6cc10f }
.product-grid.product-active .cell.prod-active .manage-product-dot svg { fill: #fff }
.product-grid .product { border-radius: 4px !important }
@media screen and (max-width:39.9375em) {
.mobile-fake-modal { position: fixed; top: 0; left: 0; background: #fff; z-index: 999; margin: 0 !important; width: 100% !important; height: 100vh; overflow: scroll }
.mobile-fake-modal .mobile-fake-modal-head { border-bottom: 1px solid #e4e5e7; margin-bottom: 16px }
.mobile-fake-modal .mobile-fake-modal-head .mobile-fake-modal-title { line-height: 60px; padding-left: 16px; font-weight: 500 }
.mobile-fake-modal .mobile-fake-modal-head .button.alpha { padding-top: 24px }
.mobile-fake-modal .group-info { padding: 0 16px }
.mobile-fake-modal .group-recap { padding: 0 16px }
.mobile-fake-modal .group-recap .group-info { padding: 0 }
.mobile-fake-modal .mobile-padding { padding: 0 16px }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mobile-fake-modal { position: fixed; top: 0; left: 0; background: #fff; z-index: 999; margin: 0 !important; width: 100% !important; height: 100vh; overflow: scroll }
.mobile-fake-modal .mobile-fake-modal-head { border-bottom: 1px solid #e4e5e7; margin-bottom: 16px }
.mobile-fake-modal .mobile-fake-modal-head .mobile-fake-modal-title { line-height: 46px; padding-left: 16px; font-weight: 500 }
.mobile-fake-modal .group-info { padding: 0 16px }
.mobile-fake-modal .group-recap { padding: 0 16px }
.mobile-fake-modal .group-recap .group-info { padding: 0 }
.mobile-fake-modal .mobile-padding { padding: 0 16px }
}
@media screen and (max-width:39.9375em) {
.small-margin-top-1 { margin-top: 1rem !important }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.small-margin-top-1 { margin-top: 1rem !important }
}
@media screen and (max-width:39.9375em) {
.small-margin-top-2 { margin-top: 2rem !important }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.small-margin-top-2 { margin-top: 2rem !important }
}
@media screen and (max-width:39.9375em) {
.small-margin-bottom-1 { margin-bottom: 1rem !important }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.small-margin-bottom-1 { margin-bottom: 1rem !important }
}
@media screen and (max-width:39.9375em) {
.small-margin-bottom-2 { margin-bottom: 2rem !important }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.small-margin-bottom-2 { margin-bottom: 2rem !important }
}
.button-setup-container { padding: 0 1rem 0 !important; position: relative; max-height: 85px; overflow: hidden }
.button-setup-container svg { position: absolute; right: 30px; bottom: 18px; fill: #757575; z-index: 100 }
.button-setup-container svg.setup-icon { margin-left: 10px; fill: #fff; bottom: auto; right: auto }
.button-setup-container .button { margin-top: 1em }
.button-setup-container .button-setup { text-align: left; text-transform: none; letter-spacing: 0; font-weight: 400; color: #757575; padding-right: 40px; line-height: 18px; max-height: 85px; overflow: hidden }
.button-setup-container .button-setup.setup-recap span:last-child span { display: none }
.button-setup-container .badge.warning b { color: #fff; font-size: 13px }
.button-setup-container .warning-fake-tooltip { background: #f8e9d1; font-size: 13px; line-height: 16px; padding: 10px 12px; color: #313131; position: relative; border-radius: 4px }
.button-setup-container .warning-fake-tooltip:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f8e9d1 transparent transparent; position: absolute; left: -10px; top: 17px }
.resumeSearckKey {
margin:.7rem 0 2rem; font-size: 16px; font-weight: 500; letter-spacing: 1.33px }
.resumeSearckKey svg { fill: #d7d8d9; margin-left: 4px; cursor: pointer }
.boards-container h2 { font-size: 20px; color: #313131; font-weight: 500; letter-spacing: 1.43px }
.boards-container p { font-size: 16px; line-height: 22px; letter-spacing: 1.14px; color: #313131; font-weight: 400 }
.boards-container .button:hover { background: #fff !important; border: 1px solid #ff6363 !important; color: #ff6363 !important; cursor: default !important }
.fake-dropdown-triangle { width: 0; height: 0; border-style: solid; border-width: 6px 6px 0; border-color: #777 transparent transparent; position: absolute; right: 12px; top: 20px }
.visible-price { background-color: #f7f8fa; padding: 1em .5em }
.visible-price .switch { position: relative; display: inline-block; width: 60px; height: 34px }
.visible-price .switch input { display: none }
.visible-price .switch.switch-md { width: 47px; height: 26px }
@media screen and (max-width:39.9375em) {
.visible-price .switch.switch-md { margin: 0 auto; display: block }
}
.visible-price .switch.switch-md .slider { -webkit-transition: .3s; transition: .3s }
.visible-price .switch.switch-md .slider:before { width: 20px; height: 20px; -webkit-transition: .3s; transition: .3s }
.visible-price .switch.switch-md input:checked+.slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
.visible-price .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.visible-price .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 3px; background-color: #fff; -webkit-transition: .4s; transition: .4s }
.visible-price .switch .slider.round { border-radius: 34px }
.visible-price .switch .slider.round:before { border-radius: 50% }
.visible-price .switch input:checked+.slider { background-color: #7cb342 }
.visible-price .switch input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.visible-price .switch input:focus+.slider { box-shadow: 0 0 1px #7cb342 }
.move-settings .secondary { background-color: #6cc10f; color: #fff }
.move-settings .secondary.disabled { background-color: #e4e5e7; opacity: 1 }
.move-settings .secondary.disabled:hover { background-color: #e4e5e7 }
.move-settings .secondary:hover { background-color: #6cc10f; color: #fff }
.move-settings .white { background-color: #fff; color: #313131; border: 1px solid #e4e5e7 }
.move-settings .white:hover { background-color: #fff; color: #313131 }
.project-tile { border: 1px solid #f1f1f1; padding-bottom: 50px }
.project-tile .button-setup-container .small { padding: .8em 1.2em }
.project-tile .button-setup-container div { line-height: 1 }
.project-tile .button-setup-container .badge.warning { border-radius: 50%; width: 22px; height: 22px; line-height: 22px }
.project-tile .button-setup-container .setup-recap span { color: #757575 }
.project-tile .button-setup-container .setup-recap span.product-default-variant { color: #313131 }
.project-tile span.label { margin-top: 1em }
@media screen and (max-width:39.9375em) {
.project-tile span.label { margin-top: 0 }
}
.project-tile .product-tile-variant { display: flex; justify-content: space-between }
.project-tile .product-tile-variant .list-tile-variant { border-bottom: 0 }
.project-tile .product-tile-variant .list-tile-variant:first-child { border-top: 0 }
.project-tile .product-tile-variant .price { color: #ff6363 }
.project-tile .product-tile-variant .old-price { color: #9b9b9b }
.project-tile .product-tile-variant .has-tip { border-bottom: 0 }
.project-tile .setup-recap span { font-size: 12px; font-weight: 400; color: #313131 }
.project-tile .product-summary { background-color: transparent; border-top: 1px solid #f1f1f1; margin: 0; position: absolute; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding:.4rem 1rem
}
.project-tile .product-summary span { color: #9b9b9b; font-size: 12px }
.project-tile .product-summary span b { font-weight: 500 }
.project-tile .product-summary a { line-height: 1 }
.project-tile .product-summary svg { fill: #9b9b9b }
.project-tile h3 { margin-bottom: 0 !important }
@media screen and (max-width:39.9375em) {
.project-tile .img-placeholder { padding-bottom: 100% !important }
}
@media screen and (max-width:63.9375em) {
.quote-detail-header { justify-content: flex-start }
.quote-detail-header>div { text-align: left }
.quote-detail-header h2 { font-size: 1.2em }
.quote-detail-header h6 { font-size: 1em }
}
@media screen and (max-width:39.9375em) {
.quote-detail-header button { width: 100%; margin-top: 1em }
.quote-detail-header .button { width: 100% }
}
#addpro-submenu { padding: 0; left: 0 !important; top: 49px !important }
@media screen and (max-width:39.9375em) {
#myListsContainer .icon-xlarge { width: 1.625rem; height: 1.625rem }
#myListsContainer .heading-medium>div h1 { margin: 0 !important }
#myListsContainer .heading-medium>div { align-self: center }
#myListsContainer h2 { font-size: 1.375rem }
#myListsContainer .small-padding { padding: 1em }
}
.heading-small .prod-qty { text-align: left; margin-bottom: 0; margin-top: 0; padding-right: 3.3em; padding-left: 1rem }
.heading-small #addpro-submenu-mobile { left: auto !important; top: 50px !important; right: 0; z-index: 3 }
@media screen and (min-width:64em) {
.heading-small .addpro-btn-m { display: none }
}
#heading-small select { margin-bottom: 0; height: 48px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; background-color: #f3f3f3 }
@media screen and (min-width:64em) {
.addproj-btn-m { display: none }
}
@media screen and (max-width:39.9375em) {
#product-grid .product-tile-variant, #product-grid .button-setup-container { padding:.5rem .7rem !important
}
#product-grid .product-tile-variant.custom-variant, #product-grid .button-setup-container.custom-variant { padding:0 .5rem !important
}
#product-grid .button-setup-container .button { margin-top: 0 }
#product-grid .product-tile-variant { display: block }
#product-grid .product-tile-variant li:first-child { margin-bottom:.5rem
}
#product-grid .product-tile-content-variant .product-tile-variant.estimated-price { padding:0 .5rem !important
}
#product-grid .product-tile-content-variant .product-tile-variant.estimated-price li:first-child {
padding-top:.5rem; margin-bottom: 0 }
}
@media screen and (max-width:39.9375em) {
#article-div.fk-product { position: relative; margin-bottom: 20px }
#article-div.fk-product .upload-description { display: none }
#article-div.fk-product .edit-image { position: relative; top: auto; left: auto }
#article-div.fk-product .upload-image-box { text-align: center; margin: 50px auto !important }
#article-div.fk-product .edit-image { height: 5em; display: block; width: 5em; margin: 0 auto; padding: 0; background-color: #e4e5e7 }
}
@media screen and (min-width:40em) {
#article-div.fk-product { min-height: 730px; overflow: hidden }
#article-div.fk-product .a>div { height: 100%; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center }
#article-div.fk-product .a>div img { max-height: 100% }
#article-div.fk-product .a>div>.cont-image { text-align: center; max-width: 100%; max-height: 100% }
#article-div.fk-product .a>div>.cont-image img { max-height: 100%; width: auto; margin: 0 auto }
#article-div.fk-product .a>div>.cont-image .clip-area, #article-div.fk-product .a>div>.cont-image .clipper-basic, #article-div.fk-product .a>div>.cont-image .img-scale { height: 100%; width: auto }
#article-div.fk-product .a>div>.cont-image .img-scale { display: flex; align-items: center }
#article-div.fk-product .edit-image { height: 5em !important; width: 5em !important; padding: 0; text-align: center; left: 0; top: 0; right: 0; bottom: 0; margin: auto }
#article-div.fk-product .zoom-area { z-index: 99 }
#article-div.fk-product .upload-description { margin-top: 10em; font-weight: 500 }
}
#article-div.fk-product input#fileImage { visibility: hidden; top: -999px; position: absolute }
.clipper-controls { margin: 25px auto; text-align: center }
.clipper-controls .alert:focus, .clipper-controls .alert:visited, .clipper-controls .alert:hover { color: #fff !important }
.boards-container .mb-start { padding: 2em 0; border: 1px solid #e4e5e7; border-radius: 10px; -webkit-box-shadow: 0 2px 14px 0 rgba(157,157,157,.5); -moz-box-shadow: 0 2px 14px 0 rgba(157,157,157,.5); box-shadow: 0 2px 14px 0 rgba(157,157,157,.5) }
.boards-container .mb-start .mb-box { background-color: #f7f8fa; padding: 20px; border-radius: 10px; cursor: pointer }
@media screen and (max-width:63.9375em) {
.boards-container .mb-start .mb-box { margin-bottom: 15px }
}
.boards-container .mb-start .mb-box p { text-align: center; font-weight: 500; font-size: .8em; margin-bottom: 0; margin-top: .6em }
.boards-container .mb-start h2 { font-size: 1.3em }
.boards-container .mb-start h3 { font-size: 1.2em; font-weight: 500 }
.boards-container .button.shop, .boards-container .button.shop:hover { border: 0 !important }
.boards-container .button.shop span, .boards-container .button.shop:hover span { font-size: 1.4em; text-transform: none; color: #ff6363 }
#board-container .upload-image-box { padding: 7em 0; background-color: #e4e5e7; cursor: pointer }
.mb-top-bar { border-bottom: 1px solid #d8d8d8; padding: 20px 0 }
.mb-top-bar a { font-weight: 500 }
.mb-top-bar ul.horizontal-menu { list-style: none }
.mb-top-bar ul.horizontal-menu li { float: left }
.mb-top-bar ul.horizontal-menu li:first-child { margin-right: 2em }
@media screen and (max-width:39.9375em) {
.mb-top-bar ul.horizontal-menu li:first-child { margin-right: 1em }
}
.mb-top-bar ul.horizontal-menu li a { text-transform: uppercase; font-size: .9em; height: 25px; display: block }
@media screen and (max-width:39.9375em) {
.mb-top-bar ul.horizontal-menu li a { font-size: .8em }
}
.mb-top-bar .menu.vertical a { padding: 1rem; font-size: .8em }
.fk-hl .utility-box { display: flex !important; width: 100%; justify-content: flex-end; position: absolute; top: 0; z-index: 8 }
.fk-hl .utility-box .drag-action { display: none }
.fk-hl .editable-box { border: 1px dashed #333 }
.fk-hl .section-type { background-color: #e4e5e7; color: #313131; font-size: 11px; max-height: 24px; line-height: 24px; padding: 0 10px; font-weight: 500 }
.highlighted .editable-box { border: 1px dashed #333 }
.highlighted .utility-box { display: flex !important; width: 100%; justify-content: space-between; position: absolute; top: 0; z-index: 8 }
.highlighted .utility-box .delete-action { margin: 10px }
.highlighted .utility-box .delete-action span { color: #ff6363; font-size: .9em }
.highlighted .utility-box .drag-action { background-color: #e4e5e7; padding: .4em; max-height: 36px; cursor: pointer; display: block !important }
.highlighted .utility-box.tiny { width: 100px }
.highlighted .section-type { background-color: #e4e5e7; color: #313131; font-size: 11px; max-height: 24px; line-height: 24px; padding: 0 10px; font-weight: 500 }
.editable-box { position: relative }
.editable-box .utility-box { display: none }
.editable-box h1 { font-weight: 500; font-size: 26px; margin-bottom: 0 }
.color-box { padding: 40px 20px 20px 20px; display: flex; align-items: flex-end; text-align: left }
@media screen and (max-width:63.9375em) {
.color-box { padding-top: 20px }
}
.color-box span { color: #fff; background-color: rgba(0,0,0,.12); display: inline-block; padding: 3px 8px; border-radius: 4px; font-size: 13px }
.large .color-box { min-height: 150px }
.medium .color-box { min-height: 120px }
.small .color-box { min-height: 90px }
.mb-image-description { position: absolute; left: 20px; bottom: 20px; background: rgba(0,0,0,.12); color: #fff; padding: 3px 8px; border-radius: 4px; font-size: 13px }
@media screen and (min-width:40em) {
.color-picking, .tagPrd { width: 400px }
}
.color-picking .reveal-container, .tagPrd .reveal-container { border-radius: 10px; padding-bottom: 1em }
.color-picking .reveal-container .move-settings, .tagPrd .reveal-container .move-settings { padding: 1em }
.color-picking .reveal-container .move-settings .button, .tagPrd .reveal-container .move-settings .button { display: block }
.color-picking .reveal-container .move-settings .button.secondary, .tagPrd .reveal-container .move-settings .button.secondary { background-color: #e4e5e7; color: #313131 }
.color-picking .reveal-header, .tagPrd .reveal-header { border-bottom: 1px solid #d7d8d9; font-size: 1em; color: #313131; padding: 1em; font-weight: 500 }
.color-picking .color, .tagPrd .color { border-radius: 5px 5px 0 0 }
.color-picking .color-show, .tagPrd .color-show { padding: 0 15px; margin-top: 2.8em !important }
.color-picking .color-show .show canvas, .tagPrd .color-show .show canvas { display: none }
.color-picking .hu-color-picker, .tagPrd .hu-color-picker { background-color: #fff !important; box-shadow: none !important; margin: 0 auto; max-width: none; width: 100% !important }
.color-picking .hu-color-picker .color-set, .tagPrd .hu-color-picker .color-set { justify-content: center }
.color-picking .hu-color-picker .saturation, .tagPrd .hu-color-picker .saturation { border: 1px solid #e4e5e7 }
.color-picking .hu-color-picker .colors, .color-picking .hu-color-picker .color-type.rgba, .color-picking .hu-color-picker .alpha, .color-picking .hu-color-picker .name, .tagPrd .hu-color-picker .colors, .tagPrd .hu-color-picker .color-type.rgba, .tagPrd .hu-color-picker .alpha, .tagPrd .hu-color-picker .name { display: none }
.color-picking .hu-color-picker .value, .tagPrd .hu-color-picker .value { width: 100% !important }
.color-picking .hu-color-picker .color-type, .tagPrd .hu-color-picker .color-type { height: 50px; align-items: center; display: flex; margin: 0 15px; border-left: 1px solid #e4e5e7; border-bottom: 1px solid #e4e5e7; border-right: 1px solid #e4e5e7; border-radius: 0 0 5px 5px }
.color-picking .hu-color-picker .color-type .name, .tagPrd .hu-color-picker .color-type .name { background: transparent !important; color: #313131; font-weight: 500 }
.color-picking .hu-color-picker .color-type .value, .tagPrd .hu-color-picker .color-type .value { background: transparent !important; color: #313131; text-align: right; font-weight: 500 }
.color-picking .hu-color-picker .color-show, .tagPrd .hu-color-picker .color-show { height: 65px !important; width: 100%; margin-top: 1.5em }
.tagPrd .active-prod { position: relative }
.tagPrd .active-prod:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,.3); content: " " }
.tagPrd .active-prod:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ' '; background-image: url("/images/active-img.svg"); background-size: 28px 28px; height: 28px; width: 28px }
@media screen and (max-width:39.9375em) {
.tagPrd.large { overflow-y: scroll !important }
}
@media screen and (max-width:63.9375em) {
.tagPrd .medium-up-2 .cell { margin-bottom: 1em }
}
@media screen and (max-width:39.9375em) {
.tagPrd .button { margin-bottom: 1em }
}
@media screen and (min-width:40em) {
.tagPrd .large-up-4 .cell { margin-bottom: 1em }
}
.relative-canvas { position: relative; overflow: hidden }
.relative-canvas>div { margin-right: 335px; margin-left: 335px; -webkit-transition: margin .3s; transition: margin .3s }
@media screen and (max-width:118.6875em) {
.relative-canvas>div { margin-right: 0; margin-left: 0 }
}
@media screen and (max-width:118.6875em) and (min-width:40em) {
.relative-canvas>div.sidebar-active { margin-right: 335px }
}
@media screen and (max-width:118.6875em) {
.relative-canvas>div.sidebar-active .add-items a { pointer-events: none }
}
.relative-canvas .mb-fixed-content { position: fixed; background-color: #fff; right: 0; top: 0; bottom: 0; width: 0; transform: translateX(100%); -webkit-transform: translateX(100%); transition: .3s ease-out; -webkit-transition: .3s ease-out; -webkit-box-shadow: -2px 0 18px 0 rgba(185,185,185,.5); -moz-box-shadow: -2px 0 18px 0 rgba(185,185,185,.5); box-shadow: -2px 0 18px 0 rgba(185,185,185,.5); width: 335px }
@media screen and (max-width:39.9375em) {
.relative-canvas .mb-fixed-content { transition: 0s; -webkit-transition: 0s }
}
.relative-canvas .mb-fixed-content .wrapper-mb-fixed { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item { border: 0 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item .accordion-title { background: #f7f8fa; border-bottom: 1px solid #e4e5e7; border-top: 1px solid #e4e5e7 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item .accordion-title b { text-transform: none }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item .slider, .relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item input[type='number'] { margin-top: 0; margin-bottom: 0 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item .vertical-center { align-items: center }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .accordion-item h4 { font-size: 14px; color: #313131; font-weight: 500; margin-bottom: 0 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .ingrid-element { padding-left: 1em; padding-right: 1em }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .tagged-product { position: relative; display: flex; justify-content: flex-start; align-items: center; border: 1px solid #e4e5e7; border-radius: 5px }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .tagged-product .close-button { color: #fff; background-color: #ff6363; right: 5px; top: 5px; font-size: 1.2em; padding: 3px 5px; line-height: .8em; text-align: center; border-radius: 0 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .tagged-product figure { margin: 1em; min-width: 100px }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .tagged-product .product-details h3 {
font-size:.8125rem; line-height: 1rem; margin-bottom: 0 }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .tagged-product .product-details span.price { color: #ff6363; font-size: .8em }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .textfield>input { padding-top: 0; border-radius: 5px }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .current-color-outline { width: 190px; height: 190px; border-radius: 50%; border: 3px solid #e4e5e7; margin: 1em auto; position: relative }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed .current-color-outline .current-color { width: 160px; height: 160px; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer }
.relative-canvas .mb-fixed-content .wrapper-mb-fixed select { height: 3em; background-image: none }
@media screen and (max-width:39.9375em) {
.relative-canvas .mb-fixed-content { overflow: hidden }
}
.relative-canvas .mb-fixed-content.is-open { transform: translateX(0%); -webkit-transform: translateX(0%) }
@media screen and (max-width:39.9375em) {
.relative-canvas .mb-fixed-content.is-open { width: 100%; z-index: 999; top: 0 !important }
}
.relative-canvas .mb-fixed-content h2 { font-size: 13px; color: #313131; font-weight: 500; text-transform: uppercase; vertical-align: bottom; display: inline }
.relative-canvas .mb-fixed-content h2 img { margin-right: 10px }
.relative-canvas .mb-fixed-content button.tag-product { width: 100%; text-transform: uppercase; border-radius: 5px }
.relative-canvas .mb-fixed-content button.tag-product svg { float: left }
.relative-canvas .mb-fixed-content .image-action span { font-weight: 500; cursor: pointer }
.relative-canvas .mb-fixed-content .image-action span:first-child { margin-right: 10px }
.relative-canvas .mb-fixed-content .image-action span:last-child { color: #ff6363 }
.relative-canvas .mb-fixed-content .is-active>.accordion-title::before { background-image: url(/images/carret-right.svg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.add-items { margin-bottom: 18em }
@media screen and (max-width:79.9375em) {
.add-items { margin-bottom: 12em }
}
.moodboard .sticky.is-stuck .top-bar+.mega-drop-down-menu-wrapper { top: 0 }
@media screen and (min-width:64em) {
.moodboard .sticky.is-stuck .top-bar { border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
}
@media screen and (max-width:39.9375em) {
.moodboard .setting-dropdown-pane { width: 200px }
.moodboard .setting-dropdown-pane#add-prod-mobile { width: 100% }
.moodboard .setting-dropdown-pane a { font-size: 13px }
}
.close-button { outline: none }
.tag-product-stage { position: fixed; top: 50% }
@media screen and (min-width:64em) {
.tag-product-stage { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
@media screen and (max-width:79.9375em) {
.tag-product-stage { left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
}
.tag-product-stage .close-tag { display: flex; align-items: center; justify-content: flex-end }
.tag-product-stage .close-tag span:first-child { font-size: 13px; color: #313131; text-transform: uppercase; font-weight: 500; margin-right: 8px }
@media screen and (max-width:63.9375em) {
.tag-product-stage .close-tag span:first-child { font-size: .7em }
}
.tag-product-stage .close-tag span:last-child { color: #777; font-size: 32px; line-height: 1.5em }
.tag-product-stage figcaption { text-align: center; font-weight: 500; font-size: 14px; color: #757575; margin-top: .5em }
.tag-product-stage img.main-img:hover { cursor: crosshair }
.tag-product-stage .img-container { position: relative }
.tag-product-stage .img-container .product-tag-container { width: 33px; height: 33px; position: absolute }
.tag-product-stage .img-container .product-tag-container:before { content: "+"; width: 33px; height: 33px; border-radius: 21px; left: 0; top: 0; font-size: 1.5rem; line-height: 1.5rem; font-weight: 300; display: block; position: relative; background: #fff; text-align: center; border: 1px solid #0a0a0a; padding: 3px 2px 3px 3px; box-shadow: 0 0 10px rgba(0,0,0,.4); z-index: 99 }
@media screen and (max-width:39.9375em) {
.tag-product-stage .img-container .product-tag-container:before { content: "" !important; width: 17px !important; height: 17px !important }
}
.tag-product-stage .img-container .product-tag-container .product-info-container { background: #fff; padding: 10px 30px 10px 164px; z-index: 1; cursor: pointer; position: absolute }
.tag-product-stage .img-container .product-tag-container .product-info-container .pi__img-container { width: 150px; height: 100%; position: absolute; left: 0; top: 0; padding: 10px; border-right: 1px solid #f7f8fa }
.tag-product-stage .img-container .product-tag-container .product-info-container .pi__img-container img { width: auto; height: auto; object-fit: cover; visibility: visible }
@media screen and (min-width:40em) {
.tag-product-stage .img-container .product-tag-container:hover .product-info-container { width: 330px; height: 130px; display: block !important }
}
.tag-product-stage .img-container .product-tag-container .tagged-name { font-size: .9em; font-weight: 400; display: block; line-height: 1.3 }
.tag-product-stage .img-container .product-tag-container span { font-size: .9em }
.layer-component { height: 100%; overflow: hidden; pointer-events: none; position: fixed; right: 0; top: 0; width: 100%; z-index: 101 }
.layer-component.layer-visible { pointer-events: auto }
.layer-component.layer-visible .app-layer { -webkit-transform: none; transform: none }
.layer-component.layer-visible .tagged-price { padding: 3px 15px }
.layer-component .app-layer { padding-left: 10px; padding-right: 10px; background-color: #fff; height: 100%; overflow-x: hidden; padding-left: 5px; padding-right: 5px; position: absolute; pointer-events: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); width: 100%; will-change: transform; z-index: 102 }
@media screen and (min-width:40em) {
.layer-component .app-layer { width: 450px }
}
@media screen and (min-width:64em) {
.layer-component .app-layer { padding-left: 10px; padding-right: 10px }
}
.layer-component .intro-layer { font-size: 14px; font-size:.875rem;
left: 0; min-height: 55px; padding: 20px 5px 0; position: absolute; top: 0; width: 100%; background-color: #f7f8fa }
.layer-component .intro-layer .text { font-weight: 500; line-height: 1em; padding: 0 55px 20px 5px }
.layer-component .intro-layer .close { cursor: pointer; display: inline-block; height: 55px; margin-top: -27px; padding: 15px; position: absolute; right: 0; top: 50%; width: 55px }
.layer-component .products { padding-top: 80px }
.layer-component .products>div { margin-bottom: 20px }
.layer-component .products a { float: left; max-width: 100%; display: flex; align-items: center }
.layer-component .products p { font-weight: 300; font-size: .8em; margin: 0; line-height: 1.2em; color: #9e9e9e; padding: 3px 15px; text-align: left }
.layer-component .products p:first-child { text-transform: uppercase; font-weight: 500; margin: 0; line-height: 1; color: #0a0a0a; font-size: 1em }
.layer-component .products span { padding: 0 15px; text-align: left; color: #777; font-size: .9em; display: block; margin-top: 7px }
.layer-component .products span:hover { text-decoration: underline }
.layer-component article { font-size: 13px; font-size:.8125rem;
margin-bottom: 20px }
.layer-component article .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.tag-reveal .rounded { display: inline-block; border-radius: 50%; padding: 15px; border: 2px solid #000 }
.tag-reveal h4 { font-weight: 500; font-size: 20px; margin-top: 15px }
.tag-reveal .margin-top-5 { padding-top: 5em }
.tag-reveal .margin-bottom-5 { padding-bottom: 5em }
@media screen and (max-width:39.9375em) {
.tag-reveal .margin-bottom-5 { padding-bottom: 0 !important }
}
.tag-reveal .icon-set>div { outline: none }
@media screen and (max-width:39.9375em) {
.tag-reveal .icon-set>div { margin-bottom: 1.5em }
}
.reveal-tag-prd .callout .back-to-tag { display: flex; align-items: center; justify-content: center }
@media screen and (min-width:40em) {
.reveal-tag-prd .callout .back-to-tag { border-right: 1px solid #e4e5e7 }
}
.reveal-tag-prd .callout .prj-toolbar { border-bottom: 1px solid #e4e5e7 }
@media screen and (max-width:39.9375em) {
.reveal-tag-prd .callout .prj-toolbar .textfield { margin: 0 1em }
}
@media screen and (max-width:39.9375em) {
.reveal-tag-prd .callout .prj-toolbar .heading-description { text-align: left }
}
.reveal-tag-prd .callout .prj-toolbar div { padding: 1em 0 }
.reveal-tag-prd .callout .prj-toolbar div:first-child { padding-top: 0; padding-bottom: 0 }
.reveal-tag-prd .callout select { margin: 0 }
.reveal-tag-prd .callout select+label { padding-left: 1em }
.reveal-tag-prd .callout i { font-size: 15px; color: #999 }
.reveal-tag-prd .callout .product-selected { text-align: left }
.reveal-tag-prd .callout .product-selected .button { display: block; width: 100% }
@media screen and (max-width:63.9375em) {
.reveal-tag-prd .callout .product-selected .button { font-size: .7em }
}
.reveal-tag-prd .callout h4 { font-size: 18px; font-weight: 500; margin-bottom: 0 }
.reveal-tag-prd .callout h4.product-brand { font-size: 14px; text-align: left }
.reveal-tag-prd .callout h3.product-title { text-align: left; font-size:.8125rem;
line-height: 1rem; margin-bottom: 8px }
.reveal-tag-prd .callout p.more-info { color: #9b9b9b; font-size: 13px; text-align: left }
.reveal-tag-prd .callout p.product-desc { font-size: 13px; text-align: left; color: #313131; line-height: 1.3em }
.reveal-tag-prd .callout .price { text-align: left; color: #ff6363; font-size: 15px; display: block }
.reveal-tag-prd .callout .search-input { height: 3rem; margin-bottom: 0; background-image: url(/images/icon-search.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 1em }
.reveal-tag-prd .callout .products-list { min-height: 550px; overflow-y: auto; border-right: 1px solid #e4e5e7; padding: 0 1.5em }
@media screen and (max-width:39.9375em) {
.reveal-tag-prd .callout .products-list { border-right: 0 }
}
.reveal-tag-prd .callout .products-list h3.category-name { font-size: 15px; font-weight: 500 }
.reveal-tag-prd .callout .products-list h2 { font-size: 24px; font-weight: 500 }
.reveal-tag-prd .callout .products-list figure { margin-top: 1em }
.reveal-tag-prd .callout .products-list figure.product { height: auto; padding-bottom: 0; margin-bottom: 1em }
.reveal-tag-prd .callout .products-list figure.product:hover { transform: none; box-shadow: none }
.reveal-tag-prd .callout .products-list figure.product .button { visibility: hidden; opacity: 0; height: 0; transition: visibility 0s, opacity 1s linear; display: none }
.reveal-tag-prd .callout .products-list figure.active-prd .button { visibility: visible; opacity: 1; height: auto; display: block }
.reveal-tag-prd .callout .products-list .active-prd { border: 1px solid #000 }
.reveal-tag-prd .callout .products-list span { font-size: 13px }
.reveal-tag-prd .callout .brand-list>.cell { cursor: pointer; line-height: 1em }
@media screen and (max-width:39.9375em) {
.reveal-tag-prd .callout .brand-list>.cell { margin-bottom: .8em }
}
.reveal-tag-prd .callout .brand-list>.cell:focus, .reveal-tag-prd .callout .brand-list>.cell:active { outline: none }
.reveal-tag-prd .callout #fk-prd-row { padding-bottom: 2em }
.reveal-tag-prd .callout .customizer { height: 475px }
@media screen and (max-width:63.9375em) {
.reveal-tag-prd .callout .customizer { height: 300px !important }
}
.reveal-tag-prd .callout .customizer #article-div { height: 100%; background: #f7f8fa; display: flex; align-items: center; justify-content: center; border-radius: 4px }
.reveal-tag-prd .callout .customizer .upload-description { font-weight: 500 }
.reveal-tag-prd .callout .customizer .checkbox-standard .button { width: 100% }
@media screen and (max-width:63.9375em) {
.reveal-tag-prd .callout .margin-top-mb { margin-top: 1em }
}
.reveal-tag-prd .mobile-tag .button { width: 100% }
#tag-prodotti .callout { padding: 0 !important; margin: 0 !important }
.vue-html5-editor { border: 0 !important }
.vue-html5-editor .toolbar { display: none; text-align: center }
@media screen and (max-width:39.9375em) {
.vue-html5-editor .toolbar { text-align: right }
}
.vue-html5-editor .dashboard button { border: 0 !important; display: list-item }
.vue-html5-editor .dashboard { max-height: 112px !important; max-width: 320px !important; margin: 0 auto !important; border: 1px solid #ddd !important }
.vue-html5-editor .content { min-height: 0 !important; padding: 10px 25px !important }
@media screen and (max-width:39.9375em) {
#save-label { float: left !important; margin-top: 15px }
}
.highlighted .vue-html5-editor .toolbar { display: block }
.highlighted .vue-html5-editor .toolbar .active { background-color: #e4e5e7 }
.highlighted .vue-html5-editor .content { min-height: 120px !important }
@media screen and (max-width:39.9375em) {
.highlighted .vue-html5-editor .toolbar .undo { display: none !important }
}
.reveal-overlay .reveal { overflow: initial }
@media screen and (max-width:39.9375em) {
.product-selected #close-fk-reveal { display: none }
.product-selected .active { position: fixed; width: 100%; top: 0; height: 100vh; z-index: 9999; background: #fff; left: 0; right: 0; bottom: 0 }
.product-selected .active.product-selected { padding: 5em 15px 0 15px; text-align: left }
.product-selected .active.product-selected #close-fk-reveal { display: block; text-align: right }
.product-selected .active.product-selected .price { color: #ff6363; display: block }
.product-selected .active.product-selected img { margin: 0 auto; display: flex }
.product-selected .active.product-selected .button-container { display: flex; justify-content: space-between }
.product-selected .active.product-selected .button-container button:first-child { margin-right: 1em }
}
.trigger-input { height: 5em; width: 5em; display: inline-flex; justify-content: center }
.trigger-input:hover { background: #e4e5e7; border-radius: 50% }
@media print, screen and (min-width:40em) {
.myproducts__modal { width: 45rem; overflow-y: visible }
}
.myproducts__modal .header { padding: 1rem; margin: 0; border-bottom: 1px solid #e4e5e7 }
.myproducts__modal .title { font-size: 1.2rem; font-weight: 500 }
.myproducts__modal .content-list { border-left: 1px solid #e4e5e7 }
.myproducts__modal .content-list .thumb { width: 7rem }
@media print, screen and (min-width:40em) {
.myproducts__modal .thumb { padding: 2rem; max-height: 250px }
}
.myproducts__modal .myproducts__list { min-height: 150px; max-height: 250px; overflow-y: auto; padding-top: 1rem }
@media screen and (max-width:63.9375em) {
.myproducts__modal .myproducts__list { max-height: 77vh; min-height: 77vh }
}
.myproducts__modal .myproducts__list .myproducts__list-item { -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; line-height: 1 }
.myproducts__modal .myproducts__list .myproducts__list-item .list-content { display: flex; align-items: center; padding:.6rem 1.5rem
}
.myproducts__modal .myproducts__list .myproducts__list-item .list-content:hover { background-color: #f7f8fa }
.myproducts__modal .myproducts__list .myproducts__list-item .list-content:hover .button { opacity: 1 }
.myproducts__modal .myproducts__list .myproducts__list-item .list-content.listOpened { background-color: #f7f8fa }
.myproducts__modal .myproducts__list .myproducts__list-item .list-content.listOpened .button { opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
@media screen and (max-width:63.9375em) {
.myproducts__modal .myproducts__list .myproducts__list-item .list-content .triangle { opacity: 1 }
}
.myproducts__modal .myproducts__list .myproducts__list-item .list-content .triangle div { width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #797979 transparent transparent transparent }
.myproducts__modal .myproducts__list .myproducts__list-item .sublist-content { display: flex; align-items: center; padding:.3rem 1.5rem .3rem 3.7rem;
background-color: #f7f8fa }
.myproducts__modal .myproducts__list .myproducts__list-item .sublist-content:hover { background-color: #e4e5e7 }
.myproducts__modal .myproducts__list .myproducts__list-item .sublist-content:hover .button { opacity: 1 }
.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-init { flex: 0 1 auto; padding-right: 1rem }
.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-main { flex: auto 0; width: 100%; padding-right: 5px; line-height: 1.4em }
.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-end { flex: auto 0 0 }
.myproducts__modal .myproducts__list .myproducts__list-item a:hover { text-decoration: underline }
.myproducts__modal .myproducts__list .myproducts__list-item .button { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0 }
.myproducts__modal .myproducts__list .myproducts__list-item .button.triangle { opacity: 1 }
.myproducts__modal .myproducts__list .title { display: block; margin-bottom: 0; font-size: 1rem; font-weight: 500; line-height: 1.5 }
.myproducts__modal .myproducts__list .title span { color: #757575; font-weight: 400 }
.myproducts__modal .myproducts__list [class*="icon"] { vertical-align: middle }
.myproducts__modal .myproducts__modal-footer { padding: 1.5rem; position: absolute; bottom: 0; left: 0; width: 100% }
@media print, screen and (min-width:40em) {
.myproducts__modal .myproducts__modal-footer { position: static }
}
.myproducts__modal .myproducts__modal-footer a { display: flex; align-items: center; padding:.5rem 1.5rem;
font-size: 1rem; font-weight: 500; color: #777 }
.myproducts__modal .myproducts__modal-footer a:hover { text-decoration: underline }
.myproducts__modal .myproducts__modal-footer a [class*="icon"] { margin-right:.5rem
}
.myproducts__modal .close-button { z-index: 100 }
.myproducts__modal .create_list { position: relative; margin: 0 }
.myproducts__modal .create_list:hover { cursor: pointer }
.myproducts__modal .create_list:hover input { background-color: #f7f8fa }
.myproducts__modal .create_list input { box-shadow: none; border-color: #777; margin: 0 }
.myproducts__modal .create_list input~label { display: flex; position: absolute; color: #777; top: 0; bottom: 0; left:.5rem;
margin: auto; vertical-align: middle; align-items: center; pointer-events: none }
.myproducts__modal .create_list input~label [class*="icon"] { margin-right:.5rem
}
.myproducts__modal .create_list input:focus~label, .myproducts__modal .create_list input:active~label { display: none }
.myproducts__modal .create_list input:focus~label~.cont-button, .myproducts__modal .create_list input:active~label~.cont-button { opacity: 1 }
.myproducts__modal .create_list input:valid~.cont-button {
opacity:1
}
.myproducts__modal .create_list .cont-button { position: absolute; top: 0; right: -1px; bottom: 0; left: auto; opacity: 0 }
.myproducts__modal .create_list .cont-button .button { border: none; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; height: 39px }
.myproducts__modal .myproducts__modal-login { padding: 1.5rem; border-top: 1px solid #e4e5e7; position: absolute; bottom: 0; right: 0; left: 0 }
@media print, screen and (min-width:40em) {
.myproducts__modal .myproducts__modal-login { position: static }
}
.myproducts__modal .myproducts__modal-login .myproducts__content-login { margin-bottom: 0; display: flex; align-items: center }
.myproducts__modal .myproducts__modal-login [class*="icon"] { vertical-align: inherit; stroke: black; stroke-width: .3; margin-right:.5rem
}
.myproducts__modal .myproducts__modal-login .title { font-size: 1rem; font-weight: normal }
.myproducts__modal .myproducts__modal-login .desc { font-size: 1rem; margin-bottom: 0; color: #777 }
.brand-box { margin-top: 1.5rem }
.brand-column { border: 1px solid #e4e4e6; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 1.5rem }
.brand-column .brand-column-cover-image { margin-bottom: -41px; height: 150px; width: 100%; background-size: cover; background-position: center center }
.brand-column .brand-column-info { overflow: hidden; position: relative; z-index: 10 }
.brand-column .brand-column-info .cont-logo { background: #fff; margin-right: 5% }
.brand-column .brand-column-info .cont-logo .logo-large { width: 5.625rem; height: 5.625rem }
.brand-column .brand-column-info div.brand-column-text { width: 54% }
@media screen and (min-width:80em) {
.brand-column .brand-column-info div.brand-column-text { width: 60% }
}
.brand-column .brand-column-info h4 { font-size: 1.375rem; margin-bottom: 0; color: #313131 }
.brand-column .brand-column-info h4 a:hover { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.5) 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: 0 100%; -webkit-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background-color .2s cubic-bezier(.19, .26, .17, .99); transition: background-color .2s cubic-bezier(.19, .26, .17, .99); background-color: transparent !important }
.brand-column .brand-column-info h4 a:hover:hover { background-color: #f7f8fa }
.brand-column .brand-column-info h6 {
font-size:.875rem; color: #313131 }
.brand-column .brand-column-info h6 svg { fill: #313131; height: 11px; float: left; margin-top: 3px }
.brand-column .brand-column-products a { height: 90px !important; background-size: cover !important; background-position: center !important; border: 4px solid #fff }
.brand-column .brand-column-products a:hover { opacity: .8; overflow: hidden }
.brand-column .brand-column-navigator { padding: 15px 0 }
.brand-reseller { padding-top:.5rem
}
.brand-reseller a { font-size:.8125rem
}
.brand-reseller a:hover { text-decoration: underline }
@media screen and (max-width:39.9375em) {
.menu.docs-nav { margin-top: 0; margin-bottom: 2rem; border-top: 1px solid #e4e5e7; padding-top: 1rem }
}
.menu.docs-nav li { position: relative }
.menu.docs-nav li.current { font-weight: 500 }
.menu.docs-nav li a { font-size:.875rem
}
@media screen and (max-width:39.9375em) {
.menu.docs-nav li a { padding-left: 0 }
}
.menu.docs-nav li a:hover { text-decoration: underline }
.docs-nav-title { margin-top: 2rem; padding:0 1rem .7rem;
font-size:.8125rem;
font-size: 1rem; color: #777 }
@media screen and (max-width:39.9375em) {
.docs-nav-title { padding-left: 0 }
}
.footer .menu.docs-nav { margin-top: 0; margin-bottom: 0; border: none; padding: 0 }
.footer .menu.docs-nav li.current { font-weight: 400 !important }
.footer .menu li a { display: inline-block !important }
.dropdown-triangle { border: 1px solid #d7d8d9; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) }
.dropdown-triangle:before { content: ""; display: block; position: absolute; width: 0; height: 0; overflow: hidden; border: 6px solid transparent; border-color: transparent transparent #fff #fff; box-shadow: -1px 1px 0 0 #d7d8d9; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -6px; z-index: 1; margin: auto; right: 10px }
.angular-dropdown-triangle .dropdown-pane { border: 1px solid #d7d8d9; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) }
.angular-dropdown-triangle .dropdown-pane:before { content: ""; display: block; position: absolute; width: 0; height: 0; overflow: hidden; border: 6px solid transparent; border-color: transparent transparent #fff #fff; box-shadow: -1px 1px 0 0 #d7d8d9; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -6px; z-index: 1; margin: auto; right: 10px }
.dropdown-custom { padding: 0 }
.dropdown-custom ul { padding-top:.5rem;
padding-bottom:.5rem
}
.dropdown-custom ul li { padding: 0 }
.dropdown-custom ul li a:hover { background-color: rgba(0,0,0,.05) }
._cart-menu-button { position: relative }
.cart-info { position: absolute; z-index: 10; display: block; width: 300px; border: 1px solid #d7d8d9; border-radius: 0; background-color: #fff; font-size: 1rem; right: 0; margin-top: 14px; color: #313131; border: 1px solid #d7d8d9; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) }
.cart-info:before { content: ""; display: block; position: absolute; width: 0; height: 0; overflow: hidden; border: 6px solid transparent; border-color: transparent transparent #fff #fff; box-shadow: -1px 1px 0 0 #d7d8d9; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -6px; z-index: 1; margin: auto; right: 10px }
.cart-info:before { right: 6% !important }
@media screen and (max-width:39.9375em) {
.cart-info:before { right: 15px !important }
}
.cart-info .drawer-content { height: 100%; overflow-x: hidden }
.cart-info .item-mini { display: block }
.cart-info .item-mini ul { margin: 0; list-style-type: none; max-height: 500px; overflow-x: hidden; overflow-y: auto }
@media screen and (max-width:63.9375em) {
.cart-info .item-mini ul { max-height: 300px }
}
.cart-info .item-mini ul::-webkit-scrollbar-track {
border-radius:10px;
background-color:transparent
}
.cart-info .item-mini ul::-webkit-scrollbar {
width:8px;
background-color:transparent
}
.cart-info .item-mini ul::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:rgba(0,0,0,.5)
}
.cart-info .item-mini ul::-webkit-scrollbar-button {
width:0;
height:0;
display:none
}
.cart-info .item-mini ul li { position: relative; border-bottom: 1px solid #d7d8d9; padding: 1rem }
.cart-info .item-mini ul li:last-child { border-bottom: 0 }
.cart-info .item-mini ul li figure { width: 100% }
.cart-info .item-mini ul li figure .cover, .cart-info .item-mini ul li figure figcaption { display: table-cell; vertical-align: top }
.cart-info .item-mini ul li figure .cover { width: 60px; height: 60px; line-height: 50px; border: 1px solid #d7d8d9 }
.cart-info .item-mini ul li figure figcaption { padding-left: 15px; padding-right: 15px; text-align: left; font-size:.8125rem
}
.cart-info .item-mini ul li figure figcaption .name, .cart-info .item-mini ul li figure figcaption .cont-price { display: block }
.cart-info .item-mini ul li figure figcaption .name { line-height: 17px; font-weight: 600; margin-bottom: 6px }
.cart-info .item-mini ul li figure figcaption .qty-mini { margin-right: 10px; font-weight: 600 }
.cart-info .item-mini ul li .remove { position: absolute; cursor: pointer; padding: 1rem; opacity: .5; top: 0; right: 0; font-size: 0 }
.cart-info .item-mini ul li .remove:before { content: ''; background-image: url("../../images/icon-close.svg"); background-repeat: no-repeat; background-position: center center; width: 10px; height: 10px; display: block; line-height: 0 }
.cart-info .item-mini ul li .remove:hover { opacity: 1 }
.cart-info .item-mini .subtotal { display: block; border-top: 1px solid #d7d8d9; border-bottom: 1px solid #d7d8d9; padding: 1rem; text-align: right; font-size:.875rem
}
.cart-info .item-mini .subtotal>span { font-weight: 600 }
.cart-info .item-mini footer { padding: 1rem }
.cart-info .item-mini footer>button { background: #313131; padding: .7em 1.3em; display: block; width: 100%; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: background .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: background .2s cubic-bezier(.19, .26, .17, .99); transition: background .2s cubic-bezier(.19, .26, .17, .99) }
.cart-info .item-mini footer>button:hover { cursor: pointer; background: #000 }
.share-dropdown { padding: 0 !important; background: #fff; width: auto }
.share-dropdown .Social-Share { display: block; cursor: pointer; text-align: center; position: relative; padding: 10px; line-height: 0 }
.share-dropdown .Social-Share svg, .share-dropdown .Social-Share img { width: 23px; height: 23px; fill: #777; -webkit-transition: fill .2s cubic-bezier(.19, .26, .17, .99); -moz-transition: fill .2s cubic-bezier(.19, .26, .17, .99); -ms-transition: fill .2s cubic-bezier(.19, .26, .17, .99); transition: fill .2s cubic-bezier(.19, .26, .17, .99) }
.share-dropdown .facebook:hover { background: #3b5999 }
.share-dropdown .facebook:hover svg { fill: #fff }
.share-dropdown .twitter:hover { background: #55acee }
.share-dropdown .twitter:hover svg { fill: #fff }
.share-dropdown .pinterest:hover { background: #ce2123 }
.share-dropdown .pinterest:hover svg { fill: #fff }
.share-dropdown .tumblr:hover { background: #304a64 }
.share-dropdown .tumblr:hover svg { fill: #fff }
#myShareDialog #shareThis ul { margin-bottom: 0 }
#myShareDialog li:hover svg { fill: #0a0a0a }
#myShareDialog li:hover label { color: #0a0a0a }
#myShareDialog li .textfield { display: inline-block; margin-top:.9rem
}
#myShareDialog li .textfield input { cursor: text; width: 260px; float: left; padding-top: 0; color: #9e9e9e; font-size:.8125rem
}
#myShareDialog li .textfield input:hover, #myShareDialog li .textfield input:focus { border-color: #e4e5e7 }
#myShareDialog .dropdown-pane label { padding: 1.5rem 1.5rem 1rem; color: #0a0a0a }
@media screen and (max-width:39.9375em) {
#myShareDialog .dropdown-pane label { line-height: 1rem; padding: 1.2rem 1.5rem 1.2rem }
}
#myShareDialog .dropdown-pane .my-products-pane-list { max-height: none }
#myShareDialog .dropdown-pane li a { margin: 0; padding: 0; display: inline; line-height: unset }
#myShareDialog .dropdown-pane li a svg { margin-right: 0; vertical-align: bottom }
#myShareDialog span>span { padding: 1.5rem 1.5rem 1rem; position: relative; top: -4px; line-height: unset }
@media screen and (max-width:39.9375em) {
#myShareDialog span>span {
padding:.8rem .8rem .8rem 1.3rem; top: 0 }
}
@media screen and (max-width:39.9375em) {
#myShareDialog .mail-icon span>span { top:.6rem
}
}
#myShareDialog svg { fill: #9e9e9e }
@media screen and (max-width:39.9375em) {
#share-button-ot { margin-bottom: 15px }
}
@media screen and (max-width:39.9375em) {
.header-profile-info-buttons #share-button-ot { margin-bottom: 0 }
}
@media screen and (max-width:39.9375em) {
.header-profile-info-buttons .brand-ap span { font-size:.65rem
}
}
.box-loader { position: relative; width: 100%; min-height: 600px }
.box-loader.show { display: block }
.box-loader.full { position: fixed; width: 100%; min-height: 100vh; z-index: 1000; left: 0; top: 0; background: rgba(255,255,255,.8) }
.loader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 50px }
.loader:before { content: ''; display: block; padding-top: 100% }
.circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round }
@keyframes rotate { 100% {
transform:rotate(360deg)
}
}
@keyframes dash { 0% {
stroke-dasharray:1, 200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89, 200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124px
}
}
@keyframes color { 100%, 0% {
stroke:#0a0a0a
}
}
@media screen and (max-width:39.9375em) {
.reveal-autosize { margin: 1rem; height: auto; min-height: 0; width: auto }
}
.reveal .callout { padding: 2.2rem 1.5rem 1.5rem !important }
.reveal { outline: none }
.reveal.spot-popup { padding: 1.5rem }
.reveal.spot-popup .close-button { font-size: 1.5em; line-height: .5 }
.reveal.custom-styles { padding: 40px !important }
.reveal.custom-styles.medium-up-fixed-width { width: 100% }
@media screen and (min-width:40em) {
.reveal.custom-styles.medium-up-fixed-width { width: 490px }
}
.reveal.custom-styles .font-size-13 { font-size: 13px !important }
.reveal.custom-styles .font-size-16 { font-size: 16px !important }
.reveal.custom-styles .font-weight-500 { font-weight: 500 !important }
.reveal.custom-styles .letter-spacing-1 { letter-spacing: 1px !important }
.reveal.custom-styles .margin-bottom-0 { margin-bottom: 0 !important }
.reveal.custom-styles .badge.warning b { color: #fff; font-size: 13px }
.reveal.custom-styles .warning-fake-tooltip { background: #f7f8fa; font-size: 13px; line-height: 16px; padding: 15px 18px; color: #313131; position: relative; border-radius: 4px }
@media print, screen and (min-width:64em) {
.reveal.very-tiny { width: 320px }
}
.reveal.custom-reveal { padding: 0; border-radius: 5px }
.reveal.custom-reveal .reveal-header { border-bottom: 1px solid #d7d8d9; padding: 20px }
.reveal.custom-reveal .reveal-header h6 { font-size: 16px; font-weight: 500; line-height: 19px; margin-bottom: 0 }
.reveal.custom-reveal .reveal-header .icon { float: left; padding: 1px; margin-right: 10px }
.reveal.custom-reveal .reveal-body { padding: 35px 20px }
.reveal.custom-reveal .reveal-footer { padding: 20px }
.reveal.custom-reveal .reveal-footer .button { margin-left:.5rem
}
@media screen and (max-width:39.9375em) {
.reveal-small-close-position { color: #fff; right: 0; top: 0; font-size: 22px; padding: 12px; background: #000; line-height: 14px }
}
.change-geolocalization .change-geolocalization-bg-container { background-image: url("../../images/geo-bg.png"); background-size: cover; padding-bottom: 25px }
.change-geolocalization .change-geolocalization-bg-container .change-geolocalization-head-icon { height: 40px; fill: #ff6363; margin-top: 33px; margin-bottom: 14px }
.change-geolocalization .change-geolocalization-bg-container .change-geolocalization-title h4 { font-size: 22px; line-height: 25px; font-weight: 700 }
.change-geolocalization .change-geolocalization-bg-container .change-geolocalization-subtitle p { font-size: 16px; line-height: 20px }
.change-geolocalization .change-geolocalization-bg-container .medium-7 { margin-bottom: 2rem }
.change-geolocalization #automaticZipCode { width: 100%; background: #fff }
.change-geolocalization .change-geolocalization-gps input { border-color: #cacaca; position: relative; padding-left: 1rem; padding-right: 1rem; padding-top: 0; padding-bottom: 0; box-shadow: none }
.change-geolocalization .change-geolocalization-gps .button { height: 48px !important; line-height: 45px !important; padding: 0; float: left; margin-left: 2% }
.change-geolocalization .change-geolocalization-gps .button.iconized { background-color: #f3f3f3; color: #0a0a0a }
.change-geolocalization .change-geolocalization-gps .button.iconized:hover, .change-geolocalization .change-geolocalization-gps .button.iconized:focus { background-color: #f3f3f3; color: #0a0a0a }
.change-geolocalization .change-geolocalization-gps .button.iconized .icon.small { fill: #ff6363 !important }
.change-geolocalization .change-geolocalization-footer-text { margin-top: 24px; margin-bottom: 10px; font-size: 12px; line-height: 14px; color: #9a9a9a; font-style: italic }
.canvasUtility .icon_v { transform: translateY(3rem); opacity: 0; -webkit-transition: transform .6s ease .1s, opacity .6s ease .1s; -moz-transition: transform .6s ease .1s, opacity .6s ease .1s; -ms-transition: transform .6s ease .1s, opacity .6s ease .1s; transition: transform .6s ease .1s, opacity .6s ease .1s }
.canvasUtility.is-open .icon_v { transform: translateY(0); opacity: 1 }
.canvasUtility .header { padding: 15px 30px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; position: relative }
.canvasUtility .header-text-info { font-size: 16px; color: #999 }
.canvasUtility .header-text-label { font-size: 16px; font-weight: 500 }
@media print, screen and (min-width:40em) {
.content-border-bottom { border-bottom: 1px solid #e4e5e7; margin-bottom: 1rem; padding:.5rem;
margin-bottom: 2rem }
}
.content-quote { display: block; padding: 0 0 1rem 0 }
@media print, screen and (min-width:64em) {
.content-quote { padding: 1rem; border: 1px solid #e4e5e7; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease }
.content-quote:hover { -webkit-box-shadow: 0 2px 25px 0 rgba(10,10,10,.09); -moz-box-shadow: 0 2px 25px 0 rgba(10,10,10,.09); box-shadow: 0 2px 25px 0 rgba(10,10,10,.09) }
}
.content-quote .media-object { margin: 0 }
.content-quote .media-object:focus { outline: none }
.promo-list {
font-size:.75rem !important; color: #4a4a4a !important }
.button-floating { -webkit-transition: transform .3s cubic-bezier(.58, -.37, .45, 1.46), opacity .3s ease; -moz-transition: transform .3s cubic-bezier(.58, -.37, .45, 1.46), opacity .3s ease; -ms-transition: transform .3s cubic-bezier(.58, -.37, .45, 1.46), opacity .3s ease; transition: transform .3s cubic-bezier(.58, -.37, .45, 1.46), opacity .3s ease }
.button-floating.animeVisible { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
.button-floating.animeHidden { -moz-transform: translateY(1rem); -ms-transform: translateY(1rem); -webkit-transform: translateY(1rem); transform: translateY(1rem); opacity: 0 }
.switch { position: relative; display: inline-block; width: 60px; height: 34px }
.switch input { display: none }
.switch.switch-md { width: 47px; height: 26px }
@media screen and (max-width:39.9375em) {
.switch.switch-md { margin: 0 auto; display: block }
}
.switch.switch-md .toggle-switch { -webkit-transition: .3s; transition: .3s }
.switch.switch-md .toggle-switch:before { width: 20px; height: 20px; -webkit-transition: .3s; transition: .3s }
.switch.switch-md input:checked+.toggle-switch:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
.switch.switch-md.tiny { width: 28px; height: 20px }
.switch.switch-md.tiny .toggle-switch:before { width: 14px; height: 14px; left: 3px; bottom: 3px }
.switch.switch-md.tiny input:checked+.toggle-switch { background-color: #313131 }
.switch.switch-md.tiny input:checked+.toggle-switch:before { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px) }
.switch.switch-md.inline-block { display: inline-block; vertical-align: middle }
.switch .toggle-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.switch .toggle-switch:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 3px; background-color: #fff; -webkit-transition: .4s; transition: .4s }
.switch .toggle-switch.round { border-radius: 34px }
.switch .toggle-switch.round:before { border-radius: 50% }
.switch input:checked+.toggle-switch { background-color: #7cb342 }
.switch input:checked+.toggle-switch:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.switch input:focus+.toggle-switch { box-shadow: 0 0 1px #7cb342 }