Skip to content

Instantly share code, notes, and snippets.

@jclif
Created June 27, 2025 03:53
Show Gist options
  • Save jclif/e51a6affc47af30ec80f38351c322325 to your computer and use it in GitHub Desktop.
Save jclif/e51a6affc47af30ec80f38351c322325 to your computer and use it in GitHub Desktop.
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display:block
}
audio, canvas, progress, video {
display:inline-block
}
audio:not([controls]) {
display: none;
height:0
}
progress {
vertical-align:baseline
}
template, [hidden] {
display:none
}
a {
background-color: transparent;
-webkit-text-decoration-skip:objects
}
a:active, a:hover {
outline-width:0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration:underline dotted
}
b, strong {
font-weight:inherit
}
b, strong {
font-weight:bolder
}
dfn {
font-style:italic
}
h1 {
font-size: 2em;
margin:0.67em 0
}
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:-0.25em
}
sup {
top:-0.5em
}
img {
border-style:none
}
svg:not(:root) {
overflow:hidden
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size:1em
}
figure {
margin:1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow:visible
}
button, input, select, textarea {
font: inherit;
margin:0
}
optgroup {
font-weight:bold
}
button, input {
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
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding:0.35em 0.625em 0.75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space:normal
}
textarea {
overflow: auto
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color: inherit;
opacity:0.54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font:inherit
}
@font-face {
font-family: 'Didot-Italic';
src: url(/assets/DidotLH-Italic-5a82639fdb16593c259d182942a6b43f6822d41306c3028a9f7c5b1b362e49ea.eot);
src: local("☺"), url(/assets/DidotLH-Italic-7c494f42c649c7d1a8675c9bba0c1e5f04a69b0a4d460a47f80bd12690288229.woff) format("woff"), url(/assets/DidotLH-Italic-2cb201239fbcce6199e18a3dced611c67768436509475cdeef04def36501bf72.ttf) format("truetype"), url(/assets/DidotLH-Italic-ca3b92fe2b81c7c078c509c27749070f619e0a3e2643986b9e93f9a0f19b75fe.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Didot-Italic-Osf';
src: url(/assets/DidotLH-ItalicOsF-e8792379c012c142f4163aa42830139afd4b37a4d18fe81969213fcc6f40ac09.eot);
src: local("☺"), url(/assets/DidotLH-ItalicOsF-8ee0a69cfeca0bc30918a90925eb7fa58d231e116cd888c6321891a98ac41f98.woff) format("woff"), url(/assets/DidotLH-ItalicOsF-a152f6c035bdf2645a5b4607b486d7786d49bef07724bb5d987dbc73bf8d53f9.ttf) format("truetype"), url(/assets/DidotLH-ItalicOsF-3a5e8359b4f4d46a6adad92197f741f9c76470236691337af0cdbc53ec5904dc.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Didot-Roman';
src: url(/assets/DidotLH-Roman-da03bafec66e38c3b4ef33be778551b5b7c758137167dbd7f689fc7c0709ca9a.eot);
src: local("☺"), url(/assets/DidotLH-Roman-362a947ea2423134bda55cf075698feae0bac33ffdbd4eb7906078ba5461a213.woff) format("woff"), url(/assets/DidotLH-Roman-03a7e037700619b479d12d981f4a413a1ca67e84268583bc7fa49ae4ce34d4a4.ttf) format("truetype"), url(/assets/DidotLH-Roman-701c847455607978968830d33b71b81c37dcf1647fcedbb9d9361a1540fdb55b.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Lato-Light';
src: url(/assets/Lato-Light-02d304f244df6760919beb503ce5df1d39186deded8e3391629ef4e41aade441.eot);
src: local("☺"), url(/assets/Lato-Light-9adedc5068968d61014ad12050ee4bef4faab6d2fd217e1f39db2770f0ac2460.woff) format("woff"), url(/assets/Lato-Light-7e8a8be126a0b4e8f8ec5dc67d7b53c9a9e5aad97a8cc51f1f6c17bfd05f6bbc.ttf) format("truetype"), url(/assets/Lato-Light-76835c27b5ced2bf15e30a633a6376f5b0085576675ed90e412dd3c054476a0f.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Lato';
src: url(/assets/Lato-Regular-06596b8693164b09f938eb287f79abb31690a3124241138a6f34a77dbd650fd1.eot);
src: local("☺"), url(/assets/Lato-Regular-974e07ec6e0d8e2bcbefe743ae722b59d2ccb974824d35ecb8a8a79528f55a9b.woff) format("woff"), url(/assets/Lato-Regular-8881cfc37f00ab88028273ad472633fbb69200bafcb825ff7e07a15e0fdfb1e1.ttf) format("truetype"), url(/assets/Lato-Regular-896d22b2efa0b901a9f91ea56c92aa690b8b5c485383743180bfdbb348826cc4.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Lato-Bold';
src: url(/assets/Lato-Bold-bbe21b0e627e93bff2af3f13206122b3911c33e27de4291f65d4284ede1b7db3.eot);
src: local("☺"), url(/assets/Lato-Bold-cf712646f31e48d0c467f809fe99e25e8dccebca5d7f07df5fef5b1a26943dbf.woff) format("woff"), url(/assets/Lato-Bold-a5c2cdc0c62725be1c1a05d0cded8313282c68a16d8157dd8bb057c6bec2848e.ttf) format("truetype"), url(/assets/Lato-Bold-24bc5ddc88c9fbd28fbd0184dd161b3d372385a045d8e9f034475ab1a0d6e102.svg) format("svg");
font-weight: normal;
font-style:normal
}
@font-face {
font-family: 'Lato-Italic';
src: url(/assets/Lato-Italic-7bb3cade5c41ec446dbd756ad2d143ed28c99c3c86631f259c2d317011d7aa9a.eot);
src: local("☺"), url(/assets/Lato-Italic-727f8423428501a1651a0e25ceabe36e74c0d83dda7d9378268083c515965d37.woff) format("woff"), url(/assets/Lato-Italic-4180951fb0fb537874beb0f352f973d04b9c26cd654ed51903d0bafda73e7e2f.ttf) format("truetype"), url(/assets/Lato-Italic-2ce285558fa706cc2f5e8f30f507080410862c51045fc48e89a763b287a5ddd1.svg) format("svg");
font-weight: normal;
font-style:normal
}
html {
font-smoothing: antialiased;
box-sizing: border-box;
position: relative;
min-height:100%
}
*, * :before, * :after {
box-sizing:inherit
}
body {
background: #E5E4E1;
color: #000;
margin: 0 0 300px 0;
min-height:100%
}
@media screen and (min-width: 768px) {
body {
margin:0 0 212px 0
}
}
body.no-scroll {
overflow:hidden
}
@media screen and (max-width: 768px) {
body.no-scroll > * :not(.modal-overlay) {
display:none
}
body.no-scroll div#non-react-modal {
display:block
}
body.no-scroll div#global-modal {
display:block
}
}
section.main {
flex:1
}
.clearfix:after {
content: "";
display: table;
clear:both
}
img.full-width-image {
max-width: 100%;
width:100%
}
ul li {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
a, a:active, a:link {
color: inherit;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
transition: color 0.325s ease-in-out;
outline:none
}
a:visited, a:active:visited, a:link:visited {
color:inherit
}
a:hover, a:active:hover, a:link:hover {
color: inherit;
transition:color 0.325s ease-in-out
}
a.underlined, a:active.underlined, a:link.underlined {
color: #333333;
font-size: 0.875em;
letter-spacing: 0.1071428571em;
line-height: 1.4285714286em;
border-bottom: 2px solid #BD965F;
text-decoration: none;
text-transform:uppercase
}
a.underlined:hover, a:active.underlined:hover, a:link.underlined:hover {
border-bottom:2px solid #E1E0DD
}
a.underlined.centered, a:active.underlined.centered, a:link.underlined.centered {
display: table;
margin: 0 auto;
text-align:center
}
.logo-mark-footer {
margin-bottom: 7.8125em;
position: relative;
padding-bottom:3.125em
}
@media screen and (min-width: 768px) {
.logo-mark-footer {
margin-bottom: 6.875em;
padding-bottom:3.125em
}
}
.logo-mark-footer:before {
content: '';
background: transparent url(/assets/textless-logo-7107d032a42e9d6077b244351cbc38420c1c5f1f9cdea6dfc8756ec39015068e.svg) center center no-repeat;
background-size: 1.875em 1.875em;
bottom: 0;
height: 85px;
left: 0;
position: absolute;
width: 100%;
z-index:1
}
@media screen and (min-width: 768px) {
.logo-mark-footer:before {
background-size: 2.625em 3.125em;
bottom: 0em;
height:6.875em
}
}
.logo-mark-footer-slash {
margin-bottom: 7.8125em;
position:relative
}
@media screen and (min-width: 768px) {
.logo-mark-footer-slash {
margin-bottom:6.875em
}
}
.logo-mark-footer-slash:before {
content: '';
background: transparent url(/assets/textless-logo-7107d032a42e9d6077b244351cbc38420c1c5f1f9cdea6dfc8756ec39015068e.svg) center center no-repeat;
background-size: 1.875em 1.875em;
bottom: -85px;
height: 85px;
left: 0;
position: absolute;
width: 100%;
z-index:1
}
@media screen and (min-width: 768px) {
.logo-mark-footer-slash:before {
background-size: 1.9375em 2.1875em;
bottom: -6.875em;
height:6.875em
}
}
.logo-mark-footer-slash:after {
content: '';
background: inherit;
bottom: -85px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
height: 85px;
left: 0;
position: absolute;
width:100%
}
@media screen and (min-width: 768px) {
.logo-mark-footer-slash:after {
bottom: -6.875em;
height:6.875em
}
}
.logo-mark {
background-image: url(/assets/textless-logo-7107d032a42e9d6077b244351cbc38420c1c5f1f9cdea6dfc8756ec39015068e.svg);
background-repeat: no-repeat;
background-size: cover;
height: 1.75em;
margin: 0 auto;
width:1.75em
}
@media screen and (min-width: 768px) {
.logo-mark {
height: 1.9375em;
width:1.8125em
}
}
.button {
cursor: pointer
}
button, input[type="submit"], .button {
outline: none
}
button.large, input[type="submit"].large, .button.large {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
background-color: #BD965F;
border: none;
color: #333333;
line-height: 2.7272727273em;
letter-spacing: 0.1818181818em;
min-height: 4.0909090909em;
padding: 0 4.0909090909em 0;
text-align: center;
text-transform: uppercase;
transition: 0.5s all
}
button.large:hover, input[type="submit"].large:hover, .button.large:hover {
background-color: #CBC4B6
}
button.large.secondary, input[type="submit"].large.secondary, .button.large.secondary {
color: #BD965F;
border: 2px solid #BD965F;
background-color:#D2CDC8
}
@media screen and (max-width: 768px) {
button.mobile-large, input[type="submit"].mobile-large, .button.mobile-large {
width: 100%;
min-height: 5.4545454545em
}
}
button.center, input[type="submit"].center, .button.center {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
display: block;
margin: 0 auto
}
button.arrow, input[type="submit"].arrow, .button.arrow {
background-color: transparent;
border: none;
outline: none;
padding: 0
}
button:disabled, input[type="submit"]:disabled, .button:disabled {
background-color:#CBC4B6 !important
}
a.button {
text-decoration:none
}
p, .p-style {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8125em;
letter-spacing: 0.1076923077em;
line-height:2.1538461538em
}
p.spaced-subtitle, .p-style.spaced-subtitle {
font-size: 0.75em;
letter-spacing: 0.125em;
line-height: 2.5em;
text-align:center
}
p.spaced-subtitle .subtitle-detail, .p-style.spaced-subtitle .subtitle-detail {
border-left: 1px solid black;
padding-left: 1.25em;
margin-left:1.25em
}
.pre-header {
color: #fff;
font-size: 0.75em;
line-height: 50px;
margin-bottom:0.0625em
}
h1 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 2.3125em;
color: #333333;
letter-spacing: 0.0135135135em;
line-height:1.2972972973em
}
@media screen and (min-width: 768px) {
h1 {
font-size: 3.125em;
line-height:5.625em
}
}
h1.uppercase {
text-transform:uppercase
}
h1.has-subtitle {
margin-bottom:0
}
h1.lead {
font-size: 4.375em;
line-height:5.625em
}
h1.staggered {
display: block;
color: #333333;
font-weight: normal;
text-transform:uppercase
}
h1.staggered span:nth-of-type(1n) {
color: #454348;
display: block;
text-align: center;
width:100%
}
h1.staggered span:nth-of-type(2n) {
color: #BD965F;
display: block;
text-align: center;
width:100%
}
h1 .pre-title {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
h1.split-colors {
color: #333333;
font-size: 2.5em;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1.2727272727em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
h1.split-colors {
font-size: 3.125em;
letter-spacing: 0.04em;
line-height:1.04em
}
}
h1.split-colors span:nth-child(1n) {
color:#BD965F
}
@media screen and (min-width: 768px) {
h1.split-colors span:nth-child(1n) {
display:block
}
}
h1 span.brown {
color:#B78452
}
h1.brown {
color:#B78452
}
.page-subtitle {
color: #333333;
font-size: 2.25em;
line-height:2.6875em
}
.follows-h1 {
color: #333333;
font-size: 0.75em;
line-height:1.25em
}
h2 {
color: #333333;
font-size: 2em;
line-height:2.375em
}
h2.h1-subtitle {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
font-weight: 300;
letter-spacing: 0.1785714286em;
line-height: 2.1428571429em;
margin-top: 0;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
h2.h1-subtitle {
font-size: 1em;
line-height: 3.125em;
margin-bottom:1.5625em
}
}
form .form-title-row {
background-color: #ECECEC;
padding:1.25em 1.9375em
}
form .form-title {
color: #333333;
font-size: 1.5em;
line-height:2.25em
}
form .form-subtitle {
color: #333333;
font-size: 0.75em;
line-height:0.9375em
}
form .row-title {
color: #333333;
display: block;
font-size: 0.6875em;
line-height: 0.8125em;
marign-bottom: 0.75em;
text-transform:uppercase
}
form .row-title span.row-subtitle {
text-transform:normal
}
form .error-notice {
color: #E41A03;
padding: 0.5em 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
form .text-input {
background-color: #ECECEC;
border:1px solid #333333
}
form .text-input.error {
border:1px solid #E41A03
}
form .input-wrap.error label {
color:#333333
}
form .input-wrap.error input, form .input-wrap.error select, form .input-wrap.error textarea, form .input-wrap.error .select2-container--default .select2-selection--single {
border:1px solid #E41A03
}
.inner-nav a {
color: #333333;
font-size: 0.75em;
line-height: 3.125em;
text-transform:uppercase
}
.inner-nav a:hover {
border-bottom:4px solid #BD965F
}
#outer {
border: 1px solid #000;
margin: auto;
max-width: none;
min-width: none;
width:100%
}
@media screen and (max-width: 768px) {
.desktop-only {
display:none !important
}
}
@media screen and (min-width: 768px) {
.mobile-only {
display:none !important
}
}
.medium-desktop-only {
display:none
}
@media (min-width: 1024px) {
.medium-desktop-only {
display:block !important
}
}
@media (min-width: 1024px) {
.large-mobile-only {
display:none !important
}
}
.checkbox-wrapper {
margin-bottom: 1em;
position:relative
}
.checkbox-wrapper label {
color: #4A494C;
letter-spacing: 0.0275em;
line-height: 1.6666666667em;
text-transform: initial;
padding-left: 2em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.75em
}
@media screen and (min-width: 768px) {
.checkbox-wrapper label {
font-size: 0.875em;
letter-spacing: 0.0278571429em;
line-height: 1.7857142857em
}
}
.checkbox-wrapper [type="checkbox"]:not(:checked), .checkbox-wrapper [type="checkbox"]:checked {
position: absolute;
left: 0;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
.checkbox-wrapper [type="checkbox"]:not(:checked) + label, .checkbox-wrapper [type="checkbox"]:checked + label {
position: relative;
padding-left: 2.5em;
cursor: pointer
}
.checkbox-wrapper [type="checkbox"]:not(:checked) + label:before, .checkbox-wrapper [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.75em;
height: 1.75em;
background-color: #F4F4F4;
border: 1px solid #999999
}
.checkbox-wrapper [type="checkbox"]:not(:checked) + label:after, .checkbox-wrapper [type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: .5em;
left: .5em;
font-size: 1em;
line-height: 0.8;
color: #4A494C;
transition: all .2s
}
.checkbox-wrapper [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0)
}
.checkbox-wrapper [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1)
}
.checkbox-wrapper [type="checkbox"]:disabled:not(:checked) + label:before, .checkbox-wrapper [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
.checkbox-wrapper [type="checkbox"]:disabled:checked + label:after {
color: #999
}
.checkbox-wrapper [type="checkbox"]:disabled + label {
color:#aaa
}
.Select {
border: 1px solid #999999;
min-height:47px
}
@media screen and (min-width: 768px) {
.Select {
flex-basis:calc(100% - 140px)
}
}
.Select .Select-control {
background-color: #F4F4F4;
border-radius: 0;
border: none;
color: inherit;
display: table;
border-spacing: 0;
border-collapse: separate;
min-height: 55px;
overflow:hidden
}
.Select .Select-control .Select-value {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #333333;
font-size: 1em;
height:55px
}
.Select .Select-control .Select-arrow {
border-color:#BD965F transparent transparent
}
.Select .Select-control .Select-clear {
display:none
}
.Select .Select-control .Select-value-label {
line-height:55px
}
input, textarea {
outline: none
}
input[type="text"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, textarea:disabled {
background-color: #ECECEC !important;
color:#999999 !important
}
.error {
color:#E41A03 !important
}
.errorExplanation {
color: #E41A03 !important;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.video-js, .vjs-poster {
background-color:transparent !important
}
.video-js .vjs-big-play-button {
background-color: transparent !important;
border: none !important;
line-height: 2em !important;
height: 1.8em !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
top: 50% !important;
transform: translateY(-50%);
width:100% !important
}
.video-js .vjs-big-play-button:before {
content: 'PLAY';
color: #e4e5e0;
letter-spacing: 1px;
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
font-size:40px
}
@media screen and (min-width: 768px) {
.video-js .vjs-big-play-button:before {
letter-spacing: 2px;
font-size:64px
}
}
.vjs-icon-placeholder {
display:none !important
}
.slick-slide {
outline:none
}
p.required-field-note {
color: #333333;
font-size: 12px;
margin-top: 0;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.general-video-wrapper {
margin-bottom: 50px;
position: relative;
width:100%
}
@media screen and (min-width: 768px) {
.general-video-wrapper {
margin-bottom:70px
}
}
.general-video-wrapper video.general-video-player {
width:100%
}
.general-video-wrapper .video-js, .general-video-wrapper .vjs-tech {
height: 100%;
position: static !important;
width:100%
}
.general-video-wrapper .video-js .vjs-big-play-button:before {
color:#000
}
.general-video-wrapper .vjs-paused .vjs-control-bar {
display:none
}
@media screen and (max-width: 768px) {
.general-video-wrapper .vjs-control-bar {
display:none
}
}
.mb-0 {
margin-bottom:0
}
.mt-0 {
margin-top:0
}
.mb-1 {
margin-bottom:10px
}
.mt-1 {
margin-top:10px
}
.fw-bold {
font-weight:600 !important
}
.fw-normal {
font-weight:400 !important
}
.text-center {
text-align:center
}
.bulleted-icon-list {
display:table
}
.bulleted-icon-list .row {
display:table-row
}
.bulleted-icon-list .row .cell {
display: table-cell;
vertical-align: middle;
font-size:12px
}
.bulleted-icon-list .row .cell .icon {
width: 20px;
margin-right:10px
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
section.main:not(.aligned-top) {
padding-top:10em
}
@media screen and (min-width: 768px) {
section.main:not(.aligned-top) {
padding-top:1em
}
}
div.max-width-wrapper {
max-width: 1280px;
margin: 0 auto;
position:relative
}
@media (min-width: 768px) and(max-width: 1280px) {
div.max-width-wrapper {
width:95%
}
}
.quantity-button {
float: right;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select:none
}
.quantity-button span {
text-align: center;
padding: 0.3125em 0.625em !important;
background:#ececec
}
.quantity-button span.quantity-amount {
background:#fff
}
.quantity-decrease, .quantity-increase {
border: #BE965F solid 1px;
min-width: 0.9375em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select:none
}
.quantity-amount {
border-top: #BE965F solid 1px;
border-bottom: #BE965F solid 1px;
min-width: 2.1875em;
outline:none
}
.internal-navigation {
position:relative
}
@media screen and (min-width: 768px) {
.internal-navigation {
margin-left: auto;
margin-right: auto;
max-width:64em
}
}
.internal-navigation h1.navigation-title {
border-bottom: 0.0789473684em solid #BD965F;
font-size: 2.375em;
font-weight: 300;
letter-spacing: 0.0197368421em;
line-height: 1.1842105263em;
margin-top: 0;
text-align:left
}
@media screen and (min-width: 768px) {
.internal-navigation h1.navigation-title {
border: none;
font-size: 5em;
letter-spacing: 0.02em;
line-height: 1.175em;
text-align:center
}
}
.internal-navigation .collections-navigation-toggle {
background-color: transparent;
border: none;
outline: none;
padding: 0;
position: absolute;
right: 0;
top:0.9375em
}
@media screen and (min-width: 768px) {
.internal-navigation .collections-navigation-toggle {
display:none
}
}
.internal-navigation .collections-navigation-toggle img {
height: 0.9375em;
transform: rotate(90deg);
width:1.375em
}
.internal-navigation .collections-navigation-toggle.active img {
transform:rotate(-90deg)
}
.internal-navigation nav {
display: none;
text-align:center
}
@media screen and (min-width: 768px) {
.internal-navigation nav {
display: block;
margin-top:3.125em
}
}
.internal-navigation nav.active {
display:block
}
.internal-navigation nav ul {
list-style: none;
padding:0
}
.internal-navigation nav ul li {
margin-bottom: 0.9375em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.internal-navigation nav ul li.active {
border-bottom:0.25em solid #BD965F
}
}
@media screen and (min-width: 768px) {
.internal-navigation nav ul li {
border-bottom: 0.25em solid transparent;
display: inline-block;
font-size: 0.75em;
letter-spacing: 0.1666666667em;
line-height: 2.0833333333em;
margin-bottom: 2.0833333333em;
margin-right:2.9166666667em
}
}
.internal-navigation nav ul li:last-of-type {
margin-bottom:0
}
.hero-area {
min-height:43.75em
}
@media screen and (min-width: 768px) {
.hero-area {
min-height:51.25em
}
}
.hero-area .hero-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index:-1
}
.hero-area h1 {
color: #fff;
font-size: 3.4375em;
font-weight: 400;
letter-spacing: 0.0454545455em;
line-height: 1em;
margin-top: 3.4545454545em;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.hero-area h1 {
font-size: 4.375em;
margin-left: auto;
margin-right: auto;
margin-top: 3.1428571429em;
max-width:6em
}
}
.hero-area h1 span.pre-title {
color: #fff;
font-size: 0.2181818182em;
letter-spacing: 0.3333333333em;
line-height:5em
}
@media screen and (min-width: 768px) {
.hero-area h1 span.pre-title {
display:block
}
}
.hero-area h1 span.staggered {
display: block;
float:right
}
.hero-area h1 span.staggered:nth-child(2n) {
float:left
}
.hero-area .hero-lead {
font-size: 1.625em;
letter-spacing: 0.0192307692em;
line-height: 1.2307692308em;
text-align:center
}
.feature-image {
max-width: 100%;
width:100%
}
.status-tab {
background-color: #bab5cb;
color: #4A494C;
display: inline-block;
font-size: 0.6875em;
letter-spacing: 1.5px;
padding: 12px 26px;
text-align: left;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-transform:uppercase
}
.status-bar-wrapper {
padding: 0;
position: relative;
top:-1px
}
.status-bar-wrapper:before, .status-bar-wrapper:after {
content: "";
display:table
}
.status-bar-wrapper:after {
clear:both
}
.status-bar-wrapper {
* zoom:1
}
@media screen and (min-width: 768px) {
.status-bar-wrapper {
margin: 0 auto 50px;
padding:50px 0 0
}
}
table.status-bar {
table-layout: fixed;
width:100%
}
table.status-bar thead {
display:none
}
@media screen and (min-width: 768px) {
table.status-bar thead {
display:table-header-group
}
}
table.status-bar th, table.status-bar td {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 0.75em;
letter-spacing: 0.1076923077em;
line-height: 2.1538461538em;
text-align: center;
text-transform:uppercase
}
table.status-bar th {
height: 30px;
padding-bottom:20px
}
table.status-bar td {
height: 10px;
position:relative
}
@media screen and (min-width: 768px) {
table.status-bar td:first-of-type .bar {
border-top-left-radius: 15px;
border-bottom-left-radius:15px
}
table.status-bar td:last-of-type .bar {
border-top-right-radius: 15px;
border-bottom-right-radius:15px
}
}
table.status-bar td .bar {
background-color: #D7D3CF;
bottom: 0;
height: 9px;
left: 0;
position: absolute;
width: 100%;
z-index:9
}
table.status-bar td.passed-step .bar {
background-color:#BD965F
}
@media screen and (min-width: 768px) {
table.status-bar td.passed-step:before {
content: url(/assets/checkout-status-bar-checkmark-dfd3376022352523bca67402c120a34ad6f104c18c80952d05ea6df191f86c0c.svg);
position: absolute;
bottom: -16px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
z-index:10
}
}
table.status-bar td.current-step .bar:before {
content: '\00a0';
background-color: #BD965F;
background-size: 9px;
height: 9px;
position: absolute;
left: 0;
bottom: 0;
width:50%
}
body.user_passwords, body.user_sessions {
background-color:#ECECEC
}
.login-wrapper, .reset-password-wrapper {
padding-top:5em
}
@media screen and (min-width: 768px) {
.login-wrapper, .reset-password-wrapper {
padding-top:8em
}
}
.login-wrapper .inner, .reset-password-wrapper .inner {
margin: auto;
width:90%
}
@media screen and (min-width: 768px) {
.login-wrapper .inner, .reset-password-wrapper .inner {
max-width: 690px;
margin:auto
}
}
@media screen and (min-width: 768px) {
.login-wrapper .content-wrapper, .reset-password-wrapper .content-wrapper {
margin:auto
}
}
.login-wrapper .login-heading, .login-wrapper .reset-password-heading, .reset-password-wrapper .login-heading, .reset-password-wrapper .reset-password-heading {
text-align:center
}
.login-wrapper .login-title, .login-wrapper .reset-password, .reset-password-wrapper .login-title, .reset-password-wrapper .reset-password {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 1.5em;
letter-spacing: 0.57px;
line-height: 1.4em;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
width:90%
}
.login-wrapper .request-account-link, .login-wrapper .forgot-password-link, .login-wrapper .visit-home-link, .reset-password-wrapper .request-account-link, .reset-password-wrapper .forgot-password-link, .reset-password-wrapper .visit-home-link {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
border-bottom: 2px solid #BD965F;
color: #4A494C;
display: inline-block;
letter-spacing: 0.4px;
margin: 0 auto 1em;
padding-bottom: 0.0625em;
text-align: center;
text-decoration:none
}
.login-wrapper .request-account-link:hover, .login-wrapper .forgot-password-link:hover, .login-wrapper .visit-home-link:hover, .reset-password-wrapper .request-account-link:hover, .reset-password-wrapper .forgot-password-link:hover, .reset-password-wrapper .visit-home-link:hover {
color:#BD965F
}
.login-wrapper .forgot-password-link-wrapper, .reset-password-wrapper .forgot-password-link-wrapper {
text-align:center
}
.login-wrapper form, .reset-password-wrapper form {
text-align: left;
max-width: 300px;
width: 90%;
margin:0 auto
}
.login-wrapper .button-wrapper, .reset-password-wrapper .button-wrapper {
margin: 0 auto;
width:90%
}
@media screen and (min-width: 768px) {
.login-wrapper .button-wrapper, .reset-password-wrapper .button-wrapper {
max-width:300px
}
}
.login-wrapper .login-btn, .reset-password-wrapper .login-btn {
width:100%
}
.login-wrapper .footer-buffer, .reset-password-wrapper .footer-buffer {
height:20px
}
.login-wrapper .hint, .reset-password-wrapper .hint {
color: #8C8888;
display: block;
font-size: 0.75em
}
button, input[type="submit"], input[type="reset"], input[type="file"] {
border-radius:0
}
h5 {
color: #333333;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.1em;
margin-top: 20px;
margin-bottom: 20px;
letter-spacing:0.57px
}
#global-search-bar {
margin-right:20px
}
#global-search-bar .occupied-search-bar {
margin-top:-5px
}
#global-search-bar .search-bar {
width:100px
}
@media screen and (min-width: 768px) {
#global-search-bar .search-bar {
width:150px
}
}
@media (min-width: 1024px) {
#global-search-bar .search-bar {
width:200px
}
}
@media screen and (min-width: 1400px) {
#global-search-bar .search-bar {
width:250px
}
}
#global-search-bar .search-bar .input {
width:100%
}
#global-search-bar .search-bar .results {
width:22em
}
@media (min-width: 1024px) {
#global-search-bar .search-bar .results {
width:24em
}
}
@media screen and (min-width: 1400px) {
#global-search-bar .search-bar .results {
width:28em
}
}
.alert.alert-danger {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #333333;
text-align: center;
margin-bottom: 20px;
margin-top:10px
}
.d-none {
display:none !important
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align:middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select:none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left:20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space:nowrap
}
.select2-container .select2-search--inline {
float:left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding:0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index:1051
}
.select2-results {
display:block
}
.select2-results__options {
list-style: none;
margin: 0;
padding:0
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select:none
}
.select2-results__option[aria-selected] {
cursor:pointer
}
.select2-container--open .select2-dropdown {
left:0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius:0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius:0
}
.select2-search--dropdown {
display: block;
padding:4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing:border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide {
display:none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter:alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width:1px !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius:4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height:28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight:bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color:#999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width:20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right:auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width:0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor:text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width:100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style:none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float:left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right:10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding:0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right:2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right:auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline:0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display:none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius:0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius:0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border:1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance:textfield
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y:auto
}
.select2-container--default .select2-results__option[role=group] {
padding:0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color:#999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color:#ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left:1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left:0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left:2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left:3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left:4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left:5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left:6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color:white
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding:6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border:1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height:28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right:10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color:#999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right:auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border:1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border:none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width:0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline:0
}
.select2-container--classic .select2-selection--multiple:focus {
border:1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display:none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding:0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right:2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right:auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border:1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius:0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline:0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow:none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border:1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom:none
}
.select2-container--classic .select2-dropdown--below {
border-top:none
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y:auto
}
.select2-container--classic .select2-results__option[role=group] {
padding:0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color:grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color:#fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding:6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color:#5897fb
}
.container, .container-fluid {
margin-right: auto;
margin-left:auto
}
.container-fluid {
padding-right: 2rem;
padding-left:2rem
}
.row {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
margin-right: -.5rem;
margin-left:-.5rem
}
.row.reverse {
flex-direction:row-reverse
}
.col.reverse {
flex-direction:column-reverse
}
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: .5rem;
padding-left:.5rem
}
.col-xs {
flex-grow: 1;
flex-basis: 0;
max-width:100%
}
.col-xs-1 {
flex-basis: 8.33333333%;
max-width:8.33333333%
}
.col-xs-2 {
flex-basis: 16.66666667%;
max-width:16.66666667%
}
.col-xs-3 {
flex-basis: 25%;
max-width:25%
}
.col-xs-4 {
flex-basis: 33.33333333%;
max-width:33.33333333%
}
.col-xs-5 {
flex-basis: 41.66666667%;
max-width:41.66666667%
}
.col-xs-6 {
flex-basis: 50%;
max-width:50%
}
.col-xs-7 {
flex-basis: 58.33333333%;
max-width:58.33333333%
}
.col-xs-8 {
flex-basis: 66.66666667%;
max-width:66.66666667%
}
.col-xs-9 {
flex-basis: 75%;
max-width:75%
}
.col-xs-10 {
flex-basis: 83.33333333%;
max-width:83.33333333%
}
.col-xs-11 {
flex-basis: 91.66666667%;
max-width:91.66666667%
}
.col-xs-12 {
flex-basis: 100%;
max-width:100%
}
.col-xs-offset-0 {
margin-left:0
}
.col-xs-offset-1 {
margin-left:8.33333333%
}
.col-xs-offset-2 {
margin-left:16.66666667%
}
.col-xs-offset-3 {
margin-left:25%
}
.col-xs-offset-4 {
margin-left:33.33333333%
}
.col-xs-offset-5 {
margin-left:41.66666667%
}
.col-xs-offset-6 {
margin-left:50%
}
.col-xs-offset-7 {
margin-left:58.33333333%
}
.col-xs-offset-8 {
margin-left:66.66666667%
}
.col-xs-offset-9 {
margin-left:75%
}
.col-xs-offset-10 {
margin-left:83.33333333%
}
.col-xs-offset-11 {
margin-left:91.66666667%
}
.start-xs {
justify-content: flex-start;
text-align:start
}
.center-xs {
justify-content: center;
text-align:center
}
.end-xs {
justify-content: flex-end;
text-align:end
}
.top-xs {
align-items:flex-start
}
.middle-xs {
align-items:center
}
.bottom-xs {
align-items:flex-end
}
.around-xs {
justify-content:space-around
}
.between-xs {
justify-content:space-between
}
.first-xs {
order:-1
}
.last-xs {
order:1
}
@media only screen and (min-width: 48em) {
.container {
width:49rem
}
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: .5rem;
padding-left:.5rem
}
.col-sm {
flex-grow: 1;
flex-basis: 0;
max-width:100%
}
.col-sm-1 {
flex-basis: 8.33333333%;
max-width:8.33333333%
}
.col-sm-2 {
flex-basis: 16.66666667%;
max-width:16.66666667%
}
.col-sm-3 {
flex-basis: 25%;
max-width:25%
}
.col-sm-4 {
flex-basis: 33.33333333%;
max-width:33.33333333%
}
.col-sm-5 {
flex-basis: 41.66666667%;
max-width:41.66666667%
}
.col-sm-6 {
flex-basis: 50%;
max-width:50%
}
.col-sm-7 {
flex-basis: 58.33333333%;
max-width:58.33333333%
}
.col-sm-8 {
flex-basis: 66.66666667%;
max-width:66.66666667%
}
.col-sm-9 {
flex-basis: 75%;
max-width:75%
}
.col-sm-10 {
flex-basis: 83.33333333%;
max-width:83.33333333%
}
.col-sm-11 {
flex-basis: 91.66666667%;
max-width:91.66666667%
}
.col-sm-12 {
flex-basis: 100%;
max-width:100%
}
.col-sm-offset-0 {
margin-left:0
}
.col-sm-offset-1 {
margin-left:8.33333333%
}
.col-sm-offset-2 {
margin-left:16.66666667%
}
.col-sm-offset-3 {
margin-left:25%
}
.col-sm-offset-4 {
margin-left:33.33333333%
}
.col-sm-offset-5 {
margin-left:41.66666667%
}
.col-sm-offset-6 {
margin-left:50%
}
.col-sm-offset-7 {
margin-left:58.33333333%
}
.col-sm-offset-8 {
margin-left:66.66666667%
}
.col-sm-offset-9 {
margin-left:75%
}
.col-sm-offset-10 {
margin-left:83.33333333%
}
.col-sm-offset-11 {
margin-left:91.66666667%
}
.start-sm {
justify-content: flex-start;
text-align:start
}
.center-sm {
justify-content: center;
text-align:center
}
.end-sm {
justify-content: flex-end;
text-align:end
}
.top-sm {
align-items:flex-start
}
.middle-sm {
align-items:center
}
.bottom-sm {
align-items:flex-end
}
.around-sm {
justify-content:space-around
}
.between-sm {
justify-content:space-between
}
.first-sm {
order:-1
}
.last-sm {
order:1
}
}
@media only screen and (min-width: 64em) {
.container {
width:65rem
}
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: .5rem;
padding-left:.5rem
}
.col-md {
flex-grow: 1;
flex-basis: 0;
max-width:100%
}
.col-md-1 {
flex-basis: 8.33333333%;
max-width:8.33333333%
}
.col-md-2 {
flex-basis: 16.66666667%;
max-width:16.66666667%
}
.col-md-3 {
flex-basis: 25%;
max-width:25%
}
.col-md-4 {
flex-basis: 33.33333333%;
max-width:33.33333333%
}
.col-md-5 {
flex-basis: 41.66666667%;
max-width:41.66666667%
}
.col-md-6 {
flex-basis: 50%;
max-width:50%
}
.col-md-7 {
flex-basis: 58.33333333%;
max-width:58.33333333%
}
.col-md-8 {
flex-basis: 66.66666667%;
max-width:66.66666667%
}
.col-md-9 {
flex-basis: 75%;
max-width:75%
}
.col-md-10 {
flex-basis: 83.33333333%;
max-width:83.33333333%
}
.col-md-11 {
flex-basis: 91.66666667%;
max-width:91.66666667%
}
.col-md-12 {
flex-basis: 100%;
max-width:100%
}
.col-md-offset-0 {
margin-left:0
}
.col-md-offset-1 {
margin-left:8.33333333%
}
.col-md-offset-2 {
margin-left:16.66666667%
}
.col-md-offset-3 {
margin-left:25%
}
.col-md-offset-4 {
margin-left:33.33333333%
}
.col-md-offset-5 {
margin-left:41.66666667%
}
.col-md-offset-6 {
margin-left:50%
}
.col-md-offset-7 {
margin-left:58.33333333%
}
.col-md-offset-8 {
margin-left:66.66666667%
}
.col-md-offset-9 {
margin-left:75%
}
.col-md-offset-10 {
margin-left:83.33333333%
}
.col-md-offset-11 {
margin-left:91.66666667%
}
.start-md {
justify-content: flex-start;
text-align:start
}
.center-md {
justify-content: center;
text-align:center
}
.end-md {
justify-content: flex-end;
text-align:end
}
.top-md {
align-items:flex-start
}
.middle-md {
align-items:center
}
.bottom-md {
align-items:flex-end
}
.around-md {
justify-content:space-around
}
.between-md {
justify-content:space-between
}
.first-md {
order:-1
}
.last-md {
order:1
}
}
@media only screen and (min-width: 75em) {
.container {
width:76rem
}
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
box-sizing: border-box;
flex: 0 0 auto;
padding-right: .5rem;
padding-left:.5rem
}
.col-lg {
flex-grow: 1;
flex-basis: 0;
max-width:100%
}
.col-lg-1 {
flex-basis: 8.33333333%;
max-width:8.33333333%
}
.col-lg-2 {
flex-basis: 16.66666667%;
max-width:16.66666667%
}
.col-lg-3 {
flex-basis: 25%;
max-width:25%
}
.col-lg-4 {
flex-basis: 33.33333333%;
max-width:33.33333333%
}
.col-lg-5 {
flex-basis: 41.66666667%;
max-width:41.66666667%
}
.col-lg-6 {
flex-basis: 50%;
max-width:50%
}
.col-lg-7 {
flex-basis: 58.33333333%;
max-width:58.33333333%
}
.col-lg-8 {
flex-basis: 66.66666667%;
max-width:66.66666667%
}
.col-lg-9 {
flex-basis: 75%;
max-width:75%
}
.col-lg-10 {
flex-basis: 83.33333333%;
max-width:83.33333333%
}
.col-lg-11 {
flex-basis: 91.66666667%;
max-width:91.66666667%
}
.col-lg-12 {
flex-basis: 100%;
max-width:100%
}
.col-lg-offset-0 {
margin-left:0
}
.col-lg-offset-1 {
margin-left:8.33333333%
}
.col-lg-offset-2 {
margin-left:16.66666667%
}
.col-lg-offset-3 {
margin-left:25%
}
.col-lg-offset-4 {
margin-left:33.33333333%
}
.col-lg-offset-5 {
margin-left:41.66666667%
}
.col-lg-offset-6 {
margin-left:50%
}
.col-lg-offset-7 {
margin-left:58.33333333%
}
.col-lg-offset-8 {
margin-left:66.66666667%
}
.col-lg-offset-9 {
margin-left:75%
}
.col-lg-offset-10 {
margin-left:83.33333333%
}
.col-lg-offset-11 {
margin-left:91.66666667%
}
.start-lg {
justify-content: flex-start;
text-align:start
}
.center-lg {
justify-content: center;
text-align:center
}
.end-lg {
justify-content: flex-end;
text-align:end
}
.top-lg {
align-items:flex-start
}
.middle-lg {
align-items:center
}
.bottom-lg {
align-items:flex-end
}
.around-lg {
justify-content:space-around
}
.between-lg {
justify-content:space-between
}
.first-lg {
order:-1
}
.last-lg {
order:1
}
}
.Select, .Select-control {
position:relative
}
.Select-control, .Select-input > input {
width: 100%;
cursor: default;
outline:0
}
.Select-arrow-zone, .Select-clear-zone, .Select-loading-zone {
text-align: center;
cursor:pointer
}
.Select, .Select div, .Select input, .Select span {
box-sizing:border-box
}
.Select.is-disabled > .Select-control {
background-color:#f9f9f9
}
.Select.is-disabled > .Select-control:hover {
box-shadow:none
}
.Select.is-disabled .Select-arrow-zone {
cursor: default;
pointer-events: none;
opacity:.35
}
.Select-control {
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
color: #333;
display: table;
border-spacing: 0;
border-collapse: separate;
height: 36px;
overflow:hidden
}
.is-searchable.is-focused:not(.is-open) > .Select-control, .is-searchable.is-open > .Select-control {
cursor:text
}
.Select-control:hover {
box-shadow:0 1px 0 rgba(0, 0, 0, 0.06)
}
.Select-control .Select-input:focus {
outline:0
}
.is-open > .Select-control {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #fff;
border-color:#b3b3b3 #ccc #d9d9d9
}
.is-open > .Select-control .Select-arrow {
top: -2px;
border-color: transparent transparent #999;
border-width:0 5px 5px
}
.is-focused:not(.is-open) > .Select-control {
border-color: #007eff;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1)
}
.Select--single > .Select-control .Select-value, .Select-placeholder {
bottom: 0;
color: #aaa;
left: 0;
line-height: 34px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
right: 0;
top: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
color:#333
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
cursor: pointer;
text-decoration:none
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover {
color: #007eff;
outline: 0;
text-decoration:underline
}
.Select-input {
height: 34px;
padding-left: 10px;
padding-right: 10px;
vertical-align:middle
}
.Select-input > input {
background: none;
border: 0;
box-shadow: none;
display: inline-block;
font-family: inherit;
font-size: inherit;
margin: 0;
line-height: 14px;
padding: 8px 0 12px;
-webkit-appearance:none
}
.Select-loading, .Select-loading-zone {
width: 16px;
position: relative;
vertical-align:middle
}
.is-focused .Select-input > input {
cursor:text
}
.has-value.is-pseudo-focused .Select-input {
opacity:0
}
.Select-control:not(.is-searchable) > .Select-input {
outline:0
}
.Select-loading-zone {
display:table-cell
}
.Select-loading {
-webkit-animation: Select-animation-spin .4s infinite linear;
animation: Select-animation-spin .4s infinite linear;
height: 16px;
box-sizing: border-box;
border-radius: 50%;
border: 2px solid #ccc;
border-right-color: #333;
display:inline-block
}
.Select-clear-zone {
-webkit-animation: Select-animation-fadeIn .2s;
animation: Select-animation-fadeIn .2s;
color: #999;
display: table-cell;
position: relative;
vertical-align: middle;
width:17px
}
.Select-clear-zone:hover {
color:#D0021B
}
.Select-clear {
display: inline-block;
font-size: 18px;
line-height:1
}
.Select--multi .Select-clear-zone {
width:17px
}
.Select-arrow-zone {
display: table-cell;
position: relative;
vertical-align: middle;
width: 25px;
padding-right:5px
}
.Select--multi .Select-multi-value-wrapper, .Select-arrow {
display:inline-block
}
.Select-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px;
height: 0;
width: 0;
position:relative
}
.Select-arrow-zone:hover > .Select-arrow, .is-open .Select-arrow {
border-top-color:#666
}
.Select .Select-aria-only {
display: inline-block;
height: 1px;
width: 1px;
margin: -1px;
clip: rect(0, 0, 0, 0);
overflow: hidden;
float:left
}
.Select-noresults, .Select-option {
box-sizing: border-box;
display: block;
padding:8px 10px
}
@-webkit-keyframes Select-animation-fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes Select-animation-fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.Select-menu-outer {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
border-top-color: #e6e6e6;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
box-sizing: border-box;
margin-top: -1px;
max-height: 200px;
position: absolute;
top: 100%;
width: 100%;
z-index: 1;
-webkit-overflow-scrolling:touch
}
.Select-menu {
max-height: 198px;
overflow-y:auto
}
.Select-option {
background-color: #fff;
color: #666;
cursor:pointer
}
.Select-option:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius:4px
}
.Select-option.is-selected {
background-color: #f5faff;
background-color: rgba(0, 126, 255, 0.04);
color:#333
}
.Select-option.is-focused {
background-color: #ebf5ff;
background-color: rgba(0, 126, 255, 0.08);
color:#333
}
.Select-option.is-disabled {
color: #ccc;
cursor:default
}
.Select-noresults {
color: #999;
cursor:default
}
.Select--multi .Select-input {
vertical-align: middle;
margin-left: 10px;
padding:0
}
.Select--multi.has-value .Select-input {
margin-left:5px
}
.Select--multi .Select-value {
background-color: #ebf5ff;
background-color: rgba(0, 126, 255, 0.08);
border-radius: 2px;
border: 1px solid #c2e0ff;
border: 1px solid rgba(0, 126, 255, 0.24);
color: #007eff;
display: inline-block;
font-size: .9em;
line-height: 1.4;
margin-left: 5px;
margin-top: 5px;
vertical-align:top
}
.Select--multi .Select-value-icon, .Select--multi .Select-value-label {
display: inline-block;
vertical-align:middle
}
.Select--multi .Select-value-label {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
padding:2px 5px
}
.Select--multi a.Select-value-label {
color: #007eff;
cursor: pointer;
text-decoration:none
}
.Select--multi a.Select-value-label:hover {
text-decoration:underline
}
.Select--multi .Select-value-icon {
cursor: pointer;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-right: 1px solid #c2e0ff;
border-right: 1px solid rgba(0, 126, 255, 0.24);
padding:1px 5px 3px
}
.Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover {
background-color: #d8eafd;
background-color: rgba(0, 113, 230, 0.08);
color:#0071e6
}
.Select--multi .Select-value-icon:active {
background-color: #c2e0ff;
background-color:rgba(0, 126, 255, 0.24)
}
.Select--multi.is-disabled .Select-value {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
color:#333
}
.Select--multi.is-disabled .Select-value-icon {
cursor: not-allowed;
border-right:1px solid #e3e3e3
}
.Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover {
background-color:#fcfcfc
}
@keyframes Select-animation-spin {
to {
transform:rotate(1turn)
}
}
@-webkit-keyframes Select-animation-spin {
to {
-webkit-transform:rotate(1turn)
}
}
#films {
margin-bottom:50px
}
#films .film {
margin-bottom:40px
}
#films .footer-padding {
height:120px
}
#film .intro-wrapper {
margin-top: -40px;
margin-bottom:50px
}
#film .footer-padding {
height:150px
}
body.about {
background-color:#E5E4E1
}
section.main.about {
background-color:#ECECEC
}
section.main.about .about-text-wrapper {
margin: 0 auto 54px;
width:90%
}
@media screen and (min-width: 768px) {
section.main.about .about-text-wrapper {
margin-bottom: 153px;
margin-top: 145px;
width:72%
}
}
section.main.about .about-text {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #4A494C;
font-size: 1.125em;
letter-spacing: .5px;
line-height: 31px;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.about .about-text {
font-size: 1.5em;
letter-spacing: .75px;
line-height:44px
}
}
section.main.about .presses-wrapper {
margin: 0 auto;
padding-bottom: 10px;
width:90%
}
section.main.about .presses-wrapper .presses-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: 2px;
margin: 0;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
section.main.about .presses-wrapper .presses-header {
margin-bottom:57px
}
}
section.main.about .press-image-wrapper {
margin: 0 auto 27px;
width:100%
}
section.main.about .press-caption-track {
margin: 0 auto 16px;
width:75%
}
@media screen and (min-width: 768px) {
section.main.about .press-caption-track {
width:80%
}
}
section.main.about .press-caption-track .press-caption-link {
text-decoration:none
}
section.main.about .press-caption-track .press-caption-text {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 1.5em;
letter-spacing: 1px;
line-height: normal;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.about .press-caption-track .press-caption-text {
letter-spacing: normal;
line-height:35px
}
}
section.main.about .press-publication-logo-wrapper {
margin: auto;
max-width:120px
}
section.main.about .presses-carousel-wrapper .slick-slider-html {
margin-bottom:64px
}
section.main.about .presses-carousel-wrapper .slick-dots {
bottom:-38px
}
section.main.about .presses-carousel-wrapper .slick-dots li {
margin:0
}
section.main.about .presses-carousel-wrapper .slick-dots li.slick-active button:before {
color:#BD965F
}
section.main.about .presses-collection-wrapper {
margin: 0 auto;
width:93%
}
section.main.about .presses-collection-wrapper .featured-presses-wrapper {
margin-bottom:65px
}
section.main.about .presses-collection-wrapper .featured-presses-wrapper:before, section.main.about .presses-collection-wrapper .featured-presses-wrapper:after {
content: "";
display:table
}
section.main.about .presses-collection-wrapper .featured-presses-wrapper:after {
clear:both
}
section.main.about .presses-collection-wrapper .featured-presses-wrapper {
* zoom:1
}
@media screen and (min-width: 768px) {
section.main.about .presses-collection-wrapper .featured-presses-wrapper {
margin-bottom:110px
}
}
section.main.about .presses-collection-wrapper .press-wrapper {
float: left;
margin-right: 1%;
width:32%
}
section.main.about .presses-collection-wrapper .press-wrapper:last-of-type {
margin-right:0
}
section.main.about .presses-collection-wrapper .press-wrapper .press-image-wrapper img.press-image {
width:100%
}
section.main.about .presses-collection-wrapper .press-wrapper .press-publication-logo-wrapper img {
width:100%
}
section.main.about .presses-archive-wrapper {
display:block
}
@media screen and (min-width: 768px) {
section.main.about .presses-archive-wrapper {
padding-bottom:83px
}
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press {
border-bottom: 1px solid #d8d8d8;
display: table;
margin-top: 28px;
padding-bottom: 28px;
table-layout: fixed;
width:100%
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press:last-of-type {
border-bottom: none;
padding-bottom:0
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-image-wrapper {
display: table-cell;
float: none;
padding-right: 2.5%;
width:23%
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-image-wrapper .archived-press-image {
width:100%
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper {
width: 50%;
display: table-cell;
vertical-align:middle
}
@media screen and (min-width: 768px) {
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper {
width:80%
}
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper .archived-press-link {
text-decoration:none
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper .archived-publication {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
line-height: 10px;
margin-bottom: 10px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper .archived-publication {
letter-spacing:1.5px
}
}
section.main.about .presses-archive-wrapper .archived-presses .archived-press .archived-text-wrapper .archived-title {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 1.25em;
letter-spacing: normal;
line-height:29px
}
section.about-instagram .instagram-wrapper {
margin: auto;
width:88.5%
}
@media screen and (min-width: 768px) {
section.about-instagram .instagram-wrapper {
width:79.5%
}
}
section.about-instagram .instagram-header-wrapper {
margin-bottom:31px
}
@media screen and (min-width: 768px) {
section.about-instagram .instagram-header-wrapper {
margin-bottom: 45px;
padding-top:30px
}
}
section.about-instagram h2.instagram-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
margin: 0 auto;
letter-spacing: 2px;
text-align: center;
text-decoration:none
}
@media screen and (min-width: 768px) {
section.about-instagram h2.instagram-header {
margin-bottom:8px
}
}
section.about-instagram a.instagram-link {
text-decoration:none
}
section.about-instagram .instagram-pictures-wrapper {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 22px;
column-gap:22px
}
@media screen and (min-width: 768px) {
section.about-instagram .instagram-pictures-wrapper {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 45px;
column-gap:45px
}
}
section.about-instagram .instagram-pictures-wrapper .instagram-picture {
margin-bottom:12px
}
@media screen and (min-width: 768px) {
section.about-instagram .instagram-pictures-wrapper .instagram-picture {
margin-bottom:35px
}
}
section.about-instagram .instagram-pictures-wrapper .instagram-picture img {
width:100%
}
.accordion {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
cursor: pointer;
font-size: 0.6875em;
letter-spacing: 1.5px;
line-height: 34px;
text-transform: uppercase;
transition: 0.4s;
background: inherit;
display: block;
text-align: left;
border: none;
outline: none;
padding:5px 0
}
.accordion-panel {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
letter-spacing: 1.5px;
line-height: 34px;
overflow: hidden;
opacity: 0;
padding: 0;
height: 0;
transition: opacity 0.5s ease-out;
font-size:0.6875em
}
button.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left:10px
}
button.accordion.active:after {
content: "\2212"
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.account-projects h2.headline, .account-orders h2.headline, .account-bank-details h2.headline {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 2.5em;
letter-spacing: 0px;
margin-top: -27px;
margin-bottom: 0px;
text-transform:uppercase
}
.account-projects .view-status-info-link, .account-orders .view-status-info-link, .account-bank-details .view-status-info-link {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor: pointer;
float: right;
font-weight: 600;
font-size: 0.75em;
position: relative;
top:-46px
}
.account-projects .view-status-info-link:hover, .account-orders .view-status-info-link:hover, .account-bank-details .view-status-info-link:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.account-projects .project-intro, .account-projects .bank-details-intro, .account-orders .project-intro, .account-orders .bank-details-intro, .account-bank-details .project-intro, .account-bank-details .bank-details-intro {
background-color:#fff
}
.account-projects .project-intro:before, .account-projects .project-intro:after, .account-projects .bank-details-intro:before, .account-projects .bank-details-intro:after, .account-orders .project-intro:before, .account-orders .project-intro:after, .account-orders .bank-details-intro:before, .account-orders .bank-details-intro:after, .account-bank-details .project-intro:before, .account-bank-details .project-intro:after, .account-bank-details .bank-details-intro:before, .account-bank-details .bank-details-intro:after {
content: "";
display:table
}
.account-projects .project-intro:after, .account-projects .bank-details-intro:after, .account-orders .project-intro:after, .account-orders .bank-details-intro:after, .account-bank-details .project-intro:after, .account-bank-details .bank-details-intro:after {
clear:both
}
.account-projects .project-intro, .account-projects .bank-details-intro, .account-orders .project-intro, .account-orders .bank-details-intro, .account-bank-details .project-intro, .account-bank-details .bank-details-intro {
* zoom:1
}
@media screen and (min-width: 768px) {
.account-projects .project-intro, .account-projects .bank-details-intro, .account-orders .project-intro, .account-orders .bank-details-intro, .account-bank-details .project-intro, .account-bank-details .bank-details-intro {
padding:25px
}
}
.account-project .project-name, .account-project .project-specs, .account-project .bank-details-title, .account-order .project-name, .account-order .project-specs, .account-order .bank-details-title, .account-bank-account .project-name, .account-bank-account .project-specs, .account-bank-account .bank-details-title {
color: #454348;
font-size: 0.75em;
padding:1.25em
}
.account-project .project-name:before, .account-project .project-name:after, .account-project .project-specs:before, .account-project .project-specs:after, .account-project .bank-details-title:before, .account-project .bank-details-title:after, .account-order .project-name:before, .account-order .project-name:after, .account-order .project-specs:before, .account-order .project-specs:after, .account-order .bank-details-title:before, .account-order .bank-details-title:after, .account-bank-account .project-name:before, .account-bank-account .project-name:after, .account-bank-account .project-specs:before, .account-bank-account .project-specs:after, .account-bank-account .bank-details-title:before, .account-bank-account .bank-details-title:after {
content: "";
display:table
}
.account-project .project-name:after, .account-project .project-specs:after, .account-project .bank-details-title:after, .account-order .project-name:after, .account-order .project-specs:after, .account-order .bank-details-title:after, .account-bank-account .project-name:after, .account-bank-account .project-specs:after, .account-bank-account .bank-details-title:after {
clear:both
}
.account-project .project-name, .account-project .project-specs, .account-project .bank-details-title, .account-order .project-name, .account-order .project-specs, .account-order .bank-details-title, .account-bank-account .project-name, .account-bank-account .project-specs, .account-bank-account .bank-details-title {
* zoom:1
}
@media screen and (min-width: 768px) {
.account-project .project-name, .account-project .project-specs, .account-project .bank-details-title, .account-order .project-name, .account-order .project-specs, .account-order .bank-details-title, .account-bank-account .project-name, .account-bank-account .project-specs, .account-bank-account .bank-details-title {
padding:0
}
}
.account-project .project-name .spec-label, .account-project .project-specs .spec-label, .account-project .bank-details-title .spec-label, .account-order .project-name .spec-label, .account-order .project-specs .spec-label, .account-order .bank-details-title .spec-label, .account-bank-account .project-name .spec-label, .account-bank-account .project-specs .spec-label, .account-bank-account .bank-details-title .spec-label {
color: #888888;
letter-spacing: 0.08625em;
padding-right: 0.3125em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.account-project .project-name .spec-label, .account-project .project-specs .spec-label, .account-project .bank-details-title .spec-label, .account-order .project-name .spec-label, .account-order .project-specs .spec-label, .account-order .bank-details-title .spec-label, .account-bank-account .project-name .spec-label, .account-bank-account .project-specs .spec-label, .account-bank-account .bank-details-title .spec-label {
font-size:0.5em
}
}
.account-project .project-name a, .account-project .project-specs a, .account-project .bank-details-title a, .account-order .project-name a, .account-order .project-specs a, .account-order .bank-details-title a, .account-bank-account .project-name a, .account-bank-account .project-specs a, .account-bank-account .bank-details-title a {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
text-decoration:none
}
.account-project .view-details a, .account-order .view-details a {
text-decoration:none
}
.account-project .view-details a:first-of-type, .account-order .view-details a:first-of-type {
float:left
}
.account-project .view-details a:last-of-type, .account-order .view-details a:last-of-type {
float:right
}
.account-profile .profile-header {
background-color: #F4F4F4;
border-bottom: 1px solid #999999;
color: #454348;
padding: 1.25em;
position:relative
}
.account-profile .profile-header:before, .account-profile .profile-header:after {
content: "";
display:table
}
.account-profile .profile-header:after {
clear:both
}
.account-profile .profile-header {
* zoom:1
}
@media screen and (min-width: 768px) {
.account-profile .profile-header {
padding:25px
}
}
.account-profile .profile-header h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
float: left;
font-size: 1.25em;
line-height: 20px;
margin: 0;
position: relative;
top: 3px;
width:80%
}
.account-profile .profile-header .edit-profile-button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-color: #F4F4F4;
border: none;
color: #333333;
float: right;
font-size: 0.6875em;
text-transform: uppercase;
outline:none
}
.account-profile .profile-content {
background-color: rgba(244, 244, 244, 0.7);
padding:20px
}
@media screen and (min-width: 768px) {
.account-profile .profile-content {
padding:25px
}
}
.account-profile .profile-content .row {
margin-bottom:16px
}
.account-profile .profile-content .row:last-of-type {
margin-bottom:0
}
.account-profile .profile-content .label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.75em;
text-transform:uppercase
}
.account-profile .profile-content .content {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.75em;
margin:0
}
.account-profile .profile-content .desktop-only td:first-of-type {
padding-right:60px
}
.account-profile .profile-content .desktop-only td {
margin-bottom:12px
}
.account-profile .edit-profile-form {
background-color: #efeeee;
margin-bottom: 1.5625em;
padding:1.1875em
}
.account-profile .edit-profile-form:before, .account-profile .edit-profile-form:after {
content: "";
display:table
}
.account-profile .edit-profile-form:after {
clear:both
}
.account-profile .edit-profile-form {
* zoom:1
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form {
padding:2.1875em 2.1875em 1em
}
}
@media (min-width: 1024px) {
.account-profile .edit-profile-form {
padding:2.1875em 2.1875em
}
}
.account-profile .edit-profile-form .grid-row {
padding: 0;
padding-bottom:45px
}
.account-profile .edit-profile-form .input-wrap, .account-profile .edit-profile-form label, .account-profile .edit-profile-form input, .account-profile .edit-profile-form select {
display: block;
width:100%
}
.account-profile .edit-profile-form .input-wrap {
margin-bottom:1.1875em
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap {
display: flex;
align-items: center;
flex-wrap:wrap
}
}
.account-profile .edit-profile-form .input-wrap label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 0.625em;
letter-spacing: 0.09em;
margin-bottom: 1.2em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap label {
flex-basis: 140px;
font-size: 0.6875em;
letter-spacing: 0.0909090909em;
line-height: initial;
margin-bottom:0
}
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap input, .account-profile .edit-profile-form .input-wrap select {
flex-basis:calc(100% - 140px)
}
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap {
margin-bottom:1.75em
}
}
@media (min-width: 1024px) {
.account-profile .edit-profile-form .input-wrap.half {
float: left;
width:48.5%
}
}
.account-profile .edit-profile-form .input-wrap.half.left {
margin-right:3%
}
.account-profile .edit-profile-form .input-wrap.half.right {
margin-right:0
}
.account-profile .edit-profile-form .input-wrap .password-input-wrapper {
background-color: #F4F4F4;
border:1px solid #999999
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap .password-input-wrapper {
flex-basis: calc(100% - 140px);
outline:none
}
}
.account-profile .edit-profile-form .input-wrap .password-input-wrapper .password-input {
border: none;
display: inline-block;
max-width: 80%;
outline:none
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap .password-input-wrapper .password-input {
max-width:85%
}
}
.account-profile .edit-profile-form .input-wrap .password-input-wrapper .change-password-button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-color: #F4F4F4;
border: none;
color: #333333;
font-size: 0.6875em;
max-width: 12.5%;
outline: none;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .input-wrap .error-notice {
margin-left: 140px
}
}
.account-profile .edit-profile-form input[type="text"], .account-profile .edit-profile-form [type="password"] {
background-color: #F4F4F4;
border: 1px solid #999999;
outline: none;
width: 100%
}
.account-profile .edit-profile-form input[type="text"].error, .account-profile .edit-profile-form [type="password"].error {
border:1px solid #E41A03
}
.account-profile .edit-profile-form footer:before, .account-profile .edit-profile-form footer:after {
content: "";
display:table
}
.account-profile .edit-profile-form footer:after {
clear:both
}
.account-profile .edit-profile-form footer {
* zoom:1
}
.account-profile .edit-profile-form .footer-text {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
margin:0
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .footer-text {
float:left
}
}
.account-profile .edit-profile-form .submit-profile-btn {
width:100%
}
@media screen and (min-width: 768px) {
.account-profile .edit-profile-form .submit-profile-btn {
float: right;
width:auto
}
}
.account-project .project-name, .account-project .bank-details-title, .account-order .project-name, .account-order .bank-details-title, .account-bank-account .project-name, .account-bank-account .bank-details-title {
position: relative;
border-bottom:1px solid #E1E0DD
}
@media screen and (min-width: 768px) {
.account-project .project-name, .account-project .bank-details-title, .account-order .project-name, .account-order .bank-details-title, .account-bank-account .project-name, .account-bank-account .bank-details-title {
border-bottom:none
}
}
.account-project .project-name h2, .account-project .bank-details-title h2, .account-order .project-name h2, .account-order .bank-details-title h2, .account-bank-account .project-name h2, .account-bank-account .bank-details-title h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 1.25em;
margin: 0;
position: relative;
top:3px
}
.account-project .project-name h2 span.project-id, .account-project .bank-details-title h2 span.project-id, .account-order .project-name h2 span.project-id, .account-order .bank-details-title h2 span.project-id, .account-bank-account .project-name h2 span.project-id, .account-bank-account .bank-details-title h2 span.project-id {
display:none
}
@media screen and (min-width: 768px) {
.account-project .project-name h2, .account-project .bank-details-title h2, .account-order .project-name h2, .account-order .bank-details-title h2, .account-bank-account .project-name h2, .account-bank-account .bank-details-title h2 {
font-size:24px
}
.account-project .project-name h2 span.project-id, .account-project .bank-details-title h2 span.project-id, .account-order .project-name h2 span.project-id, .account-order .bank-details-title h2 span.project-id, .account-bank-account .project-name h2 span.project-id, .account-bank-account .bank-details-title h2 span.project-id {
display: inline;
padding-left: 1.25em;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.6em
}
}
.account-project .project-name a.details-link, .account-project .bank-details-title a.details-link, .account-order .project-name a.details-link, .account-order .bank-details-title a.details-link, .account-bank-account .project-name a.details-link, .account-bank-account .bank-details-title a.details-link {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-image: url(/assets/arrow-orange-right-eb2de144d8b26239a350586f4260149a3b8dfae5575f702f58be3acde95f8783.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: 5px 11px;
font-size: 0.8125em;
letter-spacing: 1px;
padding-right: 1em;
position: absolute;
right: 20px;
text-decoration: none;
text-transform: uppercase;
top:23px
}
.account-project .project-name span.est-total, .account-project .bank-details-title span.est-total, .account-order .project-name span.est-total, .account-order .bank-details-title span.est-total, .account-bank-account .project-name span.est-total, .account-bank-account .bank-details-title span.est-total {
display:none
}
@media screen and (min-width: 768px) {
.account-project .project-name span.est-total, .account-project .bank-details-title span.est-total, .account-order .project-name span.est-total, .account-order .bank-details-title span.est-total, .account-bank-account .project-name span.est-total, .account-bank-account .bank-details-title span.est-total {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
display: inline;
padding-left: 1.25em;
font-size: 1.2em;
letter-spacing: 0.66px;
position: absolute;
right: 0;
top:10px
}
}
.account-project .project-specs, .account-order .project-specs {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.account-project .project-specs, .account-order .project-specs {
display:none
}
}
.account-project .project-specs .project-id, .account-order .project-specs .project-id {
float:left
}
.account-project .project-specs .project-total, .account-order .project-specs .project-total {
float:right
}
.account-project table.project-details, .account-project table.bank-account-table, .account-order table.project-details, .account-order table.bank-account-table, .account-bank-account table.project-details, .account-bank-account table.bank-account-table {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
width:100%
}
.account-project table.project-details tbody tr, .account-project table.bank-account-table tbody tr, .account-order table.project-details tbody tr, .account-order table.bank-account-table tbody tr, .account-bank-account table.project-details tbody tr, .account-bank-account table.bank-account-table tbody tr {
border-bottom:1px solid #D7D3CF
}
.account-project table.project-details tbody tr:last-of-type, .account-project table.bank-account-table tbody tr:last-of-type, .account-order table.project-details tbody tr:last-of-type, .account-order table.bank-account-table tbody tr:last-of-type, .account-bank-account table.project-details tbody tr:last-of-type, .account-bank-account table.bank-account-table tbody tr:last-of-type {
border-bottom:none
}
.account-project table.project-details td, .account-project table.bank-account-table td, .account-order table.project-details td, .account-order table.bank-account-table td, .account-bank-account table.project-details td, .account-bank-account table.bank-account-table td {
padding:1.5em 0
}
.account-order table.project-details.mobile-only, .account-project table.project-details.mobile-only {
background-color:#efeeee
}
.account-order table.project-details.mobile-only tbody tr.empty-project-wrapper td, .account-project table.project-details.mobile-only tbody tr.empty-project-wrapper td {
padding: 58px 0;
width: 100%;
margin: auto;
text-align:center
}
.account-order table.project-details.mobile-only tbody td, .account-project table.project-details.mobile-only tbody td {
vertical-align:middle
}
.account-order table.project-details.mobile-only tbody td:first-of-type, .account-project table.project-details.mobile-only tbody td:first-of-type {
padding-left: 0.625em;
width:35%
}
.account-order table.project-details.mobile-only tbody td:nth-child(2), .account-project table.project-details.mobile-only tbody td:nth-child(2) {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
letter-spacing: 0.44px;
width:45%
}
.account-order table.project-details.mobile-only tbody td:last-of-type, .account-project table.project-details.mobile-only tbody td:last-of-type {
font-size: 0.75em;
letter-spacing: 0.66px;
padding-right: 1.25em;
text-align: right;
width:20%
}
.account-project table.project-details.desktop-only, .account-project table.bank-account-table, .account-order table.project-details.desktop-only, .account-order table.bank-account-table, .account-bank-account table.project-details.desktop-only, .account-bank-account table.bank-account-table {
background-color:#eaeae8
}
.account-project table.project-details.desktop-only tbody tr.empty-project-wrapper td, .account-project table.bank-account-table tbody tr.empty-project-wrapper td, .account-order table.project-details.desktop-only tbody tr.empty-project-wrapper td, .account-order table.bank-account-table tbody tr.empty-project-wrapper td, .account-bank-account table.project-details.desktop-only tbody tr.empty-project-wrapper td, .account-bank-account table.bank-account-table tbody tr.empty-project-wrapper td {
padding: 36px 0;
width: 100%;
margin: auto;
text-align:center
}
.account-project table.project-details.desktop-only thead th, .account-project table.bank-account-table thead th, .account-order table.project-details.desktop-only thead th, .account-order table.bank-account-table thead th, .account-bank-account table.project-details.desktop-only thead th, .account-bank-account table.bank-account-table thead th {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-color: #e2e2e1;
color: #666666;
font-size: 0.6875em;
letter-spacing: 1.5px;
padding-top: 18px;
padding-bottom: 18px;
text-align: left;
text-transform: uppercase;
width:13%
}
.account-project table.project-details.desktop-only thead th:nth-child(1), .account-project table.bank-account-table thead th:nth-child(1), .account-order table.project-details.desktop-only thead th:nth-child(1), .account-order table.bank-account-table thead th:nth-child(1), .account-bank-account table.project-details.desktop-only thead th:nth-child(1), .account-bank-account table.bank-account-table thead th:nth-child(1) {
width:21%
}
.account-project table.project-details.desktop-only thead th:first-child, .account-project table.project-details.desktop-only tbody td:first-child, .account-project table.bank-account-table thead th:first-child, .account-project table.bank-account-table tbody td:first-child, .account-order table.project-details.desktop-only thead th:first-child, .account-order table.project-details.desktop-only tbody td:first-child, .account-order table.bank-account-table thead th:first-child, .account-order table.bank-account-table tbody td:first-child, .account-bank-account table.project-details.desktop-only thead th:first-child, .account-bank-account table.project-details.desktop-only tbody td:first-child, .account-bank-account table.bank-account-table thead th:first-child, .account-bank-account table.bank-account-table tbody td:first-child {
padding-left:25px
}
.account-project table.project-details.desktop-only thead th:last-child, .account-project table.project-details.desktop-only tbody td:last-child, .account-project table.bank-account-table thead th:last-child, .account-project table.bank-account-table tbody td:last-child, .account-order table.project-details.desktop-only thead th:last-child, .account-order table.project-details.desktop-only tbody td:last-child, .account-order table.bank-account-table thead th:last-child, .account-order table.bank-account-table tbody td:last-child, .account-bank-account table.project-details.desktop-only thead th:last-child, .account-bank-account table.project-details.desktop-only tbody td:last-child, .account-bank-account table.bank-account-table thead th:last-child, .account-bank-account table.bank-account-table tbody td:last-child {
padding-right:25px
}
.account-project table.project-details.desktop-only tbody tr td, .account-project table.bank-account-table tbody tr td, .account-order table.project-details.desktop-only tbody tr td, .account-order table.bank-account-table tbody tr td, .account-bank-account table.project-details.desktop-only tbody tr td, .account-bank-account table.bank-account-table tbody tr td {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
@media screen and (min-width: 768px) {
.account-project table.project-details.desktop-only tbody tr td, .account-project table.bank-account-table tbody tr td, .account-order table.project-details.desktop-only tbody tr td, .account-order table.bank-account-table tbody tr td, .account-bank-account table.project-details.desktop-only tbody tr td, .account-bank-account table.bank-account-table tbody tr td {
font-size:0.9375em
}
}
.account-project table.project-details.desktop-only thead th:nth-child(2), .account-order table.project-details.desktop-only thead th:nth-child(2) {
width:40%
}
@media screen and (min-width: 768px) {
.account-project table.project-details.desktop-only thead th:nth-child(2), .account-order table.project-details.desktop-only thead th:nth-child(2) {
font-size:1.0625em
}
}
@media screen and (min-width: 768px) {
.account-project table.project-details.desktop-only tbody tr td:nth-child(2), .account-order table.project-details.desktop-only tbody tr td:nth-child(2) {
font-size:1.0625em
}
}
table.bank-account-table {
margin-bottom:1.875em
}
.account-project, .account-order, .account-bank-account {
margin-bottom:56px
}
.account-project .project-item img, .account-order .project-item img {
width:85%
}
.account-order .order-id {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
display: inline-block;
font-size: 1em;
letter-spacing: 1.5px;
padding-top:5px
}
.account-project .empty-project-wrapper {
margin: 0 auto;
width:100%
}
.account-project .empty-project-wrapper .empty-project-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #454348;
font-size: 1.65625em;
line-height: 32px;
margin: 0;
position: relative;
text-align: center;
top:3px
}
@media screen and (min-width: 768px) {
.account-project .empty-project-wrapper .empty-project-header {
font-size: 2em;
color: #333333;
margin-bottom:16px
}
}
.account-project .empty-project-wrapper .empty-project-content {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #333333;
font-size: 1.15625em;
line-height: 24px;
margin: 0 auto 52px;
text-align: center;
width:72.5%
}
@media screen and (min-width: 768px) {
.account-project .empty-project-wrapper .empty-project-content {
margin:0 auto 32px
}
}
.account-project .empty-project-wrapper .empty-project-link {
color: #4A494C;
text-align:center
}
.account-project .empty-project-wrapper .empty-project-link a {
font-size: 1.078125em;
text-transform:none
}
.account-new-project {
margin: 0 auto;
width:100%
}
.account-new-project .headline {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.25em;
max-width: 16em;
margin: auto;
text-align:center
}
@media screen and (min-width: 768px) {
.account-new-project .headline {
font-size: 1.5em;
letter-spacing: .38px;
max-width: none;
margin: 0;
text-align:left
}
}
.account-new-project .new-project-contents {
margin: 1.875em auto;
position: relative;
width:100%
}
.account-new-project .new-project-contents button.new-project-button {
height: 45px;
padding: 0 2.9090909091em 0;
position: absolute;
top:-1
}
@media screen and (min-width: 768px) {
.account-new-project .new-project-contents button.new-project-button {
height: 57px;
min-width:8.5em
}
}
.account-new-project .new-project-contents .new-project-input {
border: 1px solid #999999;
min-height: 45px;
min-width: 13.125em;
width: 64%;
text-indent: 20px;
font-size: 1em;
color: #4A494C;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.account-new-project .new-project-contents .new-project-input {
min-height: 57px;
min-width: 0;
padding: 0;
width:82%
}
}
.account-bank-details {
padding-bottom:60px
}
.account-bank-details p {
color: #4A494C;
line-height: 1.625em;
margin-bottom:1.25em
}
.account-bank-details .bank-account-details {
background-color: #efeeee;
padding: 24px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
width:100%
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#ach-micropayments-form {
position:relative
}
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#ach-micropayments-form div.form-group.bank-terms {
display: table-row;
width:75%
}
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#ach-micropayments-form div.form-group.bank-terms label {
display: table-cell;
padding-left:40px
}
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#ach-micropayments-form input.button.large {
position: absolute;
bottom: 0;
right: 0;
width:25%
}
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#add-new-bank-account-form:before, .account-bank-details .bank-account-details form#add-new-bank-account-form:after {
content: "";
display:table
}
.account-bank-details .bank-account-details form#add-new-bank-account-form:after {
clear:both
}
.account-bank-details .bank-account-details form#add-new-bank-account-form {
* zoom:1
}
}
@media screen and (min-width: 768px) {
.account-bank-details .bank-account-details form#add-new-bank-account-form .form-group.half-width {
float:left
}
}
.account .flash-messages {
text-align:center
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
body.accounts {
background-color:#EAEAE8
}
@media screen and (min-width: 768px) {
body.accounts {
background-color:#E1E0DD
}
}
section.main.account {
padding-top:8.625em
}
section.main.account .hero-area {
background-color: #D7D3CF;
min-height: 0;
padding-top: 16.25em;
padding-bottom:7em
}
@media screen and (min-width: 768px) {
section.main.account .hero-area {
padding-top:11.25em
}
}
section.main.account .hero-area h1 {
color: #333333;
font-size: 3.75em;
line-height: 1.125em;
margin-bottom: 0.8em;
margin-top:0
}
@media screen and (min-width: 768px) {
section.main.account .hero-area h1 {
font-size: 5em;
margin-bottom: 0.375em;
max-width:initial
}
}
section.main.account .hero-area h1 span {
display:block
}
section.main.account .hero-area h1 span.pre-title {
color: #4A494C;
font-size: 0.175em;
letter-spacing: 0.2142857143em;
line-height:3.5714285714em
}
@media screen and (min-width: 768px) {
section.main.account .hero-area h1 span.pre-title {
margin-bottom:0.7142857143em
}
}
section.main.account .hero-area h1 span.italic {
font-family: "Didot-Italic-Osf", Georgia, serif;
font-weight: normal;
text-transform:none
}
section.main.account .hero-area .hero-lead {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
margin:3em 0 0.7em
}
@media screen and (min-width: 768px) {
section.main.account .hero-area .hero-lead {
font-size: 1.5em;
letter-spacing: 0.0166666667em;
line-height: 1.4333333333em;
margin: 0 auto 1.8333333333em;
max-width:17.6666666667em
}
}
@media screen and (min-width: 768px) {
section.main.account {
padding-top:1em
}
}
section.main.account .hero-area {
background-color: #EAEAE8;
padding:0
}
@media screen and (min-width: 768px) {
section.main.account .hero-area {
background-color: #E1E0DD;
margin-bottom: 12px;
padding-top:78px
}
}
section.main.account .hero-area h1 {
font-size: 2.625em;
margin-bottom:0.65em
}
@media screen and (min-width: 768px) {
section.main.account .hero-area h1 {
font-size:5em
}
}
.main.account .grid-row.no-gutter-mobile {
margin-bottom: 2.5em;
max-width:1100px
}
.main.account .grid-row.no-gutter-mobile:before, .main.account .grid-row.no-gutter-mobile:after {
content: "";
display:table
}
.main.account .grid-row.no-gutter-mobile:after {
clear:both
}
.main.account .grid-row.no-gutter-mobile {
* zoom:1
}
@media screen and (min-width: 768px) {
.main.account .grid-row.no-gutter-mobile {
padding-left: 12px;
padding-right:0
}
}
.main.account .account-menu, .main.account .account-content {
width:100%
}
@media screen and (min-width: 768px) {
.main.account .account-menu, .main.account .account-content {
min-height: 210px;
padding-bottom:2.5em
}
.main.account .account-menu {
float: left;
width:21%
}
.main.account .account-content {
float: right;
width:79%
}
}
.main.account .account-menu {
padding-bottom: 0.9375em;
position: relative;
background-color:#D7D3CF
}
@media screen and (min-width: 768px) {
.main.account .account-menu {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
letter-spacing: 2.8px;
background-color: transparent;
margin-bottom:0
}
.main.account .account-menu li a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor: pointer;
border-bottom-width:0px !important
}
.main.account .account-menu li a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
}
.main.account .account-content {
background-color: #EAEAE8;
border-top: 1px solid #999999;
padding:1.25em
}
@media screen and (min-width: 768px) {
.main.account .account-content {
background-color: #E1E0DD;
border-left: 1px solid #666666;
border-top: none;
padding:0 1em 0 2.5em
}
}
.main.account .account-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: scroll;
white-space: nowrap;
width:100%
}
@media screen and (min-width: 768px) {
.main.account .account-menu ul {
overflow: visible;
white-space:normal
}
}
.main.account .account-menu ul li {
display: inline-block;
margin: 15px 0 0;
text-align: center;
width:30%
}
@media screen and (min-width: 768px) {
.main.account .account-menu ul li {
display: block;
margin-bottom: 12px;
margin-top: 0;
text-align: left;
width:100%
}
}
.main.account .account-menu ul li a, .main.account .account-menu a.account-menu-logout {
font-size: 0.6875em;
font-weight: 600;
letter-spacing: 0.09em;
outline: none;
text-transform: uppercase;
text-decoration:none
}
.main.account .account-menu ul li.active a {
border-bottom: 2px solid #BD965F;
padding-bottom:2px
}
@media screen and (min-width: 768px) {
.main.account .account-menu ul li.active {
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
text-decoration:underline
}
}
.main.account .account-menu a.account-menu-logout {
position: absolute;
left: 0;
bottom: 1em;
padding-left: 30px;
padding-right:30px
}
body.careers.index {
background-color:#EAE9E7
}
@media screen and (min-width: 768px) {
body.careers.index {
background-color:#EAE9E7
}
}
body.careers.index h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
body.careers.index h2 {
margin: 0;
text-align:left
}
}
body.careers.index h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.25em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
body.careers.index h3 {
margin: 0;
text-align:left
}
}
body.careers.index #careers-list p, body.careers.index .main.flagship p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
letter-spacing: .5px;
line-height: 24px;
margin-bottom:43px
}
body.careers.index #careers-list a, body.careers.index .main.flagship a {
cursor: pointer;
text-decoration: none;
color: #AE7948;
text-transform:uppercase
}
body.careers.index #careers-list a:hover, body.careers.index .main.flagship a:hover {
text-decoration:underline
}
body.careers.index section.main {
background-color: #D7D3CF;
padding-bottom:50px
}
body.careers.index section.main .header-text {
width: 90%;
margin:auto
}
@media screen and (min-width: 768px) {
body.careers.index section.main .header-text {
width:85%
}
}
body.careers.index section.main.logo-mark-footer-slash {
margin-bottom:0
}
@media screen and (min-width: 768px) {
body.careers.index section.main.logo-mark-footer-slash {
margin-bottom:6.875em
}
}
body.careers.index section.main.logo-mark-footer-slash:before {
bottom: -85px;
height: 85px;
position:absolute
}
@media screen and (min-width: 768px) {
body.careers.index section.main.logo-mark-footer-slash:before {
bottom: -6.875em;
height:6.875em
}
}
body.careers.index section.main.logo-mark-footer-slash:after {
bottom: -85px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
height:85px
}
@media screen and (min-width: 768px) {
body.careers.index section.main.logo-mark-footer-slash:after {
bottom: -6.875em;
height:6.875em
}
}
body.careers.index section#careers-list {
width: 90%;
margin:200px auto 500px
}
body.careers.index section#careers-list .section-header {
text-align:center
}
@media screen and (min-width: 768px) {
body.careers.index section#careers-list {
width:85%
}
}
body.careers.index section#careers-list .career-card {
height: 200px;
padding-bottom:20px
}
body.careers.index section#careers-list .career-card .career-card-inner {
background-color: #F4F4F4;
height: 100%;
position: relative;
padding:10px
}
@media screen and (min-width: 768px) {
body.careers.index section#careers-list .career-card .career-card-inner {
padding:20px
}
}
body.careers.index section#careers-list .career-card .career-card-inner h3 {
margin-top: 0;
margin-bottom: 10px;
text-align:center
}
body.careers.index section#careers-list .career-card .career-card-inner small {
text-align: center;
display: block;
text-transform: uppercase;
margin-bottom:10px
}
body.careers.index section#careers-list .career-card .career-card-inner a {
position: absolute;
text-align: right;
text-transform: unset;
bottom: 10px;
left: 10px;
right:10px
}
@media screen and (min-width: 768px) {
body.careers.index section#careers-list .career-card .career-card-inner a {
bottom: 20px;
left: 20px;
right:20px
}
}
body.careers.show {
background-color:#EAE9E7
}
@media screen and (min-width: 768px) {
body.careers.show {
background-color:#EAE9E7
}
}
body.careers.show h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
body.careers.show h2 {
margin:0
}
}
body.careers.show section.main {
background-color: #D7D3CF;
padding-bottom:100px
}
body.careers.show section.main .link-container {
width: 90%;
margin:auto
}
@media screen and (min-width: 768px) {
body.careers.show section.main .link-container {
width:85%
}
}
body.careers.show section.main .header-text {
width: 90%;
margin:auto
}
@media screen and (min-width: 768px) {
body.careers.show section.main .header-text {
width:85%
}
}
body.careers.show section.main.logo-mark-footer-slash {
margin-bottom:0
}
@media screen and (min-width: 768px) {
body.careers.show section.main.logo-mark-footer-slash {
margin-bottom:6.875em
}
}
body.careers.show section.main.logo-mark-footer-slash:before {
bottom: -85px;
height: 85px;
position:absolute
}
@media screen and (min-width: 768px) {
body.careers.show section.main.logo-mark-footer-slash:before {
bottom: -6.875em;
height:6.875em
}
}
body.careers.show section.main.logo-mark-footer-slash:after {
bottom: -85px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 1%, 0 100%);
height:85px
}
@media screen and (min-width: 768px) {
body.careers.show section.main.logo-mark-footer-slash:after {
bottom: -6.875em;
height:6.875em
}
}
body.careers.show section.career-description {
width: 90%;
margin:150px auto 400px
}
@media screen and (min-width: 768px) {
body.careers.show section.career-description {
margin:200px auto 300px
}
}
body.careers.show section.career-description p, body.careers.show section.career-description ul li {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
letter-spacing: .5px;
line-height:24px
}
body.careers.show section.career-description strong {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
body.careers.show section.career-description a {
cursor: pointer;
text-decoration: none;
color: #AE7948;
text-transform:uppercase
}
body.careers.show section.career-description a:hover {
text-decoration:underline
}
@media screen and (min-width: 768px) {
body.careers.show section.career-description {
width:85%
}
}
.slick-slider {
position: relative;
z-index:99
}
.slick-slider .slick-slide img {
max-width: 100%;
width:100%
}
.slick-slider .slick-dots li {
margin:0
}
.slick-slider .slick-dots li button:before {
background-color: #fff;
mask-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
-webkit-mask-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 75%;
-webkit-mask-size: 75%;
font-size:0.625em
}
.slick-slider .slick-dots li.slick-active button:before {
background-color:#BD965F
}
.slick-slider.homepage-slider .slide-image-wrapper {
margin-bottom:12px
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .slide-image-wrapper {
margin-bottom:32px
}
}
.slick-slider.homepage-slider .collection-carousel-caption {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #403F42;
font-size: 1.125em;
letter-spacing: 0.1125em;
line-height: inherit;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .collection-carousel-caption {
display: inline;
font-size: 2em;
margin:0
}
}
.slick-slider.homepage-slider .carousel-caption-track {
display: block;
margin: 0 auto 4.0625em;
position: relative;
text-align:center
}
.slick-slider.homepage-slider .carousel-caption-track a {
text-decoration:none
}
.slick-slider.homepage-slider .unstyled-arrow-left, .slick-slider.homepage-slider .unstyled-arrow-right {
background-color: transparent;
border: none;
height: 0.625em;
padding: 0;
position: absolute;
bottom: 2.8125em;
width: 0.78125em;
z-index:9999
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .unstyled-arrow-left, .slick-slider.homepage-slider .unstyled-arrow-right {
bottom:2em
}
}
.slick-slider.homepage-slider .unstyled-arrow-left {
background-image: url(/assets/unstyled-arrow-left-8a6e5205afb3583111629ef4f63c1375e54e226f12510ceb0ab55af9dd0280cf.svg);
background-repeat: no-repeat;
left:15%
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .unstyled-arrow-left {
left:38%
}
.slick-slider.homepage-slider .unstyled-arrow-left.alt {
bottom: 23.75em;
left:5%
}
}
@media (min-width: 768px) and(max-width: 1280px) {
.slick-slider.homepage-slider .unstyled-arrow-left {
left:28%
}
}
.slick-slider.homepage-slider .unstyled-arrow-right {
background-image: url(/assets/unstyled-arrow-right-9f8f5d4cfe1693d042044d7df2deb62395b1083e6eb23ebddd1fdb15788606b3.svg);
background-repeat: no-repeat;
right:15%
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .unstyled-arrow-right {
right:38%
}
.slick-slider.homepage-slider .unstyled-arrow-right.alt {
bottom: 23.75em;
right:5%
}
}
@media (min-width: 768px) and(max-width: 1280px) {
.slick-slider.homepage-slider .unstyled-arrow-right {
right:28%
}
}
.slick-slider.homepage-slider .slick-dots {
bottom:2.375em
}
@media screen and (min-width: 768px) {
.slick-slider.homepage-slider .slick-dots {
bottom:1.5625em
}
}
.product-detail-carousel.slick-slider .slick-next {
font-size: 0.625em;
right:0
}
@media screen and (min-width: 768px) {
.product-detail-carousel.slick-slider .slick-next {
right:35%
}
}
.product-detail-carousel.slick-slider .slick-next:before {
content: url(/assets/unstyled-arrow-right-9f8f5d4cfe1693d042044d7df2deb62395b1083e6eb23ebddd1fdb15788606b3.svg);
right:0
}
.product-detail-carousel.slick-slider .slick-prev {
font-size: 0.625em;
left:0
}
@media screen and (min-width: 768px) {
.product-detail-carousel.slick-slider .slick-prev {
left:35%
}
}
.product-detail-carousel.slick-slider .slick-prev:before {
content: url(/assets/unstyled-arrow-left-8a6e5205afb3583111629ef4f63c1375e54e226f12510ceb0ab55af9dd0280cf.svg);
left:0
}
.product-detail-carousel.slick-slider .slick-next, .product-detail-carousel.slick-slider .slick-prev {
top: auto;
z-index: 99;
display:none !important
}
@media screen and (min-width: 768px) {
.product-detail-carousel.slick-slider .slick-next, .product-detail-carousel.slick-slider .slick-prev {
display: inline-block !important;
bottom:-61px
}
}
.product-detail-carousel.slick-slider .slick-next:before, .product-detail-carousel.slick-slider .slick-prev:before {
position: absolute;
top:0
}
.product-detail-carousel.slick-slider .slick-dots {
background-color: #D2CDC8;
bottom:-0.6875em
}
@media screen and (min-width: 768px) {
.product-detail-carousel.slick-slider .slick-dots {
bottom:-3.5625em
}
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.line_item__discontinued {
position:relative
}
.title-container {
overflow: hidden;
text-align:center
}
.sub-header {
height: 100px;
background-color: purple;
color:white
}
.lined-title {
display: block;
margin: 0;
position:relative
}
.lined-title span {
display: inline-block;
position:relative
}
.lined-title span:before, .lined-title span:after {
content: "";
position: absolute;
border-top: 1px solid #333333;
top: 0;
width:500%
}
.lined-title span:before {
right: 100%;
margin-right: 0.625em;
margin-top:0.5em
}
.lined-title span:after {
left: 100%;
margin-left: 0.625em;
margin-top:0.5em
}
.line_item__discontinued-notification {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 3;
padding: 15px;
display: flex;
align-items:center
}
.line_item__discontinued-notification span, .line_item__discontinued-notification span a {
display: block;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125em;
text-align: center;
width:100%
}
.line_item__discontinued-notification span a {
font-size: inherit;
display:inline
}
.late-pickup-terms {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-family: 'Lato' !important;
color: #333;
font-size: 0.9375em !important;
letter-spacing: 0.04375em !important;
line-height:1.25em !important
}
.late-pickup-terms a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor: pointer;
font-size: 0.9375em;
letter-spacing:0.05em
}
.late-pickup-terms a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
@media screen and (max-width: 768px) {
#maintenance-container {
margin-top:100px
}
}
.checkout-content {
margin: 0 auto;
width: 100%;
background-color:#E1E0DD
}
.checkout-content header {
background-color: #EAEAE8;
padding:6.75em 1.5em 0.75em
}
@media screen and (min-width: 768px) {
.checkout-content header {
padding:2em 3.75em 1em
}
}
@media screen and (max-width: 768px) {
.checkout-content header h1 {
color: #454348;
line-height: initial;
margin: 0 0 0.125em;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:2em
}
}
.checkout-content header p {
line-height: 2.1666666667em;
margin: 0;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
@media screen and (min-width: 768px) {
.checkout-content header p {
margin-top:0.375em
}
}
.checkout-content header .breadcrumbs {
background: url(/assets/small-arrow-left-6e237713a8c254a04e2cc78ccb07e1e46b630b81cc8ace2a1f16bf55209dd11a.svg) left center no-repeat;
margin: 0 0 2.125em;
padding-left:1.5em
}
@media screen and (min-width: 768px) {
.checkout-content header .breadcrumbs {
margin-bottom:3.125em
}
}
@media screen and (min-width: 768px) {
.checkout-content header .breadcrumbs.mobile-view {
display:none
}
}
.checkout-content header .breadcrumbs.desktop-view {
display:none
}
@media screen and (min-width: 768px) {
.checkout-content header .breadcrumbs.desktop-view {
display: block;
margin-bottom:36px
}
}
.checkout-content header .breadcrumbs a {
font-size: 0.75em;
text-decoration:none
}
.checkout-content .main-content {
padding:50px 1.5em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content {
margin: 0 auto;
padding:50px 0 0
}
.checkout-content .main-content:before, .checkout-content .main-content:after {
content: "";
display:table
}
.checkout-content .main-content:after {
clear:both
}
.checkout-content .main-content {
* zoom:1
}
}
.checkout-content .main-content .title-wrapper {
background-color: #F4F4F4;
padding:0.5625em 1.25em 1em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .title-wrapper {
padding:1.375em 1.875em 1.875em
}
}
.checkout-content .main-content .title-wrapper h2 {
color: #454348;
letter-spacing: 0.0155em;
line-height: 1.8em;
margin: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.25em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .title-wrapper h2 {
font-size: 1.5em;
letter-spacing: 0;
line-height:1.4583333333em
}
}
.checkout-content .main-content .title-wrapper p {
color: #555;
letter-spacing: 0.0357142857em;
line-height: 1.5em;
margin: 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .title-wrapper p {
font-size: 1em;
letter-spacing: 0.068125em;
line-height:1.125em
}
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .intro {
margin-bottom:1em
}
}
.checkout-content .main-content .intro p {
color: #4A494C;
letter-spacing: 0.025em;
line-height: 1.375em;
margin: 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .intro p {
letter-spacing: 0.0244444444em;
line-height: 1.5555555556em;
padding-left: 28px;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1.125em
}
}
.checkout-content .main-content .intro .expand-all {
border-bottom: 1px solid #BD965F;
letter-spacing: 0.0416666667em;
line-height: 2.1666666667em;
outline: none;
padding-bottom: 0.25em;
text-decoration: none;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
@media screen and (min-width: 768px) {
.checkout-content .main-content .intro .expand-all {
display:none
}
}
.checkout-content .checkout-forms-wrapper {
width:100%
}
@media screen and (min-width: 768px) {
.checkout-content .checkout-forms-wrapper {
float: left;
width:58%
}
}
.checkout-content .checkout-forms-wrapper .inner {
padding:0 32px
}
@media screen and (min-width: 768px) {
.checkout-content .checkout-forms-wrapper.payment, .checkout-content .checkout-forms-wrapper.confirm {
margin-bottom:35px
}
}
.checkout-content .shipping-fieldset-wrapper, .checkout-content .save-user-address {
display:none
}
.checkout-content .section-title {
background-color: #F4F4F4;
border-bottom: 1px solid #c3c3c2;
padding:11px 18px
}
@media screen and (min-width: 768px) {
.checkout-content .section-title {
color: #4A494C;
padding:20px 32px
}
}
.checkout-content .section-title h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.25em;
color: #333333;
margin: 0;
position: relative;
top:3px
}
@media screen and (min-width: 768px) {
.checkout-content .section-title h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.5em
}
}
.checkout-content .section-title .inner {
padding: 0 20px;
position:relative
}
@media screen and (min-width: 768px) {
.checkout-content .section-title .inner {
padding:0
}
}
.checkout-content .form-buttons {
width:100%
}
@media screen and (min-width: 768px) {
.checkout-content .form-buttons {
float:right
}
}
.checkout-content .submit {
min-height: 58px !important;
width:100%
}
.checkout-content .form-control.hidden {
display:none
}
.checkout-inner {
background-color: #EAEAE8;
color: #4A494C;
padding:30px 0
}
.checkout-inner h5 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
letter-spacing: 0.1076923077em;
line-height: 2.1538461538em;
margin: 0 0 10px 0;
text-transform:uppercase
}
.checkout-inner.pickup p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.9375em;
line-height: 1.75em;
margin:0 0 30px 0
}
.checkout-inner.pickup p span.light-bold {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.checkout-inner.pickup h5 {
background-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
background-position: left center;
background-repeat: no-repeat;
left: -20px;
position: relative;
text-indent:18px
}
.checkout .main-content footer {
padding-top:1.625em
}
@media screen and (min-width: 768px) {
.checkout .main-content footer {
margin-bottom: 50px;
padding-top:1.875em
}
}
@media (min-width: 1024px) {
.checkout .main-content footer {
align-items: center;
display: flex;
justify-content:space-between
}
.checkout .main-content footer.two-thirds {
display:block
}
.checkout .main-content footer.two-thirds .button-wrapper {
float:right
}
}
@media screen and (min-width: 1024px) and(min-width: 768px) {
.checkout .main-content footer.two-thirds {
margin-bottom:135px
}
}
.checkout .main-content footer .checkbox-wrapper {
position: relative;
margin-bottom:20px
}
@media (min-width: 1024px) {
.checkout .main-content footer .checkbox-wrapper {
margin-right:1em
}
}
.checkout .main-content footer .checkbox-wrapper label {
color: #4A494C;
text-transform: initial;
letter-spacing: 0.0275em;
line-height: 1.6666666667em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .checkbox-wrapper label {
cursor: pointer;
letter-spacing: 0.0275em;
line-height: 1.5625em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
}
@media (min-width: 1024px) {
.checkout .main-content footer .checkbox-wrapper label {
display:inline-block
}
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .checkbox-wrapper [type="checkbox"] {
cursor: pointer
}
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked), .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked {
position: absolute;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0)
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.75em;
cursor: pointer
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label:before, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.0625em;
height: 1.0625em;
background-color: #F4F4F4;
border:1px solid #999999
}
@media (min-width: 1024px) {
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label:before, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label:before {
top: 0.3125em
}
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label:after, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: 0.375em;
left: 0.375em;
font-size: 0.75em;
line-height: 0.75;
color: #4A494C;
transition:all .2s
}
@media (min-width: 1024px) {
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label:after, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label:after {
top: 0.6835em
}
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0)
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1)
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:disabled:not(:checked) + label:before, .checkout .main-content footer .checkbox-wrapper [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:disabled:checked + label:after {
color: #999
}
.checkout .main-content footer .checkbox-wrapper [type="checkbox"]:disabled + label {
color:#aaa
}
.checkout .main-content footer .button-wrapper {
display: flex;
margin-top:2.375em
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .button-wrapper {
margin-top:1em
}
}
.checkout .main-content footer .button-wrapper a, .checkout .main-content footer .button-wrapper button {
border: none;
letter-spacing: 0.1666666667em;
line-height: 2.5em;
padding: 1.25em 1em;
text-align: center;
text-transform: uppercase;
width: 100%;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .button-wrapper a, .checkout .main-content footer .button-wrapper button {
min-width: 22.375em;
width:auto
}
}
.checkout .main-content footer .button-wrapper a span, .checkout .main-content footer .button-wrapper button span {
display:none
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .button-wrapper a span, .checkout .main-content footer .button-wrapper button span {
display:inline
}
}
.checkout .main-content footer .button-wrapper a {
text-decoration:none
}
.checkout .main-content footer .back {
display: none;
background-color: #CBC4B6;
transition: opacity 0.325s ease-in-out;
opacity: 1;
filter:alpha(opacity=100)
}
.checkout .main-content footer .back:hover {
transition: opacity 0.325s ease-in-out;
opacity: 0.5;
filter:alpha(opacity=50)
}
@media screen and (min-width: 768px) {
.checkout .main-content footer .back {
display: block;
margin-right:1.625em
}
}
.checkout-content .form-group {
position:relative
}
.checkout-content .field-error {
color: #E41A03;
font-size: 0.8125em;
position: absolute;
left: 0;
bottom:-18px
}
.checkout-container select.input-error, .select2-container--default .select2-selection--single.input-error {
border:1px solid #E41A03
}
.checkout-content p.general-errors-alert {
color: #E41A03;
line-height: 1.5em;
margin:0 0 1.875em 0
}
.checkout-content .terms-conditions-wrapper .title-wrapper p {
line-height:25px
}
.checkout-inner.terms p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.9375em;
line-height: 1.75em;
margin:0 0 20px 0
}
.checkout-inner.terms p:last-of-type {
margin-bottom:0
}
.checkout-inner.terms a.read-full-terms {
border-bottom: 2px solid #BD965F;
text-decoration: none;
font-size: 14px;
letter-spacing:1px
}
.checkout .main-content footer .button-wrapper {
display:block
}
.checkout .main-content footer .button-wrapper a.back, .checkout .main-content footer .button-wrapper button {
width:100%
}
.checkout .main-content footer .button-wrapper a.back, .checkout .main-content footer .button-wrapper button:first-of-type {
margin-bottom:10px
}
@media (min-width: 1024px) {
.checkout .main-content footer .button-wrapper {
display:flex
}
.checkout .main-content footer .button-wrapper a.back, .checkout .main-content footer .button-wrapper button {
width:auto
}
.checkout .main-content footer .button-wrapper a.back, .checkout .main-content footer .button-wrapper button:first-of-type {
margin-bottom:0
}
}
.pickup_location {
margin-bottom:20px
}
.pickup_location .js-hide-show-explanation {
display:none
}
.pickup_location p, .pickup_location ul {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.9375em;
line-height: 1.75em;
margin:0 0 20px 0
}
.pickup_location p:last-of-type, .pickup_location ul:last-of-type {
margin-bottom:0
}
.pickup_location ul {
padding-left:0
}
.pickup_location div div {
margin: 0 0 60px 3em
}
.pickup_location input[type="radio"] {
opacity: 0;
position: absolute;
z-index: 2;
cursor: pointer;
height: 30px
}
.pickup_location input[type="radio"]:hover + label:before {
background: #BD965F
}
.pickup_location input[type="radio"]:checked + label:before {
background: #BD965F
}
.pickup_location input[type="radio"]:checked + label:after {
content: '';
position: absolute;
left: 4px;
top: 16px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform:rotate(45deg)
}
.pickup_location legend, .pickup_location li {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
text-transform:inherit
}
.pickup_location label.label__large {
cursor: pointer;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
text-transform: none;
margin-bottom: 0;
position: relative;
cursor: pointer;
white-space:nowrap
}
.pickup_location label.label__large:first-of-type {
margin-top:0
}
.pickup_location label.label__large:before {
background-color: #F4F4F4;
border: 1px solid #BD965F;
border-radius: 15px;
content: '';
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: 21px;
height:21px
}
.pickup_location legend {
margin-bottom:10px
}
.pickup_location .form-group {
margin-left:0
}
.pickup_location #shipping {
margin:20px 0 0 0
}
.checkout__store-credit .button.large {
width:50%
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.checkout-forms-wrapper.payment .payment-method-fields {
margin-bottom:24px
}
@media screen and (min-width: 768px) {
.checkout-forms-wrapper.payment .payment-method-fields .payment-buttons-container:before, .checkout-forms-wrapper.payment .payment-method-fields .payment-buttons-container:after {
content: "";
display:table
}
.checkout-forms-wrapper.payment .payment-method-fields .payment-buttons-container:after {
clear:both
}
.checkout-forms-wrapper.payment .payment-method-fields .payment-buttons-container {
* zoom:1
}
}
.checkout-forms-wrapper.payment .payment-method {
cursor: pointer;
position: relative;
margin-bottom:10px
}
.checkout-forms-wrapper.payment .payment-method:last-of-type {
margin-bottom:0
}
@media screen and (min-width: 768px) {
.checkout-forms-wrapper.payment .payment-method {
padding-right: 19px;
float: left;
margin-right: 10px;
margin-bottom:0
}
}
.checkout-forms-wrapper.payment .payment-method label {
margin-bottom:0
}
.checkout-forms-wrapper.payment .payment_methods_radio {
opacity: 0;
position:absolute
}
.checkout-forms-wrapper.payment .payment_methods_radio + label {
position: relative;
cursor: pointer;
white-space:nowrap
}
.checkout-forms-wrapper.payment .payment_methods_radio + label:before {
background-color: #F4F4F4;
border: 1px solid #BD965F;
border-radius: 15px;
content: '';
display: inline-block;
height: 1.75em;
margin-right: 10px;
vertical-align: middle;
width: 1.75em
}
.checkout-forms-wrapper.payment input[type="radio"]:hover + label:before {
background: #BD965F
}
.checkout-forms-wrapper.payment input[type="radio"]:checked + label:before {
background: #BD965F
}
.checkout-forms-wrapper.payment input[type="radio"]:checked + label:after {
content: '';
position: absolute;
left: 4px;
top: 11px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform:rotate(45deg)
}
.checkout-forms-wrapper.payment label {
text-transform:initial
}
.checkout-forms-wrapper.payment form .checkout-inner {
background-color: #EAEAE8;
padding-top:30px
}
.checkout-forms-wrapper.payment form .payment-method-selectors {
background-color: rgba(244, 244, 244, 0.7);
padding:20px 32px 0 32px
}
@media screen and (min-width: 768px) {
.checkout-forms-wrapper.payment form .payment-method-selectors {
background-color:rgba(244, 244, 244, 0.7)
}
.checkout-forms-wrapper.payment form .payment-method-selectors:before, .checkout-forms-wrapper.payment form .payment-method-selectors:after {
content: "";
display:table
}
.checkout-forms-wrapper.payment form .payment-method-selectors:after {
clear:both
}
.checkout-forms-wrapper.payment form .payment-method-selectors {
* zoom:1
}
.checkout-forms-wrapper.payment form .payment-method-selectors .payment-selection {
display:inline-block
}
.checkout-forms-wrapper.payment form .payment-method-selectors label:hover, .checkout-forms-wrapper.payment form .payment-method-selectors input:hover {
cursor:pointer
}
}
.checkout-forms-wrapper.payment form .use-existing-card-wrapper {
display:none
}
.checkout-forms-wrapper.payment form .existing-cards {
display:none
}
.checkout-forms-wrapper.payment form .payment-method-wrapper {
background-color: rgba(244, 244, 244, 0.7);
padding:20px 32px 24px 32px
}
@media screen and (min-width: 768px) {
.checkout-forms-wrapper.payment form .payment-method-wrapper {
padding:24px 32px
}
}
.checkout-forms-wrapper.payment form .payment-method-wrapper.payment-type-selectors {
padding-bottom:0
}
.checkout-forms-wrapper.payment form .payment-method-wrapper.amount-panel {
padding-top:33px
}
@media screen and (min-width: 768px) {
.checkout-forms-wrapper.payment form .payment-method-wrapper.amount-panel {
padding-top:24px
}
}
.checkout-forms-wrapper.payment form .payment-method-wrapper #add_new_bank_account p {
line-height:22px
}
.checkout-forms-wrapper.payment form .payment-method-wrapper #add_new_bank_account ol li {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8125em;
letter-spacing: 0.1076923077em;
line-height:2.1538461538em
}
.checkout-forms-wrapper.payment form .credit-card-inner:before, .checkout-forms-wrapper.payment form .credit-card-inner:after {
content: "";
display:table
}
.checkout-forms-wrapper.payment form .credit-card-inner:after {
clear:both
}
.checkout-forms-wrapper.payment form .credit-card-inner {
* zoom:1
}
.checkout-forms-wrapper.payment form .credit-card-inner .cvc-field {
float: left;
width:40.5%
}
.checkout-forms-wrapper.payment form .credit-card-inner .expiration-field-1 {
float: right;
width:52%
}
.checkout-forms-wrapper.payment form .bank-account {
cursor: pointer;
position:relative
}
.checkout-forms-wrapper .billing-address-form {
margin-bottom:28px
}
.checkout-forms-wrapper .address-display {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875em;
line-height:1.375em
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm {
width:100%
}
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .panel-body:before, div.checkout-forms-wrapper.confirm .panel-body:after {
content: "";
display:table
}
div.checkout-forms-wrapper.confirm .panel-body:after {
clear:both
}
div.checkout-forms-wrapper.confirm .panel-body {
* zoom:1
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper {
margin-bottom:25px
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper .line-items-table-wrapper {
background-color: rgba(244, 244, 244, 0.7);
padding:0
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table thead th {
background-color: #e2e2e1;
text-align: left;
color: #666666;
font-size: 0.6875em;
text-transform: uppercase;
padding-bottom: 18px;
padding-top: 18px;
letter-spacing: 1.5px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table thead th.item-header {
padding-left:32px
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table thead th.subtotal-header {
padding-right: 25px;
text-align:left
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items {
color:#222222
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr {
border-bottom:1px solid #c3c3c2
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr:last-child {
border-bottom:none
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items td {
padding: 15px 0;
vertical-align:top
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr td:first-of-type {
padding-left:18px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr td:first-of-type {
padding-left:32px
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr td:last-of-type {
padding-right:18px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items tr td:last-of-type {
padding-right:25px
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-name {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
line-height:36px
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-dimensions {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 0.875em;
line-height:24px
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-image {
width:28%
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-image {
width:13%
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-image img {
width:100%
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-name-dimensions {
padding-left:15px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-name-dimensions {
width:20%
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-name-dimensions p {
margin: 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-name {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
margin:0
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-dimensions {
margin:0
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description {
padding-left: 13px;
width:50%
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description.order-item-com-details {
padding-left:0
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description ul {
margin: 0;
padding: 0;
list-style:none
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description li {
margin-bottom:15px
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description .order-item-option-value-label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #888888;
font-size: 0.625em;
line-height: 12px;
text-transform:uppercase
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description .order-item-option-value {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 14px;
line-height: 24px;
text-transform:none
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-description {
width:20.5%
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-price {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
line-height:36px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-price {
width:11%
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-quantity {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
line-height:36px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-quantity {
width:7.5%
}
}
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-total-price {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
line-height:36px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .order-summary-wrapper table.line-items .order-item-total-price {
width:15%
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper {
background-color: rgba(244, 244, 244, 0.7);
margin-bottom:25px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper {
float: left;
min-height: 307px;
width: 56.5%;
margin-bottom:0
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-payment-inner {
padding:0 18px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-payment-inner {
padding:38px 36px
}
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .address-info {
padding-right: 15%;
width:45%
}
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .payment-info {
width:45%
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .receipt-recipients {
padding-top: 30px;
padding-bottom:24px
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-header {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
line-height: 21px;
padding-bottom: 5px;
margin-bottom: 0;
margin-top: 24px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-header {
font-size:0.875em
}
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-header.billing-address {
width:45%
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-header.payment {
padding-top:30px
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-header.payment {
width:45%
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper .billing-section-content {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.875em;
line-height: 21px;
margin:0
}
@media screen and (min-width: 768px) {
div.checkout-forms-wrapper.confirm .billing-payment-wrapper table.billing-payment-desktop td {
vertical-align:top
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper table.billing-payment-desktop td p {
margin:0
}
}
div.checkout-forms-wrapper.confirm .billing-payment-wrapper table.billing-payment-desktop th {
text-align:left
}
div.checkout-forms-wrapper.confirm section.checkout-summary.review {
padding-top:0
}
@media screen and (min-width: 768px) {
.checkout-wrapper {
position: relative;
display: flex;
justify-content: space-between;
align-items: start;
padding-bottom:100px
}
}
.checkout-summary {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
background-color: #F4F4F4;
color: #222222;
letter-spacing: 0.5px;
margin-top: 20px;
padding-top: 40px;
width: 100%;
position: -webkit-sticky;
position: sticky;
top:40px
}
@media screen and (min-width: 768px) {
.checkout-summary {
float: right;
margin-top: 0;
width:38%
}
}
.checkout-summary p, .checkout-summary ul li {
color: #222222;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing:0.5px
}
.checkout-summary p {
font-size: 1em;
margin:0 0 20px 0
}
.checkout-summary h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.45em;
color: #454348;
letter-spacing: 2.5px;
margin: 0;
text-align: center;
text-transform:uppercase
}
.checkout-summary table {
width: 100%;
table-layout:fixed
}
.checkout-summary .padding-wrapper {
padding:18px 18px 0 18px
}
.checkout-summary table.line-items tr.line-item-row:first-of-type {
border-top:none
}
@media screen and (min-width: 768px) {
.checkout-summary table.line-items tr.line-item-row {
border-top:1px solid #dadada
}
}
.checkout-summary table.line-items tr.line-item-option-values {
border-bottom:1px solid #dadada
}
.checkout-summary table.line-items tr.line-item-option-values:last-of-type {
border-bottom:none
}
@media screen and (min-width: 768px) {
.checkout-summary table.line-items tr.line-item-option-values {
border-bottom:none
}
}
.checkout-summary table.line-items td {
padding-top: 24px;
vertical-align:top
}
@media screen and (min-width: 768px) {
.checkout-summary table.line-items td {
padding-bottom:24px
}
}
.checkout-summary table.line-items ul {
list-style-type: none;
margin: 5px 0 0 0;
padding:0
}
.checkout-summary table.line-items ul li {
font-size: 0.875em;
margin-bottom:6px
}
.checkout-summary table.line-items .line-item-image img {
width:100%
}
.checkout-summary table.line-items .line-item-image {
width:22%
}
.checkout-summary table.line-items .line-item-price {
text-align: right;
width:15%
}
.checkout-summary table.line-items td.line-item-details {
padding-left: 18px;
padding-right: 18px;
width:63%
}
.checkout-summary table.line-items .mobile-option-values-cell {
padding-top:0
}
.checkout-summary table.totals {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
.checkout-summary table.totals p, .checkout-summary table.totals ul li, .checkout-summary table.totals td {
color:#4A494C
}
.checkout-summary table.totals tbody tr td {
width: 50%;
letter-spacing:1.5px
}
.checkout-summary table.totals tbody tr td:first-of-type {
padding-left:18px
}
.checkout-summary table.totals tbody tr td:last-of-type {
padding-right: 18px;
text-align:right
}
.checkout-summary table.totals tbody tr td.total {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.75em;
letter-spacing:1px
}
.checkout-summary table.totals.subtotals-adjustments, .checkout-summary table.totals.grand-totals {
font-weight:600
}
.checkout-summary table.totals.subtotals-adjustments tbody tr:first-of-type, .checkout-summary table.totals.grand-totals tbody tr:first-of-type {
border-top:1px solid #dadada
}
.checkout-summary table.totals.subtotals-adjustments tbody tr:first-of-type td, .checkout-summary table.totals.grand-totals tbody tr:first-of-type td {
padding-top:27px
}
.checkout-summary table.totals.subtotals-adjustments tbody tr:last-of-type td, .checkout-summary table.totals.grand-totals tbody tr:last-of-type td {
padding-bottom:27px
}
.checkout-summary table.totals.subtotals-adjustments tbody tr td.tax-notice, .checkout-summary table.totals.grand-totals tbody tr td.tax-notice {
text-align:left
}
.checkout-summary table.totals.subtotals-adjustments {
font-size: 0.875em;
line-height:1.625em
}
.checkout-summary table.totals.grand-totals, .checkout-summary table.totals.lead-time {
font-size: 0.875em;
line-height: 2.25em;
text-transform:uppercase
}
.checkout-summary table.totals.grand-totals tbody tr td:first-of-type, .checkout-summary table.totals.lead-time tbody tr td:first-of-type {
font-size:0.875em
}
.checkout-summary table.totals.lead-time {
font-weight:600
}
.checkout-summary table.totals.lead-time tr {
background-color: #EAEAE8;
border-top:none
}
.checkout-summary table.totals.lead-time td {
font-size: 0.875em;
padding-bottom: 9px;
padding-top:9px
}
.checkout-summary table.mobile-option-values {
margin-top: 10px;
margin-bottom:24px
}
.checkout-summary table.mobile-option-values tbody tr td {
padding: 3px 0;
font-size:0.75em
}
.checkout-summary table.mobile-option-values tbody tr td:first-of-type {
text-transform: uppercase;
width:40%
}
.checkout-summary table.mobile-option-values tbody tr td:last-of-type {
padding-left: 20px;
width:60%
}
.checkout-summary .lead-time-disclaimer {
background-color: #E1E0DD;
padding:20px
}
.checkout-summary .lead-time-disclaimer h4 {
letter-spacing: 1.5px;
font-size: 0.75em;
line-height: 1.375em;
text-transform: uppercase;
margin-top: 0;
position: relative;
left:-7px
}
.checkout-summary .lead-time-disclaimer p {
color: #4A494C;
font-size: 0.875em;
line-height: 22px;
margin-bottom:0
}
.checkout-summary .totals .tax-notice-text {
position: relative;
top: -3px;
color:#888
}
.summary-item .resale-notice-more-info {
background: #888;
color: #fff;
padding: 2px 5px 1px 5px;
border-radius: 12px;
font-weight: bold;
position: relative;
top: -5px;
text-decoration: none;
font-size:9px
}
.summary-item .resale-notice-more-info:hover {
background: #4A494C;
transition:background 250ms ease-in-out
}
.internal-navigation-wrapper {
margin-bottom: 25px;
position: relative;
text-align:center
}
@media screen and (min-width: 768px) {
.internal-navigation-wrapper {
margin: 0 auto 2.875em;
max-width:64em
}
}
.internal-navigation-wrapper h1 {
font-family: "Didot-Italic", Georgia, serif;
font-weight:normal
}
.internal-navigation-wrapper h1.collection-title {
font-size: 2.75em;
font-weight: 300;
letter-spacing: 0.0223684211em;
line-height: 1.1842105263em;
margin:0
}
@media screen and (min-width: 768px) {
.internal-navigation-wrapper h1.collection-title {
border: none;
font-size: 5em;
letter-spacing: 0.02em;
line-height: 1.175em;
margin:66px 0 33px 0
}
}
.collections-navigation-toggle {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-color: transparent;
border-bottom: 2px solid #BD965F;
color: #4A494C;
font-size: 0.75em;
letter-spacing: 2px;
line-height: 50px;
outline: none;
padding: 0;
padding-bottom: 3px;
text-decoration: none;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.collections-navigation-toggle {
display:none
}
}
.collections-navigation-toggle img {
height: 0.9375em;
transform: rotate(90deg);
width:1.375em
}
@media screen and (max-width: 768px) {
nav.collections-nav {
background-color: #EAEAE8;
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index:9999
}
}
@media screen and (min-width: 768px) {
nav.collections-nav {
display:block
}
nav.collections-nav a {
text-decoration:none
}
}
nav.collections-nav.active {
display:block
}
nav.collections-nav .close-modal {
background: transparent url(/assets/close-icon-31e97af497a9ac6a358fb87bb2f3eebcb59efa8f59a87d03a8c32b3e69aa0428.svg) no-repeat center center;
background-size: 24px;
border: none;
height: 32px;
outline: none;
padding: 0;
position: absolute;
top: 1.5em;
right: 1.5em;
width: 32px;
z-index:99
}
nav.collections-nav .mobile-nav-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size:2.375em
}
nav.collections-nav ul {
list-style: none;
padding:0
}
nav.collections-nav ul li {
margin-bottom: 20px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
nav.collections-nav ul li {
border-bottom: 2px solid transparent;
display: inline-block;
font-size: 0.75em;
letter-spacing: 0.175em;
line-height: 2.0833333333em;
margin-bottom: 2.0833333333em;
margin-right:2.9166666667em
}
}
nav.collections-nav ul li a {
text-decoration:none
}
nav.collections-nav ul li a.active {
border-bottom:2px solid #BD965F
}
.collections__welcome-banner {
background: #D2CDC8;
text-align: center;
padding: 10px 0;
margin:120px 0 -60px 0
}
.collections__welcome-banner h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 0.875em;
margin-bottom:0
}
.collections__welcome-banner p {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.25em;
letter-spacing: 0px;
margin:0
}
@media screen and (min-width: 768px) {
.collections-show {
margin-top: 0;
padding-top:0
}
}
@media screen and (min-width: 768px) {
.collections-show .collection-view-selectors {
margin: 0 auto;
margin-bottom: 10px;
width:12%
}
.collections-show .collection-view-selectors:before, .collections-show .collection-view-selectors:after {
content: "";
display:table
}
.collections-show .collection-view-selectors:after {
clear:both
}
.collections-show .collection-view-selectors {
* zoom:1
}
.collections-show .collection-view-selectors img {
cursor: pointer;
display: block;
height: 35px;
opacity: .5;
width:60px
}
.collections-show .collection-view-selectors img.list-btn {
float:right
}
.collections-show .collection-view-selectors img.grid-btn {
float:left
}
.collections-show .collection-view-selectors img.active {
opacity:1
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.collections-show .collection-view-selectors {
width:20%
}
}
body.contact {
background-color:#EAE9E7
}
@media screen and (min-width: 768px) {
body.contact {
background-color:#EAE9E7
}
}
body.contact p {
margin:0
}
@media screen and (min-width: 768px) {
body.contact .contact-header-wrapper {
display: flex;
justify-content:space-evenly
}
}
h1.contact-headline {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #222222;
font-size: 2.625em;
text-align:center
}
@media screen and (min-width: 768px) {
h1.contact-headline {
font-size: 5em;
margin-bottom: 20px;
line-height:normal
}
}
h2.contact-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
h2.contact-header {
margin: 0;
text-align:left
}
}
p.address-name {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size:1.125em
}
p.address-line {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #555555;
font-size: 0.75em;
line-height:18px
}
p.address-line.by-appointment {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
margin-top:4px
}
a.address-phone {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #555555;
font-size: 0.75em;
letter-spacing: 1px;
line-height: 26px;
text-decoration:none
}
a.flagship-email {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #555555;
font-size: 0.75em;
letter-spacing: 1px;
line-height: 26px;
margin-bottom: 14px;
text-decoration:none
}
p.flagship-fax {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #555555;
font-size: 0.75em;
line-height: 26px;
margin-bottom:14px
}
.address-header {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #666666;
font-size: 0.75em;
letter-spacing: 1.38px;
line-height: 20px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.address-header {
margin-bottom:10px
}
}
.address-wrapper {
margin-bottom: 42px;
text-align:center
}
.address-wrapper:last-of-type {
margin-bottom:0
}
.address-wrapper .mailing-address-wrapper {
margin-bottom:32px
}
section.main.contact {
background-color:#D7D3CF
}
section.main.contact .flagship-showroom {
background-color: #D7D3CF;
margin: 0 auto 85px;
text-align: center;
width:90%
}
section.main.contact .flagship-showroom.mobile-only h2.contact-header {
line-height:38px
}
section.main.contact .flagship-showroom.desktop-only {
text-align: left;
width:70%
}
section.main.contact .flagship-showroom.desktop-only:before, section.main.contact .flagship-showroom.desktop-only:after {
content: "";
display:table
}
section.main.contact .flagship-showroom.desktop-only:after {
clear:both
}
section.main.contact .flagship-showroom.desktop-only {
* zoom:1
}
section.main.contact .flagship-showroom.desktop-only .flagship-showroom-left {
float: left;
margin-right: 15%;
width: 51%;
padding-top:5px
}
@media screen and (min-width: 1400px) {
section.main.contact .flagship-showroom.desktop-only .flagship-showroom-left {
margin-right:26%
}
}
section.main.contact .flagship-showroom.desktop-only .address-wrapper {
text-align:left
}
section.main.contact .flagship-showroom.desktop-only .get-in-touch-wrapper {
float:left
}
@media (min-width: 1024px) {
section.main.contact .flagship-showroom.desktop-only .get-in-touch-wrapper {
padding-left:16px
}
}
section.main.contact .flagship-showroom.desktop-only .get-in-touch-wrapper .get-in-touch-main {
margin-bottom:10px
}
@media screen and (min-width: 768px) {
section.main.contact .flagship-showroom.desktop-only .get-in-touch-wrapper .get-in-touch-main {
padding-top:9px
}
}
section.main.contact p.flagship-content {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
letter-spacing: .5px;
line-height: 24px;
margin-bottom:43px
}
section.representative-showrooms {
background-color: #EAE9E7;
text-align:center
}
@media (min-width: 1024px) {
section.representative-showrooms {
margin: 0 auto;
text-align: left;
width:70%
}
section.representative-showrooms:before, section.representative-showrooms:after {
content: "";
display:table
}
section.representative-showrooms:after {
clear:both
}
section.representative-showrooms {
* zoom:1
}
}
section.representative-showrooms .contact-header {
margin-top:0
}
@media (min-width: 1024px) {
section.representative-showrooms .contact-header {
margin-bottom: 20px;
text-align:center
}
}
@media (min-width: 1024px) {
section.representative-showrooms .addresses-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin:0 auto
}
}
@media (min-width: 1024px) {
section.representative-showrooms .address-wrapper {
align-items: flex-start;
border-left: 1px solid #d8d8d8;
display: flex;
justify-content: center;
text-align: left;
width: 25%;
margin-bottom:60px
}
section.representative-showrooms .address-wrapper:first-of-type {
border-left: none;
padding-left:0
}
}
section.representative-showrooms .address-wrapper-centerer {
padding: 0 5%;
width:90%
}
section.representative-showrooms .address-dash {
line-height:normal
}
section.main.faq {
background-color: #EAE9E7;
padding-top:65px
}
@media screen and (min-width: 768px) {
section.main.faq {
padding-top: 0;
margin:auto
}
}
section.main.faq .contact-image-wrapper {
background-color: #EAE9E7;
margin: 0 auto 56px;
width:92.5%
}
@media screen and (min-width: 768px) {
section.main.faq .contact-image-wrapper {
margin-bottom: 30px;
width:auto
}
}
section.main.faq .contact-image-wrapper .contact-image {
width:100%
}
section.main.faq .faqs-wrapper {
margin: 0 auto 2em;
width:87.5%
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper {
position: relative;
width:90%
}
section.main.faq .faqs-wrapper:before, section.main.faq .faqs-wrapper:after {
content: "";
display:table
}
section.main.faq .faqs-wrapper:after {
clear:both
}
section.main.faq .faqs-wrapper {
* zoom:1
}
}
section.main.faq .faqs-wrapper.mobile-only h2.contact-header {
line-height:38px
}
section.main.faq .faqs-wrapper.mobile-only ul {
padding-left: 10px;
margin-top:0px
}
section.main.faq .faqs-wrapper ul {
padding-left:14px
}
section.main.faq .faqs-wrapper ul li {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 13px;
line-height: 21px;
margin-top: 0;
letter-spacing:1.4px
}
section.main.faq .faqs-wrapper .faqs-nav {
float: left;
width:37%
}
section.main.faq .faqs-wrapper .faqs-nav.fixed {
margin-right: 0;
position: fixed;
top: 0;
width: 32%;
z-index:99
}
section.main.faq .faqs-wrapper .faqs-nav.anchored {
position: absolute;
bottom: 0;
top:auto
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faqs-nav ul {
margin-top:35px
}
}
section.main.faq .faqs-wrapper .faqs-nav li {
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
margin-bottom:18px
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faqs-nav li {
max-width:395px
}
}
section.main.faq .faqs-wrapper .faqs-nav a {
text-decoration:none
}
section.main.faq .faqs-wrapper a {
text-transform:none
}
section.main.faq .faqs-wrapper a.flagship-email {
font-size: inherit;
font-family: inherit;
color:inherit
}
section.main.faq .faqs-wrapper a.flagship-email:hover {
color:black
}
section.main.faq .faqs-wrapper .contact-header {
line-height:normal
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .contact-header {
line-height: 30px;
text-align:left
}
}
section.main.faq .faqs-wrapper .faq-subheader {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.875em;
line-height: 22px;
margin-bottom:29px
}
section.main.faq .faqs-wrapper .faq-terms-link {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size:0.875em
}
section.main.faq .faqs-wrapper .faqs-header-wrapper {
border-bottom: 1px solid #d8d8d8;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faqs-header-wrapper .contact-header {
margin-bottom: 8px;
text-align:center
}
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faq-question-wrapper {
border-left: 1px solid #d8d8d8;
float: right;
padding-top: 25px;
padding-left: 30px;
width:61%
}
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faq-question-wrapper.lead-time .faq-answer {
margin-bottom:16px
}
}
section.main.faq .faqs-wrapper .faq-question-wrapper.lead-time .faq-answer span {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style:normal
}
section.main.faq .faqs-wrapper #how-long {
padding-top:35px
}
section.main.faq .faqs-wrapper .faq-question-name {
color: #4A494C;
font-size: 0.6875em;
letter-spacing: 1px;
line-height: 22px;
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
margin-bottom: 16px;
text-transform:uppercase
}
section.main.faq .faqs-wrapper .faq-question {
color: #4A494C;
font-size: 0.6875em;
line-height: 16px;
margin-bottom: 6px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faq-question {
margin-bottom:12px
}
}
section.main.faq .faqs-wrapper .faq-answer {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.8125em;
line-height: 21px;
margin-bottom: 28px;
margin-top:0
}
@media screen and (min-width: 768px) {
section.main.faq .faqs-wrapper .faq-answer {
margin-bottom:10px
}
}
.cta {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform:uppercase
}
.cta.cta-small {
font-size: 10px;
margin-top:10px
}
.cta.cta-button {
background-color: #BD965F;
transition: background 250ms ease-in-out;
color: #333333;
padding: 10px;
letter-spacing: 0.91px;
font-size: 10px;
display: block;
letter-spacing:.2em
}
.cta.cta-button a {
text-decoration:none
}
.cta.cta-button.cta-inverse {
color:white
}
.cta.cta-button.cta-danger {
background-color: #9C3623;
color:#F4F4F4
}
.cta.cta-button:hover {
background: #CBC4B6;
transition: background 250ms ease-in-out;
color:#333333
}
.cta.cta-button.cta-outline {
background-color: transparent;
color: #B78452;
border:2px solid #B78452
}
.cta.cta-right {
float:right
}
.cta.cta-link.cta-danger {
margin-top: 20px;
color:#9C3623
}
.cta-group.cta-group-split {
height:50px
}
.cta-group.cta-group-split a:first-of-type {
float:left
}
.cta-group.cta-group-split a:last-of-type {
float:right
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.select2-container {
margin-bottom:1em
}
.select2-container .select2-selection--single {
height: 55px;
outline:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #BD965F transparent;
border-width:0 6px 8px 6px
}
.select2-container--default .select2-selection--single {
border-radius: 0;
background-color: #F4F4F4;
border: 1px solid #999999;
color: #4A494C;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding:0.8125em
}
@media screen and (min-width: 768px) {
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding:0.8125em 1.0625em
}
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 12px;
right:21px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #BD965F transparent transparent transparent;
border-width:8px 6px 0 6px
}
.select2-container--default .select2-results__option {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #BD965F;
color:#F4F4F4
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #E1E0DD;
color:#4A494C
}
.select2-dropdown {
background-color: #F4F4F4;
border:1px solid #999999
}
.trim-form, .col-form, .com-form, .fabric-request-form-container {
background-color: #EAEAE8;
margin:0 auto
}
.trim-form header, .col-form header, .com-form header, .fabric-request-form-container header {
padding: 6.75em 1.5em 2.5em;
border-bottom:1px solid #999999
}
@media screen and (min-width: 768px) {
.trim-form header, .col-form header, .com-form header, .fabric-request-form-container header {
padding:7.75em 3.75em 1em
}
}
@media (min-width: 1024px) {
.trim-form header, .col-form header, .com-form header, .fabric-request-form-container header {
padding:7.75em 6.75em 1em
}
}
.trim-form header h1, .col-form header h1, .com-form header h1, .fabric-request-form-container header h1 {
color: #454348;
line-height: initial;
margin: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:2.3125em
}
@media screen and (min-width: 768px) {
.trim-form header h1, .col-form header h1, .com-form header h1, .fabric-request-form-container header h1 {
font-size: 2.625em;
margin:0 auto
}
}
.trim-form header h1 .project-name, .col-form header h1 .project-name, .com-form header h1 .project-name, .fabric-request-form-container header h1 .project-name {
display:none
}
@media screen and (min-width: 768px) {
.trim-form header h1 .project-name, .col-form header h1 .project-name, .com-form header h1 .project-name, .fabric-request-form-container header h1 .project-name {
display:inline
}
}
.trim-form header .breadcrumbs, .col-form header .breadcrumbs, .com-form header .breadcrumbs, .fabric-request-form-container header .breadcrumbs {
background: url(/assets/small-arrow-left-6e237713a8c254a04e2cc78ccb07e1e46b630b81cc8ace2a1f16bf55209dd11a.svg) left center no-repeat;
color: #333333;
margin: 0 0 1.625em;
padding-left:1.5em
}
@media screen and (min-width: 768px) {
.trim-form header .breadcrumbs, .col-form header .breadcrumbs, .com-form header .breadcrumbs, .fabric-request-form-container header .breadcrumbs {
margin:0 auto 2.5em
}
}
.trim-form header .breadcrumbs a, .col-form header .breadcrumbs a, .com-form header .breadcrumbs a, .fabric-request-form-container header .breadcrumbs a {
font-size: 0.75em;
text-decoration:none
}
.trim-form form, .col-form form, .com-form form, .fabric-request-form-container form {
background-color: #E5E4E1;
margin-top: 2em;
padding: 0 1em 3em;
position:relative
}
@media screen and (min-width: 768px) {
.trim-form form, .col-form form, .com-form form, .fabric-request-form-container form {
margin: 0 auto;
padding:2.75em 3.75em 5em
}
}
.trim-form ul, .col-form ul, .com-form ul, .fabric-request-form-container ul {
margin: 0 0 1em;
padding:0 0 0 1.25em
}
.trim-form ul li, .col-form ul li, .com-form ul li, .fabric-request-form-container ul li {
color: #4A494C;
letter-spacing: 0.0357142857em;
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
line-height: 1.2857142857em;
margin-bottom: 1em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
@media screen and (min-width: 768px) {
.trim-form ul li, .col-form ul li, .com-form ul li, .fabric-request-form-container ul li {
font-size: 1em;
letter-spacing: 0.0275em;
line-height:1.4375em
}
}
.trim-form ul li .eyebrow, .col-form ul li .eyebrow, .com-form ul li .eyebrow, .fabric-request-form-container ul li .eyebrow {
letter-spacing: 0.0714285714em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.7125em
}
@media screen and (min-width: 768px) {
.trim-form ul li .eyebrow, .col-form ul li .eyebrow, .com-form ul li .eyebrow, .fabric-request-form-container ul li .eyebrow {
font-size:0.785em
}
}
.trim-form fieldset, .col-form fieldset, .com-form fieldset, .fabric-request-form-container fieldset {
background-color: rgba(239, 239, 237, 0.6);
border: 0;
margin: 0 0 2em 0;
padding:0
}
@media (min-width: 1024px) {
.trim-form fieldset, .col-form fieldset, .com-form fieldset, .fabric-request-form-container fieldset {
width:63.5%
}
}
.trim-form fieldset > .inner, .col-form fieldset > .inner, .com-form fieldset > .inner, .fabric-request-form-container fieldset > .inner {
padding:1.125em 1.25em 1em
}
@media screen and (min-width: 768px) {
.trim-form fieldset > .inner, .col-form fieldset > .inner, .com-form fieldset > .inner, .fabric-request-form-container fieldset > .inner {
padding:2em 1.75em 1em
}
}
@media (min-width: 1024px) {
.trim-form .form-footer, .col-form .form-footer, .com-form .form-footer, .fabric-request-form-container .form-footer {
align-items: center;
display: flex;
width:63.5%
}
.trim-form .form-footer .checkbox-wrapper, .col-form .form-footer .checkbox-wrapper, .com-form .form-footer .checkbox-wrapper, .fabric-request-form-container .form-footer .checkbox-wrapper {
flex: 0 1 auto;
margin:0 1em 0 0
}
.trim-form .form-footer .checkbox-wrapper label, .col-form .form-footer .checkbox-wrapper label, .com-form .form-footer .checkbox-wrapper label, .fabric-request-form-container .form-footer .checkbox-wrapper label {
margin:0
}
.trim-form .form-footer .button-primary, .col-form .form-footer .button-primary, .com-form .form-footer .button-primary, .fabric-request-form-container .form-footer .button-primary {
flex: 0 1 218px;
text-transform:uppercase
}
}
.trim-form label, .trim-form .btn-label, .col-form label, .col-form .btn-label, .com-form label, .com-form .btn-label, .fabric-request-form-container label, .fabric-request-form-container .btn-label {
color: #333333;
display: block;
font-size: 0.6875em;
letter-spacing: 0.09em;
line-height: 1.4em;
margin: 0 0 1em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.trim-form label .sub-text, .trim-form .btn-label .sub-text, .col-form label .sub-text, .col-form .btn-label .sub-text, .com-form label .sub-text, .com-form .btn-label .sub-text, .fabric-request-form-container label .sub-text, .fabric-request-form-container .btn-label .sub-text {
text-transform:initial
}
.trim-form .two-column-radio-btns-wrapper, .trim-form .three-column-radio-btns-wrapper, .col-form .two-column-radio-btns-wrapper, .col-form .three-column-radio-btns-wrapper, .com-form .two-column-radio-btns-wrapper, .com-form .three-column-radio-btns-wrapper, .fabric-request-form-container .two-column-radio-btns-wrapper, .fabric-request-form-container .three-column-radio-btns-wrapper {
margin-bottom:1em
}
.trim-form .two-column-radio-btns-wrapper:before, .trim-form .two-column-radio-btns-wrapper:after, .trim-form .three-column-radio-btns-wrapper:before, .trim-form .three-column-radio-btns-wrapper:after, .col-form .two-column-radio-btns-wrapper:before, .col-form .two-column-radio-btns-wrapper:after, .col-form .three-column-radio-btns-wrapper:before, .col-form .three-column-radio-btns-wrapper:after, .com-form .two-column-radio-btns-wrapper:before, .com-form .two-column-radio-btns-wrapper:after, .com-form .three-column-radio-btns-wrapper:before, .com-form .three-column-radio-btns-wrapper:after, .fabric-request-form-container .two-column-radio-btns-wrapper:before, .fabric-request-form-container .two-column-radio-btns-wrapper:after, .fabric-request-form-container .three-column-radio-btns-wrapper:before, .fabric-request-form-container .three-column-radio-btns-wrapper:after {
content: "";
display:table
}
.trim-form .two-column-radio-btns-wrapper:after, .trim-form .three-column-radio-btns-wrapper:after, .col-form .two-column-radio-btns-wrapper:after, .col-form .three-column-radio-btns-wrapper:after, .com-form .two-column-radio-btns-wrapper:after, .com-form .three-column-radio-btns-wrapper:after, .fabric-request-form-container .two-column-radio-btns-wrapper:after, .fabric-request-form-container .three-column-radio-btns-wrapper:after {
clear:both
}
.trim-form .two-column-radio-btns-wrapper, .trim-form .three-column-radio-btns-wrapper, .col-form .two-column-radio-btns-wrapper, .col-form .three-column-radio-btns-wrapper, .com-form .two-column-radio-btns-wrapper, .com-form .three-column-radio-btns-wrapper, .fabric-request-form-container .two-column-radio-btns-wrapper, .fabric-request-form-container .three-column-radio-btns-wrapper {
* zoom:1
}
.trim-form .two-column-radio-btns-wrapper > div, .trim-form .three-column-radio-btns-wrapper > div, .col-form .two-column-radio-btns-wrapper > div, .col-form .three-column-radio-btns-wrapper > div, .com-form .two-column-radio-btns-wrapper > div, .com-form .three-column-radio-btns-wrapper > div, .fabric-request-form-container .two-column-radio-btns-wrapper > div, .fabric-request-form-container .three-column-radio-btns-wrapper > div {
cursor: pointer;
float: left;
margin-right: 4%;
position:relative
}
.trim-form .two-column-radio-btns-wrapper label, .trim-form .three-column-radio-btns-wrapper label, .col-form .two-column-radio-btns-wrapper label, .col-form .three-column-radio-btns-wrapper label, .com-form .two-column-radio-btns-wrapper label, .com-form .three-column-radio-btns-wrapper label, .fabric-request-form-container .two-column-radio-btns-wrapper label, .fabric-request-form-container .three-column-radio-btns-wrapper label {
text-transform: initial
}
.trim-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked), .trim-form .two-column-radio-btns-wrapper [type="radio"]:checked, .trim-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked), .trim-form .three-column-radio-btns-wrapper [type="radio"]:checked, .col-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked), .col-form .two-column-radio-btns-wrapper [type="radio"]:checked, .col-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked), .col-form .three-column-radio-btns-wrapper [type="radio"]:checked, .com-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked), .com-form .two-column-radio-btns-wrapper [type="radio"]:checked, .com-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked), .com-form .three-column-radio-btns-wrapper [type="radio"]:checked, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:not(:checked), .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:checked, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:not(:checked), .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:checked {
left: 0;
height: 100%;
position: absolute;
width: 100%;
opacity: 0;
filter: alpha(opacity=0)
}
.trim-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .trim-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:checked + label {
align-items: center;
display: flex;
height: 4.5em;
justify-content: center;
width:100%
}
@media screen and (min-width: 768px) {
.trim-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .trim-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:checked + label {
height: 5.75em;
margin-bottom: 0
}
}
.trim-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:not(:checked) + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:not(:checked) + label {
background-color: #F4F4F4;
border: 1px solid #999999
}
.trim-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:checked + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:checked + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:checked + label {
background-color: #F4F4F4;
border: 1px solid #BD965F
}
.trim-form .two-column-radio-btns-wrapper [type="radio"]:disabled + label, .trim-form .three-column-radio-btns-wrapper [type="radio"]:disabled + label, .col-form .two-column-radio-btns-wrapper [type="radio"]:disabled + label, .col-form .three-column-radio-btns-wrapper [type="radio"]:disabled + label, .com-form .two-column-radio-btns-wrapper [type="radio"]:disabled + label, .com-form .three-column-radio-btns-wrapper [type="radio"]:disabled + label, .fabric-request-form-container .two-column-radio-btns-wrapper [type="radio"]:disabled + label, .fabric-request-form-container .three-column-radio-btns-wrapper [type="radio"]:disabled + label {
opacity: 0.5;
filter:alpha(opacity=50)
}
@media screen and (min-width: 768px) {
.trim-form .three-column-radio-btns-wrapper, .col-form .three-column-radio-btns-wrapper, .com-form .three-column-radio-btns-wrapper, .fabric-request-form-container .three-column-radio-btns-wrapper {
width:100%
}
}
.trim-form .three-column-radio-btns-wrapper > div, .col-form .three-column-radio-btns-wrapper > div, .com-form .three-column-radio-btns-wrapper > div, .fabric-request-form-container .three-column-radio-btns-wrapper > div {
width:30%
}
.trim-form .three-column-radio-btns-wrapper > div:nth-of-type(3), .col-form .three-column-radio-btns-wrapper > div:nth-of-type(3), .com-form .three-column-radio-btns-wrapper > div:nth-of-type(3), .fabric-request-form-container .three-column-radio-btns-wrapper > div:nth-of-type(3) {
margin-right:0
}
@media screen and (min-width: 768px) {
.trim-form .two-column-radio-btns-wrapper, .col-form .two-column-radio-btns-wrapper, .com-form .two-column-radio-btns-wrapper, .fabric-request-form-container .two-column-radio-btns-wrapper {
width:56.5%
}
}
.trim-form .two-column-radio-btns-wrapper > div, .col-form .two-column-radio-btns-wrapper > div, .com-form .two-column-radio-btns-wrapper > div, .fabric-request-form-container .two-column-radio-btns-wrapper > div {
width:48%
}
.trim-form .two-column-radio-btns-wrapper > div:nth-of-type(even), .col-form .two-column-radio-btns-wrapper > div:nth-of-type(even), .com-form .two-column-radio-btns-wrapper > div:nth-of-type(even), .fabric-request-form-container .two-column-radio-btns-wrapper > div:nth-of-type(even) {
margin-right:0
}
@media screen and (min-width: 768px) {
.trim-form .two-column, .col-form .two-column, .com-form .two-column, .fabric-request-form-container .two-column {
display: flex;
align-items: center;
flex-wrap:wrap
}
.trim-form .two-column.partial-application-field, .col-form .two-column.partial-application-field, .com-form .two-column.partial-application-field, .fabric-request-form-container .two-column.partial-application-field {
display:none
}
.trim-form .two-column.partial-application-field.active, .col-form .two-column.partial-application-field.active, .com-form .two-column.partial-application-field.active, .fabric-request-form-container .two-column.partial-application-field.active {
display:flex
}
}
@media screen and (min-width: 768px) {
.trim-form .two-column > label, .trim-form .two-column > .btn-label, .col-form .two-column > label, .col-form .two-column > .btn-label, .com-form .two-column > label, .com-form .two-column > .btn-label, .fabric-request-form-container .two-column > label, .fabric-request-form-container .two-column > .btn-label {
padding-right: 1%;
width:43%
}
}
.trim-form .two-column > input, .trim-form .two-column > select, .trim-form .two-column > textarea, .trim-form .two-column > .yardage-notice, .col-form .two-column > input, .col-form .two-column > select, .col-form .two-column > textarea, .col-form .two-column > .yardage-notice, .com-form .two-column > input, .com-form .two-column > select, .com-form .two-column > textarea, .com-form .two-column > .yardage-notice, .fabric-request-form-container .two-column > input, .fabric-request-form-container .two-column > select, .fabric-request-form-container .two-column > textarea, .fabric-request-form-container .two-column > .yardage-notice {
display: block;
margin-bottom: 1em;
width:100%
}
@media screen and (min-width: 768px) {
.trim-form .two-column > input, .trim-form .two-column > select, .trim-form .two-column > textarea, .trim-form .two-column > .yardage-notice, .col-form .two-column > input, .col-form .two-column > select, .col-form .two-column > textarea, .col-form .two-column > .yardage-notice, .com-form .two-column > input, .com-form .two-column > select, .com-form .two-column > textarea, .com-form .two-column > .yardage-notice, .fabric-request-form-container .two-column > input, .fabric-request-form-container .two-column > select, .fabric-request-form-container .two-column > textarea, .fabric-request-form-container .two-column > .yardage-notice {
margin-bottom: 1.25em;
width:56.5%
}
}
.trim-form .two-column .yardage-notice, .col-form .two-column .yardage-notice, .com-form .two-column .yardage-notice, .fabric-request-form-container .two-column .yardage-notice {
color: #333333;
display: block;
font-size: 0.6875em;
letter-spacing: 0.09em;
line-height: 1.4em;
margin: 0 0 1em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.trim-form .two-column .select2-container, .col-form .two-column .select2-container, .com-form .two-column .select2-container, .fabric-request-form-container .two-column .select2-container {
width:56.5% !important
}
}
.trim-form .two-column.fabric-repeat-section, .col-form .two-column.fabric-repeat-section, .com-form .two-column.fabric-repeat-section, .fabric-request-form-container .two-column.fabric-repeat-section {
display:none
}
.trim-form .two-column #yardage-notice, .col-form .two-column #yardage-notice, .com-form .two-column #yardage-notice, .fabric-request-form-container .two-column #yardage-notice {
display: none
}
.trim-form .radio-btn-image [type="radio"]:not(:checked) + label, .trim-form .radio-btn-image [type="radio"]:checked + label, .col-form .radio-btn-image [type="radio"]:not(:checked) + label, .col-form .radio-btn-image [type="radio"]:checked + label, .com-form .radio-btn-image [type="radio"]:not(:checked) + label, .com-form .radio-btn-image [type="radio"]:checked + label, .fabric-request-form-container .radio-btn-image [type="radio"]:not(:checked) + label, .fabric-request-form-container .radio-btn-image [type="radio"]:checked + label {
align-items: flex-end;
height: 15em;
padding-bottom:1.625em
}
@media screen and (min-width: 768px) {
.trim-form .radio-btn-image [type="radio"]:not(:checked) + label, .trim-form .radio-btn-image [type="radio"]:checked + label, .col-form .radio-btn-image [type="radio"]:not(:checked) + label, .col-form .radio-btn-image [type="radio"]:checked + label, .com-form .radio-btn-image [type="radio"]:not(:checked) + label, .com-form .radio-btn-image [type="radio"]:checked + label, .fabric-request-form-container .radio-btn-image [type="radio"]:not(:checked) + label, .fabric-request-form-container .radio-btn-image [type="radio"]:checked + label {
height: 21em
}
}
.trim-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .trim-form .radio-btn-image [type="radio"]:checked + label:before, .col-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .col-form .radio-btn-image [type="radio"]:checked + label:before, .com-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .com-form .radio-btn-image [type="radio"]:checked + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:not(:checked) + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:checked + label:before {
background-size: 130px;
background-position: 50% 1em;
background-repeat: no-repeat;
content: "";
left: 0;
height: 10.5em;
position: absolute;
top: 0;
width:100%
}
@media screen and (min-width: 768px) {
.trim-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .trim-form .radio-btn-image [type="radio"]:checked + label:before, .col-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .col-form .radio-btn-image [type="radio"]:checked + label:before, .com-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .com-form .radio-btn-image [type="radio"]:checked + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:not(:checked) + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:checked + label:before {
background-size: 185px;
background-position: 50% 2.5em;
height: 16.25em
}
}
.trim-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .col-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .com-form .radio-btn-image [type="radio"]:not(:checked) + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:not(:checked) + label:before {
border-bottom: 1px solid #999999
}
.trim-form .radio-btn-image [type="radio"]:checked + label:before, .col-form .radio-btn-image [type="radio"]:checked + label:before, .com-form .radio-btn-image [type="radio"]:checked + label:before, .fabric-request-form-container .radio-btn-image [type="radio"]:checked + label:before {
border-bottom: 1px solid #BD965F
}
.trim-form .radio-btn-image.upholstery-application-railroad [type="radio"]:not(:checked) + label:before, .trim-form .radio-btn-image.upholstery-application-railroad [type="radio"]:checked + label:before, .col-form .radio-btn-image.upholstery-application-railroad [type="radio"]:not(:checked) + label:before, .col-form .radio-btn-image.upholstery-application-railroad [type="radio"]:checked + label:before, .com-form .radio-btn-image.upholstery-application-railroad [type="radio"]:not(:checked) + label:before, .com-form .radio-btn-image.upholstery-application-railroad [type="radio"]:checked + label:before, .fabric-request-form-container .radio-btn-image.upholstery-application-railroad [type="radio"]:not(:checked) + label:before, .fabric-request-form-container .radio-btn-image.upholstery-application-railroad [type="radio"]:checked + label:before {
background-image:url(/assets/com-railroad-f2d683ca11fa65d67f856227c2c4ef97333afb11978e0e326d23d8b3d3dde727.svg)
}
.trim-form .radio-btn-image.upholstery-application-railroad .thumbnail-radio-button, .col-form .radio-btn-image.upholstery-application-railroad .thumbnail-radio-button, .com-form .radio-btn-image.upholstery-application-railroad .thumbnail-radio-button, .fabric-request-form-container .radio-btn-image.upholstery-application-railroad .thumbnail-radio-button {
z-index: 10
}
.trim-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:not(:checked) + label:before, .trim-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:checked + label:before, .col-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:not(:checked) + label:before, .col-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:checked + label:before, .com-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:not(:checked) + label:before, .com-form .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:checked + label:before, .fabric-request-form-container .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:not(:checked) + label:before, .fabric-request-form-container .radio-btn-image.upholstery-application-off-the-bolt [type="radio"]:checked + label:before {
background-image:url(/assets/com-off-the-bolt-4f3f8c272d1526c391a3eb8523596f05483e71823fa363d0ddb4970264e20df0.svg)
}
.trim-form .radio-btn-image.upholstery-application-off-the-bolt .thumbnail-radio-button, .col-form .radio-btn-image.upholstery-application-off-the-bolt .thumbnail-radio-button, .com-form .radio-btn-image.upholstery-application-off-the-bolt .thumbnail-radio-button, .fabric-request-form-container .radio-btn-image.upholstery-application-off-the-bolt .thumbnail-radio-button {
z-index:10
}
.trim-form .radio-btn-image.upholstery-application-dco-can-choose .thumbnail-radio-button, .col-form .radio-btn-image.upholstery-application-dco-can-choose .thumbnail-radio-button, .com-form .radio-btn-image.upholstery-application-dco-can-choose .thumbnail-radio-button, .fabric-request-form-container .radio-btn-image.upholstery-application-dco-can-choose .thumbnail-radio-button {
z-index:10
}
.trim-form input[type=text], .trim-form textarea, .col-form input[type=text], .col-form textarea, .com-form input[type=text], .com-form textarea, .fabric-request-form-container input[type=text], .fabric-request-form-container textarea {
background-color: #F4F4F4;
border: 1px solid #999999;
color: #4A494C;
outline: 0;
padding: 0.8125em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
@media screen and (min-width: 768px) {
.trim-form input[type=text], .trim-form textarea, .col-form input[type=text], .col-form textarea, .com-form input[type=text], .com-form textarea, .fabric-request-form-container input[type=text], .fabric-request-form-container textarea {
padding:1.0625em
}
}
.trim-form input[type=text].repeat-measurement-input, .trim-form textarea.repeat-measurement-input, .col-form input[type=text].repeat-measurement-input, .col-form textarea.repeat-measurement-input, .com-form input[type=text].repeat-measurement-input, .com-form textarea.repeat-measurement-input, .fabric-request-form-container input[type=text].repeat-measurement-input, .fabric-request-form-container textarea.repeat-measurement-input {
width:100%
}
.trim-form input[type=text].repeat-measurement-input > div, .trim-form textarea.repeat-measurement-input > div, .col-form input[type=text].repeat-measurement-input > div, .col-form textarea.repeat-measurement-input > div, .com-form input[type=text].repeat-measurement-input > div, .com-form textarea.repeat-measurement-input > div, .fabric-request-form-container input[type=text].repeat-measurement-input > div, .fabric-request-form-container textarea.repeat-measurement-input > div {
cursor: pointer;
float: left;
margin-right: 4%;
position: relative;
width:48%
}
.trim-form input[type=text].repeat-measurement-input > div:nth-of-type(even), .trim-form textarea.repeat-measurement-input > div:nth-of-type(even), .col-form input[type=text].repeat-measurement-input > div:nth-of-type(even), .col-form textarea.repeat-measurement-input > div:nth-of-type(even), .com-form input[type=text].repeat-measurement-input > div:nth-of-type(even), .com-form textarea.repeat-measurement-input > div:nth-of-type(even), .fabric-request-form-container input[type=text].repeat-measurement-input > div:nth-of-type(even), .fabric-request-form-container textarea.repeat-measurement-input > div:nth-of-type(even) {
margin-right:0
}
.trim-form .button-primary, .col-form .button-primary, .com-form .button-primary, .fabric-request-form-container .button-primary {
background-color: #BD965F;
border: none;
padding: 1em;
width:100%
}
.trim-form .error-message, .col-form .error-message, .com-form .error-message, .fabric-request-form-container .error-message {
color: #E41A03;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1.125em
}
.trim-form .project-info-wrapper, .col-form .project-info-wrapper, .com-form .project-info-wrapper, .fabric-request-form-container .project-info-wrapper {
background-color: #F4F4F4;
padding:0.25em 1.25em
}
@media screen and (min-width: 768px) {
.trim-form .project-info-wrapper, .col-form .project-info-wrapper, .com-form .project-info-wrapper, .fabric-request-form-container .project-info-wrapper {
padding:0.9375em 1.75em 0.2875em
}
}
.trim-form .project-info-wrapper h2, .col-form .project-info-wrapper h2, .com-form .project-info-wrapper h2, .fabric-request-form-container .project-info-wrapper h2 {
color: #454348;
margin: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.25em
}
@media screen and (min-width: 768px) {
.trim-form .project-info-wrapper h2, .col-form .project-info-wrapper h2, .com-form .project-info-wrapper h2, .fabric-request-form-container .project-info-wrapper h2 {
font-size:1.5em
}
}
.trim-form .project-info-wrapper h2 .project-name, .col-form .project-info-wrapper h2 .project-name, .com-form .project-info-wrapper h2 .project-name, .fabric-request-form-container .project-info-wrapper h2 .project-name {
display:none
}
@media screen and (min-width: 768px) {
.trim-form .project-info-wrapper h2 .project-name, .col-form .project-info-wrapper h2 .project-name, .com-form .project-info-wrapper h2 .project-name, .fabric-request-form-container .project-info-wrapper h2 .project-name {
display:inline
}
}
.trim-form .project-info-wrapper p, .col-form .project-info-wrapper p, .com-form .project-info-wrapper p, .fabric-request-form-container .project-info-wrapper p {
letter-spacing: 0.04em;
line-height: initial;
margin: 0;
padding-top: 0.375em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
.trim-form .upload-wrapper, .col-form .upload-wrapper, .com-form .upload-wrapper, .fabric-request-form-container .upload-wrapper {
color: #333333;
margin-bottom:1em
}
.trim-form .upload-wrapper label, .col-form .upload-wrapper label, .com-form .upload-wrapper label, .fabric-request-form-container .upload-wrapper label {
margin:0
}
.trim-form .upload-wrapper input, .col-form .upload-wrapper input, .com-form .upload-wrapper input, .fabric-request-form-container .upload-wrapper input {
color: #333333;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.625em
}
.trim-form .upload-wrapper p, .col-form .upload-wrapper p, .com-form .upload-wrapper p, .fabric-request-form-container .upload-wrapper p {
letter-spacing: 0.0278571429em;
line-height: 1.5714285714em;
margin: 0 0 1em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
.trim-form .additionalNotes p, .col-form .additionalNotes p, .com-form .additionalNotes p, .fabric-request-form-container .additionalNotes p {
letter-spacing: 0.0278571429em;
line-height: 1.5714285714em;
margin: 0 0 1em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.875em
}
.trim-form .additionalNotes textarea, .col-form .additionalNotes textarea, .com-form .additionalNotes textarea, .fabric-request-form-container .additionalNotes textarea {
background-color: #F4F4F4;
border: 1px solid #999999;
height: 14.5em;
padding: 0.5em;
width: 100%;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.75em
}
.trim-form .additionalNotes textarea::-webkit-input-placeholder, .col-form .additionalNotes textarea::-webkit-input-placeholder, .com-form .additionalNotes textarea::-webkit-input-placeholder, .fabric-request-form-container .additionalNotes textarea::-webkit-input-placeholder {
color:rgba(0, 0, 0, 0.56)
}
.trim-form .additionalNotes textarea::-moz-placeholder, .col-form .additionalNotes textarea::-moz-placeholder, .com-form .additionalNotes textarea::-moz-placeholder, .fabric-request-form-container .additionalNotes textarea::-moz-placeholder {
color:rgba(0, 0, 0, 0.56)
}
.trim-form .additionalNotes textarea:-ms-input-placeholder, .col-form .additionalNotes textarea:-ms-input-placeholder, .com-form .additionalNotes textarea:-ms-input-placeholder, .fabric-request-form-container .additionalNotes textarea:-ms-input-placeholder {
color:rgba(0, 0, 0, 0.56)
}
.trim-form .additionalNotes textarea:-moz-placeholder, .col-form .additionalNotes textarea:-moz-placeholder, .com-form .additionalNotes textarea:-moz-placeholder, .fabric-request-form-container .additionalNotes textarea:-moz-placeholder {
color:rgba(0, 0, 0, 0.56)
}
.trim-form .notes, .col-form .notes, .com-form .notes, .fabric-request-form-container .notes {
margin-bottom:1em
}
@media screen and (min-width: 768px) {
.trim-form .notes, .col-form .notes, .com-form .notes, .fabric-request-form-container .notes {
padding-top:1em
}
}
.trim-form .notes p, .col-form .notes p, .com-form .notes p, .fabric-request-form-container .notes p {
color: #666;
letter-spacing: 0.05em;
line-height: initial;
margin: 0 0 0.5em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.75em
}
@media (min-width: 1024px) {
.trim-form .important-notes, .col-form .important-notes, .com-form .important-notes, .fabric-request-form-container .important-notes {
position: absolute;
right: 0;
top: 0;
width:33%
}
}
.trim-form .important-notes .inner, .col-form .important-notes .inner, .com-form .important-notes .inner, .fabric-request-form-container .important-notes .inner {
padding:0
}
.trim-form .important-notes .inner ul, .col-form .important-notes .inner ul, .com-form .important-notes .inner ul, .fabric-request-form-container .important-notes .inner ul {
padding:2em 1.75em 0 2.75em
}
.trim-form .important-notes .inner ul li, .col-form .important-notes .inner ul li, .com-form .important-notes .inner ul li, .fabric-request-form-container .important-notes .inner ul li {
margin-bottom:1.75em
}
.trim-form .important-notes .download-btn, .col-form .important-notes .download-btn, .com-form .important-notes .download-btn, .fabric-request-form-container .important-notes .download-btn {
background-color: #F4F4F4;
border: 1px solid #BD965F;
color: #4A494C;
display: none;
padding: 2em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.625em
}
.trim-form .important-notes .download-btn svg, .col-form .important-notes .download-btn svg, .com-form .important-notes .download-btn svg, .fabric-request-form-container .important-notes .download-btn svg {
margin:0 1em 0 0
}
@media screen and (min-width: 768px) {
.trim-form .important-notes .download-btn, .col-form .important-notes .download-btn, .com-form .important-notes .download-btn, .fabric-request-form-container .important-notes .download-btn {
display: flex;
align-items: center;
justify-content:center
}
}
.show-com-form {
margin-top: 2em;
padding:0 1em 1em
}
@media screen and (min-width: 768px) {
.show-com-form {
margin: 2.75em auto 0;
padding: 0 1em 1em;
width:85%
}
}
.show-com-form p {
margin:0 0 1em
}
.trim-form .field-error, .col-form .field-error, .com-form .field-error {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #E41A03;
font-size: 0.75em;
position: relative;
top:-17px
}
.com-form p.swatch-note, .col-form p.swatch-note, .trim-form p.swatch-note {
font-size: 0.75em;
position: relative;
top:-12px
}
@media screen and (min-width: 768px) {
.trim-form .two-column .field-error, .col-form .two-column .field-error, .com-form .two-column .field-error {
margin-left:43.5%
}
}
.com-form .two-column-radio-btns-wrapper .field-error {
margin-left:0
}
.col-form .inner .two-column.thickness {
margin-bottom: 40px;
position:relative
}
@media screen and (min-width: 768px) {
.col-form .inner .two-column.thickness .notes {
padding-top: 0;
position: absolute;
top:55%
}
.col-form .inner .two-column.thickness .notes p {
width: 43%
}
}
.trim-form input[type="text"].input-error, .trim-form textarea.input-error, .trim-form label.input-error, .col-form input[type="text"].input-error, .col-form textarea.input-error, .col-form label.input-error, .com-form input[type="text"].input-error, .com-form textarea.input-error, .com-form label.input-error {
border: 1px solid #E41A03 !important;
margin-bottom:1.25em !important
}
.trim-form p.error, .col-form p.error, .com-form p.error {
line-height: 1.5em;
margin-bottom:2.5em
}
div.child-com-note p {
color: #333333;
display: block;
font-size: 0.6875em;
letter-spacing: 0.09em;
line-height: 1.4em;
margin: 0 0 1em;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.default-page-layout {
margin-top: 130px;
min-height:100%
}
@media screen and (min-width: 768px) {
.default-page-layout {
margin-top:180px
}
}
.default-page-layout .default-page-content {
text-align: center;
padding:0 20px
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content {
padding:0
}
}
.default-page-layout .default-page-content h1 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
color: #4A494C;
line-height: 1.4em;
margin-bottom: 30px;
letter-spacing:0.57px
}
.default-page-layout .default-page-content p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: 0.75px;
line-height: 1.5em;
margin:0 0 20px 0
}
.default-page-layout .default-page-content p.desktop-only, .default-page-layout .default-page-content p.mobile-only {
margin-bottom:60px
}
.default-page-layout .default-page-content p a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
border-bottom: 2px solid #BD965F;
font-size: 0.875em;
text-decoration:none
}
.default-page-layout .default-page-content.films {
padding:0
}
.default-page-layout .default-page-content.films .intro-wrapper {
padding: 0 20px;
margin: 0 auto;
margin-bottom: 40px;
max-width:690px
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films .intro-wrapper {
padding: 0;
margin-bottom:90px
}
}
.default-page-layout .default-page-content.films p {
font-size: 1em;
line-height:1.5em
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films p {
font-size: 1.25em;
line-height:1.75em
}
}
.default-page-layout .default-page-content.films h1 {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
margin-top: 0;
color: #222222;
text-align:center
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films h1 {
line-height:normal
}
}
.default-page-layout .default-page-content.films h1.large-header {
font-size:2.625em
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films h1.large-header {
font-size:5em
}
}
.default-page-layout .default-page-content.films h1.small-header {
font-size:1.875em
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films h1.small-header {
font-size:2.625em
}
}
.default-page-layout .default-page-content.films h2.list-item-header {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
font-size: 22px;
text-align: center;
color:#222222
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films h2.list-item-header {
font-size: 34px;
line-height:normal
}
}
.default-page-layout .default-page-content.films .general-video-wrapper {
margin: 20px 0 0 0;
padding:0
}
@media screen and (min-width: 768px) {
.default-page-layout .default-page-content.films .general-video-wrapper {
margin:60px 0 0 0
}
}
.default-page-layout .default-page-content.films .general-video-wrapper .video-js.light-button .vjs-big-play-button:before {
color:#e4e5e0
}
.collection-header {
text-align:center
}
@media screen and (min-width: 768px) {
.collection-header {
margin-bottom:20px
}
}
.collection-header h3 {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #333333;
font-size: 1.25em;
line-height: 20px;
margin: auto;
width:75%
}
.collection-header p {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.75em;
line-height:36px
}
@media screen and (min-width: 768px) {
.collection-header p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
letter-spacing: 1px;
line-height: 30px;
margin: auto;
width:75%
}
}
.collection-header p.complimentary-fabrics {
margin-bottom:40px
}
body.collections.finishes .inner, body.collections.fabrics .inner {
max-width: 1440px;
margin: 0 auto;
position:relative
}
@media (min-width: 768px) and(max-width: 1280px) {
body.collections.finishes .inner, body.collections.fabrics .inner {
width:95%
}
}
body.collections.finishes .finish-type-wrapper, body.collections.finishes .fabric-collection-wrapper, body.collections.fabrics .finish-type-wrapper, body.collections.fabrics .fabric-collection-wrapper {
display: block;
width:100%
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper, body.collections.finishes .fabric-collection-wrapper, body.collections.fabrics .finish-type-wrapper, body.collections.fabrics .fabric-collection-wrapper {
margin: 0 auto 100px;
width:66%
}
}
body.collections.finishes .finish-type-wrapper .finish-type, body.collections.finishes .finish-type-wrapper .fabric-collection, body.collections.finishes .fabric-collection-wrapper .finish-type, body.collections.finishes .fabric-collection-wrapper .fabric-collection, body.collections.fabrics .finish-type-wrapper .finish-type, body.collections.fabrics .finish-type-wrapper .fabric-collection, body.collections.fabrics .fabric-collection-wrapper .finish-type, body.collections.fabrics .fabric-collection-wrapper .fabric-collection {
margin:0 15px
}
body.collections.finishes .finish-type-wrapper .finish-type:before, body.collections.finishes .finish-type-wrapper .finish-type:after, body.collections.finishes .finish-type-wrapper .fabric-collection:before, body.collections.finishes .finish-type-wrapper .fabric-collection:after, body.collections.finishes .fabric-collection-wrapper .finish-type:before, body.collections.finishes .fabric-collection-wrapper .finish-type:after, body.collections.finishes .fabric-collection-wrapper .fabric-collection:before, body.collections.finishes .fabric-collection-wrapper .fabric-collection:after, body.collections.fabrics .finish-type-wrapper .finish-type:before, body.collections.fabrics .finish-type-wrapper .finish-type:after, body.collections.fabrics .finish-type-wrapper .fabric-collection:before, body.collections.fabrics .finish-type-wrapper .fabric-collection:after, body.collections.fabrics .fabric-collection-wrapper .finish-type:before, body.collections.fabrics .fabric-collection-wrapper .finish-type:after, body.collections.fabrics .fabric-collection-wrapper .fabric-collection:before, body.collections.fabrics .fabric-collection-wrapper .fabric-collection:after {
content: "";
display:table
}
body.collections.finishes .finish-type-wrapper .finish-type:after, body.collections.finishes .finish-type-wrapper .fabric-collection:after, body.collections.finishes .fabric-collection-wrapper .finish-type:after, body.collections.finishes .fabric-collection-wrapper .fabric-collection:after, body.collections.fabrics .finish-type-wrapper .finish-type:after, body.collections.fabrics .finish-type-wrapper .fabric-collection:after, body.collections.fabrics .fabric-collection-wrapper .finish-type:after, body.collections.fabrics .fabric-collection-wrapper .fabric-collection:after {
clear:both
}
body.collections.finishes .finish-type-wrapper .finish-type, body.collections.finishes .finish-type-wrapper .fabric-collection, body.collections.finishes .fabric-collection-wrapper .finish-type, body.collections.finishes .fabric-collection-wrapper .fabric-collection, body.collections.fabrics .finish-type-wrapper .finish-type, body.collections.fabrics .finish-type-wrapper .fabric-collection, body.collections.fabrics .fabric-collection-wrapper .finish-type, body.collections.fabrics .fabric-collection-wrapper .fabric-collection {
* zoom:1
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type, body.collections.finishes .finish-type-wrapper .fabric-collection, body.collections.finishes .fabric-collection-wrapper .finish-type, body.collections.finishes .fabric-collection-wrapper .fabric-collection, body.collections.fabrics .finish-type-wrapper .finish-type, body.collections.fabrics .finish-type-wrapper .fabric-collection, body.collections.fabrics .fabric-collection-wrapper .finish-type, body.collections.fabrics .fabric-collection-wrapper .fabric-collection {
margin:0
}
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item {
border: 2px solid transparent;
float: left;
margin-bottom: 28px;
margin-right: 9px;
padding-right: 0;
width:48%
}
@media (min-width: 1024px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item {
height: 280px;
margin-right: 2%;
width:23.5%
}
}
@media screen and (max-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item:nth-of-type(2n), body.collections.finishes .finish-type-wrapper .finish-type .fabric-item:nth-of-type(2n), body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item:nth-of-type(2n), body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item:nth-of-type(2n), body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item:nth-of-type(2n), body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item:nth-of-type(2n), body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item:nth-of-type(2n), body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item:nth-of-type(2n), body.collections.fabrics .finish-type-wrapper .finish-type .finish-item:nth-of-type(2n), body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item:nth-of-type(2n), body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item:nth-of-type(2n), body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item:nth-of-type(2n), body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item:nth-of-type(2n), body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item:nth-of-type(2n), body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item:nth-of-type(2n), body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item:nth-of-type(2n) {
margin-right:0
}
}
@media (min-width: 1024px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item:nth-of-type(4n), body.collections.finishes .finish-type-wrapper .finish-type .fabric-item:nth-of-type(4n), body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item:nth-of-type(4n), body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item:nth-of-type(4n), body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item:nth-of-type(4n), body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item:nth-of-type(4n), body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item:nth-of-type(4n), body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item:nth-of-type(4n), body.collections.fabrics .finish-type-wrapper .finish-type .finish-item:nth-of-type(4n), body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item:nth-of-type(4n), body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item:nth-of-type(4n), body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item:nth-of-type(4n), body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item:nth-of-type(4n), body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item:nth-of-type(4n), body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item:nth-of-type(4n), body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item:nth-of-type(4n) {
margin-right:0
}
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item img, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item img, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item img, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item img, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item img, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item img, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item img, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item img, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item img, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item img, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item img, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item img, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item img, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item img, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item img, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item img {
display: block;
margin: 0 auto;
padding-bottom: 2px;
width: 100%;
height:100%
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item img, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item img, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item img, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item img, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item img, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item img, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item img, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item img, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item img, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item img, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item img, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item img, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item img, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item img, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item img, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item img {
height: auto;
width:100%
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item img:hover, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item img:hover, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item img:hover, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item img:hover, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item img:hover, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item img:hover, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item img:hover, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item img:hover, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item img:hover, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item img:hover, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item img:hover, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item img:hover, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item img:hover, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item img:hover, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item img:hover, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item img:hover {
cursor:zoom-in
}
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details {
text-align:center
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details p.item-details-title, body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details p.item-details-price, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details p.item-details-title, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details p.item-details-price, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details p.item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details p.item-details-price, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details p.item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details p.item-details-price, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details p.item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details p.item-details-price, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details p.item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details p.item-details-price, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details p.item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details p.item-details-price, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details p.item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details p.item-details-price, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details p.item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details p.item-details-price, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details p.item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details p.item-details-price, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details p.item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details p.item-details-price, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details p.item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details p.item-details-price, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details p.item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details p.item-details-price, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details p.item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details p.item-details-price, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details p.item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details p.item-details-price, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details p.item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details p.item-details-price {
color: #4A494C;
font-size: 0.875em;
line-height: 1.3125em;
text-align:center
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-title {
margin-bottom:4px
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-title, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-title {
margin-bottom:9px
}
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details .item-details-price, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-price, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-price, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-price, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-price, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-price, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-price, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-price, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details .item-details-price, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-price, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-price, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-price, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-price, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-price, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-price, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-price {
margin-top:0
}
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-additional {
font-style: italic;
font-size:12px
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.finishes .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.finishes .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.fabrics .finish-type-wrapper .fabric-collection .fabric-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .finish-type .finish-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .finish-type .fabric-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .finish-item .item-details .item-details-additional, body.collections.fabrics .fabric-collection-wrapper .fabric-collection .fabric-item .item-details .item-details-additional {
margin-top: -8px;
margin-bottom:2px
}
}
body.collections.finishes .fabric-page-visit, body.collections.fabrics .fabric-page-visit {
margin: 68px auto 0;
padding-bottom: 59px;
text-align: center;
width:68%
}
@media screen and (min-width: 768px) {
body.collections.finishes .fabric-page-visit, body.collections.fabrics .fabric-page-visit {
background-color: #F4F4F4;
margin-bottom: 82px;
margin-top: 0;
padding-top: 50px;
padding-bottom: 50px;
width:66%
}
}
body.collections.finishes .fabric-page-visit h3, body.collections.fabrics .fabric-page-visit h3 {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #333333;
font-size: 1.75em;
line-height:35px
}
@media screen and (min-width: 768px) {
body.collections.finishes .fabric-page-visit h3, body.collections.fabrics .fabric-page-visit h3 {
display:inline-block
}
}
body.collections.finishes .fabric-page-visit p, body.collections.fabrics .fabric-page-visit p {
color: #333333;
font-size: 0.75em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
body.collections.finishes .fabric-page-visit p, body.collections.fabrics .fabric-page-visit p {
display: inline-block;
margin:0 15px
}
}
@media screen and (min-width: 768px) {
body.collections.finishes .fabric-page-visit .visit-links a, body.collections.fabrics .fabric-page-visit .visit-links a {
display:inline
}
}
@media screen and (min-width: 768px) {
body.collections.finishes .finish-type-wrapper .finish-type .finish-item img.item-image {
cursor:default
}
}
@media screen and (min-width: 768px) {
.footer-padding {
height:134px
}
.products.show .footer-padding {
height:0px
}
}
.main-footer {
background-color: #333333;
padding: 0 2.1875em;
position: absolute;
width: 100%;
left:0
}
.main-footer:before, .main-footer:after {
content: "";
display:table
}
.main-footer:after {
clear:both
}
.main-footer {
* zoom:1
}
@media screen and (min-width: 768px) {
.main-footer {
padding:2.5em 1.5625em
}
}
@media screen and (max-width: 768px) {
.main-footer .logo {
background-image: url(/assets/footer-logo-3028b833eb4017d6ff34dc488a51d36cca1d096b7c53fc3747bb8bf614d5f4b7.svg);
background-repeat: no-repeat;
display: block;
height: 3.375em;
margin: 0 auto;
width: 8.125em;
margin-bottom: 15px;
margin-top:22px
}
}
@media screen and (min-width: 768px) {
.main-footer .logo img {
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display:block
}
}
.main-footer nav {
text-align: center;
margin-bottom:20px
}
@media screen and (max-width: 768px) {
.main-footer nav {
display:none
}
}
.main-footer nav .tablet-break {
display:none
}
@media (min-width: 768px) and(max-width: 1120px) {
.main-footer nav .tablet-break {
display: block;
height:11px
}
}
.main-footer nav a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
margin-right: 1.5%;
display:inline-block
}
.main-footer .copyright {
margin: 0 auto;
text-align:center
}
@media screen and (max-width: 768px) {
.main-footer .copyright {
color: #8C8888;
font-size: 0.5625em;
letter-spacing:0.0555555556em
}
}
@media screen and (min-width: 768px) {
.main-footer .copyright {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color:#fff
}
.main-footer .copyright .co {
text-transform:none
}
}
.main-footer .contact-information {
display: block;
margin: 1.1875em auto 0;
max-width: 19.375em;
position: relative;
width:100%
}
@media screen and (min-width: 768px) {
.main-footer .contact-information {
bottom: 0;
-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
display: block;
margin: 0;
position: absolute;
padding: 0 22px 0 90px;
right: 0;
top: 0;
min-width: 21.875em;
overflow:hidden
}
}
@media (min-width: 768px) and(max-width: 904px) {
.main-footer .contact-information {
display:none
}
}
.main-footer .mobile-info-section {
margin-bottom:10px
}
.main-footer .mobile-info-section:before, .main-footer .mobile-info-section:after {
content: "";
display:table
}
.main-footer .mobile-info-section:after {
clear:both
}
.main-footer .mobile-info-section {
* zoom:1
}
@media screen and (min-width: 768px) {
.main-footer .mobile-info-section {
display:none
}
}
.main-footer .contact-block {
margin-bottom: 20px;
position: relative;
width:45%
}
@media screen and (min-width: 768px) {
.main-footer .contact-block {
margin-bottom: 1.5625em;
margin-right:10%
}
.main-footer .contact-block.newsletter-block {
margin-bottom: 0;
position: relative;
top:20px
}
}
.main-footer .contact-block:nth-child(2n) {
margin-right:0
}
@media screen and (min-width: 768px) {
.main-footer .contact-block {
float: none;
width:100%
}
}
.main-footer .contact-block p {
margin:0
}
.main-footer .contact-block.general-inquiries {
float: left;
width:50%
}
@media screen and (min-width: 768px) {
.main-footer .contact-block.general-inquiries {
position: relative;
top: 30px;
float: none;
width:100%
}
}
.main-footer .contact-block.flagship-showroom {
padding-left: 15px;
float: right;
width:50%
}
.main-footer .contact-block .title {
color: #ababab;
font-size: 0.5625em;
letter-spacing: 0.2111111111em;
line-height: 3.3333333333em;
text-transform:uppercase
}
.main-footer .contact-block .info {
color: #fff;
font-size: 0.625em;
font-weight: 300;
letter-spacing: 0.15em;
line-height: 1.8em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
.main-footer .contact-block a {
text-decoration:none
}
.main-footer .contact-block.newsletter-block {
margin-top: 40px;
display:none
}
@media screen and (min-width: 768px) {
.main-footer .contact-block.newsletter-block {
display:block
}
}
.main-footer .contact-block.newsletter-block .signup-form input {
float:left
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter {
width: 75%;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: black;
background-color: #fff;
border: none;
color: black;
display: block;
padding:1.25em 0.625em
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter::-moz-placeholder {
text-transform: none;
color:#ABABAB
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter:-ms-input-placeholder {
text-transform: none;
color:#ABABAB
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter::-ms-input-placeholder {
text-transform: none;
color:#ABABAB
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter::placeholder {
text-transform: none;
color:#ABABAB
}
.main-footer .contact-block.newsletter-block .signup-form input.newsletter:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #333333 inset;
-webkit-text-fill-color:white
}
.main-footer .contact-block.newsletter-block .signup-form input.sign-up {
letter-spacing: 0.1125em;
width: 25%;
padding: 0 10px;
line-height: 37px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #fff;
background-color: #B78452;
border:none
}
.main-footer .social-icons {
text-align: center;
margin-bottom:15px
}
@media screen and (min-width: 768px) {
.main-footer .social-icons {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color:#fff
}
.main-footer .social-icons a {
display: inline-block;
background-color:transparent
}
.main-footer .social-icons .follow {
position: relative;
top:-0.8125em
}
}
@media screen and (max-width: 768px) {
.main-footer .social-icons a {
color: #ECECEC;
background-color:#ECECEC
}
.main-footer .social-icons .instagram {
-webkit-mask-image: url(/assets/social-icons/instagram-bf00e8c2a25e8e1e15b690b4b45f82a5e8458388e4f85fa2c3394c704a184b42.svg);
mask-image: url(/assets/social-icons/instagram-bf00e8c2a25e8e1e15b690b4b45f82a5e8458388e4f85fa2c3394c704a184b42.svg);
background-repeat: no-repeat;
display: inline-block;
height: 1.125em;
width:1.125em
}
}
.main-footer .left-content {
width:100%
}
@media screen and (min-width: 768px) {
.main-footer .left-content {
padding: 0;
float: left;
width:100%
}
}
.main-footer .right-content {
display:none
}
@media screen and (min-width: 768px) {
.main-footer .right-content {
display: block;
float: right;
width: 24%;
height:100%
}
.main-footer .right-content .general-inquiries .title {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color:#fff
}
.main-footer .right-content .general-inquiries .info {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
text-transform:lowercase
}
.main-footer .right-content .newsletter-block .title {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color:#fff
}
}
.select2-container .select2-selection--single {
height: 47px;
outline:none
}
@media screen and (min-width: 768px) {
.select2-container .select2-selection--single {
height:55px
}
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #BD965F transparent;
border-width:0 6px 8px 6px
}
.select2-container--default .select2-selection--single {
border-radius: 0;
background-color: #F4F4F4;
border: 1px solid #999999;
color: #4A494C;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding:0.5625em
}
@media screen and (min-width: 768px) {
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding:0.8125em 1.0625em
}
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 12px;
right:21px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #BD965F transparent transparent transparent;
border-width:8px 6px 0 6px
}
.select2-container--default .select2-results__option {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #BD965F;
color:#F4F4F4
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #E1E0DD;
color:#4A494C
}
.select2-dropdown {
background-color: #F4F4F4;
border:1px solid #999999
}
.select2-container--disabled .select2-selection__rendered {
color:#999999 !important
}
form input[type=text], form input[type=number], form input[type=email], form input[type=password], form input[type=tel], form input[type=file], form textarea {
background-color: #F4F4F4;
border: 1px solid #999999;
color: #4A494C;
outline: 0;
padding: 0.8125em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
@media screen and (min-width: 768px) {
form input[type=text], form input[type=number], form input[type=email], form input[type=password], form input[type=tel], form input[type=file], form textarea {
padding:1.0625em
}
}
form div.form-group, form div.field {
display: block;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
margin-bottom:1.5em
}
@media screen and (min-width: 768px) {
form div.form-group, form div.field {
margin-bottom:1.625em
}
}
form div.form-group.half-width, form div.field.half-width {
width:100%
}
@media (min-width: 1024px) {
form div.form-group.half-width, form div.field.half-width {
display: inline-block;
width:48%
}
}
@media (min-width: 1024px) {
form div.form-group.second-half, form div.field.second-half {
margin-left:3%
}
}
form div.form-group .select2-container, form div.field .select2-container {
margin: 0;
width:100% !important
}
form label {
color: #333333;
display: block;
font-size: 0.625em;
letter-spacing: 0.1076923077em;
line-height: 2.1538461538em;
margin-bottom: 1.125em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
form label {
margin-bottom:0.875em
}
}
form label.payment-type-header {
margin-bottom: 0;
padding-bottom:0.75em
}
form input {
width:100%
}
form input.input-error {
border:1px solid #E41A03
}
form .row {
background-color: #F4F4F4;
margin-bottom: 1em;
padding:1.3125em 1.375em 1.875em
}
@media screen and (min-width: 768px) {
form .row {
padding:1.875em 1.625em 3.25em
}
}
form fieldset {
border: 0;
margin: 0;
padding:0
}
.lined-title {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
display: block;
font-size: 1.5em;
letter-spacing: 2px;
line-height: normal;
margin: 0;
position: relative;
text-transform:uppercase
}
.lined-title.construction-row-title {
margin-bottom:20px
}
.lined-title span {
display: inline-block;
position:relative
}
.lined-title span:before, .lined-title span:after {
content: "";
position: absolute;
border-top: 1px solid #333333;
top: 0;
width:500%
}
.lined-title span:before {
right: 100%;
margin-right: 0.625em;
margin-top:0.5em
}
.lined-title span:after {
left: 100%;
margin-left: 0.625em;
margin-top:0.5em
}
.lined-title.full-width-title {
display: block;
margin: 0 auto;
text-align:center
}
.products-list-wrapper .products-list.grid-view:before, .products-list-wrapper .products-list.grid-view:after {
content: "";
display:table
}
.products-list-wrapper .products-list.grid-view:after {
clear:both
}
.products-list-wrapper .products-list.grid-view {
* zoom:1
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view {
margin: 0 auto;
margin-top: 90px;
max-width:1280px
}
.products-list-wrapper .products-list.grid-view .product-row {
border-right: 0.1875em solid #D7D3CF;
clear: none;
float: left;
height: auto;
margin-top: 0;
padding-bottom: 30px;
padding-top: 0;
text-align: center;
width: 50%;
height:422px
}
.products-list-wrapper .products-list.grid-view .product-row:nth-child(2n) {
border-right: none;
margin-right:0
}
}
.products-list-wrapper .products-list.grid-view .isolated-image {
position: relative;
top:40px
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view .content-wrapper {
height:27%
}
}
.products-list-wrapper .products-list.grid-view .product-wrapper {
display: inline-block;
height: 100%;
padding-top: 0;
position: relative;
text-decoration:none
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view .product-wrapper {
margin: 0 auto;
width:90%
}
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view .product-wrapper .product-image-wrapper {
margin-bottom:50px
}
}
.products-list-wrapper .products-list.grid-view .product-name {
font-size: 1.25em;
margin: 0 auto;
margin-bottom:8px
}
@media (min-width: 768px) and(max-width: 1280px) {
.products-list-wrapper .products-list.grid-view .product-name {
font-size: 1em;
margin-bottom:5px
}
}
.products-list-wrapper .products-list.grid-view .product-title {
margin-bottom:5px
}
.products-list-wrapper .products-list.grid-view .logo-mark {
margin:0 auto
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view .product-image {
display: block;
margin: 0 auto;
margin-bottom: 0;
margin-top: 0;
width:auto
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.products-list-wrapper .products-list.grid-view .product-image {
height: auto;
width:90%
}
}
@media screen and (min-width: 768px) {
.products-list-wrapper .products-list.grid-view .product-row.no-bottom-border {
border-bottom:none
}
}
.main-header {
box-shadow: 0px 5px 14px #959595;
background-color: #333333;
position: relative;
z-index:99
}
@media screen and (min-width: 768px) {
.main-header .header-content .mobile-navigation {
display:none
}
}
.main-header .header-content .mobile-navigation .mobile-navigation-toggle {
background-color: transparent;
border: none;
display: block;
left: 0;
padding: 10px;
position: absolute;
top:12px
}
.main-header .header-content .mobile-navigation .mobile-navigation-toggle .close-icon {
display:none
}
@media screen and (max-width: 768px) {
.main-header .header-content.active {
padding-top: 8.125em;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #E1E0DD;
z-index:999
}
}
.main-header .header-content.active .mobile-navigation .mobile-navigation-toggle .menu-icon {
display:none
}
.main-header .header-content.active .mobile-navigation .mobile-navigation-toggle .close-icon {
display:block
}
@media screen and (max-width: 768px) {
.main-header .header-content.active .account-row {
background-color: transparent;
display: block;
padding-top:0px
}
.main-header .header-content.active .account-row ul {
display: block;
width: 100%;
float:none
}
.main-header .header-content.active .account-row ul li {
display: block;
padding: 0;
width:100%
}
.main-header .header-content.active .account-row ul li:not(.logo) {
margin-top:0.9375em
}
.main-header .header-content.active .account-row ul li a {
display: block;
width: 100%;
text-align:center
}
}
.main-header nav.account-row {
background-color: #333333;
padding: 0.1875em 0.9375em;
width:100%
}
@media screen and (max-width: 768px) {
.main-header nav.account-row {
padding:0 0 0.625em 0
}
}
.main-header nav.account-row ul {
list-style: none;
margin: 0;
padding: 0;
line-height:51px
}
.main-header nav.account-row ul.left .introduction {
position: relative;
top: 10px;
height: 32px;
width: 200px;
background: url(/assets/logos/dmitriy_header_logo-6d2e3c001b36252fcd3034b52ad9375ddcd95dcf2c8b4017212b5e73769d4743.svg);
background-repeat: no-repeat;
background-size:cover
}
.main-header nav.account-row ul.left .introduction a {
width: 100%;
height: 100%;
display:block
}
.main-header nav.account-row ul.center {
text-align: center;
position: relative;
margin-left: 10%;
margin-right: auto;
top:-1px
}
.main-header nav.account-row ul.center li {
margin-left:5%
}
.main-header nav.account-row ul.right {
float: right;
position: relative;
top:-1px
}
.main-header nav.account-row ul.right .sign-in, .main-header nav.account-row ul.right .account {
margin-right:45px
}
.main-header nav.account-row ul.right .cta-button {
position: relative;
top: 11px;
padding-left: 18px;
padding-right: 18px;
line-height:10px
}
.main-header nav.account-row ul.right #cart-wrapper {
position: relative;
top:8px
}
.main-header nav.account-row ul.right #cart-wrapper .cart_count {
color: white;
font-weight: 800;
position: absolute;
right: 8px;
top: -8px;
font-size:12px
}
.main-header nav.account-row ul.right #cart-wrapper img {
height:28px
}
.main-header nav.account-row ul li {
float:left
}
.main-header nav.account-row ul li a, .main-header nav.account-row ul li .empty-cart {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor:pointer
}
.main-header nav.account-row ul li a:hover, .main-header nav.account-row ul li .empty-cart:hover {
color: #ECECEC;
transition:color 0.325s ease-in-out
}
.main-header nav.account-row ul li:last-of-type {
margin-right:0
}
.main-header nav.account-row ul li a:hover {
color:#ECECEC
}
.main-header nav.account-row ul li .empty-cart:hover {
cursor:default
}
.main-header nav.account-row ul li.sign-in div {
display:inherit
}
@media screen and (min-width: 768px) {
.main-header nav.account-row ul li.sign-in div a {
cursor:pointer
}
}
@media screen and (max-width: 768px) {
.main-header nav.account-row ul {
display:none
}
}
.main-header .logo, .mobile-menu-container .logo {
background-image: url(/assets/header-logo-7d70b4d982cee471bbdb5adccd527240c41fa3c54b9ff5a31d3f15177926f061.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 66px;
width: 160px;
margin:0 auto
}
.main-header .logo.mobile-logo, .mobile-menu-container .logo.mobile-logo {
display: inline-block;
position: absolute;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
top: 27px;
width: 120px;
z-index:100
}
@media screen and (min-width: 768px) {
.main-header .logo.mobile-logo, .mobile-menu-container .logo.mobile-logo {
display:none
}
}
.mobile-menu-footer {
background-color: #333333;
bottom: 0;
position: absolute;
left: 0;
width: 100%;
height: 185px;
text-align: center;
color: #F9F9F9;
display: flex;
justify-content: center;
align-items:center
}
.mobile-menu-footer h2.headline {
color: #F9F9F9;
letter-spacing: 0.38px;
width:100%
}
.mobile-menu-footer .mobile-menu-footer-links span {
font-size:1.5em
}
.mobile-menu-footer .mobile-menu-footer-links .slash {
font-size: 16px;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
.mobile-menu-footer .mobile-menu-footer-links a:link, .mobile-menu-footer .mobile-menu-footer-links a:visited, .mobile-menu-footer .mobile-menu-footer-links a:active {
color: #BD965F;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
border-bottom: none;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.mobile-menu-footer .mobile-menu-footer-links a:link:first-of-type, .mobile-menu-footer .mobile-menu-footer-links a:visited:first-of-type, .mobile-menu-footer .mobile-menu-footer-links a:active:first-of-type {
margin-right:30px
}
.mobile-menu-footer .mobile-menu-footer-links a:link:last-of-type, .mobile-menu-footer .mobile-menu-footer-links a:visited:last-of-type, .mobile-menu-footer .mobile-menu-footer-links a:active:last-of-type {
margin-left:30px
}
.mobile-menu-footer .mobile-menu-footer-links a:link:hover, .mobile-menu-footer .mobile-menu-footer-links a:visited:hover, .mobile-menu-footer .mobile-menu-footer-links a:active:hover {
cursor:arrow
}
.mobile-menu-navigation ul {
list-style-type: none;
padding: 0;
margin:0
}
.mobile-menu-navigation ul li {
margin-bottom:55px
}
.mobile-menu-navigation ul li a, .mobile-menu-navigation ul li a:link, .mobile-menu-navigation ul li a:active {
border-bottom: none;
letter-spacing: 2px;
text-transform:uppercase
}
.mobile-menu-navigation ul li:last-of-type {
margin-bottom:0
}
.modal-overlay.active.mobile-menu-container.logged-in .mobile-menu-footer {
height:100px
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.homepage {
background-color: #E8E7E5;
z-index:9
}
.homepage .vjs-big-play-button:before {
color:#000
}
.homepage .header-wrapper .header-image {
overflow: hidden;
position: relative;
width:auto
}
@media screen and (min-width: 768px) {
.homepage .header-wrapper .header-image {
height: auto;
width:100%
}
}
.homepage .header-wrapper .header-image img {
width:100%
}
@media screen and (min-width: 768px) {
.homepage .header-wrapper .header-image img {
height: auto;
position:static
}
}
.homepage .collections-jump {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 0.75em;
bottom: 0;
display: block;
left: 0;
letter-spacing: 0.1818181818em;
line-height: 10px;
padding-bottom: 18px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
z-index:1
}
@media screen and (min-width: 768px) {
.homepage .collections-jump {
line-height: 4.5454545455em;
margin-bottom: 1.8181818182em;
padding-bottom:0
}
}
.homepage .homepage-main-content {
margin-bottom: 38px;
margin-top: 71px;
text-align:center
}
@media screen and (min-width: 768px) {
.homepage .homepage-main-content {
margin-bottom: 33px;
margin-top: 132px;
padding: 0;
width:76%
}
}
.homepage .homepage-main-content .homepage-content-block {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #4A494C;
font-size: 1.5em;
letter-spacing: .75px;
line-height: 44px;
margin:0
}
.homepage .homepage-main-content .homepage-content-block.first {
margin-bottom:44px
}
.homepage .logo-mark {
margin-bottom:46px
}
.homepage .founders-signature {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #403F42;
font-size: 0.875em;
margin-bottom: 40px;
margin-top: 34px;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.homepage .founders-signature {
font-size: 0.6875em;
margin-bottom: 85px;
margin-top:23px
}
}
.homepage .homepage-video-wrapper {
height: 217px;
margin-bottom: 36px;
width:100%
}
@media screen and (min-width: 768px) {
.homepage .homepage-video-wrapper {
height: auto;
margin-bottom: 58px;
padding-left: 0;
padding-right: 0;
position:relative
}
}
.homepage .homepage-video-wrapper video.homepage-video-player {
width:100%
}
.homepage .homepage-video-wrapper a.video-link {
bottom: 75px;
color: white;
position:absolute
}
.homepage .collections-carousel-area .carousel-header {
text-align:center
}
.homepage .collections-carousel-area .carousel-header .carousel-subtitle {
font-size: 0.6875em;
line-height: 11px;
margin: 0;
margin-bottom: 25px;
letter-spacing: 2px;
text-transform:uppercase
}
.homepage .collections-carousel-area .carousel-header h2.carousel-title {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
font-size: 3.75em;
letter-spacing: 1.6px;
line-height: 63px;
margin-top:0
}
@media screen and (min-width: 768px) {
.homepage .collections-carousel-area .carousel-header h2.carousel-title {
font-size: 5em;
letter-spacing: 0.02em;
line-height: normal;
margin:0
}
}
.homepage .collections-carousel-area .internal-navigation-wrapper {
margin: 0 auto 2.1875em;
text-align: center;
width:13.125em
}
@media screen and (min-width: 768px) {
.homepage .collections-carousel-area .internal-navigation-wrapper {
width:auto
}
}
.homepage .collections-carousel-area .internal-navigation-wrapper .navigation-title {
border-bottom: 0.2307692308em solid #BD965F;
display: block;
font-size: 0.8125em;
letter-spacing: 0.1923076923em;
padding-bottom: 0.6153846154em;
text-align: left;
text-transform: uppercase;
width:100%
}
@media screen and (min-width: 768px) {
.homepage .collections-carousel-area .internal-navigation-wrapper .navigation-title {
display:none
}
}
.homepage .collections-carousel-area .internal-navigation-wrapper .collections-navigation-toggle {
font-size: 0.75em;
top:0
}
@media screen and (max-width: 768px) {
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav {
background-color: #EAEAE8;
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index:9999
}
}
@media screen and (min-width: 768px) {
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav {
display:block
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav a {
text-decoration:none
}
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav.active {
display:block
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav .close-modal {
border: none;
height: 32px;
padding: 0;
position: absolute;
top: 1.25em;
right: 1.25em;
width: 32px;
z-index:99
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav.collections-nav .mobile-nav-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size:2.375em
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav ul {
list-style: none;
padding:0
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav ul li {
margin-bottom: 20px;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.homepage .collections-carousel-area .internal-navigation-wrapper nav ul li {
border-bottom: 2px solid transparent;
display: inline-block;
font-size: 0.75em;
letter-spacing: 0.175em;
line-height: 2.0833333333em;
margin-bottom: 2.0833333333em;
margin-right:2.9166666667em
}
}
.homepage .collections-carousel-area .internal-navigation-wrapper nav ul li a {
color: #333333;
text-decoration:none
}
.homepage h1.script-h1 {
color: #B78452;
text-align:center
}
@media screen and (min-width: 768px) {
.homepage h1.script-h1 {
line-height:1em
}
}
.homepage h1.script-h1 .script-font {
margin-bottom:-0.4054054054em
}
@media screen and (min-width: 768px) {
.homepage h1.script-h1 .script-font {
height:1.24em
}
}
.homepage .video-js, .homepage .vjs-tech {
height: 100%;
position: static !important;
width:100%
}
.homepage .vjs-paused .vjs-control-bar {
display:none
}
.homepage .collections-carousel-area .internal-navigation-wrapper {
width:90%
}
.homepage .internal-navigation-wrapper h1.collection-title {
margin-top:0
}
.line-drawing .overlay {
position: relative;
top: 30px;
color: #c2c2c2;
size: 10px;
text-transform:uppercase
}
.line-drawing a {
text-decoration:none
}
.line-drawing img {
width: 100%;
cursor:zoom-in
}
.modal-overlay {
background-color: rgba(37, 37, 37, 0.3);
display: none;
height: 100%;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index:999999
}
.modal-overlay.active {
display:block
}
.modal-overlay > .inner {
background-color: #ECECEC;
height: 100%;
margin: 0 auto;
max-width: 653px;
overflow: auto;
padding: 60px 20px;
position: relative;
text-align: center;
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay > .inner {
height: auto;
max-height: 90%;
padding: 80px 40px;
top: 5%;
width:51%
}
}
.modal-overlay .close-modal {
background: transparent url(/assets/close-icon-31e97af497a9ac6a358fb87bb2f3eebcb59efa8f59a87d03a8c32b3e69aa0428.svg) no-repeat center center;
background-size: 24px;
border: none;
height: 32px;
outline: none;
padding: 0;
position: absolute;
top: 1.5em;
right: 1.5em;
width: 32px;
z-index:99
}
.modal-overlay .headline {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
color: #4A494C;
line-height: 1.4em;
margin: 0 auto;
margin-bottom: 20px;
letter-spacing: 0.57px;
width:90%
}
@media screen and (min-width: 768px) {
.modal-overlay .headline {
width:60%
}
}
.modal-overlay .subheadline {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
line-height: 1.5em;
margin:0 0 20px 0
}
.modal-overlay .modal-content {
color: #333333;
margin-bottom:2.375em
}
@media screen and (min-width: 768px) {
.modal-overlay .modal-content {
margin-bottom:4em
}
}
.modal-overlay .modal-content p, .modal-overlay .modal-content li {
letter-spacing: initial;
line-height: 1.5em;
margin: 0 0 1em;
padding: 0 1.75em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
.modal-overlay .modal-content li {
margin-bottom:0
}
.modal-overlay .modal-content .left {
text-align:left
}
.modal-overlay a, .modal-overlay a:active, .modal-overlay a:link {
color: #4A494C;
display: inline-block;
border-bottom: 2px solid #BD965F;
padding-bottom: 0.0625em;
text-decoration: none;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.875em
}
.modal-overlay a:hover, .modal-overlay a:active:hover, .modal-overlay a:link:hover {
color:#BD965F
}
.modal-overlay.active.view-gallery .close-modal {
right: 10px;
top:10px
}
.modal-overlay.active.view-gallery .inner {
max-width: 950px;
padding:2.5em 1.5625em 3.75em 1.5625em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.view-gallery .inner {
padding: 0;
width:70%
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.modal-overlay.active.view-gallery .inner {
padding: 2.5em 1.5625em 3.75em 1.5625em;
width:95%
}
}
.modal-overlay.active.product-pricing-details .inner {
max-width: 950px;
padding:2.5em 1.5625em 3.75em 1.5625em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-pricing-details .inner {
padding: 2.5em 7.5em 3.75em 7.5em;
width:70%
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.modal-overlay.active.product-pricing-details .inner {
padding: 2.5em 1.5625em 3.75em 1.5625em;
width:95%
}
}
.pricing-details-wrapper {
color: #4A494C;
font-size: 1.0625em;
font-weight:400
}
.pricing-details-wrapper p, .pricing-details-wrapper h3, .pricing-details-wrapper h4 {
margin:0 0 1.25em 0
}
.pricing-details-wrapper p {
text-align:left
}
.pricing-details-wrapper h3 {
color: #4A494C;
font-size: 1.375em;
letter-spacing: 0.1em;
margin-bottom: 1.25em;
padding-top: 0.625em;
text-align: center;
text-transform: uppercase;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.pricing-details-wrapper h3 {
font-size: 1.5em;
margin-bottom:0.9375em
}
}
@media screen and (min-width: 768px) {
.pricing-details-wrapper b {
margin-bottom: 1.875em;
display:block
}
}
.pricing-details-wrapper h4 {
border-bottom: 1px solid #d8d8d8;
font-size: 0.75em;
font-weight: 400;
letter-spacing: 0.1875em;
margin-bottom: 0;
padding-bottom: 0.75em;
text-align: left;
text-transform: uppercase;
width: 90%;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.pricing-details-wrapper h4.go-full {
width:100%
}
.pricing-details-wrapper .pricing-details-buttons {
padding:0 20px
}
.pricing-details-wrapper .pricing-details-buttons button {
margin: 0 auto;
margin-bottom: 30px;
align-items:center
}
@media screen and (min-width: 768px) {
.pricing-details-wrapper .pricing-details-buttons {
display: flex;
justify-content:space-around
}
}
.pricing-details-wrapper .price-section p {
font-weight:800
}
@media screen and (max-width: 768px) {
.pricing-details-wrapper .price-section p {
letter-spacing: -1px;
font-weight:unset
}
}
.pricing-details-wrapper section {
width:100%
}
.pricing-details-wrapper section table {
table-layout: fixed;
width:100%
}
.pricing-details-wrapper section table th {
text-align: left;
vertical-align:top
}
.pricing-details-wrapper section table th.size-header, .pricing-details-wrapper section table th.details-header {
width:60%
}
.pricing-details-wrapper section table th.list-price-header, .pricing-details-wrapper section table th.trade-price-header {
width:20%
}
.pricing-details-wrapper section table th.list-price-header.is-guest {
width:40%
}
.pricing-details-wrapper section table th.trade-price-header h4 {
width:100%
}
.pricing-details-wrapper section table th.shown-in-header {
width:40%
}
.pricing-details-wrapper section table tbody td {
padding:0.9375em 0 0.625em 0
}
.pricing-details-wrapper section table td {
text-align: left;
vertical-align: top;
border:0
}
.pricing-details-wrapper section table td p {
margin:0
}
.pricing-details-wrapper section table p {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.pricing-details-wrapper section:first-of-type {
margin-bottom:1.875em
}
.pricing-details-wrapper section:first-of-type table tbody tr {
border-bottom:1px solid #d8d8d8
}
.pricing-details-wrapper section:first-of-type table tbody tr:last-of-type {
border-bottom:none
}
@media screen and (min-width: 768px) {
.pricing-details-wrapper section:first-of-type table tbody tr {
border-bottom:none
}
}
.pricing-details-wrapper section.mobile-only h4 {
margin-bottom: 1.25em;
width:100%
}
.pricing-details-wrapper .sizes-section p {
line-height:1.375em
}
.pricing-details-wrapper .shown-in-section article {
margin-bottom:1.25em
}
.pricing-details-wrapper .shown-in-section article:before, .pricing-details-wrapper .shown-in-section article:after {
content: "";
display:table
}
.pricing-details-wrapper .shown-in-section article:after {
clear:both
}
.pricing-details-wrapper .shown-in-section article {
* zoom:1
}
.pricing-details-wrapper .shown-in-section img {
float: left;
height: 55px;
margin-right: 0.625em;
width:55px
}
.pricing-details-wrapper .shown-in-section h4 {
border-bottom: none;
font-size: 0.625em;
line-height: 1em;
margin-bottom: 0.625em;
text-transform: uppercase;
padding-bottom: 0;
letter-spacing:1.10px
}
.pricing-details-wrapper .shown-in-section p {
font-size: 0.75em;
line-height: 1.125em;
margin-bottom:1.875em
}
.pricing-details-wrapper ul {
margin: 0;
padding: 0 0 0 1.25em;
list-style-type:none
}
.pricing-details-wrapper ul li {
font-size: 0.875em;
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
margin-bottom: 0.625em;
padding: 0 0 0 0.625em;
text-align:left
}
.pricing-details-wrapper .details-section {
width:100%
}
@media screen and (min-width: 768px) {
.pricing-details-wrapper .details-section {
width:90%
}
}
.pricing-details-wrapper .pricing-details-instructions {
text-align: center;
font-size:0.875em
}
.modal-overlay.active.product-inquiry .inner {
padding-left: 1.25em;
padding-right:1.25em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-inquiry .inner {
padding-left: 2.5em;
padding-right: 2.5em;
width:70%
}
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper .headline {
margin-bottom:1.25em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-inquiry .product-inquiry-wrapper .headline {
margin-bottom:2.5em
}
}
@media screen and (max-width: 768px) {
.modal-overlay.active.product-inquiry .product-inquiry-wrapper .col-6-12 {
width:100%
}
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form {
text-align:left
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form .grid-row {
padding: 0;
margin-bottom:1.25em
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form .grid-row:first-of-type .col-6-12:first-of-type {
margin-bottom:1.25em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form .grid-row:first-of-type .col-6-12:first-of-type {
margin-bottom: 0
}
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form input[type="text"], .modal-overlay.active.product-inquiry .product-inquiry-wrapper form input[type="email"], .modal-overlay.active.product-inquiry .product-inquiry-wrapper form textarea {
background-color: #fff;
width: 100%
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form input[type="submit"] {
width:100%
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form textarea {
padding: 0.625em 1.25em;
min-height:8.75em
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form .label-holder {
margin-bottom:0.3125em
}
.modal-overlay.active.product-inquiry .product-inquiry-wrapper form label {
color: #333333;
font-size: 0.6875em;
letter-spacing: 0.09em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-zoom .inner .image-wrapper {
margin: auto;
width:75%
}
}
.modal-overlay.active.product-zoom .inner img {
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay.active.product-zoom .inner {
max-width: 1400px;
width:90%
}
}
.modal-overlay a.button {
color: initial;
border-bottom: none;
font-size:0.6875em
}
.modal-overlay.active .buttons-wrapper {
margin: 0 auto;
display: table;
padding-top: 20px;
table-layout:fixed
}
.modal-overlay.active .buttons-wrapper:before, .modal-overlay.active .buttons-wrapper:after {
content: "";
display:table
}
.modal-overlay.active .buttons-wrapper:after {
clear:both
}
.modal-overlay.active .buttons-wrapper {
* zoom:1
}
.modal-overlay.active .left-button {
display:table-cell
}
.modal-overlay.active .left-button button {
margin-right:20px
}
.modal-overlay.active .right-button {
display:table-cell
}
.modal-overlay.active .right-button button {
margin-left:20px
}
@media screen and (min-width: 768px) {
.modal-overlay.active.share-product .inner, .modal-overlay.active.share-project .inner, .modal-overlay.active.share-order .inner, .modal-overlay.active.send-payment-form .inner, .modal-overlay.active.request-cfa-form-modal .inner, .modal-overlay.active.view-sketch-modal .inner {
padding:40px 40px
}
}
.modal-overlay.active.share-product .headline, .modal-overlay.active.share-project .headline, .modal-overlay.active.share-order .headline, .modal-overlay.active.send-payment-form .headline, .modal-overlay.active.request-cfa-form-modal .headline, .modal-overlay.active.view-sketch-modal .headline {
margin-bottom:1.25em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.share-product .headline, .modal-overlay.active.share-project .headline, .modal-overlay.active.share-order .headline, .modal-overlay.active.send-payment-form .headline, .modal-overlay.active.request-cfa-form-modal .headline, .modal-overlay.active.view-sketch-modal .headline {
margin-bottom:2.5em
}
}
@media screen and (max-width: 768px) {
.modal-overlay.active.share-product .col-6-12, .modal-overlay.active.share-project .col-6-12, .modal-overlay.active.share-order .col-6-12, .modal-overlay.active.send-payment-form .col-6-12, .modal-overlay.active.request-cfa-form-modal .col-6-12, .modal-overlay.active.view-sketch-modal .col-6-12 {
width:100%
}
}
.modal-overlay.active.share-product form, .modal-overlay.active.share-project form, .modal-overlay.active.share-order form, .modal-overlay.active.send-payment-form form, .modal-overlay.active.request-cfa-form-modal form, .modal-overlay.active.view-sketch-modal form {
text-align:left
}
.modal-overlay.active.share-product form .grid-row, .modal-overlay.active.share-project form .grid-row, .modal-overlay.active.share-order form .grid-row, .modal-overlay.active.send-payment-form form .grid-row, .modal-overlay.active.request-cfa-form-modal form .grid-row, .modal-overlay.active.view-sketch-modal form .grid-row {
padding: 0;
margin-bottom:1.25em
}
.modal-overlay.active.share-product form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.share-project form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.share-order form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.send-payment-form form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.request-cfa-form-modal form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.view-sketch-modal form .grid-row:first-of-type .col-6-12:first-of-type {
margin-bottom:1.25em
}
@media screen and (min-width: 768px) {
.modal-overlay.active.share-product form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.share-project form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.share-order form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.send-payment-form form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.request-cfa-form-modal form .grid-row:first-of-type .col-6-12:first-of-type, .modal-overlay.active.view-sketch-modal form .grid-row:first-of-type .col-6-12:first-of-type {
margin-bottom: 0
}
}
.modal-overlay.active.share-product form input[type="text"], .modal-overlay.active.share-product form input[type="email"], .modal-overlay.active.share-product form textarea, .modal-overlay.active.share-project form input[type="text"], .modal-overlay.active.share-project form input[type="email"], .modal-overlay.active.share-project form textarea, .modal-overlay.active.share-order form input[type="text"], .modal-overlay.active.share-order form input[type="email"], .modal-overlay.active.share-order form textarea, .modal-overlay.active.send-payment-form form input[type="text"], .modal-overlay.active.send-payment-form form input[type="email"], .modal-overlay.active.send-payment-form form textarea, .modal-overlay.active.request-cfa-form-modal form input[type="text"], .modal-overlay.active.request-cfa-form-modal form input[type="email"], .modal-overlay.active.request-cfa-form-modal form textarea, .modal-overlay.active.view-sketch-modal form input[type="text"], .modal-overlay.active.view-sketch-modal form input[type="email"], .modal-overlay.active.view-sketch-modal form textarea {
background-color: #fff;
width: 100%
}
.modal-overlay.active.share-product form input[type="submit"], .modal-overlay.active.share-project form input[type="submit"], .modal-overlay.active.share-order form input[type="submit"], .modal-overlay.active.send-payment-form form input[type="submit"], .modal-overlay.active.request-cfa-form-modal form input[type="submit"], .modal-overlay.active.view-sketch-modal form input[type="submit"] {
width:100%
}
.modal-overlay.active.share-product form textarea, .modal-overlay.active.share-project form textarea, .modal-overlay.active.share-order form textarea, .modal-overlay.active.send-payment-form form textarea, .modal-overlay.active.request-cfa-form-modal form textarea, .modal-overlay.active.view-sketch-modal form textarea {
padding: 0.625em 1.25em;
min-height:8.75em
}
.modal-overlay.active.share-product form .label-holder, .modal-overlay.active.share-project form .label-holder, .modal-overlay.active.share-order form .label-holder, .modal-overlay.active.send-payment-form form .label-holder, .modal-overlay.active.request-cfa-form-modal form .label-holder, .modal-overlay.active.view-sketch-modal form .label-holder {
margin-bottom:0.3125em
}
.modal-overlay.active.share-product form label, .modal-overlay.active.share-project form label, .modal-overlay.active.share-order form label, .modal-overlay.active.send-payment-form form label, .modal-overlay.active.request-cfa-form-modal form label, .modal-overlay.active.view-sketch-modal form label {
color: #333333;
font-size: 0.6875em;
letter-spacing: 0.09em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
.modal-overlay.active.share-product .checkbox-wrapper label, .modal-overlay.active.share-project .checkbox-wrapper label, .modal-overlay.active.share-order .checkbox-wrapper label, .modal-overlay.active.send-payment-form .checkbox-wrapper label, .modal-overlay.active.request-cfa-form-modal .checkbox-wrapper label, .modal-overlay.active.view-sketch-modal .checkbox-wrapper label {
padding-top:2px
}
.modal-overlay.confirm-remove-product .left-button {
background-color:#CBC4B6
}
.modal-overlay.project-is-in-checkout .left-button button {
background-color:#CBC4B6
}
.modal-overlay.shipping-and-pickup-modal p, .modal-overlay.shipping-and-pickup-modal li, .modal-overlay.shipping-and-pickup-modal address, .modal-overlay.payment-terms-modal p, .modal-overlay.payment-terms-modal li, .modal-overlay.payment-terms-modal address {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
text-align:left
}
.modal-overlay.shipping-and-pickup-modal h4, .modal-overlay.payment-terms-modal h4 {
letter-spacing: 0.125em;
line-height: 1.6666666667em;
margin: 10px 0 40px 0;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
.modal-overlay.shipping-and-pickup-modal .top-icon, .modal-overlay.payment-terms-modal .top-icon {
background-repeat: no-repeat;
background-position: center;
height:40px
}
.modal-overlay.shipping-and-pickup-modal .top-icon {
background-image:url(/assets/icon-truck-17f8f2dacb5633093778339ca5f78de5aa08578ec64ce7707b8726577a82f97b.svg)
}
.modal-overlay.payment-terms-modal .top-icon {
background-image:url(/assets/icon-dollar-sign-cd465e5ef07047d89b5e0a63f9488b6aae5dbae3c582a53cdd375d4cb99335dc.svg)
}
.modal-overlay.active.project-add-item-success .inner {
max-width:528px
}
.modal-overlay.active.project-add-item-success h2.headline {
margin-bottom:32px
}
.modal-overlay.active.project-add-item-success p {
color: #4A494C;
font-size: 1em;
letter-spacing:0.44px
}
.modal-overlay.active.project-add-item-success .modal-content, .modal-overlay.active.project-add-item-success p.alert-explanation {
margin-bottom:32px
}
.mini-alert {
background-color: #fff;
padding: 15px 10px;
margin-bottom:10px
}
.mini-alert:last-of-type {
margin-bottom:0
}
.mini-alert .mini-alert-inner {
background-image: url(/assets/icon-alert-661d566bf242f1bf488c624b926823d8cdf7e9e571e2af1038d89c397beed8c0.svg);
background-position: left;
background-repeat: no-repeat;
min-height: 25px;
position: relative;
text-align:left
}
.mini-alert .mini-alert-inner p {
line-height: 1.5em;
margin: 0;
padding:0 0 0 35px
}
@media (min-width: 1024px) {
.mini-alert .mini-alert-inner p {
padding:0 100px 0 35px
}
}
.mini-alert .mini-alert-inner a {
line-height:0.9375em
}
@media (min-width: 1024px) {
.mini-alert .mini-alert-inner a {
position: absolute;
right: 0;
top:6px
}
}
.modal-overlay.sleeping-info .inner {
max-width: 1080px;
width:90%
}
.modal-overlay.sleeping-info h1.headline {
font-size: 0.9em;
text-transform: uppercase;
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay.sleeping-info h1.headline {
font-size:1.5em
}
}
.modal-overlay.sleeping-info p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875em;
line-height:1.375em
}
@media screen and (min-width: 768px) {
.modal-overlay.sleeping-info p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
}
.modal-overlay.sleeping-info .line-drawing-wrapper {
border: 1px solid #cccccc;
background-color: #F4F4F4;
margin-top: 20px;
padding:20px
}
@media screen and (min-width: 768px) {
.modal-overlay.sleeping-info .line-drawing-wrapper {
margin: 40px auto 0;
width:90%
}
}
.modal-overlay.sleeping-info .line-drawing-wrapper a {
border: none;
margin: 0;
padding: 0;
display: block;
width:100%
}
.modal-overlay.sleeping-info .line-drawing-wrapper img {
width: 90%;
cursor:zoom-in
}
.modal-overlay.active.send-payment-form h2.headline {
margin-bottom:40px
}
.modal-overlay.active.send-payment-form p {
color: #4A494C;
line-height:1.5em
}
.modal-overlay.active.request-cfa-form-modal button.large {
width:100%
}
.modal-overlay.active.view-sketch-modal .inner {
max-width: 1080px;
width:90%
}
.modal-overlay.active.view-sketch-modal .headline {
text-transform: uppercase;
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay.active.view-sketch-modal .headline {
width:100%
}
}
.modal-overlay.active.view-sketch-modal .sketch-image-wrapper {
border: 1px solid #cccccc;
margin: 0 auto;
text-align: center;
width: 100%;
line-height: 0;
margin-bottom:10px
}
.modal-overlay.active.view-sketch-modal .sketch-image-wrapper img {
width:100%
}
.modal-overlay.active.view-sketch-modal .sketch-image-wrapper a {
border-bottom:none
}
.modal-overlay.active.view-sketch-modal .request-revisions-wrapper {
text-align: left;
margin-bottom:30px
}
.modal-overlay.active.view-sketch-modal .buttons-wrapper {
float:right
}
.modal-overlay.active.view-sketch-modal .buttons-wrapper button.large {
margin-left:40px
}
.modal-overlay.active.view-sketch-modal fieldset:before, .modal-overlay.active.view-sketch-modal fieldset:after {
content: "";
display:table
}
.modal-overlay.active.view-sketch-modal fieldset:after {
clear:both
}
.modal-overlay.active.view-sketch-modal fieldset {
* zoom:1
}
@media screen and (min-width: 768px) {
.modal-overlay.active.view-sketch-modal .form-group.signature {
float: left;
width:68%
}
}
@media screen and (min-width: 768px) {
.modal-overlay.active.view-sketch-modal .form-group.date {
float: right;
width:30%
}
}
.modal-overlay.active.view-sketch-modal form button.large {
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay.active.view-sketch-modal form button.large {
float: right;
width:30%
}
}
.fabric-modal .headline {
text-transform:uppercase
}
.fabric-modal .inner {
padding-bottom:50px
}
.fabric-modal .modal-content {
margin-bottom:0
}
@media screen and (min-width: 768px) {
.fabric-modal .modal-content .image-wrapper {
margin: auto;
width:68%
}
}
.fabric-modal .modal-content img {
width:100%
}
.fabric-modal .modal-content .fabric-modal-footer span {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #333333;
font-size: 0.875em;
line-height:31px
}
.modal-overlay.active.mobile-menu-container .close-modal {
left: 5px;
top:10px
}
.modal-overlay.active.mobile-menu-container .inner {
padding: 0;
display: flex;
justify-content: center;
max-width:none
}
@media screen and (min-width: 768px) {
.modal-overlay.active.mobile-menu-container .inner {
top: 0;
height: 100%;
max-width: none;
width:100%
}
}
.modal-overlay.active.mobile-menu-container .modal-content {
margin-bottom: 0;
padding-top: 75px;
padding-bottom: 185px;
display: flex;
justify-content: center;
align-items:center
}
.modal-overlay.active.mobile-menu-container .modal-content a:hover, .modal-overlay.active.mobile-menu-container .modal-content a:link:hover {
color: inherit;
cursor:arrow
}
.modal-overlay.active.mobile-menu-container .logo.mobile-logo {
display: block;
border-bottom:none
}
.modal-overlay.active.mobile-menu-container.logged-in .modal-content {
padding-bottom:100px
}
.modal-overlay.active.inquiry-modal h2.headline {
width:47%
}
.modal-overlay.active.inquiry-modal .subheader {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #333333;
font-size: 1em;
letter-spacing: .75px;
line-height: 24px;
margin: auto;
width:75%
}
.modal-overlay.active.inquiry-modal form.limited-edition-inquiry-form {
text-align:left
}
.modal-overlay.active.inquiry-modal div.grid-row {
margin: 30px 0;
padding:0
}
.modal-overlay.active.inquiry-modal textarea.limited-product-inquiry {
margin-bottom: 25px;
width:100%
}
.modal-overlay.confirm-replace-checkout-modal .left-button {
margin-bottom:10px
}
@media (min-width: 1024px) {
.modal-overlay.confirm-replace-checkout-modal .left-button {
margin-bottom:0
}
}
.modal-overlay.confirm-replace-checkout-modal .left-button, .modal-overlay.confirm-replace-checkout-modal .right-button {
display: block;
width:100%
}
@media (min-width: 1024px) {
.modal-overlay.confirm-replace-checkout-modal .left-button, .modal-overlay.confirm-replace-checkout-modal .right-button {
display: table-cell;
width:auto
}
}
.modal-overlay.confirm-replace-checkout-modal .button.large, .modal-overlay.confirm-replace-checkout-modal button.large {
line-height: 45px;
width:100%
}
@media (min-width: 1024px) {
.modal-overlay.confirm-replace-checkout-modal .button.large, .modal-overlay.confirm-replace-checkout-modal button.large {
width:auto
}
}
.modal-overlay.confirm-replace-checkout-modal p.subheadline {
text-align:left
}
.modal-overlay.confirm-replace-checkout-modal .right-button {
background-color:#CBC4B6
}
.modal-overlay.active.login form {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
width: 90%;
margin: 0 auto;
margin-bottom:35px
}
.modal-overlay.active.login .contact-showroom {
margin-top:11px
}
.modal-overlay.active.login .contact-showroom .side-headline {
text-align: left;
color: #000;
letter-spacing: 0.175em;
font-size: 10px;
font-weight: 800;
margin-right:20px
}
.modal-overlay.active.login .contact-showroom a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor:pointer
}
.modal-overlay.active.login .contact-showroom a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.modal-overlay.active.login .trade-member-benefits {
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color:#333333
}
.modal-overlay.active.login .trade-member-benefits h3 {
margin:7px
}
.modal-overlay.active.login .trade-member-benefits a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor:pointer
}
.modal-overlay.active.login .trade-member-benefits a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.modal-overlay.active.login .login-modal-content.mobile-only {
margin-bottom:15px
}
.modal-overlay.active.login .login-modal-content p {
margin:0
}
.modal-overlay.active.login .login-button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #fff;
margin-top:1.25em
}
.modal-overlay.active.login .signup-button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #fff;
background-color: #BD965F;
border: none;
line-height: 4.0909090909em;
letter-spacing: 0.1818181818em;
min-height: 4.0909090909em;
padding: 0 4.0909090909em 0;
text-align: center;
text-transform: uppercase;
transition: 0.5s all;
width:100%
}
.modal-overlay.active.login .signup-button:hover {
background-color:#CBC4B6
}
.modal-overlay.active.login .forgot-password-link {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor: pointer;
border-bottom-width:0px
}
.modal-overlay.active.login .forgot-password-link:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.modal-overlay.active.login p, .modal-overlay.active.login a {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.6875em;
letter-spacing:0.4px
}
.modal-overlay.active.login .left-modal-inner {
width:65%
}
.modal-overlay.active.login .right-modal-inner {
width:35%
}
.modal-overlay.active.login .login-modal-wrapper .not-trade-cta p {
color:#333333
}
.modal-overlay.active.login .login-modal-wrapper .not-trade-cta a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor: pointer;
margin-bottom:10px
}
.modal-overlay.active.login .login-modal-wrapper .not-trade-cta a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.modal-overlay.active.login .request-account-link-wrapper {
text-align: center;
margin-top: 12px;
margin-bottom:12px
}
.modal-overlay.active.login .inner, .modal-overlay.active.choose-projects .inner, .modal-overlay.active.share-project .inner {
max-height: none;
max-width: none;
top: 0;
width:100%
}
@media screen and (min-width: 768px) {
.modal-overlay.active.login input::-moz-placeholder, .modal-overlay.active.choose-projects input::-moz-placeholder, .modal-overlay.active.share-project input::-moz-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color:#000
}
.modal-overlay.active.login input:-ms-input-placeholder, .modal-overlay.active.choose-projects input:-ms-input-placeholder, .modal-overlay.active.share-project input:-ms-input-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color:#000
}
.modal-overlay.active.login input::-ms-input-placeholder, .modal-overlay.active.choose-projects input::-ms-input-placeholder, .modal-overlay.active.share-project input::-ms-input-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color:#000
}
.modal-overlay.active.login input::placeholder, .modal-overlay.active.choose-projects input::placeholder, .modal-overlay.active.share-project input::placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color:#000
}
.modal-overlay.active.login h2, .modal-overlay.active.login h3, .modal-overlay.active.choose-projects h2, .modal-overlay.active.choose-projects h3, .modal-overlay.active.share-project h2, .modal-overlay.active.share-project h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
letter-spacing: 0px;
text-transform:uppercase
}
.modal-overlay.active.login h2.headline, .modal-overlay.active.login h3.headline, .modal-overlay.active.choose-projects h2.headline, .modal-overlay.active.choose-projects h3.headline, .modal-overlay.active.share-project h2.headline, .modal-overlay.active.share-project h3.headline {
width: 100%;
color: #000;
margin: 20px 0;
text-align:left
}
.modal-overlay.active.login h3, .modal-overlay.active.choose-projects h3, .modal-overlay.active.share-project h3 {
text-align: center;
color:#333333
}
.modal-overlay.active.login .inner, .modal-overlay.active.choose-projects .inner, .modal-overlay.active.share-project .inner {
background-color: #ECECEC;
max-height: 95%;
width: 50%;
padding: 0;
height: auto;
top:27%
}
.modal-overlay.active.login .inner .close-modal, .modal-overlay.active.choose-projects .inner .close-modal, .modal-overlay.active.share-project .inner .close-modal {
right: 2%;
top: 4%;
opacity: 0.6;
height:15px
}
.modal-overlay.active.login .inner .modal-wrapper, .modal-overlay.active.choose-projects .inner .modal-wrapper, .modal-overlay.active.share-project .inner .modal-wrapper {
display: table;
width:100%
}
.modal-overlay.active.login .inner .modal-wrapper .left-modal-inner, .modal-overlay.active.choose-projects .inner .modal-wrapper .left-modal-inner, .modal-overlay.active.share-project .inner .modal-wrapper .left-modal-inner {
background-color: #ECECEC;
display: table-cell;
padding: 0 20px;
vertical-align:middle
}
.modal-overlay.active.login .inner .modal-wrapper .right-modal-inner, .modal-overlay.active.choose-projects .inner .modal-wrapper .right-modal-inner, .modal-overlay.active.share-project .inner .modal-wrapper .right-modal-inner {
background-color: #D2CDC8;
display:table-cell
}
.modal-overlay.active.login form, .modal-overlay.active.choose-projects form, .modal-overlay.active.share-project form {
margin: 0;
width:100%
}
.modal-overlay.active.login form input:-webkit-autofill, .modal-overlay.active.login form input:-webkit-autofill:hover, .modal-overlay.active.login form input:-webkit-autofill:focus, .modal-overlay.active.login form textarea:-webkit-autofill, .modal-overlay.active.login form textarea:-webkit-autofill:hover, .modal-overlay.active.login form textarea:-webkit-autofill:focus, .modal-overlay.active.login form select:-webkit-autofill, .modal-overlay.active.login form select:-webkit-autofill:hover, .modal-overlay.active.login form select:-webkit-autofill:focus, .modal-overlay.active.choose-projects form input:-webkit-autofill, .modal-overlay.active.choose-projects form input:-webkit-autofill:hover, .modal-overlay.active.choose-projects form input:-webkit-autofill:focus, .modal-overlay.active.choose-projects form textarea:-webkit-autofill, .modal-overlay.active.choose-projects form textarea:-webkit-autofill:hover, .modal-overlay.active.choose-projects form textarea:-webkit-autofill:focus, .modal-overlay.active.choose-projects form select:-webkit-autofill, .modal-overlay.active.choose-projects form select:-webkit-autofill:hover, .modal-overlay.active.choose-projects form select:-webkit-autofill:focus, .modal-overlay.active.share-project form input:-webkit-autofill, .modal-overlay.active.share-project form input:-webkit-autofill:hover, .modal-overlay.active.share-project form input:-webkit-autofill:focus, .modal-overlay.active.share-project form textarea:-webkit-autofill, .modal-overlay.active.share-project form textarea:-webkit-autofill:hover, .modal-overlay.active.share-project form textarea:-webkit-autofill:focus, .modal-overlay.active.share-project form select:-webkit-autofill, .modal-overlay.active.share-project form select:-webkit-autofill:hover, .modal-overlay.active.share-project form select:-webkit-autofill:focus {
border: 1px solid #8C8888;
background-color: #fff;
-webkit-text-fill-color: #000;
-webkit-box-shadow:0 0 0px 1000px #fff inset
}
.modal-overlay.active.login form div.form-group, .modal-overlay.active.choose-projects form div.form-group, .modal-overlay.active.share-project form div.form-group {
margin-bottom:7px
}
.modal-overlay.active.login form div.form-group label, .modal-overlay.active.choose-projects form div.form-group label, .modal-overlay.active.share-project form div.form-group label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
letter-spacing: 0.0625em;
font-size: 0.625em;
letter-spacing: 1px;
color:#8C8888
}
}
@media (min-width: 768px) and(max-width: 1120px) {
.modal-overlay.active.login .inner, .modal-overlay.active.choose-projects .inner, .modal-overlay.active.share-project .inner {
width:75%
}
}
.modal-overlay.active.choose-projects form label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 12px;
letter-spacing: 1.2px;
color:#8C8888
}
.modal-overlay.active.choose-projects form select {
width: 100%;
border: 1px solid #8C8888;
background-color: #fff;
padding:13px
}
.modal-overlay.active.choose-projects form select option {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
border-top: 1px solid red;
opacity: 1;
padding: 13px;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color:#B78452
}
.modal-overlay.active.choose-projects form input[type=email], .modal-overlay.active.choose-projects form input[type=text] {
background-color:#fff
}
.modal-overlay.active.choose-projects .assign_to_quote {
width: 100%;
position: relative;
margin-top: 32px;
color:#fff
}
.modal-overlay.active.choose-projects .assign_to_quote:hover {
color:#000
}
.modal-overlay.active.choose-projects .assign_to_quote:disabled {
color:#fff
}
.modal-overlay.active.choose-projects .projects-select-holder .lined-title {
font-size: 16px;
margin: 14px 0;
overflow:hidden
}
.modal-overlay.active.choose-projects .projects-select-holder .lined-title span:before, .modal-overlay.active.choose-projects .projects-select-holder .lined-title span:after {
width:1500%
}
.modal-overlay.active.choose-projects .projects-select-holder .Select .Select-placeholder {
background-color: #fff;
text-align: left;
padding-top: 11px;
color:#000
}
.modal-overlay.active.choose-projects .projects-select-holder .Select:focus {
outline:none
}
.modal-overlay.active.choose-projects .projects-select-holder .Select-menu-outer {
text-align:left
}
.modal-overlay.active.choose-projects .projects-select-holder .Select-menu-outer .Select-option {
color: #B78452;
border-bottom:1px solid #8C8888
}
.modal-overlay.active.choose-projects .projects-select-holder .Select-menu-outer .Select-option:first-of-type {
border-top:1px solid #8C8888
}
.modal-overlay.active.choose-projects .image-holder {
width: 100%;
position: absolute;
top: 0px;
left:0px
}
.modal-overlay.active.choose-projects .image-holder img {
width: 100%;
-o-object-fit: fill;
object-fit: fill;
-o-object-position: bottom;
object-position:bottom
}
.modal-overlay.active.choose-projects .close-modal {
right: 10px;
top:12px
}
.modal-overlay.active.choose-projects .projects-holder {
padding-top:132px
}
@media (min-width: 768px) and(max-width: 1120px) {
.modal-overlay.active.choose-projects .inner {
width:70% !important
}
}
@media screen and (min-width: 768px) {
.modal-overlay.active.choose-projects .inner {
top: 10%;
width:60%
}
.modal-overlay.active.choose-projects .modal-wrapper {
height:450px
}
.modal-overlay.active.choose-projects .left-modal-inner {
width: 63% !important;
vertical-align:top !important
}
.modal-overlay.active.choose-projects .right-modal-inner {
width: 37% !important;
background-image: url(/assets/project-select-background-desktop-e884e6262dad50fe3b0377e03cb0f6e5a5343e9971706c82d40cf1c47de11fca.png);
background-repeat: no-repeat;
background-size:100% 100%
}
}
@media screen and (min-width: 768px) {
.modal-overlay.active.share-project .inner {
top: 10%;
background-color: #ECECEC;
padding:0 20px
}
.modal-overlay.active.share-project .inner label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 12px;
letter-spacing:1.2px
}
.modal-overlay.active.share-project .inner label[for=show_pricing] {
font: 14px;
letter-spacing: 0px;
color:#000
}
.modal-overlay.active.share-project .inner label[for=show_pricing].checked:before {
background-color:#B78452
}
.modal-overlay.active.share-project .inner label[for=show_pricing].checked:after {
color:#fff
}
.modal-overlay.active.share-project .inner input[type=text]::-moz-placeholder, .modal-overlay.active.share-project .inner input[type=email]::-moz-placeholder, .modal-overlay.active.share-project .inner select::-moz-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 14px;
letter-spacing:0px
}
.modal-overlay.active.share-project .inner input[type=text]:-ms-input-placeholder, .modal-overlay.active.share-project .inner input[type=email]:-ms-input-placeholder, .modal-overlay.active.share-project .inner select:-ms-input-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 14px;
letter-spacing:0px
}
.modal-overlay.active.share-project .inner input[type=text]::-ms-input-placeholder, .modal-overlay.active.share-project .inner input[type=email]::-ms-input-placeholder, .modal-overlay.active.share-project .inner select::-ms-input-placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 14px;
letter-spacing:0px
}
.modal-overlay.active.share-project .inner input[type=text]::placeholder, .modal-overlay.active.share-project .inner input[type=email]::placeholder, .modal-overlay.active.share-project .inner select::placeholder {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 14px;
letter-spacing:0px
}
.modal-overlay.active.share-project .inner input[type=submit] {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 14px;
letter-spacing: 2.8px;
color:#fff
}
.modal-overlay.active.share-project .inner input[type=checkbox]:checked:before {
background:#B78452
}
.modal-overlay.active.share-project .inner .pricing-label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #8C8888;
font-size: 12px;
letter-spacing: 1.2px;
text-transform:uppercase
}
}
.modal-overlay.active.status-details .inner {
top:10%
}
.modal-overlay.active.status-details h2.headline {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
text-align: center;
font-size: 1.75em;
color: #333333;
letter-spacing: 0px;
margin-top: 50px;
margin-bottom:20px
}
.modal-overlay.active.status-details .close-modal {
opacity: 1.0;
height: 44px !important;
right: 20px !important;
top:12px !important
}
.modal-overlay.active.status-details table {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
letter-spacing: 1.4px;
color: #333333;
padding: 0 10%;
margin-bottom: 40px;
width: 100%;
border-collapse: separate;
border-spacing:0 20px
}
.modal-overlay.active.status-details table tr {
margin-bottom: 20px;
vertical-align:top
}
.modal-overlay.active.status-details table th {
text-align: left;
font-weight:200
}
.modal-overlay.active.status-details table th:first-child {
width:33%
}
.modal-overlay.active.status-details table th:last-child {
width:66%
}
.modal-overlay.active.status-details table td {
text-align:left
}
.modal-overlay.active.status-details table td:first-child {
text-transform:uppercase
}
.project-detail .mood-view, .order-detail .mood-view {
display:none
}
.project-detail .mood-view:before, .project-detail .mood-view:after, .order-detail .mood-view:before, .order-detail .mood-view:after {
content: "";
display:table
}
.project-detail .mood-view:after, .order-detail .mood-view:after {
clear:both
}
.project-detail .mood-view, .order-detail .mood-view {
* zoom:1
}
.project-detail .mood-view.active, .order-detail .mood-view.active {
display:block
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .items-wrapper, .order-detail .mood-view .items-wrapper {
display: flex;
flex-wrap: wrap;
width:100%
}
}
.project-detail .mood-view .single-line-item, .order-detail .mood-view .single-line-item {
width:100%
}
.project-detail .mood-view .single-line-item img, .order-detail .mood-view .single-line-item img {
display: block;
width:100%
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .item, .order-detail .mood-view .item {
margin-bottom: 1em;
width:calc(50% - .5em)
}
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .item:nth-of-type(3n), .order-detail .mood-view .item:nth-of-type(3n) {
width:100%
}
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .item:nth-of-type(3n + 1), .order-detail .mood-view .item:nth-of-type(3n + 1) {
margin-right:1em
}
}
.project-detail .mood-view .item .image img, .order-detail .mood-view .item .image img {
display: block;
width:100%
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .items-wrapper-alt, .order-detail .mood-view .items-wrapper-alt {
display: flex;
flex-wrap: wrap;
width:100%
}
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .items-wrapper-alt .item, .order-detail .mood-view .items-wrapper-alt .item {
margin-bottom: 1em;
width:calc(50% - .5em)
}
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .items-wrapper-alt .item:nth-of-type(3n-2), .order-detail .mood-view .items-wrapper-alt .item:nth-of-type(3n-2) {
width:100%
}
}
@media screen and (min-width: 768px) {
.project-detail .mood-view .items-wrapper-alt .item:nth-of-type(3n-1), .order-detail .mood-view .items-wrapper-alt .item:nth-of-type(3n-1) {
margin-right:1em
}
}
.project-detail .mood-view .items-wrapper-alt .item .image img, .order-detail .mood-view .items-wrapper-alt .item .image img {
display: block;
width:100%
}
@media screen and (min-width: 768px) {
body.orders.show .default-page-layout {
margin-top:100px
}
}
body.orders.show .view-order-button {
width: 200px;
margin: auto;
font-size:12px
}
.order-complete {
text-align: center;
padding:0 20px
}
@media screen and (min-width: 768px) {
.order-complete {
padding:0
}
}
.order-complete h1 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
color: #4A494C;
line-height: 1.4em;
margin-bottom: 30px;
letter-spacing:0.57px
}
.order-complete p {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: 0.75px;
line-height: 1.5em;
margin:0 0 20px 0
}
.order-complete p.mobile-only {
margin-bottom:60px
}
.order-complete p a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
border-bottom: 2px solid #BD965F;
font-size: 0.875em;
text-decoration:none
}
.order-complete .download-receipt {
margin-bottom:30px
}
.order-complete .download-receipt a {
transition: background 250ms ease-in-out;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #B78452;
border: 2px solid #B78452;
text-decoration: none;
padding: 10px 30px 10px 20px;
text-transform: uppercase;
font-size:0.8125em
}
.order-complete .download-receipt a:hover {
transition: background 250ms ease-in-out;
color: #B78452;
background:#fff
}
.order-complete .download-receipt a:after {
position: relative;
top: 7px;
left:10px
}
.order-complete .download-receipt a:active {
background-color:#fff !important
}
body.patents.index {
background-color:#EAE9E7
}
@media screen and (min-width: 768px) {
body.patents.index {
background-color:#EAE9E7
}
}
body.patents.index .main.patents .accordion-panel ul {
padding-left:14px
}
body.patents.index .main.patents .accordion-panel ul li {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 13px;
line-height: 21px;
margin-top: 0;
letter-spacing:1.4px
}
body.patents.index .main.patents h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
body.patents.index .main.patents h2 {
margin: 0;
text-align:left
}
}
body.patents.index .main.patents h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.25em;
letter-spacing: .38px;
text-align:center
}
@media (min-width: 1024px) {
body.patents.index .main.patents h3 {
margin: 0;
text-align:left
}
}
body.patents.index .main.patents p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
letter-spacing: .5px;
line-height:24px
}
body.patents.index .main.patents a {
cursor: pointer;
text-decoration: none;
color: #AE7948;
text-transform:uppercase
}
body.patents.index .main.patents a:hover {
text-decoration:underline
}
body.patents.index .main.patents .patents-wrapper:before, body.patents.index .main.patents .patents-wrapper:after {
content: "";
display:table
}
body.patents.index .main.patents .patents-wrapper:after {
clear:both
}
body.patents.index .main.patents .patents-wrapper {
* zoom:1
}
@media (min-width: 1024px) {
body.patents.index .main.patents .patents-wrapper {
position:relative
}
}
body.patents.index .main.patents h1.patents-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
line-height: normal;
margin-bottom:7px
}
@media screen and (min-width: 768px) {
body.patents.index .main.patents h1.patents-header {
margin-top:100px
}
}
@media screen and (min-width: 1400px) {
body.patents.index .main.patents h1.patents-header {
line-height:36px
}
}
body.patents.index .main.patents p.patents-description {
border-bottom: 1px solid #bcbbba;
padding-bottom:20px
}
body.patents.index .main.patents .patents-wrapper {
margin-bottom:200px
}
body.patents.index .main.patents table {
width: 100%;
text-align:left
}
@media screen and (min-width: 768px) {
body.patents.index .main.patents table {
width:50%
}
}
body.patents.index .main.patents tr {
padding:2px
}
body.patents.index .main.patents td, body.patents.index .main.patents th {
padding:10px
}
body.patents.index .main.patents th {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.125em;
letter-spacing: .38px;
line-height: normal;
margin-bottom: 7px;
padding-bottom:20px
}
@media screen and (min-width: 768px) {
body.patents.index .main.patents th {
margin-top:100px
}
}
@media screen and (min-width: 1400px) {
body.patents.index .main.patents th {
line-height: 36px;
padding-left:38px
}
}
body.patents.index .main.patents td {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #222222;
font-size: 1em;
letter-spacing: .5px;
line-height: 24px;
margin-bottom:43px
}
@media screen and (min-width: 1400px) {
body.patents.index .main.patents td {
padding-left:38px
}
}
body.privacy .privacy-content {
margin: 0 auto;
width:87.5%
}
@media (min-width: 1024px) {
body.privacy .privacy-content {
margin-top: 99px;
width:75%
}
}
body.privacy .privacy-sub-content {
margin: 0 auto;
width:87.5%
}
@media (min-width: 1024px) {
body.privacy .privacy-sub-content {
margin-top: 99px;
width:75%
}
}
h1.privacy-headline {
border-bottom: 1px solid #bcbbba;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
margin-top: 20px;
margin-bottom: 20px;
line-height: normal;
padding-bottom:20px
}
@media screen and (min-width: 768px) {
h1.privacy-headline {
margin-top:100px
}
}
section.main.privacy .privacy-category-header, section.privacy-sub-content .privacy-category-header {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
letter-spacing: 1px;
line-height: 30px;
margin-bottom: 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
section.main.privacy .privacy-category-header, section.privacy-sub-content .privacy-category-header {
margin-top:0
}
}
section.main.privacy p, section.privacy-sub-content p {
margin: 0;
margin-bottom:25px
}
section.main.privacy p, section.main.privacy ul, section.main.privacy li, section.privacy-sub-content p, section.privacy-sub-content ul, section.privacy-sub-content li {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: .44px;
line-height:24px
}
section.main.privacy ul, section.privacy-sub-content ul {
list-style-position:inside
}
section.main.privacy h2, section.privacy-sub-content h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
line-height: normal;
margin-bottom:15px
}
.product-detail .grid-row.top-padding {
padding-top: 300px;
background-color:#D2CDC8
}
@media screen and (min-width: 768px) {
.product-detail .grid-row.top-padding {
padding-top:0 !important
}
}
@media screen and (max-width: 768px) {
.product-detail .grid-row.top-padding.hide-on-config-start-mobile {
padding-top:0 !important
}
}
@media screen and (min-width: 768px) {
.product-detail .grid-row {
max-width:100%
}
}
.product-hero-image {
background-color: #D2CDC8;
position: relative;
z-index:98
}
.product-hero-image img {
display: block;
width:100%
}
.product-summary {
background-color:#E1E0DD
}
.product-summary.lead.logo-mark {
margin-top:55px
}
@media screen and (min-width: 768px) {
.product-summary.lead.logo-mark {
margin-top:0px
}
}
.product-summary.mobile-only {
padding-top:70px
}
.product-summary p.description {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1.125em;
letter-spacing: .45px;
line-height: 27px;
margin: 0 auto 26px;
max-width: 75%;
padding-top: 60px;
text-align:center
}
@media screen and (min-width: 768px) {
.product-summary p.description {
font-size: 1.5em;
letter-spacing: 0.046875em;
line-height: 2.375em;
margin-bottom: 55px;
padding-top:0
}
}
.product-summary .product-feature-image, .product-summary .product-carousel-image {
display: block;
position: relative;
width: 100%;
z-index:99
}
.product-summary .product-feature-image {
margin: 55px auto 0;
top:-55px
}
.product-modal-mask {
background-color: #ECECEC;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index:125
}
.product-detail-slider {
background-image: url(/assets/slider-bg-b93a3953116c97b21ff5b45cc745c9b31948c0c08ad784ffda945a436f6c1b49.svg);
background-position: center;
background-repeat: no-repeat;
height: 0.9375em;
margin: 1.875em auto 0;
max-width: 11.3125em;
position: relative;
width:100%
}
.product-detail-slider .slider-mark {
background-image: url(/assets/slider-diamond-5aa2cf72a9c0c1f64ef6a89f3b2e2ba27b74d3da07f8a7e55ca197c4efffff6c.svg);
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
display: block;
height: 0.9375em;
left: 0;
position: absolute;
right: 0;
top: 0.0625em;
width: 0.9375em;
z-index:99
}
.product-detail .configurator-summary.mobile-only {
background-color: #E1E0DD;
border-top: 1px solid #D7D3CF;
bottom: 45px;
display: block;
left: 0;
position: fixed;
padding: 0.625em 1.25em;
width: 100%;
z-index:9999
}
.product-detail .configurator-summary.mobile-only .product-quote-price .product-name, .product-detail .configurator-summary.mobile-only .product-quote-price .price-text {
font-size: 1.2em;
line-height: 1em;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style:normal
}
.product-detail .configurator-summary.mobile-only .product-quote-price .product-name small, .product-detail .configurator-summary.mobile-only .product-quote-price .price-text small {
font-size:0.4375em
}
.product-detail .configurator-summary.mobile-only .product-quote-price table {
width:100%
}
.product-detail .configurator-summary.mobile-only .product-quote-price td {
vertical-align:bottom
}
.product-detail .configurator-summary.mobile-only .product-quote-price td:first-of-type {
width:70%
}
.product-detail .configurator-summary.mobile-only .product-quote-price td:last-of-type {
text-align: right;
width:30%
}
.product-detail .configurator-summary.desktop-only {
position: relative;
float: right;
margin-right:0
}
@media screen and (max-width: 768px) {
.product-detail .configurator-options {
float: none;
width: 100%;
padding-bottom:200px
}
}
@media screen and (min-width: 768px) {
.product-detail .configurator-options {
float:left
}
}
.product-detail .configurator-options .customization-notice-wrapper {
background-color: #F4F4F4;
border: 2px solid #BD965F;
text-align: center;
padding: 12px;
margin-bottom:30px
}
.product-detail .configurator-options .customization-notice-wrapper.mobile-only {
margin: auto;
width:95%
}
.product-detail .configurator-options .customization-notice-wrapper .customization-notice-headline {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 0.6875em;
margin-bottom: 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.product-detail .configurator-options .customization-notice-wrapper .customization-notice-headline {
letter-spacing: 1.5px;
margin:0
}
}
.product-detail .configurator-options .customization-notice-wrapper .customization-notice-subheader {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.75em;
line-height: 1.375em;
margin-top:0
}
@media screen and (min-width: 768px) {
.product-detail .configurator-options .customization-notice-wrapper .customization-notice-subheader {
font-size: 1em;
line-height: 1.5em;
letter-spacing: .44px;
margin:0
}
}
.product-detail .configurator-options .customization-notice-link {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
border-bottom: 2px solid #BD965F;
text-decoration:none
}
.product-detail textarea.custom-requests-input {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
border: 1px solid slategray;
display: block;
padding: 10px;
margin-top: 1.25em;
min-height: 100px;
width: 100%;
font-size:0.85em
}
@media screen and (min-width: 768px) {
.product-detail textarea.custom-requests-input {
height: 216px;
letter-spacing: .75px;
margin-bottom: 36px;
margin-top: 21px;
padding:20px 30px 0 20px
}
}
.product-detail .custom-request-value {
font-style: italic;
opacity: 0.5;
padding-top: 0.9375em;
width:70%
}
.product-detail .custom-request-input-wrapper {
margin-top: 20px;
background-color: #F4F4F4;
padding:10px 20px
}
.product-detail #custom-requests-input {
margin-bottom: 0;
margin-top:0
}
.product-detail .custom-request-label {
margin-bottom: 0;
margin-top:0
}
.product-detail .custom-request-helper-text {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-size:0.625em
}
.product-detail .configurator-action-buttons-wrapper {
bottom: 0;
display: block;
left: 0;
position: fixed;
width: 100%;
z-index: 9999;
padding: 0;
min-height:auto
}
@media screen and (min-width: 768px) {
.product-detail .configurator-action-buttons-wrapper {
display: table;
position: relative;
z-index:1000
}
.product-detail .configurator-action-buttons-wrapper:before, .product-detail .configurator-action-buttons-wrapper:after {
content: "";
display:table
}
.product-detail .configurator-action-buttons-wrapper:after {
clear:both
}
.product-detail .configurator-action-buttons-wrapper {
* zoom:1
}
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons button {
width:100%
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons:before, .product-detail .configurator-action-buttons-wrapper .configurator-action-buttons:after {
content: "";
display:table
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons:after {
clear:both
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons {
* zoom:1
}
@media screen and (min-width: 768px) {
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons button {
width:49%
}
}
@media (min-width: 768px) and(max-width: 1280px) {
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons button {
float: none;
width:100%
}
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons .left {
float: left;
margin-right:2%
}
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons .right {
float:none
}
@media screen and (min-width: 768px) {
.product-detail .configurator-action-buttons-wrapper .configurator-action-buttons .right {
float:right
}
}
.product-detail .configurator-action-buttons-wrapper .what-is-this {
float: right;
margin-top: 0.625em;
width:50%
}
.product-detail .configurator-action-buttons-wrapper .what-is-this a {
font-size: 0.875em;
letter-spacing: 0.0833333333em;
text-align: center;
display: table;
margin: 1.5625em auto 0;
text-transform:none
}
@media (min-width: 768px) and(max-width: 1280px) {
.product-detail .configurator-action-buttons-wrapper .what-is-this {
float: none;
margin:0 auto
}
}
.product-detail .quantity-button {
font-size: 0.8125em;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (max-width: 768px) {
.product-detail .quantity-button {
position: absolute;
right: 1.25em;
top:2em
}
}
@media screen and (min-width: 768px) {
.product-detail .quantity-button {
float:none
}
}
.product-detail .product-quote-image {
background: #fff;
position: relative;
width:100%
}
.product-detail .product-quote-image img {
display: block;
width:100%
}
.product-detail .product-quote-image img.loading {
opacity:0.6
}
.product-detail .product-quote-image .product-quote-image-inner {
position:relative
}
.product-detail .product-quote-image .product-quote-image-inner .valid:hover {
cursor:pointer
}
.product-detail .product-quote-image .product-quote-image-inner .image-error-message-overlay {
background-color: rgba(0, 0, 0, 0.3);
display: flex;
position: absolute;
left: 0;
top: 0;
justify-content: center;
align-items: center;
height: 100%;
width:100%
}
.product-detail .product-quote-image .product-quote-image-inner .image-error-message {
background-color: #fff;
color: #333333;
font-size: 0.75em;
line-height: 20px;
padding: 10px 5%;
width: 80%;
text-align:center
}
@media screen and (min-width: 768px) {
.product-detail .product-quote-image .product-quote-image-inner .image-error-message {
max-width:65%
}
}
.product-detail .product-quote-image .product-quote-image-inner .image-error-message .image-error-header {
color: #BD965F;
display: block;
font-size: 1.2em;
letter-spacing: 1px;
text-transform:uppercase
}
.product-detail .product-quote-image button {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: none;
border-radius: 0;
height: 3.75em;
position: absolute;
right: 0;
top: 0;
width: 3.75em;
z-index:9
}
.product-detail .product-quote-image button.view-zoomed {
background-image:url(/assets/pdp-image-zoom-b1add12b0de1e829168afe1553feb57a947735cef9ea45ce72e97ac3e738441b.svg)
}
.product-detail .product-quote-image button.view-loading {
background-image: url(/assets/reload-a4026185e5e4c03706810f6550168b35d5897c45a821b5b237b690903850feec.svg);
background-size:65%
}
.whats-this-wrapper .modal-content {
margin: auto;
text-align: center;
width:67%
}
.product-detail .desktop-only .product-quote-panel {
margin-top: 1.25em;
position: absolute;
top:0
}
.product-detail .desktop-only .product-quote-panel.fixed {
margin-right: 0;
position: fixed;
top: 0;
width: 31.33%;
z-index:99
}
@media screen and (min-width: 768px) {
.product-detail .desktop-only .product-quote-panel {
margin-top:0
}
}
.product-detail .custom-request-not-specified {
font-style: italic;
opacity:0.5
}
.skewed-bg-top {
background-color: #D2CDC8;
position: relative;
height: 100px;
margin-top:-100px
}
@media screen and (min-width: 768px) {
.skewed-bg-top {
height: 225px;
margin-top:-205px
}
}
.skewed-bg-top:after {
content: '';
background: inherit;
-webkit-clip-path: polygon(100% 2%, 0 100%, 100% 100%);
clip-path: polygon(100% 2%, 0 100%, 100% 100%);
height: 75px;
left: 0;
position: absolute;
top: -75px;
width:100%
}
@media screen and (min-width: 768px) {
.skewed-bg-top:after {
top: -110px;
height:110px
}
}
.product-detail .logo-mark-footer-slash {
background-color: #D2CDC8;
padding-bottom:29px
}
@media screen and (min-width: 768px) {
.product-detail .logo-mark-footer-slash {
padding-bottom:117px
}
}
.product-detail .configurator-wrapper .fabric-collection-wrapper:before, .product-detail .configurator-wrapper .fabric-collection-wrapper:after {
content: "";
display:table
}
.product-detail .configurator-wrapper .fabric-collection-wrapper:after {
clear:both
}
.product-detail .configurator-wrapper .fabric-collection-wrapper {
* zoom:1
}
.fabric-collection-wrapper .footnote, .product-options-slider-wrapper .footnote {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8125em;
letter-spacing:0.1076923077em
}
.fabric-collection-wrapper .com-details-form, .product-options-slider-wrapper .com-details-form {
display: flex;
flex-wrap: wrap;
justify-content:space-between
}
.fabric-collection-wrapper .com-details-form .input-wrap, .product-options-slider-wrapper .com-details-form .input-wrap {
width:48%
}
.desktop-only .sleeping-info {
margin-top: -50px;
margin-bottom:50px
}
.product-detail .sleeping-info {
text-align:center
}
.product-detail .sleeping-info a {
font-size: 1em;
text-transform:none
}
.product-quote-row-cell.custom-request, .product-quote-row-cell.com-required-yardage {
float: none;
text-align:left !important
}
.product-quote-row-cell.custom-request p.quote-details-title, .product-quote-row-cell.com-required-yardage p.quote-details-title {
float:none !important
}
.product-quote-row-cell.custom-request p, .product-quote-row-cell.com-required-yardage p {
color: #666666;
text-align: left;
word-wrap:break-word
}
div.comfort-and-style {
background-color: inherit;
margin: 0;
padding-bottom: 1px;
padding-top: 10px;
text-align:center
}
div.comfort-and-style:before, div.comfort-and-style:after {
content: "";
display:table
}
div.comfort-and-style:after {
clear:both
}
div.comfort-and-style {
* zoom:1
}
@media screen and (min-width: 768px) {
div.comfort-and-style {
margin: 0 auto;
padding:108px 0 0 0
}
}
div.comfort-and-style h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.75em;
color: #333333;
letter-spacing: .75px;
line-height: 34px;
text-transform: uppercase;
margin:0 0 40px 0
}
@media screen and (min-width: 768px) {
div.comfort-and-style h2 {
color: #4A494C;
font-size: 2em;
letter-spacing: 2px;
line-height:40px
}
}
div.comfort-and-style h3 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 0.6875em;
letter-spacing: 2px;
margin: 0 0 20px 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
div.comfort-and-style h3 {
margin-bottom:35px
}
}
div.comfort-and-style .comfort-and-style-module {
margin-top: 20px;
margin: 0 auto;
margin-bottom: 80px;
text-align:center
}
@media screen and (max-width: 768px) {
div.comfort-and-style .comfort-and-style-module {
width:90% !important
}
}
@media screen and (min-width: 768px) {
div.comfort-and-style .comfort-and-style-module {
float: left;
margin-bottom: 0;
width:auto
}
}
div.comfort-and-style .comfort-and-style-module:last-of-type {
margin-bottom:15px
}
div.comfort-and-style .comfort-and-style-module-separator {
display:none
}
div.comfort-and-style .comfort-and-style-module-separator:before {
content:url(/assets/slash-separator-46e0c07d51ea94d804e1d7a531a4f15b1abab8bd5e42bac513409bfc1437452b.svg)
}
@media screen and (min-width: 768px) {
div.comfort-and-style .comfort-and-style-module-separator {
display: block;
float:left
}
}
div.comfort-and-style .comfort-and-style-bar {
bottom: 5px;
color: #4A494C;
height: 3px;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
width: 85%;
z-index:10
}
@media screen and (min-width: 768px) {
div.comfort-and-style .comfort-and-style-bar {
width:65%
}
}
div.comfort-and-style .comfort-and-style-bar .bar-through {
height: 2px;
background-color: #4A494C;
width: 100%;
position: absolute;
top:-10px
}
div.comfort-and-style .comfort-and-style-bar .scale-word-first, div.comfort-and-style .comfort-and-style-bar .scale-word-last {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
position: absolute;
bottom:-25px
}
div.comfort-and-style .comfort-and-style-bar .scale-word-first {
left:0
}
div.comfort-and-style .comfort-and-style-bar .scale-word-last {
right:0
}
div.comfort-and-style .comfort-and-style-bar span {
position: absolute;
bottom:0
}
div.comfort-and-style .comfort-and-style-bar span.diamond {
bottom: -5px;
font-size:24px
}
@media screen and (min-width: 768px) {
div.comfort-and-style .comfort-and-style-bar span.diamond {
bottom:0
}
}
div.comfort-and-style .comfort-and-style-bar span.circle {
font-size: 16px;
top:-21px
}
@media screen and (min-width: 768px) {
div.comfort-and-style .comfort-and-style-bar span.circle {
top:-18px
}
}
div.comfort-and-style .comfort-and-style-bar span.marker {
font-size: 10px;
top:-15px
}
div.comfort-and-style .comfort-and-style-bar-wrapper {
position: relative;
height:30px
}
#product-header-area {
padding: 18px 14px;
display: flex;
justify-content: space-between;
align-items:center
}
#product-header-area h1 {
margin-top: 0;
margin-bottom: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.75em;
color: #4A494C;
text-transform: uppercase;
letter-spacing: .75px;
line-height:32px
}
#product-header-area ul {
text-decoration: none;
padding-left: 0;
margin-bottom:0
}
#product-header-area li {
display: inline;
margin-right: 38px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
letter-spacing:1px
}
#product-header-area a {
cursor: pointer;
text-decoration: none;
color: #AE7948;
text-transform:uppercase
}
#product-header-area a:hover {
text-decoration:underline
}
#product-header-area button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
background-color: #BD965F;
border: none;
color: #fff;
line-height: 2.7272727273em;
letter-spacing: 0.1818181818em;
min-height: 4.0909090909em;
padding: 0 4.0909090909em 0;
text-align: center;
text-transform:uppercase
}
#product-header-area button:hover {
background-color:#CBC4B6
}
#product-hero-area img {
width:100%
}
@media screen and (min-width: 768px) {
.product-option-container {
min-height:100vh
}
}
.product-quote-panel .product-quote-price {
background-color: #E1E0DD;
color: #333333;
display: table;
padding: 0.9375em 1.25em 0.6875em;
table-layout: fixed;
width:100%
}
.product-quote-panel .product-quote-price .product-quote-price-cell {
display: table-cell;
vertical-align: top;
width:50%
}
.product-quote-panel .product-quote-price .product-quote-price-cell:last-of-type {
text-align:right
}
.product-quote-panel .product-quote-price .product-quote-price-cell-left {
width:45%
}
.product-quote-panel .product-quote-price .product-quote-price-cell-right {
width:55%
}
.product-quote-panel .product-quote-price .quote-title {
float: left;
font-size: 1.5em;
letter-spacing: 0.0416666667em;
line-height: 1.5em;
margin: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style:normal
}
.product-quote-panel .product-quote-price .price-text {
font-size: 0.625em;
letter-spacing: 0.125em;
text-transform:uppercase
}
.product-quote-panel .product-quote-price .price-text .price {
font-size: 2.4em;
letter-spacing: 0.1em;
line-height: 1.5em;
margin-left: 0.2em;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style:normal
}
.product-quote-panel .product-quote-price .price-text a {
color: #B78452;
text-decoration: underline;
cursor:pointer
}
.product-quote-panel .product-quote-details {
background-color: #F4F4F4;
min-height: 10em;
padding: 0;
width:100%
}
.product-quote-panel .product-quote-details .product-quote-row {
border-bottom: 1px solid #D7D3CF;
margin-bottom: 0;
padding: 0.5625em;
width: 100%;
display: table;
table-layout:fixed
}
.product-quote-panel .product-quote-details .product-quote-row .product-quote-row-cell {
display: table-cell;
vertical-align: top;
width:72%
}
.product-quote-panel .product-quote-details .product-quote-row .product-quote-row-cell:last-of-type {
padding-left: 1.25em;
text-align: right;
width:28%
}
@media screen and (min-width: 768px) {
.product-quote-panel .product-quote-details .product-quote-row .product-quote-row-cell:last-of-type {
padding-left: 0;
vertical-align:bottom
}
}
.product-quote-panel .product-quote-details .product-quote-row .option-value-price {
color: #666666;
margin: 0;
font-weight:900
}
@media screen and (min-width: 768px) {
.product-quote-panel .product-quote-details .product-quote-row .option-value-price {
line-height:1.75em
}
}
.product-quote-panel .product-quote-details .quote-details-title {
color: #666666;
font-size: 0.6875em;
letter-spacing: 0.125em;
line-height: 1.6666666667em;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
float: left;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.product-quote-panel .product-quote-details .quote-details-title {
width:100%
}
}
.product-quote-panel .product-quote-details .quote-details-value {
font-weight:900
}
.product-quote-panel .product-quote-details .quote-details-value.no-custom-request {
font-style:italic
}
.product-quote-panel .product-quote-details .product-detail-customization {
color: #666666;
font-size: 0.875em;
text-transform: none;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.product-quote-panel .product-quote-details .product-detail-customization {
font-weight: 900;
display: inline-block;
margin-top:4px
}
}
.product-quote-panel .product-quote-details ul {
font-size: 0.75em;
line-height: 1.25em;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
float:right
}
.product-quote-panel .product-quote-details ul li {
letter-spacing: 0.0833333333em;
line-height:1.6666666667em
}
.product-quote-panel .product-quote-details .product-detail-dimensions {
color: #4A494C;
display:block
}
.grid-row.product-customize {
padding-left: 0;
padding-right:0
}
@media screen and (min-width: 768px) {
.grid-row.product-customize {
padding-top:69px
}
}
.grid-row.product-customize h1.staggered {
font-size: 1.625em;
line-height: 1.25em;
margin: 0 auto;
margin-bottom:50px
}
@media screen and (min-width: 768px) {
.grid-row.product-customize h1.staggered {
letter-spacing: 1.71px;
line-height: 44px;
font-size:2.5em
}
}
@media screen and (min-width: 768px) {
.configurator-wrapper {
margin-bottom:9.375em
}
}
.configurator-wrapper button.start-configurator {
margin-bottom: 57px;
margin-top:51px
}
@media screen and (min-width: 768px) {
.configurator-wrapper button.start-configurator {
margin-bottom: 138px;
margin-top:46px
}
}
.configurator-wrapper .hr-dimension-container-top {
margin: auto;
width: 65%;
position: absolute;
text-align: center;
top: 0px;
left: 0px;
right:0px
}
.configurator-wrapper .hr-dimension-container-right {
position: absolute;
right: 10%;
top: 0px;
bottom: 0px;
display: flex;
align-items: center;
height: 30%;
padding-left: 5px;
margin-top:25%
}
.configurator-wrapper .hr-dimension-container-left {
position: absolute;
left: 10%;
top: 0px;
bottom: 0px;
display: flex;
align-items: center;
height: 30%;
padding-right: 5px;
margin-top:25%
}
.configurator-wrapper .orientation-drawing {
width:30%
}
@media screen and (min-width: 768px) {
.product-customize-options {
padding-left: 100px;
padding-right:100px
}
}
.product-customize-options:before, .product-customize-options:after {
content: "";
display:table
}
.product-customize-options:after {
clear:both
}
.product-customize-options {
* zoom:1
}
.product-customize-options .col-8-12 {
position:relative
}
.product-options-title-row {
text-align: center;
margin-top: 7.5em;
overflow:hidden
}
.product-options-title-row:first-of-type {
margin-top:0
}
.product-options-title-row a {
display: table;
letter-spacing: 0.09375em;
margin: 0 auto 1.875em;
text-align: center;
text-transform: none;
transition:0.5s all
}
.product-customize-options .product-options {
display:block
}
.carousel-wrapper {
background-color: #D2CDC8;
width: 100%;
z-index:10
}
@media screen and (min-width: 768px) {
.carousel-wrapper {
background-color: transparent;
position: static;
padding-top:78px
}
}
@media screen and (max-width: 768px) {
.carousel-wrapper.hide-on-config-start-mobile {
display:none !important
}
}
#pdp-carousel {
display:none !important
}
#pdp-carousel.loaded {
display:block !important
}
.product-detail-carousel.slick-slider {
height: 100%;
margin-bottom: 0 !important;
padding-bottom:1.875em
}
.product-detail-carousel.slick-slider .slick-list {
height:100%
}
.product-detail-carousel.slick-slider .slick-track {
height:100%
}
.product-detail-carousel.slick-slider .slide-image-wrapper {
height: 100%;
width:100%
}
.product-detail-carousel.slick-slider .slide-image-wrapper img {
margin: 0 auto;
width:100%
}
@media screen and (max-width: 768px) {
.product-detail-carousel.slick-slider .slide-image-wrapper img.vertical-image.resized-vertical {
height: 100%;
max-width: none !important;
width:auto !important
}
}
@media screen and (min-width: 768px) {
.product-detail-carousel.slick-slider .slide-image-wrapper img {
height: 100%;
width: auto;
max-width:none !important
}
}
.product-menu-wrapper {
background-color: #D2CDC8;
display: block;
width: 100%;
z-index:9999
}
@media screen and (min-width: 768px) {
.product-menu-wrapper {
display: flex;
height: 140px;
max-width: none;
position:relative
}
}
.product-menu-wrapper .login-button-wrapper {
position: absolute;
bottom:32%
}
@media screen and (min-width: 768px) {
.product-menu-wrapper .login-button-wrapper {
line-height: 4.0909090909em;
min-height:4.0909090909em
}
}
.product-menu-wrapper a.button.mobile-only {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.6875em;
padding: 2.0454545455em 4.0909090909em;
position: relative;
z-index:10
}
@media screen and (min-width: 768px) {
.product-menu-wrapper a.button.mobile-only:hover {
background-color:#CBC4B6
}
}
.product-menu-wrapper .price-text {
display: none;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.product-menu-wrapper .price-text {
display: block;
float: left;
width: 30%;
letter-spacing: 0.2em;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
margin: 0;
font-size:0.625em
}
.product-menu-wrapper .price-text span.price {
font-size: 3.1em;
margin-left:0.125em
}
}
.product-menu-left {
position: relative;
width:100%
}
@media screen and (min-width: 768px) {
.product-menu-left {
display: flex;
align-items: center;
height: 100%;
width:75%
}
}
@media (min-width: 1024px) and(max-width: 1280px) {
.product-menu-left {
width:70%
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.product-menu-left {
width:64%
}
}
.product-menu-right {
display:none
}
@media screen and (min-width: 768px) {
.product-menu-right {
display: inline-block;
height: 100%;
width:25%
}
}
@media (min-width: 1024px) and(max-width: 1280px) {
.product-menu-right {
width:30%
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.product-menu-right {
width:36%
}
}
.product-menu-right button.large {
display: block;
letter-spacing: 0.2636363636em;
line-height: 1.4545454545em;
min-width: 20em;
position: absolute;
bottom: 32%;
z-index:99
}
.product-menu-right a.underlined {
cursor: pointer;
display: table;
letter-spacing: 0.125em;
margin: 0 auto;
position: relative;
z-index:99
}
@media screen and (min-width: 768px) {
.product-menu-right .skewed-background-wrapper {
align-items: center;
display: inline-block;
height: 100%;
position: relative;
background-color: #efefef;
width:100%
}
.product-menu-right .skewed-background-wrapper:before {
background-color: #efefef;
content: "";
display: block;
left: -44px;
height: 100%;
position: absolute;
top: 0;
transform: skewX(-24deg);
width: 85px;
z-index:0
}
}
.product-menu-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:center
}
.product-menu-links.mobile-only {
background-color: #efefef;
text-align: center;
padding:21px 16px
}
@media screen and (min-width: 768px) {
.product-menu-links {
justify-content:flex-start
}
}
.product-menu-links .pdp-menu-bar-link-wrapper {
border-right: 1px solid #333333;
padding: 0 14px;
width: 48%;
line-height:11px
}
.product-menu-links .pdp-menu-bar-link-wrapper:first-of-type {
border-left: none;
margin-left: 0;
margin-bottom:10px
}
.product-menu-links .pdp-menu-bar-link-wrapper:nth-child(2) {
border-right: none;
margin-bottom:10px
}
.product-menu-links .pdp-menu-bar-link-wrapper:last-of-type {
border-right: none;
margin-right:0
}
@media screen and (min-width: 768px) {
.product-menu-links .pdp-menu-bar-link-wrapper {
padding: 0 28px;
width:auto
}
.product-menu-links .pdp-menu-bar-link-wrapper:first-of-type {
padding-left: 0;
margin-bottom:0
}
.product-menu-links .pdp-menu-bar-link-wrapper:nth-child(2) {
border-right: 1px solid #333333;
margin-bottom:0
}
.product-menu-links .pdp-menu-bar-link-wrapper:last-of-type {
padding-right:0
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.product-menu-links .pdp-menu-bar-link-wrapper {
padding:0 14px
}
}
.product-menu-links .pdp-menu-bar-link-wrapper a {
color: #333333;
font-size: 0.6875em;
letter-spacing: 1.5px;
line-height: 1em;
text-decoration: none;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.product-menu-links .pdp-menu-bar-link-wrapper a {
font-size:0.75em
}
.product-menu-links .pdp-menu-bar-link-wrapper a:hover {
cursor: pointer;
color:#ECECEC
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.product-menu-links .pdp-menu-bar-link-wrapper a {
font-size:0.625em
}
}
.product-title-area {
padding: 57px 10px 60px;
text-align: center;
width:100%
}
@media screen and (min-width: 768px) {
.product-title-area {
padding: 0 0 0 40px;
text-align: left;
width:90%
}
}
@media (min-width: 768px) and(max-width: 1280px) {
.product-title-area {
padding: 0 0 0 30px;
width:86%
}
}
.product-title-area .title {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.75em;
color: #4A494C;
text-transform: uppercase;
letter-spacing: .75px;
line-height: 32px;
margin: 0 0 47px 0;
width:100%
}
@media screen and (min-width: 1400px) {
.product-title-area .title {
font-size:2.25em
}
}
@media (min-width: 1024px) {
.product-title-area .title {
font-size:2em
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.product-title-area .title {
font-size:1.5em
}
}
@media screen and (min-width: 768px) {
.product-title-area .title {
margin:0 0 18px 0
}
}
.product-modal {
background-color: #ECECEC;
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index:150
}
.product-modal .close-modal {
background-color: transparent;
border: none;
outline: none;
padding: 0;
position: absolute;
top: 1.875em;
right: 1.875em;
z-index:99
}
.product-modal.active {
display:block !important
}
.product-modal.product-details {
display: none;
padding-top:5.625em
}
.product-modal.product-details h1 {
font-size: 2em;
font-weight: 300;
letter-spacing: 0.45em;
line-height: 1.1875em;
margin-bottom: 2.1875em;
text-align: center;
text-transform:uppercase
}
.product-modal.product-details h2 {
font-size: 1.25em;
font-weight: 300;
letter-spacing: 0.28125em;
line-height: 0.8em;
text-align: center;
text-transform:uppercase
}
.product-modal.product-details .product-details-intro {
padding-bottom:2.8125em
}
.product-modal.product-details .product-details-intro h2 {
margin-bottom:2.2em
}
.product-modal.product-details .product-details-intro .detail-images .detail-images-wrap {
width:100%
}
.product-modal.product-details .product-details-intro .detail-images .detail-images-wrap img {
display:block
}
.product-modal.product-details .product-details-intro .detail-table table {
width:100%
}
.product-modal.product-details .product-details-intro .detail-table table tr:last-of-type {
margin-bottom:0
}
.product-modal.product-details .product-details-intro .detail-table table tr th {
font-size: 0.75em;
font-weight: 300;
letter-spacing: 0.16875em;
line-height: 1.3333333333em;
padding-bottom: 1.5833333333em;
text-align: left;
text-transform:uppercase
}
.product-modal.product-details .product-details-intro .detail-table table tr td {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75em;
line-height: 1.5833333333em;
padding-bottom:1.5833333333em
}
.product-modal.product-details .logo-mark.vertical-split-center {
margin-top: 45px;
z-index:99
}
.product-modal.product-details .product-details-features {
background-color: #E1E0DD;
-webkit-clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%);
clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%);
padding-bottom: 5.625em;
padding-top:10.9375em
}
.product-modal.product-details .product-details-features h2 {
margin-bottom:3em
}
.product-modal.product-details .product-details-features .feature-row {
display: table;
margin-bottom: 5.625em;
width:100%
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature {
padding: 0 0.9375em;
position:relative
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature img {
display: block;
margin:0 auto
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature .product-detail-feature-description {
font-size: 0.9375em;
letter-spacing: 0.09375em;
line-height: 1.9333333333em;
text-align:center
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature .product-detail-feature-title {
font-size: 0.875em;
letter-spacing: 0.08125em;
line-height: 2.1428571429em;
text-align: center;
text-transform:uppercase
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature:after {
content: "";
display: block;
height: 100%;
width: 1px;
background-color: #333333;
position: absolute;
right: -5%;
top:0
}
.product-modal.product-details .product-details-features .feature-row .product-detail-feature:last-of-type:after {
content:none
}
.product-modal.product-preview {
display: none;
padding-bottom:10.625em
}
.product-modal.product-preview .product-preview-hero {
margin-bottom:1.5625em
}
.product-modal.product-preview .product-preview-hero img {
width:100%
}
.product-modal.product-preview .product-preview-options .lined-title {
margin-bottom:0.5625em
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices.inactive {
display:none
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-title {
font-size: 0.75em;
letter-spacing: 0.18125em;
line-height: 1.3333333333em;
text-transform:uppercase
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-button {
cursor: pointer;
display: block;
float: left;
height: 4.6875em;
position: relative;
width:100%
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-button img.choice-button-image {
float: left;
height: 4.6875em;
width:4.6875em
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-button img.choice-button-chevron {
position: absolute;
right: 0.9375em;
top: 50%;
transform:translateY(-50%)
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-button .choice-button-right {
background-color: #fff;
float: right;
height: 4.6875em;
padding: 0.75em 0.9375em;
width:calc(100% - 75px)
}
.product-modal.product-preview .product-preview-options .product-preview-options-choices .product-choices-row .choice-button .choice-button-right .spaced-subtitle {
text-align: left;
line-height: 1.6666666667em;
margin-top:0.3125em
}
.product-modal.product-preview .product-preview-options .product-preview-options-selection {
display:none
}
.product-modal.product-preview .product-preview-options .product-preview-options-selection.active {
display:block
}
.product-options-row p, .configurator-summary p {
margin:0 0 0.3125em 0
}
.product-options-row {
display: table;
table-layout: fixed;
width: 100%;
position: relative;
border-bottom: 1px solid #D7D3CF;
min-height: 5em;
padding:0.625em 1.25em
}
@media screen and (min-width: 768px) {
.product-options-row {
border-bottom: none;
display: block;
margin-top: 20px;
margin-bottom:45px
}
}
.options-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom:30px
}
.option-columns {
display: flex;
flex-wrap: wrap;
width:100%
}
.product-options-row .selection {
border: 2px solid transparent;
padding: 10px;
text-align: center;
transition: 0.5s all;
position: relative;
width: 100%;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.product-options-row .selection {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 1%;
width:18%
}
.product-options-row .selection:hover {
border:2px solid #E1E0DD
}
.product-options-row .selection.unselectable {
cursor: auto !important;
opacity: 0.3;
border:none
}
}
.product-options-row .selection img {
width:100%
}
.product-options-row .selection p {
line-height:22px
}
.product-options-row .selection.selection-selected {
background-color: #F4F4F4;
border:2px solid #BD965F
}
.selection.text-option {
display: flex;
justify-content: center;
align-items: center;
background-color:#F4F4F4
}
@media screen and (min-width: 768px) {
.selection.text-option {
height:80px
}
}
.selection.text-option.unselectable {
cursor: auto !important;
opacity: 0.3;
border:none
}
.option-columns.two-columns .selection {
width:100%
}
@media screen and (min-width: 768px) {
.option-columns.two-columns .selection {
width:48%
}
}
.options-container.size-options .selection {
padding:40px 0
}
.options-container.size-options .selection img {
width:66.66%
}
@media (min-width: 2000px) {
.options-container.size-options .selection img {
width:50%
}
}
@media screen and (min-width: 768px) {
.options-container.size-options .selection {
margin: 0;
width: 50%;
height:250px
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.options-container.size-options .selection {
height:200px
}
}
.selection.size-selection-mobile {
background-color: #F4F4F4;
padding-bottom: 0;
padding-top:0
}
.selection-details {
padding: 20px 0 0 0;
vertical-align:middle
}
@media (min-width: 768px) and(max-width: 1280px) {
.selection-details {
height:100px
}
}
.text-option .selection-details {
padding:0
}
@media (min-width: 768px) and(max-width: 1280px) {
.text-option .selection-details {
height:auto
}
}
.size-selection-mobile .selection-details {
padding:10px 0
}
.com-required-yardage-row {
margin-bottom:20px
}
.product-options-row .fabric-collection.customers-own {
margin-bottom:20px
}
.fabric-collection-wrapper .options-container {
justify-content:center
}
.product-options-row .selection-prompt {
font-size: 0.65em;
line-height: 0.75em;
margin-bottom: 0;
max-width: 80%;
opacity:0.5
}
.product-options-row .selection-prompt.selection-present {
opacity:1
}
.product-options-row .toggle-row {
outline: none;
position: absolute;
right: 1.25em;
top: 48%;
width: 30px;
height:30px
}
.product-options-row .toggle-row:before {
width: 30px;
height: 30px;
content: '';
background-image: url(/assets/arrow-orange-right-eb2de144d8b26239a350586f4260149a3b8dfae5575f702f58be3acde95f8783.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 9px 15px;
position:absolute
}
.product-options-row .toggle-row.open {
top:0.4375em
}
.product-options-row .toggle-row.open:before {
background-image: url(/assets/arrow-orange-down-48653ba63bd80741ea784e8118badd9c34eddb12b6b1ddf3d581e1a04445252a.svg);
background-size:19px 12px
}
.product-options-row .option-name {
font-size: 0.5em;
text-transform:uppercase
}
.product-options-row .option-name.custom-requests {
padding-left:2.5em
}
.product-options-row .option-name.custom-requests:before {
content: url(/assets/icon-custom-request-58c18ae3f71048ed4ca32d12e12b88fdc246e74c3c08c69f51d4ffb3bdb9bc37.svg);
position: absolute;
left:1.875em
}
@media screen and (max-width: 768px) {
.product-options-wrapper-mobile {
display: table-cell;
vertical-align: middle;
width:100%
}
}
.option-selection-wrapper {
margin: 0.625em 0;
width:80%
}
.option-selection-wrapper .option-selection-img {
float: left;
margin: 0 0.625em 0.625em 0;
width:15%
}
.option-selection-wrapper .option-value {
font-size:0.5em
}
.custom-size-input-label {
display: block;
margin-bottom:8px
}
@media (min-width: 1024px) {
.custom-size-input-label {
display: inline-block;
margin-right:10px
}
}
.custom-size-input-field {
height: 32px;
width:75%
}
@media (min-width: 1024px) {
.custom-size-input-field {
width:50%
}
}
.custom-size-input-mobile {
font-size:0.65em
}
.custom-size-input-mobile .selection-details {
background-color: #E1E0DD;
margin-top: 0.625em;
padding:0.625em 0
}
.product-options-slider-wrapper {
margin-bottom: 0.625em;
padding: 0.625em 0;
overflow: hidden;
width:100%
}
.product-options-slider-wrapper .slick-slide {
margin-right:0.9375em
}
.options-container.size-options .selection:nth-of-type(odd):before {
border-right: 1px solid #c2c2c2;
transition: 0.5s border-color ease-in-out;
content: '';
position: absolute;
right: -3px;
bottom: 9%;
height: 82%;
width:1px
}
.options-container.size-options .selection:nth-of-type(odd).selection-selected:before {
border-right:1px solid transparent
}
.options-container.size-options .selection:after {
content: '';
position: absolute;
bottom: -3px;
left: 3%;
height: 1px;
width: 94%;
border-bottom: 1px solid #c2c2c2;
transition:0.5s border-color ease-in-out
}
.options-container.size-options .selection.selection-selected:after {
border-bottom:1px solid transparent
}
.options-container.size-options .selection:last-of-type:after, .options-container.size-options .selection:nth-of-type(odd):last-of-type:after, .options-container.size-options .selection:nth-last-of-type(2):nth-of-type(odd):after {
border-bottom:none
}
.products-list-wrapper .product-row {
border-bottom: 0.1875em solid #D7D3CF;
display: block;
padding-bottom: 0;
position: relative;
text-align: center;
width:100%
}
@media screen and (min-width: 768px) {
.products-list-wrapper .product-row {
height: auto;
margin-top: 0;
padding-bottom: 0;
width:100%
}
.products-list-wrapper .product-row.active-rollover {
cursor:pointer
}
.products-list-wrapper .product-row.active-rollover .background-holder {
opacity:1
}
.products-list-wrapper .product-row.active-rollover .product-wrapper img, .products-list-wrapper .product-row.active-rollover .product-title, .products-list-wrapper .product-row.active-rollover .isolated-image, .products-list-wrapper .product-row.active-rollover .logo-mark {
opacity:0
}
}
.products-list-wrapper .product-row:last-of-type {
border-bottom:none
}
@media (min-width: 768px) and(max-width: 1280px) {
.products-list-wrapper .product-row {
height:auto
}
}
.products-list-wrapper .isolated-image {
display: block;
transition: opacity 0.25s linear;
width:100%
}
.products-list-wrapper .isolated-image-rollover-area {
height: 61%;
left: 0;
margin: 0 auto;
max-width: 1080px;
position: absolute;
right: 0;
top: 12.5%;
width: 100%;
z-index:100
}
.products-list-wrapper .background-holder {
opacity: 0;
width: 100%;
margin:0 auto
}
@media screen and (min-width: 768px) {
.products-list-wrapper .background-holder {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition:opacity 0.25s linear
}
}
.products-list.grid-view .background-holder {
background-size:cover
}
.products-list-wrapper .product-wrapper {
height: 100%;
position: relative;
text-decoration: none;
background-repeat: no-repeat;
background-size: 100%;
max-width: 1280px;
margin:0 auto
}
.products-list-wrapper .content-wrapper {
position: absolute;
margin: 0 auto;
width: 100%;
height: 21%;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
bottom: 2%;
visibility:hidden
}
.products-list-wrapper .content-wrapper.visible {
visibility:visible
}
.products-list-wrapper .content-wrapper-inner {
width:100%
}
.products-list-wrapper .product-image {
opacity: 1;
transition: opacity 0.25s linear;
display: block;
margin: 0 auto;
margin-bottom: 20px;
width:60%
}
@media screen and (min-width: 768px) {
.products-list-wrapper .product-image {
margin-bottom:65px
}
}
@media (min-width: 1024px) {
.products-list-wrapper .product-image {
height: auto;
width:auto
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.products-list-wrapper .product-image {
height: auto;
width:90%
}
}
.products-list-wrapper .product-name {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
color: #413C3C;
font-weight: 300;
line-height: 1.1666666667em;
letter-spacing: 0.1em;
margin: 0;
text-align: center;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.products-list-wrapper .product-name {
font-size: 2em;
letter-spacing: 0.1em;
line-height: 1.1875em;
margin-bottom:15px
}
}
@media (min-width: 768px) and(max-width: 1280px) {
.products-list-wrapper .product-name {
font-size:1.375em
}
}
.products-list-wrapper .product-title {
opacity: 1;
text-decoration: none;
transition: opacity 0.25s linear;
display:inline-block
}
.products-list-wrapper .logo-mark {
opacity: 1;
margin: 0 auto;
transition: opacity 0.25s linear;
display:none
}
@media screen and (min-width: 768px) {
.products-list-wrapper .logo-mark {
display:block
}
}
.products-list.list-view .background-holder.grid-image {
opacity:0 !important
}
.products-list.grid-view .background-holder.list-image {
opacity:0 !important
}
.grid-row {
box-sizing: border-box;
position: relative;
width: 100%;
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
@media screen and (max-width: 768px) {
.grid-row {
* zoom:1;
width: auto;
max-width: 100%;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right:20px
}
.grid-row:before, .grid-row:after {
content: '';
display:table
}
.grid-row:after {
clear:both
}
}
.grid-row.no-gutter {
padding-left: 0;
padding-right:0
}
.grid-row.full-width {
* zoom:1;
width: auto;
max-width: 2500px;
float: none;
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 100px;
padding-right:100px
}
.grid-row.full-width:before, .grid-row.full-width:after {
content: '';
display:table
}
.grid-row.full-width:after {
clear:both
}
.grid-row.full-width.no-gutter {
padding-left: 0;
padding-right:0
}
@media screen and (max-width: 768px) {
.grid-row.no-gutter-mobile {
padding-left: 0;
padding-right:0
}
}
.col-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 6.5%;
margin-left: 0%;
margin-right:2%
}
.col-1-12:before, .col-1-12:after {
content: '';
display:table
}
.col-1-12:after {
clear:both
}
.col-1-12:last-child {
margin-right:0%
}
.col-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 15%;
margin-left: 0%;
margin-right:2%
}
.col-2-12:before, .col-2-12:after {
content: '';
display:table
}
.col-2-12:after {
clear:both
}
.col-2-12:last-child {
margin-right:0%
}
.col-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 23.5%;
margin-left: 0%;
margin-right:2%
}
.col-3-12:before, .col-3-12:after {
content: '';
display:table
}
.col-3-12:after {
clear:both
}
.col-3-12:last-child {
margin-right:0%
}
.col-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 32%;
margin-left: 0%;
margin-right:2%
}
.col-4-12:before, .col-4-12:after {
content: '';
display:table
}
.col-4-12:after {
clear:both
}
.col-4-12:last-child {
margin-right:0%
}
.col-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 40.5%;
margin-left: 0%;
margin-right:2%
}
.col-5-12:before, .col-5-12:after {
content: '';
display:table
}
.col-5-12:after {
clear:both
}
.col-5-12:last-child {
margin-right:0%
}
.col-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 49%;
margin-left: 0%;
margin-right:2%
}
.col-6-12:before, .col-6-12:after {
content: '';
display:table
}
.col-6-12:after {
clear:both
}
.col-6-12:last-child {
margin-right:0%
}
.col-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 57.5%;
margin-left: 0%;
margin-right:2%
}
.col-7-12:before, .col-7-12:after {
content: '';
display:table
}
.col-7-12:after {
clear:both
}
.col-7-12:last-child {
margin-right:0%
}
.col-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66%;
margin-left: 0%;
margin-right:2%
}
.col-8-12:before, .col-8-12:after {
content: '';
display:table
}
.col-8-12:after {
clear:both
}
.col-8-12:last-child {
margin-right:0%
}
.col-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 74.5%;
margin-left: 0%;
margin-right:2%
}
.col-9-12:before, .col-9-12:after {
content: '';
display:table
}
.col-9-12:after {
clear:both
}
.col-9-12:last-child {
margin-right:0%
}
.col-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83%;
margin-left: 0%;
margin-right:2%
}
.col-10-12:before, .col-10-12:after {
content: '';
display:table
}
.col-10-12:after {
clear:both
}
.col-10-12:last-child {
margin-right:0%
}
.col-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.5%;
margin-left: 0%;
margin-right:2%
}
.col-11-12:before, .col-11-12:after {
content: '';
display:table
}
.col-11-12:after {
clear:both
}
.col-11-12:last-child {
margin-right:0%
}
.col-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:2%
}
.col-12-12:before, .col-12-12:after {
content: '';
display:table
}
.col-12-12:after {
clear:both
}
.col-12-12:last-child {
margin-right:0%
}
.span-1-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 8.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-1-12:before, .span-1-12:after {
content: '';
display:table
}
.span-1-12:after {
clear:both
}
.span-2-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 16.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-2-12:before, .span-2-12:after {
content: '';
display:table
}
.span-2-12:after {
clear:both
}
.span-3-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 25%;
margin-left: 0%;
margin-right:0%
}
.span-3-12:before, .span-3-12:after {
content: '';
display:table
}
.span-3-12:after {
clear:both
}
.span-4-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 33.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-4-12:before, .span-4-12:after {
content: '';
display:table
}
.span-4-12:after {
clear:both
}
.span-5-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 41.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-5-12:before, .span-5-12:after {
content: '';
display:table
}
.span-5-12:after {
clear:both
}
.span-6-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 50%;
margin-left: 0%;
margin-right:0%
}
.span-6-12:before, .span-6-12:after {
content: '';
display:table
}
.span-6-12:after {
clear:both
}
.span-7-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 58.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-7-12:before, .span-7-12:after {
content: '';
display:table
}
.span-7-12:after {
clear:both
}
.span-8-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 66.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-8-12:before, .span-8-12:after {
content: '';
display:table
}
.span-8-12:after {
clear:both
}
.span-9-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 75%;
margin-left: 0%;
margin-right:0%
}
.span-9-12:before, .span-9-12:after {
content: '';
display:table
}
.span-9-12:after {
clear:both
}
.span-10-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 83.3333333333%;
margin-left: 0%;
margin-right:0%
}
.span-10-12:before, .span-10-12:after {
content: '';
display:table
}
.span-10-12:after {
clear:both
}
.span-11-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 91.6666666667%;
margin-left: 0%;
margin-right:0%
}
.span-11-12:before, .span-11-12:after {
content: '';
display:table
}
.span-11-12:after {
clear:both
}
.span-12-12 {
* zoom:1;
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right:0%
}
.span-12-12:before, .span-12-12:after {
content: '';
display:table
}
.span-12-12:after {
clear:both
}
.push-right {
float:right
}
.project-detail, .checkout-content, .order-detail {
margin: 0 auto;
width:100%
}
.project-detail header, .checkout-content header, .order-detail header {
background-color: #EAEAE8;
padding: 6.75em 1.5em 0.75em;
border-bottom:1px solid #999999
}
@media (min-width: 1024px) {
.project-detail header, .checkout-content header, .order-detail header {
padding:1em 0 0.75em 0
}
}
@media screen and (min-width: 768px) {
.project-detail header .project-info, .checkout-content header .project-info, .order-detail header .project-info {
margin:auto
}
}
.project-detail header h1, .checkout-content header h1, .order-detail header h1 {
color: #454348;
line-height: initial;
margin: 0 0 0.5em;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:2em
}
@media screen and (min-width: 768px) {
.project-detail header h1, .checkout-content header h1, .order-detail header h1 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
text-align: center;
overflow:hidden
}
.project-detail header h1 span, .checkout-content header h1 span, .order-detail header h1 span {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em !important;
letter-spacing: 0px;
color: #000;
text-transform: capitalize !important;
margin-top:0px !important
}
.project-detail header h1 span:before, .project-detail header h1 span:after, .checkout-content header h1 span:before, .checkout-content header h1 span:after, .order-detail header h1 span:before, .order-detail header h1 span:after {
content: "";
position: absolute;
border-top: 1px solid #333333;
top: 0;
width:5000%
}
.project-detail header h1 span:before, .checkout-content header h1 span:before, .order-detail header h1 span:before {
right: 100%;
margin-right: 0.625em;
margin-top:1.0416666667em
}
.project-detail header h1 span:after, .checkout-content header h1 span:after, .order-detail header h1 span:after {
left: 100%;
margin-left: 0.625em;
margin-top:1.0416666667em
}
}
.project-detail header p, .project-detail header h1 span, .checkout-content header p, .checkout-content header h1 span, .order-detail header p, .order-detail header h1 span {
line-height: 2.1666666667em;
margin: 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.project-detail header p, .project-detail header h1 span, .checkout-content header p, .checkout-content header h1 span, .order-detail header p, .order-detail header h1 span {
margin-top:0.375em
}
}
.project-detail header .breadcrumbs, .checkout-content header .breadcrumbs, .order-detail header .breadcrumbs {
background: url(/assets/small-arrow-left-6e237713a8c254a04e2cc78ccb07e1e46b630b81cc8ace2a1f16bf55209dd11a.svg) left center no-repeat;
color: #4A494C;
margin: 0 0 2.125em;
padding-left:1.5em
}
@media screen and (min-width: 768px) {
.project-detail header .breadcrumbs.mobile-view, .checkout-content header .breadcrumbs.mobile-view, .order-detail header .breadcrumbs.mobile-view {
display:none
}
}
.project-detail header .breadcrumbs.desktop-view, .checkout-content header .breadcrumbs.desktop-view, .order-detail header .breadcrumbs.desktop-view {
display:none
}
@media screen and (min-width: 768px) {
.project-detail header .breadcrumbs.desktop-view, .checkout-content header .breadcrumbs.desktop-view, .order-detail header .breadcrumbs.desktop-view {
display: block;
margin:0 auto 36px
}
}
.project-detail header .breadcrumbs a, .checkout-content header .breadcrumbs a, .order-detail header .breadcrumbs a {
color: #4A494C;
font-size: 0.75em;
text-decoration:none
}
.project-detail .main-content, .checkout-content .main-content, .order-detail .main-content {
padding:0 1em 1em
}
@media screen and (min-width: 768px) {
.project-detail .main-content, .checkout-content .main-content, .order-detail .main-content {
margin: auto;
padding:0 0 1em
}
}
.project-detail .detail-view, .checkout-content .detail-view, .order-detail .detail-view {
display:none
}
.project-detail .detail-view:before, .project-detail .detail-view:after, .checkout-content .detail-view:before, .checkout-content .detail-view:after, .order-detail .detail-view:before, .order-detail .detail-view:after {
content: "";
display:table
}
.project-detail .detail-view:after, .checkout-content .detail-view:after, .order-detail .detail-view:after {
clear:both
}
.project-detail .detail-view, .checkout-content .detail-view, .order-detail .detail-view {
* zoom:1
}
@media (min-width: 1024px) {
.project-detail .detail-view, .checkout-content .detail-view, .order-detail .detail-view {
position:relative
}
}
.project-detail .detail-view.active, .checkout-content .detail-view.active, .order-detail .detail-view.active {
display:block
}
.project-detail .project-views-wrapper, .checkout-content .project-views-wrapper, .order-detail .project-views-wrapper {
padding: 0.5em 0;
text-align:center
}
@media screen and (min-width: 768px) {
.project-detail .project-views-wrapper, .checkout-content .project-views-wrapper, .order-detail .project-views-wrapper {
padding: 1em 0;
text-align:left
}
}
.project-detail .project-views-wrapper button, .checkout-content .project-views-wrapper button, .order-detail .project-views-wrapper button {
align-items: center;
background-color: transparent;
border: 0;
display: inline-flex;
margin-right: 1em;
padding: 1em 0.5em;
opacity: 0.5;
filter:alpha(opacity=50)
}
@media screen and (min-width: 768px) {
.project-detail .project-views-wrapper button, .checkout-content .project-views-wrapper button, .order-detail .project-views-wrapper button {
display: inline-block;
margin-right: 0.625em;
padding:1em 0.5em 1em 0
}
}
.project-detail .project-views-wrapper button:last-of-type, .checkout-content .project-views-wrapper button:last-of-type, .order-detail .project-views-wrapper button:last-of-type {
margin-right:0
}
.project-detail .project-views-wrapper button.active, .checkout-content .project-views-wrapper button.active, .order-detail .project-views-wrapper button.active {
opacity: 1;
filter:alpha(opacity=100)
}
.project-detail .project-views-wrapper button svg, .checkout-content .project-views-wrapper button svg, .order-detail .project-views-wrapper button svg {
margin-right:0.5em
}
.project-detail .project-views-wrapper button p, .checkout-content .project-views-wrapper button p, .order-detail .project-views-wrapper button p {
font-size: 0.625em;
margin: 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.project-detail .project-views-wrapper button p, .checkout-content .project-views-wrapper button p, .order-detail .project-views-wrapper button p {
letter-spacing:0.091em
}
}
@media (min-width: 1024px) {
.project-detail .items-wrapper, .checkout-content .items-wrapper, .order-detail .items-wrapper {
float: left;
width:66%
}
}
.project-detail .item, .checkout-content .item, .order-detail .item {
margin-bottom:1em
}
.project-detail .item-header, .checkout-content .item-header, .order-detail .item-header {
background-color:#F4F4F4
}
@media screen and (min-width: 768px) {
.project-detail .item-header:not(.checkout-item-header), .checkout-content .item-header:not(.checkout-item-header), .order-detail .item-header:not(.checkout-item-header) {
align-items: center;
border-bottom: 1px solid #B1B1B1;
display: flex;
justify-content: space-between;
padding:1.125em 1.875em 1em 1.25em
}
}
.project-detail .item-header .title-wrapper, .checkout-content .item-header .title-wrapper, .order-detail .item-header .title-wrapper {
align-items: center;
border-bottom: 1px solid #D7D3CF;
display: flex;
position: relative;
padding:1.5em 1.25em 1em
}
@media screen and (min-width: 768px) {
.project-detail .item-header .title-wrapper, .checkout-content .item-header .title-wrapper, .order-detail .item-header .title-wrapper {
border: none;
padding:0
}
}
.project-detail .item-header .title-wrapper .image, .checkout-content .item-header .title-wrapper .image, .order-detail .item-header .title-wrapper .image {
margin-right: 1.25em;
width:95px
}
@media screen and (min-width: 768px) {
.project-detail .item-header .title-wrapper .image, .checkout-content .item-header .title-wrapper .image, .order-detail .item-header .title-wrapper .image {
width:120px
}
}
.project-detail .item-header .title-wrapper .image img, .checkout-content .item-header .title-wrapper .image img, .order-detail .item-header .title-wrapper .image img {
width:100%
}
.project-detail .item-header .title-wrapper .item-title, .checkout-content .item-header .title-wrapper .item-title, .order-detail .item-header .title-wrapper .item-title {
color: #454348;
letter-spacing: 0.0155em;
line-height: 1.8em;
margin: 0;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.25em
}
@media screen and (min-width: 768px) {
.project-detail .item-header .title-wrapper .item-title, .checkout-content .item-header .title-wrapper .item-title, .order-detail .item-header .title-wrapper .item-title {
font-size: 1.75em;
letter-spacing:0.02em
}
}
.project-detail .item-header .title-wrapper .item-title a, .checkout-content .item-header .title-wrapper .item-title a, .order-detail .item-header .title-wrapper .item-title a {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
text-decoration:none
}
.project-detail .item-header .title-wrapper .toggle-project-details, .checkout-content .item-header .title-wrapper .toggle-project-details, .order-detail .item-header .title-wrapper .toggle-project-details {
background-color: transparent;
border: none;
height: 32px;
padding: 0;
position: absolute;
right: 0.75em;
transform: rotate(-90deg);
width: 32px;
transition:transform 0.325s ease-in-out
}
.project-detail .item-header .title-wrapper .toggle-project-details.open, .checkout-content .item-header .title-wrapper .toggle-project-details.open, .order-detail .item-header .title-wrapper .toggle-project-details.open {
transform: rotate(90deg);
transition:transform 0.325s ease-in-out
}
@media screen and (min-width: 768px) {
.project-detail .item-header .title-wrapper .toggle-project-details, .checkout-content .item-header .title-wrapper .toggle-project-details, .order-detail .item-header .title-wrapper .toggle-project-details {
display:none
}
}
.project-detail .item-header .title-wrapper .toggle-project-details svg, .checkout-content .item-header .title-wrapper .toggle-project-details svg, .order-detail .item-header .title-wrapper .toggle-project-details svg {
height: 12px;
width:8px
}
.project-detail .item-header .price-info, .checkout-content .item-header .price-info, .order-detail .item-header .price-info {
align-items: center;
border-bottom: 1px solid #B1B1B1;
display: flex;
justify-content: space-between;
padding:0.25em 1.25em
}
@media screen and (min-width: 768px) {
.project-detail .item-header .price-info, .checkout-content .item-header .price-info, .order-detail .item-header .price-info {
border: none;
justify-content: flex-end;
padding:0
}
}
.project-detail .item-header .price-info .quantity, .checkout-content .item-header .price-info .quantity, .order-detail .item-header .price-info .quantity {
margin-right:2.125em
}
.project-detail .item-header .quantity, .project-detail .item-header .total, .checkout-content .item-header .quantity, .checkout-content .item-header .total, .order-detail .item-header .quantity, .order-detail .item-header .total {
display: inherit;
align-items:center
}
.project-detail .item-header .quantity p, .project-detail .item-header .total p, .checkout-content .item-header .quantity p, .checkout-content .item-header .total p, .order-detail .item-header .quantity p, .order-detail .item-header .total p {
color: #4A494C;
letter-spacing: 0.0714285714em;
line-height: 2.5714285714em;
margin: 0;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.875em
}
.project-detail .item-header .quantity p.label, .project-detail .item-header .total p.label, .checkout-content .item-header .quantity p.label, .checkout-content .item-header .total p.label, .order-detail .item-header .quantity p.label, .order-detail .item-header .total p.label {
color: #888888;
font-size: 0.625em;
letter-spacing: 0.125em;
margin-right: 0.5em;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.project-detail .item-header .quantity p.label, .project-detail .item-header .total p.label, .checkout-content .item-header .quantity p.label, .checkout-content .item-header .total p.label, .order-detail .item-header .quantity p.label, .order-detail .item-header .total p.label {
font-size: 0.6875em;
letter-spacing:0.1254545455em
}
}
.project-detail .item-details, .checkout-content .item-details, .order-detail .item-details {
display:none
}
@media screen and (min-width: 768px) {
.project-detail .item-details, .checkout-content .item-details, .order-detail .item-details {
display:block !important
}
}
.project-detail .item-details .inner, .checkout-content .item-details .inner, .order-detail .item-details .inner {
background-color:#ECECEC
}
@media screen and (min-width: 768px) {
.project-detail .item-details .inner, .checkout-content .item-details .inner, .order-detail .item-details .inner {
padding:0 1.25em
}
}
.project-detail .item-details .item-detail, .checkout-content .item-details .item-detail, .order-detail .item-details .item-detail {
align-items: stretch;
border-bottom: 1px solid #B1B1B1;
display: flex;
justify-content: space-between;
padding: 1.75em 1.25em 1.625em;
position:relative
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail, .checkout-content .item-details .item-detail, .order-detail .item-details .item-detail {
padding:1.375em 0.625em 0.9375em 0
}
}
.project-detail .item-details .item-detail .product-details *, .checkout-content .item-details .item-detail .product-details *, .order-detail .item-details .item-detail .product-details * {
font-weight:normal !important
}
.project-detail .item-details .item-detail .product-details h1, .project-detail .item-details .item-detail .product-details h2, .project-detail .item-details .item-detail .product-details h3, .project-detail .item-details .item-detail .product-details h4, .project-detail .item-details .item-detail .product-details h5, .project-detail .item-details .item-detail .product-details h6, .checkout-content .item-details .item-detail .product-details h1, .checkout-content .item-details .item-detail .product-details h2, .checkout-content .item-details .item-detail .product-details h3, .checkout-content .item-details .item-detail .product-details h4, .checkout-content .item-details .item-detail .product-details h5, .checkout-content .item-details .item-detail .product-details h6, .order-detail .item-details .item-detail .product-details h1, .order-detail .item-details .item-detail .product-details h2, .order-detail .item-details .item-detail .product-details h3, .order-detail .item-details .item-detail .product-details h4, .order-detail .item-details .item-detail .product-details h5, .order-detail .item-details .item-detail .product-details h6 {
color: inherit;
font-size: 14px;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
.project-detail .item-details .item-detail:last-of-type, .checkout-content .item-details .item-detail:last-of-type, .order-detail .item-details .item-detail:last-of-type {
border:none
}
.project-detail .item-details .item-detail ul, .checkout-content .item-details .item-detail ul, .order-detail .item-details .item-detail ul {
margin: 0;
padding:0
}
.project-detail .item-details .item-detail ul li, .checkout-content .item-details .item-detail ul li, .order-detail .item-details .item-detail ul li {
list-style-type: none;
margin-bottom:10px
}
.project-detail .item-details .item-detail p, .project-detail .item-details .item-detail ul li, .checkout-content .item-details .item-detail p, .checkout-content .item-details .item-detail ul li, .order-detail .item-details .item-detail p, .order-detail .item-details .item-detail ul li {
color: #4A494C;
letter-spacing: 0.05em;
line-height: 1.5384615385em;
margin: 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:0.8125em
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail p, .project-detail .item-details .item-detail ul li, .checkout-content .item-details .item-detail p, .checkout-content .item-details .item-detail ul li, .order-detail .item-details .item-detail p, .order-detail .item-details .item-detail ul li {
margin:0 0 0.3125em
}
}
.project-detail .item-details .item-detail p.label, .project-detail .item-details .item-detail ul li.label, .checkout-content .item-details .item-detail p.label, .checkout-content .item-details .item-detail ul li.label, .order-detail .item-details .item-detail p.label, .order-detail .item-details .item-detail ul li.label {
color: #888888;
font-size: 0.625em;
letter-spacing: 0.125em;
line-height: 1.8181818182em;
margin: 0 0.5em 0.375em 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail p.label, .project-detail .item-details .item-detail ul li.label, .checkout-content .item-details .item-detail p.label, .checkout-content .item-details .item-detail ul li.label, .order-detail .item-details .item-detail p.label, .order-detail .item-details .item-detail ul li.label {
font-size: 0.6875em;
letter-spacing:0.1254545455em
}
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail .col:first-of-type, .checkout-content .item-details .item-detail .col:first-of-type, .order-detail .item-details .item-detail .col:first-of-type {
border-left: 1px solid #B1B1B1;
margin-left: 8.125em;
padding-left:0.875em
}
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail .col:first-of-type .label, .checkout-content .item-details .item-detail .col:first-of-type .label, .order-detail .item-details .item-detail .col:first-of-type .label {
left: 0.25em;
position: absolute;
width:10em
}
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail .col, .checkout-content .item-details .item-detail .col, .order-detail .item-details .item-detail .col {
display: flex;
flex-wrap: wrap;
align-items: center;
min-height:45px
}
}
.project-detail .item-details .item-detail .col.has-image, .checkout-content .item-details .item-detail .col.has-image, .order-detail .item-details .item-detail .col.has-image {
display:flex
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail .col.has-image, .checkout-content .item-details .item-detail .col.has-image, .order-detail .item-details .item-detail .col.has-image {
flex-direction:column-reverse
}
}
.project-detail .item-details .item-detail .col.has-image .image, .checkout-content .item-details .item-detail .col.has-image .image, .order-detail .item-details .item-detail .col.has-image .image {
margin-right: 0.625em;
width:42px
}
@media screen and (min-width: 768px) {
.project-detail .item-details .item-detail .col.has-image .image, .checkout-content .item-details .item-detail .col.has-image .image, .order-detail .item-details .item-detail .col.has-image .image {
width:75px
}
}
.project-detail .item-details .item-detail .col.has-image .image img, .checkout-content .item-details .item-detail .col.has-image .image img, .order-detail .item-details .item-detail .col.has-image .image img {
width:100%
}
.project-detail .item-details .item-detail .col.customer-forms-col .form-link-wrapper, .checkout-content .item-details .item-detail .col.customer-forms-col .form-link-wrapper, .order-detail .item-details .item-detail .col.customer-forms-col .form-link-wrapper {
margin-bottom:5px
}
.project-detail .item-details .item-detail .col.customer-forms-col .application-details, .checkout-content .item-details .item-detail .col.customer-forms-col .application-details, .order-detail .item-details .item-detail .col.customer-forms-col .application-details {
color: #4A494C;
display: block;
font-size: 0.875em;
letter-spacing: 0.05em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
padding-bottom:10px
}
.project-detail .item-details .item-detail .form-links-wrapper, .checkout-content .item-details .item-detail .form-links-wrapper, .order-detail .item-details .item-detail .form-links-wrapper {
margin-left:60px
}
.project-detail .item-details .item-detail .form-links-wrapper .types-separator, .checkout-content .item-details .item-detail .form-links-wrapper .types-separator, .order-detail .item-details .item-detail .form-links-wrapper .types-separator {
background-color: #B1B1B1;
height: 1px;
margin: 12px 0;
width:100%
}
.project-detail .item-details .item-detail .customer-form-label, .checkout-content .item-details .item-detail .customer-form-label, .order-detail .item-details .item-detail .customer-form-label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.8125em;
letter-spacing: 0.05em;
line-height: 1.5384615385em;
margin:0
}
.project-detail .item-details .item-detail .customer-form-link, .checkout-content .item-details .item-detail .customer-form-link, .order-detail .item-details .item-detail .customer-form-link {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.8125em;
letter-spacing: 0.05em;
line-height: 1.5384615385em;
display: inline-block;
margin-right:25px
}
.project-detail .item-details .project-item-actions, .checkout-content .item-details .project-item-actions, .order-detail .item-details .project-item-actions {
margin: 0;
padding:0.125em 0
}
@media screen and (min-width: 768px) {
.project-detail .item-details .project-item-actions, .checkout-content .item-details .project-item-actions, .order-detail .item-details .project-item-actions {
padding:0.875em 1.875em 0.875em 1.25em
}
}
.project-detail .item-details .project-item-actions li, .checkout-content .item-details .project-item-actions li, .order-detail .item-details .project-item-actions li {
display:inline
}
@media screen and (min-width: 768px) {
.project-detail .item-details .project-item-actions li:last-of-type, .checkout-content .item-details .project-item-actions li:last-of-type, .order-detail .item-details .project-item-actions li:last-of-type {
float:right
}
}
@media screen and (min-width: 768px) {
.project-detail .item-details .project-item-actions li:last-of-type a, .checkout-content .item-details .project-item-actions li:last-of-type a, .order-detail .item-details .project-item-actions li:last-of-type a {
margin-right: 0;
padding-right: 0;
text-align:right
}
}
.project-detail .item-details .project-item-actions li:last-of-type a:after, .checkout-content .item-details .project-item-actions li:last-of-type a:after, .order-detail .item-details .project-item-actions li:last-of-type a:after {
content: ""
}
@media screen and (min-width: 768px) {
.project-detail .item-details .project-item-actions li:nth-last-of-type(2) a:after, .checkout-content .item-details .project-item-actions li:nth-last-of-type(2) a:after, .order-detail .item-details .project-item-actions li:nth-last-of-type(2) a:after {
content: ""
}
}
.project-detail .item-details .project-item-actions li a, .checkout-content .item-details .project-item-actions li a, .order-detail .item-details .project-item-actions li a {
color: #555;
display: inline-block;
letter-spacing: 0.091em;
margin-right: 1em;
padding-right: 1.875em;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.625em
}
.project-detail .item-details .project-item-actions li a .full-name, .checkout-content .item-details .project-item-actions li a .full-name, .order-detail .item-details .project-item-actions li a .full-name {
display:none
}
@media screen and (min-width: 768px) {
.project-detail .item-details .project-item-actions li a .full-name, .checkout-content .item-details .project-item-actions li a .full-name, .order-detail .item-details .project-item-actions li a .full-name {
display:inline
}
}
.project-detail .item-details .project-item-actions li a:after, .checkout-content .item-details .project-item-actions li a:after, .order-detail .item-details .project-item-actions li a:after {
content: "|";
position: absolute;
right:0
}
@media (min-width: 1024px) {
.project-detail .project-summary, .checkout-content .project-summary, .order-detail .project-summary {
float: right;
width:29.6875%
}
}
.project-detail .project-summary h3, .checkout-content .project-summary h3, .order-detail .project-summary h3 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
letter-spacing: 0px;
text-transform: uppercase;
color: #333333;
margin:7px 0
}
.project-detail .project-summary .inner, .checkout-content .project-summary .inner, .order-detail .project-summary .inner {
background-color: #F4F4F4;
padding:1.875em 0 0
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .inner, .checkout-content .project-summary .inner, .order-detail .project-summary .inner {
padding-top:10px
}
.project-detail .project-summary .inner .price, .checkout-content .project-summary .inner .price, .order-detail .project-summary .inner .price {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
text-align: right;
font-size: 14px;
letter-spacing: 0px;
color: #333333;
font-weight:600 !important
}
.project-detail .project-summary .inner .name, .checkout-content .project-summary .inner .name, .order-detail .project-summary .inner .name {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 14px;
letter-spacing: 0px;
color: #333333;
font-weight:600 !important
}
.project-detail .project-summary .inner .name.regular, .checkout-content .project-summary .inner .name.regular, .order-detail .project-summary .inner .name.regular {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
font-weight: 400 !important;
width:100%
}
.project-detail .project-summary .inner .footnote, .checkout-content .project-summary .inner .footnote, .order-detail .project-summary .inner .footnote {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
letter-spacing: 0px;
color: #333333;
margin-bottom:0px
}
.project-detail .project-summary .inner .footnote.bold, .checkout-content .project-summary .inner .footnote.bold, .order-detail .project-summary .inner .footnote.bold {
font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 14px;
font-weight:600 !important
}
.project-detail .project-summary .inner a, .checkout-content .project-summary .inner a, .order-detail .project-summary .inner a {
font-size: 0.875em !important;
letter-spacing: 0px !important;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor:pointer
}
.project-detail .project-summary .inner a:hover, .checkout-content .project-summary .inner a:hover, .order-detail .project-summary .inner a:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
.project-detail .project-summary .inner a.flagship-email, .checkout-content .project-summary .inner a.flagship-email, .order-detail .project-summary .inner a.flagship-email {
font-size: inherit !important;
font-family: inherit;
color: inherit;
text-transform:lowercase
}
.project-detail .project-summary .inner a.flagship-email:hover, .checkout-content .project-summary .inner a.flagship-email:hover, .order-detail .project-summary .inner a.flagship-email:hover {
color:black
}
.project-detail .project-summary .inner .shipping-item-wrapper, .checkout-content .project-summary .inner .shipping-item-wrapper, .order-detail .project-summary .inner .shipping-item-wrapper {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
background-color:#E0E0DD
}
.project-detail .project-summary .inner .lead-time-wrapper, .checkout-content .project-summary .inner .lead-time-wrapper, .order-detail .project-summary .inner .lead-time-wrapper {
margin-bottom: 0;
background-color:#E0E0DD
}
.project-detail .project-summary .inner .payment-item-wrapper, .checkout-content .project-summary .inner .payment-item-wrapper, .order-detail .project-summary .inner .payment-item-wrapper {
padding: 0 1.125em 0.625em;
margin-bottom:0
}
.project-detail .project-summary .inner .payment-item-wrapper .view-payment-terms-link, .checkout-content .project-summary .inner .payment-item-wrapper .view-payment-terms-link, .order-detail .project-summary .inner .payment-item-wrapper .view-payment-terms-link {
margin-top:100px !important
}
.project-detail .project-summary .inner .payment-item-wrapper .total-item, .checkout-content .project-summary .inner .payment-item-wrapper .total-item, .order-detail .project-summary .inner .payment-item-wrapper .total-item {
margin-top:20px
}
.project-detail .project-summary .inner .payment-item-wrapper .total-item .name, .checkout-content .project-summary .inner .payment-item-wrapper .total-item .name, .order-detail .project-summary .inner .payment-item-wrapper .total-item .name {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:14px
}
.project-detail .project-summary .inner .payment-item-wrapper .total-item .price, .checkout-content .project-summary .inner .payment-item-wrapper .total-item .price, .order-detail .project-summary .inner .payment-item-wrapper .total-item .price {
font-size:14px
}
.project-detail .project-summary .inner .modal-link, .checkout-content .project-summary .inner .modal-link, .order-detail .project-summary .inner .modal-link {
color: #B78452;
cursor: pointer;
font:normal normal bold 14px/17px Lato !important
}
}
.project-detail .project-summary .title, .checkout-content .project-summary .title, .order-detail .project-summary .title {
letter-spacing: 0.1668181818em;
line-height: 1.6363636364em;
margin: 0 0 1.25em;
text-align: center;
text-transform: uppercase;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.375em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .title, .checkout-content .project-summary .title, .order-detail .project-summary .title {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 30px;
letter-spacing: 0px;
color: #000;
margin-bottom:10px
}
}
.project-detail .project-summary .summary-items-wrapper, .checkout-content .project-summary .summary-items-wrapper, .order-detail .project-summary .summary-items-wrapper {
border-bottom: 1px solid #D7D3CF;
margin-bottom: 0.8125em;
padding:0 1.25em 0.625em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-items-wrapper, .checkout-content .project-summary .summary-items-wrapper, .order-detail .project-summary .summary-items-wrapper {
padding:0 1.125em 0.625em
}
.project-detail .project-summary .summary-items-wrapper.last, .checkout-content .project-summary .summary-items-wrapper.last, .order-detail .project-summary .summary-items-wrapper.last {
border-bottom:0
}
}
.project-detail .project-summary .summary-subtotal-wrapper, .checkout-content .project-summary .summary-subtotal-wrapper, .order-detail .project-summary .summary-subtotal-wrapper {
border-bottom: 1px solid #D7D3CF;
margin-bottom: 0.8125em;
padding:0 1.25em 0.625em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-subtotal-wrapper, .checkout-content .project-summary .summary-subtotal-wrapper, .order-detail .project-summary .summary-subtotal-wrapper {
padding:0 1.125em 0.625em
}
}
.project-detail .project-summary .summary-deposit-wrapper, .checkout-content .project-summary .summary-deposit-wrapper, .order-detail .project-summary .summary-deposit-wrapper {
background-color: #ECECEC;
border-top: 2px solid #E1E0DD;
padding:1.125em 1.25em 0.5em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-deposit-wrapper, .checkout-content .project-summary .summary-deposit-wrapper, .order-detail .project-summary .summary-deposit-wrapper {
padding:1em 1.125em 0.5em
}
}
.project-detail .project-summary .summary-deposit-wrapper .summary-item:last-of-type .name, .checkout-content .project-summary .summary-deposit-wrapper .summary-item:last-of-type .name, .order-detail .project-summary .summary-deposit-wrapper .summary-item:last-of-type .name {
line-height:2.1428571429em
}
.project-detail .project-summary .summary-deposit-wrapper .summary-item .name, .checkout-content .project-summary .summary-deposit-wrapper .summary-item .name, .order-detail .project-summary .summary-deposit-wrapper .summary-item .name {
line-height: 2.7142857143em;
width:72%
}
.project-detail .project-summary .summary-deposit-wrapper .summary-item .name span, .checkout-content .project-summary .summary-deposit-wrapper .summary-item .name span, .order-detail .project-summary .summary-deposit-wrapper .summary-item .name span {
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.85em
}
.project-detail .project-summary .summary-deposit-wrapper .summary-item .name.pending-payment, .checkout-content .project-summary .summary-deposit-wrapper .summary-item .name.pending-payment, .order-detail .project-summary .summary-deposit-wrapper .summary-item .name.pending-payment {
color:#9C9B9E
}
.project-detail .project-summary .summary-deposit-wrapper .summary-item .price.pending-payment, .checkout-content .project-summary .summary-deposit-wrapper .summary-item .price.pending-payment, .order-detail .project-summary .summary-deposit-wrapper .summary-item .price.pending-payment {
color:#9C9B9E
}
.project-detail .project-summary .order-notes-wrapper, .checkout-content .project-summary .order-notes-wrapper, .order-detail .project-summary .order-notes-wrapper {
background-color: #ECECEC;
border-top: 2px solid #E1E0DD;
padding:1.125em 1.25em 0.5em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .order-notes-wrapper, .checkout-content .project-summary .order-notes-wrapper, .order-detail .project-summary .order-notes-wrapper {
padding:1em 1.125em 0.5em
}
}
.project-detail .project-summary .order-notes-wrapper .summary-item p.order-notes, .checkout-content .project-summary .order-notes-wrapper .summary-item p.order-notes, .order-detail .project-summary .order-notes-wrapper .summary-item p.order-notes {
color:#9C9B9E
}
.project-detail .project-summary .project-notes-wrapper, .checkout-content .project-summary .project-notes-wrapper, .order-detail .project-summary .project-notes-wrapper {
background-color: #ECECEC;
border-top: 2px solid #E1E0DD;
padding:1.125em 1.25em 0.5em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .project-notes-wrapper, .checkout-content .project-summary .project-notes-wrapper, .order-detail .project-summary .project-notes-wrapper {
padding:1em 1.125em 0.5em
}
}
.project-detail .project-summary .project-notes-wrapper .summary-item p.project-notes, .checkout-content .project-summary .project-notes-wrapper .summary-item p.project-notes, .order-detail .project-summary .project-notes-wrapper .summary-item p.project-notes {
color:#9C9B9E
}
.project-detail .project-summary .summary-total-wrapper, .checkout-content .project-summary .summary-total-wrapper, .order-detail .project-summary .summary-total-wrapper {
padding:0 1.25em 0.6875em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-total-wrapper, .checkout-content .project-summary .summary-total-wrapper, .order-detail .project-summary .summary-total-wrapper {
padding:0.5em 1.125em
}
}
.project-detail .project-summary .summary-total-wrapper .summary-item, .checkout-content .project-summary .summary-total-wrapper .summary-item, .order-detail .project-summary .summary-total-wrapper .summary-item {
align-items:baseline
}
.project-detail .project-summary .summary-total-wrapper .name, .checkout-content .project-summary .summary-total-wrapper .name, .order-detail .project-summary .summary-total-wrapper .name {
letter-spacing: 0.125em;
line-height: 1.6666666667em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
.project-detail .project-summary .summary-total-wrapper .price, .checkout-content .project-summary .summary-total-wrapper .price, .order-detail .project-summary .summary-total-wrapper .price {
letter-spacing: 0.0418181818em;
line-height: 1.6363636364em;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:1.375em
}
.project-detail .project-summary .lead-time-wrapper, .checkout-content .project-summary .lead-time-wrapper, .order-detail .project-summary .lead-time-wrapper {
background-color: #D6D6D6;
padding:15px 1.25em
}
.project-detail .project-summary .lead-time-wrapper .summary-item, .checkout-content .project-summary .lead-time-wrapper .summary-item, .order-detail .project-summary .lead-time-wrapper .summary-item {
align-items:center
}
.project-detail .project-summary .lead-time-wrapper .name, .checkout-content .project-summary .lead-time-wrapper .name, .order-detail .project-summary .lead-time-wrapper .name {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
letter-spacing: 0px;
color: #333333;
font-weight: 400 !important;
width:100% !important
}
.project-detail .project-summary .lead-time-wrapper .time, .checkout-content .project-summary .lead-time-wrapper .time, .order-detail .project-summary .lead-time-wrapper .time {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
.project-detail .project-summary .summary-item, .checkout-content .project-summary .summary-item, .order-detail .project-summary .summary-item {
align-items: center;
display: flex;
justify-content:space-between
}
.project-detail .project-summary .summary-item.tax-notice, .checkout-content .project-summary .summary-item.tax-notice, .order-detail .project-summary .summary-item.tax-notice {
align-items:start
}
.project-detail .project-summary .summary-item .tax-notice-text, .checkout-content .project-summary .summary-item .tax-notice-text, .order-detail .project-summary .summary-item .tax-notice-text {
position: relative;
top: -8px;
font-size: 0.90em;
color: #888;
line-height:1em
}
.project-detail .project-summary .summary-item .resale-certificate-link, .checkout-content .project-summary .summary-item .resale-certificate-link, .order-detail .project-summary .summary-item .resale-certificate-link {
color: #4A494C;
letter-spacing: 0.0714285714em;
line-height: 2.1428571429em;
margin: 0;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.875em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-item .resale-certificate-link, .checkout-content .project-summary .summary-item .resale-certificate-link, .order-detail .project-summary .summary-item .resale-certificate-link {
line-height:1.9285714286em
}
}
.project-detail .project-summary .summary-item p, .checkout-content .project-summary .summary-item p, .order-detail .project-summary .summary-item p {
color: #4A494C;
letter-spacing: 0.0714285714em;
line-height: 2.1428571429em;
margin: 0;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.875em
}
@media screen and (min-width: 768px) {
.project-detail .project-summary .summary-item p, .checkout-content .project-summary .summary-item p, .order-detail .project-summary .summary-item p {
line-height:1.9285714286em
}
}
.project-detail .project-summary .summary-item p.name, .checkout-content .project-summary .summary-item p.name, .order-detail .project-summary .summary-item p.name {
width:66%
}
.project-detail .project-summary .summary-item .sub-title, .checkout-content .project-summary .summary-item .sub-title, .order-detail .project-summary .summary-item .sub-title {
letter-spacing: 0.125em;
line-height: 1.6666666667em;
margin: 0 0 0.4375em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75em
}
.project-detail .project-summary .summary-item input[type="text"], .checkout-content .project-summary .summary-item input[type="text"], .order-detail .project-summary .summary-item input[type="text"] {
width:33%
}
.project-detail .project-summary .add-to-checkout, .checkout-content .project-summary .add-to-checkout, .order-detail .project-summary .add-to-checkout {
background-color: #BD965F;
border: none;
letter-spacing: 0.167em;
line-height: 3em;
padding: 1.3125em;
text-transform: uppercase;
width: 100%;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.625em;
opacity: 0.5;
filter:alpha(opacity=50)
}
.project-detail .project-summary .add-to-checkout.active, .checkout-content .project-summary .add-to-checkout.active, .order-detail .project-summary .add-to-checkout.active {
opacity: 1;
filter:alpha(opacity=100)
}
.product_order_important_information {
background-color: #F4F4F4;
padding: 20px;
margin-bottom:20px
}
.product_order_important_information h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 1.5em;
letter-spacing: 0px;
color: #000;
margin: 0;
text-transform:uppercase
}
.product_order_important_information h2 img {
position: relative;
top: 3px;
height: 26px;
margin-right:6px
}
.product_order_important_information p {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: 0.875em;
line-height: 1.375em;
letter-spacing: 0px;
color: #000;
margin:0
}
.project-detail .alert, .checkout-content .alert, .order-detail .alert {
background: #F4F4F4;
margin-bottom: 22px;
padding: 0;
position:relative
}
.project-detail .alert:before, .project-detail .alert:after, .checkout-content .alert:before, .checkout-content .alert:after, .order-detail .alert:before, .order-detail .alert:after {
content: "";
display:table
}
.project-detail .alert:after, .checkout-content .alert:after, .order-detail .alert:after {
clear:both
}
.project-detail .alert, .checkout-content .alert, .order-detail .alert {
* zoom:1
}
@media screen and (min-width: 768px) {
.project-detail .alert, .checkout-content .alert, .order-detail .alert {
margin-bottom: 3px;
padding: 10px 50px 10px 60px;
display: flex;
align-items:center
}
}
.project-detail .alert p, .project-detail .alert a, .checkout-content .alert p, .checkout-content .alert a, .order-detail .alert p, .order-detail .alert a {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
line-height:1.65em
}
.project-detail .alert .alert-close, .checkout-content .alert .alert-close, .order-detail .alert .alert-close {
background-image: url(/assets/close-icon-31e97af497a9ac6a358fb87bb2f3eebcb59efa8f59a87d03a8c32b3e69aa0428.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px;
border: none;
height: 12px;
width: 12px;
position: absolute;
right: 10px;
top: 28px;
z-index:9
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-close, .checkout-content .alert .alert-close, .order-detail .alert .alert-close {
right: 20px;
top:27px
}
}
.project-detail .alert .alert-icon, .checkout-content .alert .alert-icon, .order-detail .alert .alert-icon {
background-image: url(/assets/icon-alert-661d566bf242f1bf488c624b926823d8cdf7e9e571e2af1038d89c397beed8c0.svg);
background-size: 26px;
background-position: center center;
background-repeat: no-repeat;
height: 26px;
width: 26px;
position: absolute;
left: 20px;
top: 50%;
transform:translateY(-50%)
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-icon, .checkout-content .alert .alert-icon, .order-detail .alert .alert-icon {
left:-40px
}
}
.project-detail .alert .alert-icon.icon-drawing, .checkout-content .alert .alert-icon.icon-drawing, .order-detail .alert .alert-icon.icon-drawing {
background-image: url(/assets/icon-drawing-2ad9d9de9a3caa9c345bb6dd9729169a70a00c9773254d33f176cb67dd2a5d1d.svg);
background-size: 20px;
width:20px
}
.project-detail .alert .alert-message, .checkout-content .alert .alert-message, .order-detail .alert .alert-message {
position: relative;
padding: 10px 50px 10px 60px;
width:100%
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-message, .checkout-content .alert .alert-message, .order-detail .alert .alert-message {
padding:0
}
}
.project-detail .alert .alert-action, .checkout-content .alert .alert-action, .order-detail .alert .alert-action {
width:100%
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-action, .checkout-content .alert .alert-action, .order-detail .alert .alert-action {
display: flex;
align-items: center;
justify-content:flex-end
}
}
.project-detail .alert .alert-action .button.large, .checkout-content .alert .alert-action .button.large, .order-detail .alert .alert-action .button.large {
padding: 1.25em;
width: 100%;
display: block;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-action .button.large, .checkout-content .alert .alert-action .button.large, .order-detail .alert .alert-action .button.large {
width: auto;
padding:1.25em 2.5em
}
}
.project-detail .alert .alert-action a.underlined, .checkout-content .alert .alert-action a.underlined, .order-detail .alert .alert-action a.underlined {
font-size: 0.75em;
font-weight: 600;
text-transform:none
}
@media screen and (min-width: 768px) {
.project-detail .alert .alert-message, .checkout-content .alert .alert-message, .order-detail .alert .alert-message {
width:70%
}
.project-detail .alert .alert-action, .checkout-content .alert .alert-action, .order-detail .alert .alert-action {
width:30%
}
.project-detail .alert.no-actions .alert-message, .checkout-content .alert.no-actions .alert-message, .order-detail .alert.no-actions .alert-message {
width:100%
}
.project-detail .alert.no-actions .alert-action, .checkout-content .alert.no-actions .alert-action, .order-detail .alert.no-actions .alert-action {
display:none
}
}
.project-detail .project-actions, .checkout-content .project-actions, .order-detail .project-actions {
margin-bottom:13px
}
.project-detail .lead-time-exclusions, .checkout-content .lead-time-exclusions, .order-detail .lead-time-exclusions {
margin-bottom: 33px;
margin-left:12px
}
.project-detail .lead-time-exclusions p, .checkout-content .lead-time-exclusions p, .order-detail .lead-time-exclusions p {
color: #4A494C;
font-size: .75em;
letter-spacing: 1.5px;
margin:0
}
.project-detail .lead-time-exclusions p.exclusions-subtext, .checkout-content .lead-time-exclusions p.exclusions-subtext, .order-detail .lead-time-exclusions p.exclusions-subtext {
color: #888888;
line-height: 23px;
margin-left: 6px;
margin-top:5px
}
.project-detail .have-questions, .project-detail .shipping-pickup, .project-detail .payment-terms, .checkout-content .have-questions, .checkout-content .shipping-pickup, .checkout-content .payment-terms, .order-detail .have-questions, .order-detail .shipping-pickup, .order-detail .payment-terms {
background-color: #F4F4F4;
margin-bottom: 3px;
padding:20px
}
.project-detail .have-questions h3, .project-detail .have-questions h4, .project-detail .shipping-pickup h3, .project-detail .shipping-pickup h4, .project-detail .payment-terms h3, .project-detail .payment-terms h4, .checkout-content .have-questions h3, .checkout-content .have-questions h4, .checkout-content .shipping-pickup h3, .checkout-content .shipping-pickup h4, .checkout-content .payment-terms h3, .checkout-content .payment-terms h4, .order-detail .have-questions h3, .order-detail .have-questions h4, .order-detail .shipping-pickup h3, .order-detail .shipping-pickup h4, .order-detail .payment-terms h3, .order-detail .payment-terms h4 {
height: 30px;
letter-spacing: 0.125em;
line-height: 1.6666666667em;
margin: 0;
padding-top: 5px;
text-indent: 45px;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size:0.75em
}
.project-detail .have-questions h4, .project-detail .shipping-pickup h4, .project-detail .payment-terms h4, .checkout-content .have-questions h4, .checkout-content .shipping-pickup h4, .checkout-content .payment-terms h4, .order-detail .have-questions h4, .order-detail .shipping-pickup h4, .order-detail .payment-terms h4 {
text-indent:0
}
.project-detail .have-questions h3, .checkout-content .have-questions h3, .order-detail .have-questions h3 {
background: url(/assets/icon-speech-bubbles-d789983a4ebf74928cec9c8821a036847f097c946995357bfab0d83616d3dee3.svg) left center no-repeat;
margin-bottom:20px
}
.project-detail .have-questions p, .checkout-content .have-questions p, .order-detail .have-questions p {
margin: 0 0 20px 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
line-height:1.625em
}
.project-detail .have-questions .contact-details, .checkout-content .have-questions .contact-details, .order-detail .have-questions .contact-details {
margin-bottom: 0;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8125em;
line-height:2em
}
.project-detail .have-questions .contact-details a, .checkout-content .have-questions .contact-details a, .order-detail .have-questions .contact-details a {
border-bottom: 2px solid #BD965F;
padding-bottom: 2px;
text-decoration:none
}
.project-detail .shipping-pickup, .project-detail .payment-terms, .checkout-content .shipping-pickup, .checkout-content .payment-terms, .order-detail .shipping-pickup, .order-detail .payment-terms {
display: block;
position: relative;
text-decoration:none
}
@media (min-width: 1024px) {
.project-detail .shipping-pickup, .project-detail .payment-terms, .checkout-content .shipping-pickup, .checkout-content .payment-terms, .order-detail .shipping-pickup, .order-detail .payment-terms {
height: 70px;
padding:0
}
}
.project-detail .shipping-pickup .expand, .project-detail .payment-terms .expand, .checkout-content .shipping-pickup .expand, .checkout-content .payment-terms .expand, .order-detail .shipping-pickup .expand, .order-detail .payment-terms .expand {
background-color: transparent;
border: none;
position: absolute;
right: 20px;
top: 23px;
transform: rotate(0deg);
transition:transform 0.325s ease-in-out
}
.project-detail .shipping-pickup .expand.open, .project-detail .payment-terms .expand.open, .checkout-content .shipping-pickup .expand.open, .checkout-content .payment-terms .expand.open, .order-detail .shipping-pickup .expand.open, .order-detail .payment-terms .expand.open {
transform: rotate(180deg);
transition:transform 0.325s ease-in-out
}
.project-detail .shipping-pickup .expand svg, .project-detail .payment-terms .expand svg, .checkout-content .shipping-pickup .expand svg, .checkout-content .payment-terms .expand svg, .order-detail .shipping-pickup .expand svg, .order-detail .payment-terms .expand svg {
height: 8px;
width:12px
}
@media (min-width: 1024px) {
.project-detail .shipping-pickup .expand, .project-detail .payment-terms .expand, .checkout-content .shipping-pickup .expand, .checkout-content .payment-terms .expand, .order-detail .shipping-pickup .expand, .order-detail .payment-terms .expand {
display:none
}
}
.project-detail .shipping-pickup .expanded-content, .project-detail .payment-terms .expanded-content, .checkout-content .shipping-pickup .expanded-content, .checkout-content .payment-terms .expanded-content, .order-detail .shipping-pickup .expanded-content, .order-detail .payment-terms .expanded-content {
display:none
}
@media (min-width: 1024px) {
.project-detail .shipping-pickup .expanded-content, .project-detail .payment-terms .expanded-content, .checkout-content .shipping-pickup .expanded-content, .checkout-content .payment-terms .expanded-content, .order-detail .shipping-pickup .expanded-content, .order-detail .payment-terms .expanded-content {
display:none !important
}
}
.project-detail .shipping-pickup .expanded-content p, .project-detail .payment-terms .expanded-content p, .checkout-content .shipping-pickup .expanded-content p, .checkout-content .payment-terms .expanded-content p, .order-detail .shipping-pickup .expanded-content p, .order-detail .payment-terms .expanded-content p {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style:normal
}
.project-detail .shipping-pickup h3.medium-desktop-only, .project-detail .payment-terms h3.medium-desktop-only, .checkout-content .shipping-pickup h3.medium-desktop-only, .checkout-content .payment-terms h3.medium-desktop-only, .order-detail .shipping-pickup h3.medium-desktop-only, .order-detail .payment-terms h3.medium-desktop-only {
cursor: pointer;
padding: 35px 20px;
line-height: 1px;
background-position:20px center
}
.project-detail .payment-terms, .checkout-content .payment-terms, .order-detail .payment-terms {
margin-bottom:20px
}
@media (min-width: 1024px) {
.project-detail .payment-terms, .checkout-content .payment-terms, .order-detail .payment-terms {
margin-bottom:100px
}
}
.project-detail .shipping-pickup h3, .checkout-content .shipping-pickup h3, .order-detail .shipping-pickup h3 {
background:url(/assets/icon-box-23e2f38573a99b8cc6b79715b664d274b61ea9065e9180062f7e2ebeae792022.svg) left center no-repeat
}
.project-detail .payment-terms h3, .checkout-content .payment-terms h3, .order-detail .payment-terms h3 {
background:url(/assets/icon-dollar-sign-cd465e5ef07047d89b5e0a63f9488b6aae5dbae3c582a53cdd375d4cb99335dc.svg) left center no-repeat
}
.order-detail .have-questions {
margin-top:35px
}
.order-detail .item {
margin-bottom:65px
}
@media screen and (min-width: 768px) {
.project-detail.sharing-hide-prices .project-views-wrapper, .checkout-content.sharing-hide-prices .project-views-wrapper, .order-detail.sharing-hide-prices .project-views-wrapper {
text-align:center
}
.project-detail.sharing-hide-prices .items-wrapper, .checkout-content.sharing-hide-prices .items-wrapper, .order-detail.sharing-hide-prices .items-wrapper {
float: none;
margin:0 auto
}
.project-detail header, .checkout-content header, .order-detail header {
height: 160px;
margin-bottom:20px
}
.project-detail header .max-width-wrapper, .checkout-content header .max-width-wrapper, .order-detail header .max-width-wrapper {
max-width: 100% !important;
margin:0 20px !important
}
.project-detail header h1, .checkout-content header h1, .order-detail header h1 {
margin-bottom: 10px;
margin-top: 0px;
font-size:1.375em
}
.project-detail header .id-number-wrapper, .project-detail header .mood-view-toggle, .project-detail header .detail-view-toggle, .checkout-content header .id-number-wrapper, .checkout-content header .mood-view-toggle, .checkout-content header .detail-view-toggle, .order-detail header .id-number-wrapper, .order-detail header .mood-view-toggle, .order-detail header .detail-view-toggle {
float: left;
position: relative;
top:10px
}
.project-detail header .mood-view-toggle.active a, .project-detail header .detail-view-toggle.active a, .checkout-content header .mood-view-toggle.active a, .checkout-content header .detail-view-toggle.active a, .order-detail header .mood-view-toggle.active a, .order-detail header .detail-view-toggle.active a {
background-color:#fff
}
.project-detail header .detail-view-toggle, .checkout-content header .detail-view-toggle, .order-detail header .detail-view-toggle {
margin-right:30px
}
.project-detail header .id-number-wrapper, .checkout-content header .id-number-wrapper, .order-detail header .id-number-wrapper {
top:1px
}
.project-detail header .id-number-wrapper, .checkout-content header .id-number-wrapper, .order-detail header .id-number-wrapper {
line-height: 21px;
margin-right: 30px;
color: #333333;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-transform:uppercase
}
.project-detail header .id-number-wrapper .id-number-label, .checkout-content header .id-number-wrapper .id-number-label, .order-detail header .id-number-wrapper .id-number-label {
font-size: 0.75em;
letter-spacing:0px
}
.project-detail header .id-number-wrapper .id-number, .checkout-content header .id-number-wrapper .id-number, .order-detail header .id-number-wrapper .id-number {
font-weight: 800;
font-size: 0.875em;
letter-spacing:0px
}
}
@media screen and (min-width: 768px) {
.project-detail .download-project-order-pdf-wrapper a:after, .checkout-content .download-project-order-pdf-wrapper a:after, .order-detail .download-project-order-pdf-wrapper a:after {
content:url(/assets/icons/file-95db541de02a523efd66fed0a065c35fede03887c53c79a24477ae3352b09a80.svg)
}
}
@media screen and (min-width: 768px) {
.project-detail .share-project-link-wrapper, .checkout-content .share-project-link-wrapper, .order-detail .share-project-link-wrapper {
margin-left:30px
}
.project-detail .share-project-link-wrapper a:after, .checkout-content .share-project-link-wrapper a:after, .order-detail .share-project-link-wrapper a:after {
content:url(/assets/icons/plane-718366e0d5944bf795816199e7c8cd646033875bd60a34cd78b41c9e8bf7cbef.svg)
}
}
@media screen and (min-width: 768px) {
.project-detail .download-project-order-pdf-wrapper, .project-detail .share-project-link-wrapper, .project-detail .back-button-wrapper, .project-detail [data-behavior=switch-project-view], .checkout-content .download-project-order-pdf-wrapper, .checkout-content .share-project-link-wrapper, .checkout-content .back-button-wrapper, .checkout-content [data-behavior=switch-project-view], .order-detail .download-project-order-pdf-wrapper, .order-detail .share-project-link-wrapper, .order-detail .back-button-wrapper, .order-detail [data-behavior=switch-project-view] {
float: left;
background-color:transparent
}
.project-detail .download-project-order-pdf-wrapper a, .project-detail .share-project-link-wrapper a, .project-detail .back-button-wrapper a, .project-detail [data-behavior=switch-project-view] a, .checkout-content .download-project-order-pdf-wrapper a, .checkout-content .share-project-link-wrapper a, .checkout-content .back-button-wrapper a, .checkout-content [data-behavior=switch-project-view] a, .order-detail .download-project-order-pdf-wrapper a, .order-detail .share-project-link-wrapper a, .order-detail .back-button-wrapper a, .order-detail [data-behavior=switch-project-view] a {
transition: background 250ms ease-in-out;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #B78452;
border: 2px solid #B78452;
text-decoration: none;
padding: 10px 30px 10px 20px;
text-transform: uppercase;
font-size:0.8125em
}
.project-detail .download-project-order-pdf-wrapper a:hover, .project-detail .share-project-link-wrapper a:hover, .project-detail .back-button-wrapper a:hover, .project-detail [data-behavior=switch-project-view] a:hover, .checkout-content .download-project-order-pdf-wrapper a:hover, .checkout-content .share-project-link-wrapper a:hover, .checkout-content .back-button-wrapper a:hover, .checkout-content [data-behavior=switch-project-view] a:hover, .order-detail .download-project-order-pdf-wrapper a:hover, .order-detail .share-project-link-wrapper a:hover, .order-detail .back-button-wrapper a:hover, .order-detail [data-behavior=switch-project-view] a:hover {
transition: background 250ms ease-in-out;
color: #B78452;
background:#fff
}
.project-detail .download-project-order-pdf-wrapper a:after, .project-detail .share-project-link-wrapper a:after, .project-detail .back-button-wrapper a:after, .project-detail [data-behavior=switch-project-view] a:after, .checkout-content .download-project-order-pdf-wrapper a:after, .checkout-content .share-project-link-wrapper a:after, .checkout-content .back-button-wrapper a:after, .checkout-content [data-behavior=switch-project-view] a:after, .order-detail .download-project-order-pdf-wrapper a:after, .order-detail .share-project-link-wrapper a:after, .order-detail .back-button-wrapper a:after, .order-detail [data-behavior=switch-project-view] a:after {
position: relative;
top: 7px;
left:10px
}
.project-detail .download-project-order-pdf-wrapper:active a, .project-detail .share-project-link-wrapper:active a, .project-detail .back-button-wrapper:active a, .project-detail [data-behavior=switch-project-view]:active a, .checkout-content .download-project-order-pdf-wrapper:active a, .checkout-content .share-project-link-wrapper:active a, .checkout-content .back-button-wrapper:active a, .checkout-content [data-behavior=switch-project-view]:active a, .order-detail .download-project-order-pdf-wrapper:active a, .order-detail .share-project-link-wrapper:active a, .order-detail .back-button-wrapper:active a, .order-detail [data-behavior=switch-project-view]:active a {
background-color:#fff !important
}
.project-detail .download-project-order-pdf-wrapper .icon, .project-detail .share-project-link-wrapper .icon, .project-detail .back-button-wrapper .icon, .project-detail [data-behavior=switch-project-view] .icon, .checkout-content .download-project-order-pdf-wrapper .icon, .checkout-content .share-project-link-wrapper .icon, .checkout-content .back-button-wrapper .icon, .checkout-content [data-behavior=switch-project-view] .icon, .order-detail .download-project-order-pdf-wrapper .icon, .order-detail .share-project-link-wrapper .icon, .order-detail .back-button-wrapper .icon, .order-detail [data-behavior=switch-project-view] .icon {
position: relative;
top: 5px;
margin-left: 8px;
height:20px
}
}
.project-detail [data-behavior=switch-project-view] a, .project-detail .back-button-wrapper a, .checkout-content [data-behavior=switch-project-view] a, .checkout-content .back-button-wrapper a, .order-detail [data-behavior=switch-project-view] a, .order-detail .back-button-wrapper a {
padding:10px 20px !important
}
.pdf_download_link a {
text-decoration:none
}
.pdf_download_link img {
width: 36px;
height:36px
}
.pdf_download_link .pdf_download_text {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.875em;
margin-right: 10px;
position: relative;
top:-8px
}
@media screen and (max-width: 768px) {
.download-project-order-pdf-wrapper, .share-project-link-wrapper, .share-order-link-wrapper, .cancel-checkout-link-wrapper, .download-sketch-wrapper {
position: absolute;
top:38px
}
.download-project-order-pdf-wrapper a, .share-project-link-wrapper a, .share-order-link-wrapper a, .cancel-checkout-link-wrapper a, .download-sketch-wrapper a {
position: relative;
font-size: 0.625em;
margin: 0;
text-transform: uppercase;
text-decoration:none
}
.download-project-order-pdf-wrapper a:before, .share-project-link-wrapper a:before, .share-order-link-wrapper a:before, .cancel-checkout-link-wrapper a:before, .download-sketch-wrapper a:before {
content: '';
background-repeat: no-repeat;
background-position: top center;
height: 40px;
position: absolute;
width: 100%;
top:-25px
}
}
@media screen and (max-width: 768px) and(min-width: 768px) {
.download-project-order-pdf-wrapper a, .share-project-link-wrapper a, .share-order-link-wrapper a, .cancel-checkout-link-wrapper a, .download-sketch-wrapper a {
letter-spacing:0.091em
}
}
.download-project-order-pdf-wrapper, .download-sketch-wrapper {
right:14%
}
.download-project-order-pdf-wrapper a:before, .download-sketch-wrapper a:before {
background-image:url(/assets/download-pdf-2f381775aab3ca586a3d5686a83660f3a36876ff1799bb228f2cee5136b82f21.svg)
}
.share-project-link-wrapper, .share-order-link-wrapper {
right:0
}
.share-project-link-wrapper a:before, .share-order-link-wrapper a:before {
background-image:url(/assets/icon-paper-airplane-eb2a0d7ff6f347bdb3ecfd7df76f2286cc6d267ac438f95f8d3e2576491e367a.svg)
}
.download-sketch-wrapper {
right: 40px;
top: 0;
position: static;
text-align: right;
margin-bottom:20px
}
.download-sketch-wrapper a.download-sketch-button {
border-bottom: none;
font-size:0.625em
}
.download-sketch-wrapper a.download-sketch-button:hover {
color:#4A494C
}
#send-payment-form {
margin-top: 2px;
text-align:right
}
.send-payment-form-link {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration:none
}
.cancel-checkout-link-wrapper {
right: 0;
bottom: 11px;
top:auto
}
.cancel-checkout-link-wrapper a:before {
background-image: url(/assets/close-icon-31e97af497a9ac6a358fb87bb2f3eebcb59efa8f59a87d03a8c32b3e69aa0428.svg);
height: 18px;
top:-28px
}
.sales-tax-notice-wrapper p {
color:#4A494C
}
.project-detail .alert.unaddressed-custom-request .alert-message {
width:100%
}
div.summary-item.address p {
margin:10px 0 20px !important
}
.optional-pickup {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin-top: -12px;
color: #888888;
margin-bottom:15px
}
.com-details h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.45em;
color: #454348;
letter-spacing: 0px;
text-transform: none;
margin-bottom:0px
}
.com-details ul {
padding-left: 16px;
margin-top:10px
}
.com-details ul li {
font-size: 14px;
font-family: 'Lato-Bold';
color: #333333;
padding-left: 10px;
margin-bottom:10px
}
.com-details .footnote {
margin-top: 15px;
line-height: 1.375em !important;
letter-spacing: 0px !important;
color: #333333 !important;
font-style: italic !important;
font-family: 'Lato-Bold' !important
}
.product_order_important_information .com-details h2 {
margin-top: -20px;
font-size: 30px;
letter-spacing: 0px;
color:#000
}
.lead-time-notes {
padding-left: 10px;
margin-top:5px
}
.lead-time-notes li {
font-family: 'Lato';
font-size: 14px;
padding-left: 8Fpx;
margin-bottom: 10px;
position: relative;
list-style:none
}
.lead-time-notes li li:last-child {
margin-bottom:0px
}
.lead-time-notes li:before {
content: "*";
position: absolute;
left: -10px;
top:3px
}
@media screen and (min-width: 768px) {
section.fabric-request-form-container form.fabric-request-form {
padding:52px 107px
}
}
@media (min-width: 1024px) {
section.fabric-request-form-container form.fabric-request-form fieldset {
width:100%
}
}
section.fabric-request-form-container .fabric-collection {
display: flex;
flex-wrap: wrap;
margin-bottom:35px
}
section.fabric-request-form-container .fabric-collection:last-of-type {
margin-bottom:0
}
@media screen and (min-width: 768px) {
section.fabric-request-form-container .fabric-collection {
margin-bottom:55px
}
}
section.fabric-request-form-container .fabric-wrapper {
border: 4px solid transparent;
flex-basis: 49%;
margin-bottom: 40px;
margin-right: 1%;
padding: 0;
text-align:center
}
@media (min-width: 1024px) {
section.fabric-request-form-container .fabric-wrapper {
flex-basis:24%
}
}
section.fabric-request-form-container .fabric-wrapper:focus, section.fabric-request-form-container .fabric-wrapper:hover {
border:4px solid #E1E0DD !important
}
section.fabric-request-form-container .fabric-wrapper.checked {
background-color: #F4F4F4;
border:4px solid #BD965F !important
}
section.fabric-request-form-container .styled-checkbox {
display: none;
position:absolute
}
section.fabric-request-form-container .styled-checkbox + label {
color: #4A494C;
cursor: pointer;
font-size: 0.875em;
position: relative;
text-transform:none
}
section.fabric-request-form-container .styled-checkbox + label img {
margin-bottom: 8px;
width:100%
}
section.fabric-request-form-container form.fabric-request-form input.error {
border: 1px solid #E41A03
}
section.fabric-request-form-container form.fabric-request-form input[type="radio"]:not(:checked) + label.error {
border:1px solid #E41A03
}
section.fabric-request-form-container form.fabric-request-form .fabric-request-no-selection-message {
margin-top:10px
}
section.fabric-request-form-container form.fabric-request-form .fabric-request-general-error-message {
margin-top:10px
}
section.fabric-request-form-container footer:before, section.fabric-request-form-container footer:after {
content: "";
display:table
}
section.fabric-request-form-container footer:after {
clear:both
}
section.fabric-request-form-container footer {
* zoom:1
}
@media screen and (min-width: 768px) {
section.fabric-request-form-container footer .submit {
float: right;
width: 27.5%
}
}
/*!
* Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight:var(--fa-style, 900)
}
.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering:auto
}
.fas, .fa-classic, .fa-solid, .far, .fa-regular {
font-family: 'Font Awesome 6 Free'
}
.fab, .fa-brands {
font-family: 'Font Awesome 6 Brands'
}
.fa-1x {
font-size:1em
}
.fa-2x {
font-size:2em
}
.fa-3x {
font-size:3em
}
.fa-4x {
font-size:4em
}
.fa-5x {
font-size:5em
}
.fa-6x {
font-size:6em
}
.fa-7x {
font-size:7em
}
.fa-8x {
font-size:8em
}
.fa-9x {
font-size:9em
}
.fa-10x {
font-size:10em
}
.fa-2xs {
font-size: 0.625em;
line-height: 0.1em;
vertical-align:0.225em
}
.fa-xs {
font-size: 0.75em;
line-height: 0.0833333337em;
vertical-align:0.125em
}
.fa-sm {
font-size: 0.875em;
line-height: 0.0714285718em;
vertical-align:0.0535714295em
}
.fa-lg {
font-size: 1.25em;
line-height: 0.05em;
vertical-align:-0.075em
}
.fa-xl {
font-size: 1.5em;
line-height: 0.0416666682em;
vertical-align:-0.125em
}
.fa-2xl {
font-size: 2em;
line-height: 0.03125em;
vertical-align:-0.1875em
}
.fa-fw {
text-align: center;
width:1.25em
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin, 2.5em);
padding-left:0
}
.fa-ul > li {
position:relative
}
.fa-li {
left: calc(var(--fa-li-width, 2em) * -1);
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height:inherit
}
.fa-border {
border-color: var(--fa-border-color, #eee);
border-radius: var(--fa-border-radius, 0.1em);
border-style: var(--fa-border-style, solid);
border-width: var(--fa-border-width, 0.08em);
padding:var(--fa-border-padding, 0.2em 0.25em 0.15em)
}
.fa-pull-left {
float: left;
margin-right:var(--fa-pull-margin, 0.3em)
}
.fa-pull-right {
float: right;
margin-left:var(--fa-pull-margin, 0.3em)
}
.fa-beat {
-webkit-animation-name: fa-beat;
animation-name: fa-beat;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function:var(--fa-animation-timing, ease-in-out)
}
.fa-bounce {
-webkit-animation-name: fa-bounce;
animation-name: fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))
}
.fa-fade {
-webkit-animation-name: fa-fade;
animation-name: fa-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}
.fa-beat-fade {
-webkit-animation-name: fa-beat-fade;
animation-name: fa-beat-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}
.fa-flip {
-webkit-animation-name: fa-flip;
animation-name: fa-flip;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function:var(--fa-animation-timing, ease-in-out)
}
.fa-shake {
-webkit-animation-name: fa-shake;
animation-name: fa-shake;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function:var(--fa-animation-timing, linear)
}
.fa-spin {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 2s);
animation-duration: var(--fa-animation-duration, 2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function:var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
--fa-animation-direction: reverse
}
.fa-pulse, .fa-spin-pulse {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
animation-timing-function:var(--fa-animation-timing, steps(8))
}
@media (prefers-reduced-motion: reduce) {
.fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
-webkit-animation-delay: -1ms;
animation-delay: -1ms;
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration:0s
}
}
@-webkit-keyframes fa-beat {
0%, 90% {
transform:scale(1)
}
45% {
transform:scale(var(--fa-beat-scale, 1.25))
}
}
@keyframes fa-beat {
0%, 90% {
transform:scale(1)
}
45% {
transform:scale(var(--fa-beat-scale, 1.25))
}
}
@-webkit-keyframes fa-bounce {
0% {
transform:scale(1, 1) translateY(0)
}
10% {
transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
}
30% {
transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
}
50% {
transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
}
57% {
transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
}
64% {
transform:scale(1, 1) translateY(0)
}
100% {
transform:scale(1, 1) translateY(0)
}
}
@keyframes fa-bounce {
0% {
transform:scale(1, 1) translateY(0)
}
10% {
transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
}
30% {
transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
}
50% {
transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
}
57% {
transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
}
64% {
transform:scale(1, 1) translateY(0)
}
100% {
transform:scale(1, 1) translateY(0)
}
}
@-webkit-keyframes fa-fade {
50% {
opacity:var(--fa-fade-opacity, 0.4)
}
}
@keyframes fa-fade {
50% {
opacity:var(--fa-fade-opacity, 0.4)
}
}
@-webkit-keyframes fa-beat-fade {
0%, 100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform:scale(1)
}
50% {
opacity: 1;
transform:scale(var(--fa-beat-fade-scale, 1.125))
}
}
@keyframes fa-beat-fade {
0%, 100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform:scale(1)
}
50% {
opacity: 1;
transform:scale(var(--fa-beat-fade-scale, 1.125))
}
}
@-webkit-keyframes fa-flip {
50% {
transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
}
}
@keyframes fa-flip {
50% {
transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
}
}
@-webkit-keyframes fa-shake {
0% {
transform:rotate(-15deg)
}
4% {
transform:rotate(15deg)
}
8%, 24% {
transform:rotate(-18deg)
}
12%, 28% {
transform:rotate(18deg)
}
16% {
transform:rotate(-22deg)
}
20% {
transform:rotate(22deg)
}
32% {
transform:rotate(-12deg)
}
36% {
transform:rotate(12deg)
}
40%, 100% {
transform:rotate(0deg)
}
}
@keyframes fa-shake {
0% {
transform:rotate(-15deg)
}
4% {
transform:rotate(15deg)
}
8%, 24% {
transform:rotate(-18deg)
}
12%, 28% {
transform:rotate(18deg)
}
16% {
transform:rotate(-22deg)
}
20% {
transform:rotate(22deg)
}
32% {
transform:rotate(-12deg)
}
36% {
transform:rotate(12deg)
}
40%, 100% {
transform:rotate(0deg)
}
}
@-webkit-keyframes fa-spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes fa-spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.fa-rotate-90 {
transform:rotate(90deg)
}
.fa-rotate-180 {
transform:rotate(180deg)
}
.fa-rotate-270 {
transform:rotate(270deg)
}
.fa-flip-horizontal {
transform:scale(-1, 1)
}
.fa-flip-vertical {
transform:scale(1, -1)
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
transform:scale(-1, -1)
}
.fa-rotate-by {
transform:rotate(var(--fa-rotate-angle, none))
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width:2.5em
}
.fa-stack-1x, .fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index:var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
line-height:inherit
}
.fa-stack-2x {
font-size:2em
}
.fa-inverse {
color:var(--fa-inverse, #fff)
}
.fa-0::before {
content: "\30 "
}
.fa-1::before {
content: "\31 "
}
.fa-2::before {
content: "\32 "
}
.fa-3::before {
content: "\33 "
}
.fa-4::before {
content: "\34 "
}
.fa-5::before {
content: "\35 "
}
.fa-6::before {
content: "\36 "
}
.fa-7::before {
content: "\37 "
}
.fa-8::before {
content: "\38 "
}
.fa-9::before {
content: "\39 "
}
.fa-fill-drip::before {
content: ""
}
.fa-arrows-to-circle::before {
content: ""
}
.fa-circle-chevron-right::before {
content: ""
}
.fa-chevron-circle-right::before {
content: ""
}
.fa-at::before {
content: "\@"
}
.fa-trash-can::before {
content: ""
}
.fa-trash-alt::before {
content: ""
}
.fa-text-height::before {
content: ""
}
.fa-user-xmark::before {
content: ""
}
.fa-user-times::before {
content: ""
}
.fa-stethoscope::before {
content: ""
}
.fa-message::before {
content: ""
}
.fa-comment-alt::before {
content: ""
}
.fa-info::before {
content: ""
}
.fa-down-left-and-up-right-to-center::before {
content: ""
}
.fa-compress-alt::before {
content: ""
}
.fa-explosion::before {
content: ""
}
.fa-file-lines::before {
content: ""
}
.fa-file-alt::before {
content: ""
}
.fa-file-text::before {
content: ""
}
.fa-wave-square::before {
content: ""
}
.fa-ring::before {
content: ""
}
.fa-building-un::before {
content: ""
}
.fa-dice-three::before {
content: ""
}
.fa-calendar-days::before {
content: ""
}
.fa-calendar-alt::before {
content: ""
}
.fa-anchor-circle-check::before {
content: ""
}
.fa-building-circle-arrow-right::before {
content: ""
}
.fa-volleyball::before {
content: ""
}
.fa-volleyball-ball::before {
content: ""
}
.fa-arrows-up-to-line::before {
content: ""
}
.fa-sort-down::before {
content: ""
}
.fa-sort-desc::before {
content: ""
}
.fa-circle-minus::before {
content: ""
}
.fa-minus-circle::before {
content: ""
}
.fa-door-open::before {
content: ""
}
.fa-right-from-bracket::before {
content: ""
}
.fa-sign-out-alt::before {
content: ""
}
.fa-atom::before {
content: ""
}
.fa-soap::before {
content: ""
}
.fa-icons::before {
content: ""
}
.fa-heart-music-camera-bolt::before {
content: ""
}
.fa-microphone-lines-slash::before {
content: ""
}
.fa-microphone-alt-slash::before {
content: ""
}
.fa-bridge-circle-check::before {
content: ""
}
.fa-pump-medical::before {
content: ""
}
.fa-fingerprint::before {
content: ""
}
.fa-hand-point-right::before {
content: ""
}
.fa-magnifying-glass-location::before {
content: ""
}
.fa-search-location::before {
content: ""
}
.fa-forward-step::before {
content: ""
}
.fa-step-forward::before {
content: ""
}
.fa-face-smile-beam::before {
content: ""
}
.fa-smile-beam::before {
content: ""
}
.fa-flag-checkered::before {
content: ""
}
.fa-football::before {
content: ""
}
.fa-football-ball::before {
content: ""
}
.fa-school-circle-exclamation::before {
content: ""
}
.fa-crop::before {
content: ""
}
.fa-angles-down::before {
content: ""
}
.fa-angle-double-down::before {
content: ""
}
.fa-users-rectangle::before {
content: ""
}
.fa-people-roof::before {
content: ""
}
.fa-people-line::before {
content: ""
}
.fa-beer-mug-empty::before {
content: ""
}
.fa-beer::before {
content: ""
}
.fa-diagram-predecessor::before {
content: ""
}
.fa-arrow-up-long::before {
content: ""
}
.fa-long-arrow-up::before {
content: ""
}
.fa-fire-flame-simple::before {
content: ""
}
.fa-burn::before {
content: ""
}
.fa-person::before {
content: ""
}
.fa-male::before {
content: ""
}
.fa-laptop::before {
content: ""
}
.fa-file-csv::before {
content: ""
}
.fa-menorah::before {
content: ""
}
.fa-truck-plane::before {
content: ""
}
.fa-record-vinyl::before {
content: ""
}
.fa-face-grin-stars::before {
content: ""
}
.fa-grin-stars::before {
content: ""
}
.fa-bong::before {
content: ""
}
.fa-spaghetti-monster-flying::before {
content: ""
}
.fa-pastafarianism::before {
content: ""
}
.fa-arrow-down-up-across-line::before {
content: ""
}
.fa-spoon::before {
content: ""
}
.fa-utensil-spoon::before {
content: ""
}
.fa-jar-wheat::before {
content: ""
}
.fa-envelopes-bulk::before {
content: ""
}
.fa-mail-bulk::before {
content: ""
}
.fa-file-circle-exclamation::before {
content: ""
}
.fa-circle-h::before {
content: ""
}
.fa-hospital-symbol::before {
content: ""
}
.fa-pager::before {
content: ""
}
.fa-address-book::before {
content: ""
}
.fa-contact-book::before {
content: ""
}
.fa-strikethrough::before {
content: ""
}
.fa-k::before {
content: "K"
}
.fa-landmark-flag::before {
content: ""
}
.fa-pencil::before {
content: ""
}
.fa-pencil-alt::before {
content: ""
}
.fa-backward::before {
content: ""
}
.fa-caret-right::before {
content: ""
}
.fa-comments::before {
content: ""
}
.fa-paste::before {
content: ""
}
.fa-file-clipboard::before {
content: ""
}
.fa-code-pull-request::before {
content: ""
}
.fa-clipboard-list::before {
content: ""
}
.fa-truck-ramp-box::before {
content: ""
}
.fa-truck-loading::before {
content: ""
}
.fa-user-check::before {
content: ""
}
.fa-vial-virus::before {
content: ""
}
.fa-sheet-plastic::before {
content: ""
}
.fa-blog::before {
content: ""
}
.fa-user-ninja::before {
content: ""
}
.fa-person-arrow-up-from-line::before {
content: ""
}
.fa-scroll-torah::before {
content: ""
}
.fa-torah::before {
content: ""
}
.fa-broom-ball::before {
content: ""
}
.fa-quidditch::before {
content: ""
}
.fa-quidditch-broom-ball::before {
content: ""
}
.fa-toggle-off::before {
content: ""
}
.fa-box-archive::before {
content: ""
}
.fa-archive::before {
content: ""
}
.fa-person-drowning::before {
content: ""
}
.fa-arrow-down-9-1::before {
content: ""
}
.fa-sort-numeric-desc::before {
content: ""
}
.fa-sort-numeric-down-alt::before {
content: ""
}
.fa-face-grin-tongue-squint::before {
content: ""
}
.fa-grin-tongue-squint::before {
content: ""
}
.fa-spray-can::before {
content: ""
}
.fa-truck-monster::before {
content: ""
}
.fa-w::before {
content: "W"
}
.fa-earth-africa::before {
content: ""
}
.fa-globe-africa::before {
content: ""
}
.fa-rainbow::before {
content: ""
}
.fa-circle-notch::before {
content: ""
}
.fa-tablet-screen-button::before {
content: ""
}
.fa-tablet-alt::before {
content: ""
}
.fa-paw::before {
content: ""
}
.fa-cloud::before {
content: ""
}
.fa-trowel-bricks::before {
content: ""
}
.fa-face-flushed::before {
content: ""
}
.fa-flushed::before {
content: ""
}
.fa-hospital-user::before {
content: ""
}
.fa-tent-arrow-left-right::before {
content: ""
}
.fa-gavel::before {
content: ""
}
.fa-legal::before {
content: ""
}
.fa-binoculars::before {
content: ""
}
.fa-microphone-slash::before {
content: ""
}
.fa-box-tissue::before {
content: ""
}
.fa-motorcycle::before {
content: ""
}
.fa-bell-concierge::before {
content: ""
}
.fa-concierge-bell::before {
content: ""
}
.fa-pen-ruler::before {
content: ""
}
.fa-pencil-ruler::before {
content: ""
}
.fa-people-arrows::before {
content: ""
}
.fa-people-arrows-left-right::before {
content: ""
}
.fa-mars-and-venus-burst::before {
content: ""
}
.fa-square-caret-right::before {
content: ""
}
.fa-caret-square-right::before {
content: ""
}
.fa-scissors::before {
content: ""
}
.fa-cut::before {
content: ""
}
.fa-sun-plant-wilt::before {
content: ""
}
.fa-toilets-portable::before {
content: ""
}
.fa-hockey-puck::before {
content: ""
}
.fa-table::before {
content: ""
}
.fa-magnifying-glass-arrow-right::before {
content: ""
}
.fa-tachograph-digital::before {
content: ""
}
.fa-digital-tachograph::before {
content: ""
}
.fa-users-slash::before {
content: ""
}
.fa-clover::before {
content: ""
}
.fa-reply::before {
content: ""
}
.fa-mail-reply::before {
content: ""
}
.fa-star-and-crescent::before {
content: ""
}
.fa-house-fire::before {
content: ""
}
.fa-square-minus::before {
content: ""
}
.fa-minus-square::before {
content: ""
}
.fa-helicopter::before {
content: ""
}
.fa-compass::before {
content: ""
}
.fa-square-caret-down::before {
content: ""
}
.fa-caret-square-down::before {
content: ""
}
.fa-file-circle-question::before {
content: ""
}
.fa-laptop-code::before {
content: ""
}
.fa-swatchbook::before {
content: ""
}
.fa-prescription-bottle::before {
content: ""
}
.fa-bars::before {
content: ""
}
.fa-navicon::before {
content: ""
}
.fa-people-group::before {
content: ""
}
.fa-hourglass-end::before {
content: ""
}
.fa-hourglass-3::before {
content: ""
}
.fa-heart-crack::before {
content: ""
}
.fa-heart-broken::before {
content: ""
}
.fa-square-up-right::before {
content: ""
}
.fa-external-link-square-alt::before {
content: ""
}
.fa-face-kiss-beam::before {
content: ""
}
.fa-kiss-beam::before {
content: ""
}
.fa-film::before {
content: ""
}
.fa-ruler-horizontal::before {
content: ""
}
.fa-people-robbery::before {
content: ""
}
.fa-lightbulb::before {
content: ""
}
.fa-caret-left::before {
content: ""
}
.fa-circle-exclamation::before {
content: ""
}
.fa-exclamation-circle::before {
content: ""
}
.fa-school-circle-xmark::before {
content: ""
}
.fa-arrow-right-from-bracket::before {
content: ""
}
.fa-sign-out::before {
content: ""
}
.fa-circle-chevron-down::before {
content: ""
}
.fa-chevron-circle-down::before {
content: ""
}
.fa-unlock-keyhole::before {
content: ""
}
.fa-unlock-alt::before {
content: ""
}
.fa-cloud-showers-heavy::before {
content: ""
}
.fa-headphones-simple::before {
content: ""
}
.fa-headphones-alt::before {
content: ""
}
.fa-sitemap::before {
content: ""
}
.fa-circle-dollar-to-slot::before {
content: ""
}
.fa-donate::before {
content: ""
}
.fa-memory::before {
content: ""
}
.fa-road-spikes::before {
content: ""
}
.fa-fire-burner::before {
content: ""
}
.fa-flag::before {
content: ""
}
.fa-hanukiah::before {
content: ""
}
.fa-feather::before {
content: ""
}
.fa-volume-low::before {
content: ""
}
.fa-volume-down::before {
content: ""
}
.fa-comment-slash::before {
content: ""
}
.fa-cloud-sun-rain::before {
content: ""
}
.fa-compress::before {
content: ""
}
.fa-wheat-awn::before {
content: ""
}
.fa-wheat-alt::before {
content: ""
}
.fa-ankh::before {
content: ""
}
.fa-hands-holding-child::before {
content: ""
}
.fa-asterisk::before {
content: "\*"
}
.fa-square-check::before {
content: ""
}
.fa-check-square::before {
content: ""
}
.fa-peseta-sign::before {
content: ""
}
.fa-heading::before {
content: ""
}
.fa-header::before {
content: ""
}
.fa-ghost::before {
content: ""
}
.fa-list::before {
content: ""
}
.fa-list-squares::before {
content: ""
}
.fa-square-phone-flip::before {
content: ""
}
.fa-phone-square-alt::before {
content: ""
}
.fa-cart-plus::before {
content: ""
}
.fa-gamepad::before {
content: ""
}
.fa-circle-dot::before {
content: ""
}
.fa-dot-circle::before {
content: ""
}
.fa-face-dizzy::before {
content: ""
}
.fa-dizzy::before {
content: ""
}
.fa-egg::before {
content: ""
}
.fa-house-medical-circle-xmark::before {
content: ""
}
.fa-campground::before {
content: ""
}
.fa-folder-plus::before {
content: ""
}
.fa-futbol::before {
content: ""
}
.fa-futbol-ball::before {
content: ""
}
.fa-soccer-ball::before {
content: ""
}
.fa-paintbrush::before {
content: ""
}
.fa-paint-brush::before {
content: ""
}
.fa-lock::before {
content: ""
}
.fa-gas-pump::before {
content: ""
}
.fa-hot-tub-person::before {
content: ""
}
.fa-hot-tub::before {
content: ""
}
.fa-map-location::before {
content: ""
}
.fa-map-marked::before {
content: ""
}
.fa-house-flood-water::before {
content: ""
}
.fa-tree::before {
content: ""
}
.fa-bridge-lock::before {
content: ""
}
.fa-sack-dollar::before {
content: ""
}
.fa-pen-to-square::before {
content: ""
}
.fa-edit::before {
content: ""
}
.fa-car-side::before {
content: ""
}
.fa-share-nodes::before {
content: ""
}
.fa-share-alt::before {
content: ""
}
.fa-heart-circle-minus::before {
content: ""
}
.fa-hourglass-half::before {
content: ""
}
.fa-hourglass-2::before {
content: ""
}
.fa-microscope::before {
content: ""
}
.fa-sink::before {
content: ""
}
.fa-bag-shopping::before {
content: ""
}
.fa-shopping-bag::before {
content: ""
}
.fa-arrow-down-z-a::before {
content: ""
}
.fa-sort-alpha-desc::before {
content: ""
}
.fa-sort-alpha-down-alt::before {
content: ""
}
.fa-mitten::before {
content: ""
}
.fa-person-rays::before {
content: ""
}
.fa-users::before {
content: ""
}
.fa-eye-slash::before {
content: ""
}
.fa-flask-vial::before {
content: ""
}
.fa-hand::before {
content: ""
}
.fa-hand-paper::before {
content: ""
}
.fa-om::before {
content: ""
}
.fa-worm::before {
content: ""
}
.fa-house-circle-xmark::before {
content: ""
}
.fa-plug::before {
content: ""
}
.fa-chevron-up::before {
content: ""
}
.fa-hand-spock::before {
content: ""
}
.fa-stopwatch::before {
content: ""
}
.fa-face-kiss::before {
content: ""
}
.fa-kiss::before {
content: ""
}
.fa-bridge-circle-xmark::before {
content: ""
}
.fa-face-grin-tongue::before {
content: ""
}
.fa-grin-tongue::before {
content: ""
}
.fa-chess-bishop::before {
content: ""
}
.fa-face-grin-wink::before {
content: ""
}
.fa-grin-wink::before {
content: ""
}
.fa-ear-deaf::before {
content: ""
}
.fa-deaf::before {
content: ""
}
.fa-deafness::before {
content: ""
}
.fa-hard-of-hearing::before {
content: ""
}
.fa-road-circle-check::before {
content: ""
}
.fa-dice-five::before {
content: ""
}
.fa-square-rss::before {
content: ""
}
.fa-rss-square::before {
content: ""
}
.fa-land-mine-on::before {
content: ""
}
.fa-i-cursor::before {
content: ""
}
.fa-stamp::before {
content: ""
}
.fa-stairs::before {
content: ""
}
.fa-i::before {
content: "I"
}
.fa-hryvnia-sign::before {
content: ""
}
.fa-hryvnia::before {
content: ""
}
.fa-pills::before {
content: ""
}
.fa-face-grin-wide::before {
content: ""
}
.fa-grin-alt::before {
content: ""
}
.fa-tooth::before {
content: ""
}
.fa-v::before {
content: "V"
}
.fa-bangladeshi-taka-sign::before {
content: ""
}
.fa-bicycle::before {
content: ""
}
.fa-staff-snake::before {
content: ""
}
.fa-rod-asclepius::before {
content: ""
}
.fa-rod-snake::before {
content: ""
}
.fa-staff-aesculapius::before {
content: ""
}
.fa-head-side-cough-slash::before {
content: ""
}
.fa-truck-medical::before {
content: ""
}
.fa-ambulance::before {
content: ""
}
.fa-wheat-awn-circle-exclamation::before {
content: ""
}
.fa-snowman::before {
content: ""
}
.fa-mortar-pestle::before {
content: ""
}
.fa-road-barrier::before {
content: ""
}
.fa-school::before {
content: ""
}
.fa-igloo::before {
content: ""
}
.fa-joint::before {
content: ""
}
.fa-angle-right::before {
content: ""
}
.fa-horse::before {
content: ""
}
.fa-q::before {
content: "Q"
}
.fa-g::before {
content: "G"
}
.fa-notes-medical::before {
content: ""
}
.fa-temperature-half::before {
content: ""
}
.fa-temperature-2::before {
content: ""
}
.fa-thermometer-2::before {
content: ""
}
.fa-thermometer-half::before {
content: ""
}
.fa-dong-sign::before {
content: ""
}
.fa-capsules::before {
content: ""
}
.fa-poo-storm::before {
content: ""
}
.fa-poo-bolt::before {
content: ""
}
.fa-face-frown-open::before {
content: ""
}
.fa-frown-open::before {
content: ""
}
.fa-hand-point-up::before {
content: ""
}
.fa-money-bill::before {
content: ""
}
.fa-bookmark::before {
content: ""
}
.fa-align-justify::before {
content: ""
}
.fa-umbrella-beach::before {
content: ""
}
.fa-helmet-un::before {
content: ""
}
.fa-bullseye::before {
content: ""
}
.fa-bacon::before {
content: ""
}
.fa-hand-point-down::before {
content: ""
}
.fa-arrow-up-from-bracket::before {
content: ""
}
.fa-folder::before {
content: ""
}
.fa-folder-blank::before {
content: ""
}
.fa-file-waveform::before {
content: ""
}
.fa-file-medical-alt::before {
content: ""
}
.fa-radiation::before {
content: ""
}
.fa-chart-simple::before {
content: ""
}
.fa-mars-stroke::before {
content: ""
}
.fa-vial::before {
content: ""
}
.fa-gauge::before {
content: ""
}
.fa-dashboard::before {
content: ""
}
.fa-gauge-med::before {
content: ""
}
.fa-tachometer-alt-average::before {
content: ""
}
.fa-wand-magic-sparkles::before {
content: ""
}
.fa-magic-wand-sparkles::before {
content: ""
}
.fa-e::before {
content: "E"
}
.fa-pen-clip::before {
content: ""
}
.fa-pen-alt::before {
content: ""
}
.fa-bridge-circle-exclamation::before {
content: ""
}
.fa-user::before {
content: ""
}
.fa-school-circle-check::before {
content: ""
}
.fa-dumpster::before {
content: ""
}
.fa-van-shuttle::before {
content: ""
}
.fa-shuttle-van::before {
content: ""
}
.fa-building-user::before {
content: ""
}
.fa-square-caret-left::before {
content: ""
}
.fa-caret-square-left::before {
content: ""
}
.fa-highlighter::before {
content: ""
}
.fa-key::before {
content: ""
}
.fa-bullhorn::before {
content: ""
}
.fa-globe::before {
content: ""
}
.fa-synagogue::before {
content: ""
}
.fa-person-half-dress::before {
content: ""
}
.fa-road-bridge::before {
content: ""
}
.fa-location-arrow::before {
content: ""
}
.fa-c::before {
content: "C"
}
.fa-tablet-button::before {
content: ""
}
.fa-building-lock::before {
content: ""
}
.fa-pizza-slice::before {
content: ""
}
.fa-money-bill-wave::before {
content: ""
}
.fa-chart-area::before {
content: ""
}
.fa-area-chart::before {
content: ""
}
.fa-house-flag::before {
content: ""
}
.fa-person-circle-minus::before {
content: ""
}
.fa-ban::before {
content: ""
}
.fa-cancel::before {
content: ""
}
.fa-camera-rotate::before {
content: ""
}
.fa-spray-can-sparkles::before {
content: ""
}
.fa-air-freshener::before {
content: ""
}
.fa-star::before {
content: ""
}
.fa-repeat::before {
content: ""
}
.fa-cross::before {
content: ""
}
.fa-box::before {
content: ""
}
.fa-venus-mars::before {
content: ""
}
.fa-arrow-pointer::before {
content: ""
}
.fa-mouse-pointer::before {
content: ""
}
.fa-maximize::before {
content: ""
}
.fa-expand-arrows-alt::before {
content: ""
}
.fa-charging-station::before {
content: ""
}
.fa-shapes::before {
content: ""
}
.fa-triangle-circle-square::before {
content: ""
}
.fa-shuffle::before {
content: ""
}
.fa-random::before {
content: ""
}
.fa-person-running::before {
content: ""
}
.fa-running::before {
content: ""
}
.fa-mobile-retro::before {
content: ""
}
.fa-grip-lines-vertical::before {
content: ""
}
.fa-spider::before {
content: ""
}
.fa-hands-bound::before {
content: ""
}
.fa-file-invoice-dollar::before {
content: ""
}
.fa-plane-circle-exclamation::before {
content: ""
}
.fa-x-ray::before {
content: ""
}
.fa-spell-check::before {
content: ""
}
.fa-slash::before {
content: ""
}
.fa-computer-mouse::before {
content: ""
}
.fa-mouse::before {
content: ""
}
.fa-arrow-right-to-bracket::before {
content: ""
}
.fa-sign-in::before {
content: ""
}
.fa-shop-slash::before {
content: ""
}
.fa-store-alt-slash::before {
content: ""
}
.fa-server::before {
content: ""
}
.fa-virus-covid-slash::before {
content: ""
}
.fa-shop-lock::before {
content: ""
}
.fa-hourglass-start::before {
content: ""
}
.fa-hourglass-1::before {
content: ""
}
.fa-blender-phone::before {
content: ""
}
.fa-building-wheat::before {
content: ""
}
.fa-person-breastfeeding::before {
content: ""
}
.fa-right-to-bracket::before {
content: ""
}
.fa-sign-in-alt::before {
content: ""
}
.fa-venus::before {
content: ""
}
.fa-passport::before {
content: ""
}
.fa-heart-pulse::before {
content: ""
}
.fa-heartbeat::before {
content: ""
}
.fa-people-carry-box::before {
content: ""
}
.fa-people-carry::before {
content: ""
}
.fa-temperature-high::before {
content: ""
}
.fa-microchip::before {
content: ""
}
.fa-crown::before {
content: ""
}
.fa-weight-hanging::before {
content: ""
}
.fa-xmarks-lines::before {
content: ""
}
.fa-file-prescription::before {
content: ""
}
.fa-weight-scale::before {
content: ""
}
.fa-weight::before {
content: ""
}
.fa-user-group::before {
content: ""
}
.fa-user-friends::before {
content: ""
}
.fa-arrow-up-a-z::before {
content: ""
}
.fa-sort-alpha-up::before {
content: ""
}
.fa-chess-knight::before {
content: ""
}
.fa-face-laugh-squint::before {
content: ""
}
.fa-laugh-squint::before {
content: ""
}
.fa-wheelchair::before {
content: ""
}
.fa-circle-arrow-up::before {
content: ""
}
.fa-arrow-circle-up::before {
content: ""
}
.fa-toggle-on::before {
content: ""
}
.fa-person-walking::before {
content: ""
}
.fa-walking::before {
content: ""
}
.fa-l::before {
content: "L"
}
.fa-fire::before {
content: ""
}
.fa-bed-pulse::before {
content: ""
}
.fa-procedures::before {
content: ""
}
.fa-shuttle-space::before {
content: ""
}
.fa-space-shuttle::before {
content: ""
}
.fa-face-laugh::before {
content: ""
}
.fa-laugh::before {
content: ""
}
.fa-folder-open::before {
content: ""
}
.fa-heart-circle-plus::before {
content: ""
}
.fa-code-fork::before {
content: ""
}
.fa-city::before {
content: ""
}
.fa-microphone-lines::before {
content: ""
}
.fa-microphone-alt::before {
content: ""
}
.fa-pepper-hot::before {
content: ""
}
.fa-unlock::before {
content: ""
}
.fa-colon-sign::before {
content: ""
}
.fa-headset::before {
content: ""
}
.fa-store-slash::before {
content: ""
}
.fa-road-circle-xmark::before {
content: ""
}
.fa-user-minus::before {
content: ""
}
.fa-mars-stroke-up::before {
content: ""
}
.fa-mars-stroke-v::before {
content: ""
}
.fa-champagne-glasses::before {
content: ""
}
.fa-glass-cheers::before {
content: ""
}
.fa-clipboard::before {
content: ""
}
.fa-house-circle-exclamation::before {
content: ""
}
.fa-file-arrow-up::before {
content: ""
}
.fa-file-upload::before {
content: ""
}
.fa-wifi::before {
content: ""
}
.fa-wifi-3::before {
content: ""
}
.fa-wifi-strong::before {
content: ""
}
.fa-bath::before {
content: ""
}
.fa-bathtub::before {
content: ""
}
.fa-underline::before {
content: ""
}
.fa-user-pen::before {
content: ""
}
.fa-user-edit::before {
content: ""
}
.fa-signature::before {
content: ""
}
.fa-stroopwafel::before {
content: ""
}
.fa-bold::before {
content: ""
}
.fa-anchor-lock::before {
content: ""
}
.fa-building-ngo::before {
content: ""
}
.fa-manat-sign::before {
content: ""
}
.fa-not-equal::before {
content: ""
}
.fa-border-top-left::before {
content: ""
}
.fa-border-style::before {
content: ""
}
.fa-map-location-dot::before {
content: ""
}
.fa-map-marked-alt::before {
content: ""
}
.fa-jedi::before {
content: ""
}
.fa-square-poll-vertical::before {
content: ""
}
.fa-poll::before {
content: ""
}
.fa-mug-hot::before {
content: ""
}
.fa-car-battery::before {
content: ""
}
.fa-battery-car::before {
content: ""
}
.fa-gift::before {
content: ""
}
.fa-dice-two::before {
content: ""
}
.fa-chess-queen::before {
content: ""
}
.fa-glasses::before {
content: ""
}
.fa-chess-board::before {
content: ""
}
.fa-building-circle-check::before {
content: ""
}
.fa-person-chalkboard::before {
content: ""
}
.fa-mars-stroke-right::before {
content: ""
}
.fa-mars-stroke-h::before {
content: ""
}
.fa-hand-back-fist::before {
content: ""
}
.fa-hand-rock::before {
content: ""
}
.fa-square-caret-up::before {
content: ""
}
.fa-caret-square-up::before {
content: ""
}
.fa-cloud-showers-water::before {
content: ""
}
.fa-chart-bar::before {
content: ""
}
.fa-bar-chart::before {
content: ""
}
.fa-hands-bubbles::before {
content: ""
}
.fa-hands-wash::before {
content: ""
}
.fa-less-than-equal::before {
content: ""
}
.fa-train::before {
content: ""
}
.fa-eye-low-vision::before {
content: ""
}
.fa-low-vision::before {
content: ""
}
.fa-crow::before {
content: ""
}
.fa-sailboat::before {
content: ""
}
.fa-window-restore::before {
content: ""
}
.fa-square-plus::before {
content: ""
}
.fa-plus-square::before {
content: ""
}
.fa-torii-gate::before {
content: ""
}
.fa-frog::before {
content: ""
}
.fa-bucket::before {
content: ""
}
.fa-image::before {
content: ""
}
.fa-microphone::before {
content: ""
}
.fa-cow::before {
content: ""
}
.fa-caret-up::before {
content: ""
}
.fa-screwdriver::before {
content: ""
}
.fa-folder-closed::before {
content: ""
}
.fa-house-tsunami::before {
content: ""
}
.fa-square-nfi::before {
content: ""
}
.fa-arrow-up-from-ground-water::before {
content: ""
}
.fa-martini-glass::before {
content: ""
}
.fa-glass-martini-alt::before {
content: ""
}
.fa-rotate-left::before {
content: ""
}
.fa-rotate-back::before {
content: ""
}
.fa-rotate-backward::before {
content: ""
}
.fa-undo-alt::before {
content: ""
}
.fa-table-columns::before {
content: ""
}
.fa-columns::before {
content: ""
}
.fa-lemon::before {
content: ""
}
.fa-head-side-mask::before {
content: ""
}
.fa-handshake::before {
content: ""
}
.fa-gem::before {
content: ""
}
.fa-dolly::before {
content: ""
}
.fa-dolly-box::before {
content: ""
}
.fa-smoking::before {
content: ""
}
.fa-minimize::before {
content: ""
}
.fa-compress-arrows-alt::before {
content: ""
}
.fa-monument::before {
content: ""
}
.fa-snowplow::before {
content: ""
}
.fa-angles-right::before {
content: ""
}
.fa-angle-double-right::before {
content: ""
}
.fa-cannabis::before {
content: ""
}
.fa-circle-play::before {
content: ""
}
.fa-play-circle::before {
content: ""
}
.fa-tablets::before {
content: ""
}
.fa-ethernet::before {
content: ""
}
.fa-euro-sign::before {
content: ""
}
.fa-eur::before {
content: ""
}
.fa-euro::before {
content: ""
}
.fa-chair::before {
content: ""
}
.fa-circle-check::before {
content: ""
}
.fa-check-circle::before {
content: ""
}
.fa-circle-stop::before {
content: ""
}
.fa-stop-circle::before {
content: ""
}
.fa-compass-drafting::before {
content: ""
}
.fa-drafting-compass::before {
content: ""
}
.fa-plate-wheat::before {
content: ""
}
.fa-icicles::before {
content: ""
}
.fa-person-shelter::before {
content: ""
}
.fa-neuter::before {
content: ""
}
.fa-id-badge::before {
content: ""
}
.fa-marker::before {
content: ""
}
.fa-face-laugh-beam::before {
content: ""
}
.fa-laugh-beam::before {
content: ""
}
.fa-helicopter-symbol::before {
content: ""
}
.fa-universal-access::before {
content: ""
}
.fa-circle-chevron-up::before {
content: ""
}
.fa-chevron-circle-up::before {
content: ""
}
.fa-lari-sign::before {
content: ""
}
.fa-volcano::before {
content: ""
}
.fa-person-walking-dashed-line-arrow-right::before {
content: ""
}
.fa-sterling-sign::before {
content: ""
}
.fa-gbp::before {
content: ""
}
.fa-pound-sign::before {
content: ""
}
.fa-viruses::before {
content: ""
}
.fa-square-person-confined::before {
content: ""
}
.fa-user-tie::before {
content: ""
}
.fa-arrow-down-long::before {
content: ""
}
.fa-long-arrow-down::before {
content: ""
}
.fa-tent-arrow-down-to-line::before {
content: ""
}
.fa-certificate::before {
content: ""
}
.fa-reply-all::before {
content: ""
}
.fa-mail-reply-all::before {
content: ""
}
.fa-suitcase::before {
content: ""
}
.fa-person-skating::before {
content: ""
}
.fa-skating::before {
content: ""
}
.fa-filter-circle-dollar::before {
content: ""
}
.fa-funnel-dollar::before {
content: ""
}
.fa-camera-retro::before {
content: ""
}
.fa-circle-arrow-down::before {
content: ""
}
.fa-arrow-circle-down::before {
content: ""
}
.fa-file-import::before {
content: ""
}
.fa-arrow-right-to-file::before {
content: ""
}
.fa-square-arrow-up-right::before {
content: ""
}
.fa-external-link-square::before {
content: ""
}
.fa-box-open::before {
content: ""
}
.fa-scroll::before {
content: ""
}
.fa-spa::before {
content: ""
}
.fa-location-pin-lock::before {
content: ""
}
.fa-pause::before {
content: ""
}
.fa-hill-avalanche::before {
content: ""
}
.fa-temperature-empty::before {
content: ""
}
.fa-temperature-0::before {
content: ""
}
.fa-thermometer-0::before {
content: ""
}
.fa-thermometer-empty::before {
content: ""
}
.fa-bomb::before {
content: ""
}
.fa-registered::before {
content: ""
}
.fa-address-card::before {
content: ""
}
.fa-contact-card::before {
content: ""
}
.fa-vcard::before {
content: ""
}
.fa-scale-unbalanced-flip::before {
content: ""
}
.fa-balance-scale-right::before {
content: ""
}
.fa-subscript::before {
content: ""
}
.fa-diamond-turn-right::before {
content: ""
}
.fa-directions::before {
content: ""
}
.fa-burst::before {
content: ""
}
.fa-house-laptop::before {
content: ""
}
.fa-laptop-house::before {
content: ""
}
.fa-face-tired::before {
content: ""
}
.fa-tired::before {
content: ""
}
.fa-money-bills::before {
content: ""
}
.fa-smog::before {
content: ""
}
.fa-crutch::before {
content: ""
}
.fa-cloud-arrow-up::before {
content: ""
}
.fa-cloud-upload::before {
content: ""
}
.fa-cloud-upload-alt::before {
content: ""
}
.fa-palette::before {
content: ""
}
.fa-arrows-turn-right::before {
content: ""
}
.fa-vest::before {
content: ""
}
.fa-ferry::before {
content: ""
}
.fa-arrows-down-to-people::before {
content: ""
}
.fa-seedling::before {
content: ""
}
.fa-sprout::before {
content: ""
}
.fa-left-right::before {
content: ""
}
.fa-arrows-alt-h::before {
content: ""
}
.fa-boxes-packing::before {
content: ""
}
.fa-circle-arrow-left::before {
content: ""
}
.fa-arrow-circle-left::before {
content: ""
}
.fa-group-arrows-rotate::before {
content: ""
}
.fa-bowl-food::before {
content: ""
}
.fa-candy-cane::before {
content: ""
}
.fa-arrow-down-wide-short::before {
content: ""
}
.fa-sort-amount-asc::before {
content: ""
}
.fa-sort-amount-down::before {
content: ""
}
.fa-cloud-bolt::before {
content: ""
}
.fa-thunderstorm::before {
content: ""
}
.fa-text-slash::before {
content: ""
}
.fa-remove-format::before {
content: ""
}
.fa-face-smile-wink::before {
content: ""
}
.fa-smile-wink::before {
content: ""
}
.fa-file-word::before {
content: ""
}
.fa-file-powerpoint::before {
content: ""
}
.fa-arrows-left-right::before {
content: ""
}
.fa-arrows-h::before {
content: ""
}
.fa-house-lock::before {
content: ""
}
.fa-cloud-arrow-down::before {
content: ""
}
.fa-cloud-download::before {
content: ""
}
.fa-cloud-download-alt::before {
content: ""
}
.fa-children::before {
content: ""
}
.fa-chalkboard::before {
content: ""
}
.fa-blackboard::before {
content: ""
}
.fa-user-large-slash::before {
content: ""
}
.fa-user-alt-slash::before {
content: ""
}
.fa-envelope-open::before {
content: ""
}
.fa-handshake-simple-slash::before {
content: ""
}
.fa-handshake-alt-slash::before {
content: ""
}
.fa-mattress-pillow::before {
content: ""
}
.fa-guarani-sign::before {
content: ""
}
.fa-arrows-rotate::before {
content: ""
}
.fa-refresh::before {
content: ""
}
.fa-sync::before {
content: ""
}
.fa-fire-extinguisher::before {
content: ""
}
.fa-cruzeiro-sign::before {
content: ""
}
.fa-greater-than-equal::before {
content: ""
}
.fa-shield-halved::before {
content: ""
}
.fa-shield-alt::before {
content: ""
}
.fa-book-atlas::before {
content: ""
}
.fa-atlas::before {
content: ""
}
.fa-virus::before {
content: ""
}
.fa-envelope-circle-check::before {
content: ""
}
.fa-layer-group::before {
content: ""
}
.fa-arrows-to-dot::before {
content: ""
}
.fa-archway::before {
content: ""
}
.fa-heart-circle-check::before {
content: ""
}
.fa-house-chimney-crack::before {
content: ""
}
.fa-house-damage::before {
content: ""
}
.fa-file-zipper::before {
content: ""
}
.fa-file-archive::before {
content: ""
}
.fa-square::before {
content: ""
}
.fa-martini-glass-empty::before {
content: ""
}
.fa-glass-martini::before {
content: ""
}
.fa-couch::before {
content: ""
}
.fa-cedi-sign::before {
content: ""
}
.fa-italic::before {
content: ""
}
.fa-church::before {
content: ""
}
.fa-comments-dollar::before {
content: ""
}
.fa-democrat::before {
content: ""
}
.fa-z::before {
content: "Z"
}
.fa-person-skiing::before {
content: ""
}
.fa-skiing::before {
content: ""
}
.fa-road-lock::before {
content: ""
}
.fa-a::before {
content: "A"
}
.fa-temperature-arrow-down::before {
content: ""
}
.fa-temperature-down::before {
content: ""
}
.fa-feather-pointed::before {
content: ""
}
.fa-feather-alt::before {
content: ""
}
.fa-p::before {
content: "P"
}
.fa-snowflake::before {
content: ""
}
.fa-newspaper::before {
content: ""
}
.fa-rectangle-ad::before {
content: ""
}
.fa-ad::before {
content: ""
}
.fa-circle-arrow-right::before {
content: ""
}
.fa-arrow-circle-right::before {
content: ""
}
.fa-filter-circle-xmark::before {
content: ""
}
.fa-locust::before {
content: ""
}
.fa-sort::before {
content: ""
}
.fa-unsorted::before {
content: ""
}
.fa-list-ol::before {
content: ""
}
.fa-list-1-2::before {
content: ""
}
.fa-list-numeric::before {
content: ""
}
.fa-person-dress-burst::before {
content: ""
}
.fa-money-check-dollar::before {
content: ""
}
.fa-money-check-alt::before {
content: ""
}
.fa-vector-square::before {
content: ""
}
.fa-bread-slice::before {
content: ""
}
.fa-language::before {
content: ""
}
.fa-face-kiss-wink-heart::before {
content: ""
}
.fa-kiss-wink-heart::before {
content: ""
}
.fa-filter::before {
content: ""
}
.fa-question::before {
content: "\?"
}
.fa-file-signature::before {
content: ""
}
.fa-up-down-left-right::before {
content: ""
}
.fa-arrows-alt::before {
content: ""
}
.fa-house-chimney-user::before {
content: ""
}
.fa-hand-holding-heart::before {
content: ""
}
.fa-puzzle-piece::before {
content: ""
}
.fa-money-check::before {
content: ""
}
.fa-star-half-stroke::before {
content: ""
}
.fa-star-half-alt::before {
content: ""
}
.fa-code::before {
content: ""
}
.fa-whiskey-glass::before {
content: ""
}
.fa-glass-whiskey::before {
content: ""
}
.fa-building-circle-exclamation::before {
content: ""
}
.fa-magnifying-glass-chart::before {
content: ""
}
.fa-arrow-up-right-from-square::before {
content: ""
}
.fa-external-link::before {
content: ""
}
.fa-cubes-stacked::before {
content: ""
}
.fa-won-sign::before {
content: ""
}
.fa-krw::before {
content: ""
}
.fa-won::before {
content: ""
}
.fa-virus-covid::before {
content: ""
}
.fa-austral-sign::before {
content: ""
}
.fa-f::before {
content: "F"
}
.fa-leaf::before {
content: ""
}
.fa-road::before {
content: ""
}
.fa-taxi::before {
content: ""
}
.fa-cab::before {
content: ""
}
.fa-person-circle-plus::before {
content: ""
}
.fa-chart-pie::before {
content: ""
}
.fa-pie-chart::before {
content: ""
}
.fa-bolt-lightning::before {
content: ""
}
.fa-sack-xmark::before {
content: ""
}
.fa-file-excel::before {
content: ""
}
.fa-file-contract::before {
content: ""
}
.fa-fish-fins::before {
content: ""
}
.fa-building-flag::before {
content: ""
}
.fa-face-grin-beam::before {
content: ""
}
.fa-grin-beam::before {
content: ""
}
.fa-object-ungroup::before {
content: ""
}
.fa-poop::before {
content: ""
}
.fa-location-pin::before {
content: ""
}
.fa-map-marker::before {
content: ""
}
.fa-kaaba::before {
content: ""
}
.fa-toilet-paper::before {
content: ""
}
.fa-helmet-safety::before {
content: ""
}
.fa-hard-hat::before {
content: ""
}
.fa-hat-hard::before {
content: ""
}
.fa-eject::before {
content: ""
}
.fa-circle-right::before {
content: ""
}
.fa-arrow-alt-circle-right::before {
content: ""
}
.fa-plane-circle-check::before {
content: ""
}
.fa-face-rolling-eyes::before {
content: ""
}
.fa-meh-rolling-eyes::before {
content: ""
}
.fa-object-group::before {
content: ""
}
.fa-chart-line::before {
content: ""
}
.fa-line-chart::before {
content: ""
}
.fa-mask-ventilator::before {
content: ""
}
.fa-arrow-right::before {
content: ""
}
.fa-signs-post::before {
content: ""
}
.fa-map-signs::before {
content: ""
}
.fa-cash-register::before {
content: ""
}
.fa-person-circle-question::before {
content: ""
}
.fa-h::before {
content: "H"
}
.fa-tarp::before {
content: ""
}
.fa-screwdriver-wrench::before {
content: ""
}
.fa-tools::before {
content: ""
}
.fa-arrows-to-eye::before {
content: ""
}
.fa-plug-circle-bolt::before {
content: ""
}
.fa-heart::before {
content: ""
}
.fa-mars-and-venus::before {
content: ""
}
.fa-house-user::before {
content: ""
}
.fa-home-user::before {
content: ""
}
.fa-dumpster-fire::before {
content: ""
}
.fa-house-crack::before {
content: ""
}
.fa-martini-glass-citrus::before {
content: ""
}
.fa-cocktail::before {
content: ""
}
.fa-face-surprise::before {
content: ""
}
.fa-surprise::before {
content: ""
}
.fa-bottle-water::before {
content: ""
}
.fa-circle-pause::before {
content: ""
}
.fa-pause-circle::before {
content: ""
}
.fa-toilet-paper-slash::before {
content: ""
}
.fa-apple-whole::before {
content: ""
}
.fa-apple-alt::before {
content: ""
}
.fa-kitchen-set::before {
content: ""
}
.fa-r::before {
content: "R"
}
.fa-temperature-quarter::before {
content: ""
}
.fa-temperature-1::before {
content: ""
}
.fa-thermometer-1::before {
content: ""
}
.fa-thermometer-quarter::before {
content: ""
}
.fa-cube::before {
content: ""
}
.fa-bitcoin-sign::before {
content: ""
}
.fa-shield-dog::before {
content: ""
}
.fa-solar-panel::before {
content: ""
}
.fa-lock-open::before {
content: ""
}
.fa-elevator::before {
content: ""
}
.fa-money-bill-transfer::before {
content: ""
}
.fa-money-bill-trend-up::before {
content: ""
}
.fa-house-flood-water-circle-arrow-right::before {
content: ""
}
.fa-square-poll-horizontal::before {
content: ""
}
.fa-poll-h::before {
content: ""
}
.fa-circle::before {
content: ""
}
.fa-backward-fast::before {
content: ""
}
.fa-fast-backward::before {
content: ""
}
.fa-recycle::before {
content: ""
}
.fa-user-astronaut::before {
content: ""
}
.fa-plane-slash::before {
content: ""
}
.fa-trademark::before {
content: ""
}
.fa-basketball::before {
content: ""
}
.fa-basketball-ball::before {
content: ""
}
.fa-satellite-dish::before {
content: ""
}
.fa-circle-up::before {
content: ""
}
.fa-arrow-alt-circle-up::before {
content: ""
}
.fa-mobile-screen-button::before {
content: ""
}
.fa-mobile-alt::before {
content: ""
}
.fa-volume-high::before {
content: ""
}
.fa-volume-up::before {
content: ""
}
.fa-users-rays::before {
content: ""
}
.fa-wallet::before {
content: ""
}
.fa-clipboard-check::before {
content: ""
}
.fa-file-audio::before {
content: ""
}
.fa-burger::before {
content: ""
}
.fa-hamburger::before {
content: ""
}
.fa-wrench::before {
content: ""
}
.fa-bugs::before {
content: ""
}
.fa-rupee-sign::before {
content: ""
}
.fa-rupee::before {
content: ""
}
.fa-file-image::before {
content: ""
}
.fa-circle-question::before {
content: ""
}
.fa-question-circle::before {
content: ""
}
.fa-plane-departure::before {
content: ""
}
.fa-handshake-slash::before {
content: ""
}
.fa-book-bookmark::before {
content: ""
}
.fa-code-branch::before {
content: ""
}
.fa-hat-cowboy::before {
content: ""
}
.fa-bridge::before {
content: ""
}
.fa-phone-flip::before {
content: ""
}
.fa-phone-alt::before {
content: ""
}
.fa-truck-front::before {
content: ""
}
.fa-cat::before {
content: ""
}
.fa-anchor-circle-exclamation::before {
content: ""
}
.fa-truck-field::before {
content: ""
}
.fa-route::before {
content: ""
}
.fa-clipboard-question::before {
content: ""
}
.fa-panorama::before {
content: ""
}
.fa-comment-medical::before {
content: ""
}
.fa-teeth-open::before {
content: ""
}
.fa-file-circle-minus::before {
content: ""
}
.fa-tags::before {
content: ""
}
.fa-wine-glass::before {
content: ""
}
.fa-forward-fast::before {
content: ""
}
.fa-fast-forward::before {
content: ""
}
.fa-face-meh-blank::before {
content: ""
}
.fa-meh-blank::before {
content: ""
}
.fa-square-parking::before {
content: ""
}
.fa-parking::before {
content: ""
}
.fa-house-signal::before {
content: ""
}
.fa-bars-progress::before {
content: ""
}
.fa-tasks-alt::before {
content: ""
}
.fa-faucet-drip::before {
content: ""
}
.fa-cart-flatbed::before {
content: ""
}
.fa-dolly-flatbed::before {
content: ""
}
.fa-ban-smoking::before {
content: ""
}
.fa-smoking-ban::before {
content: ""
}
.fa-terminal::before {
content: ""
}
.fa-mobile-button::before {
content: ""
}
.fa-house-medical-flag::before {
content: ""
}
.fa-basket-shopping::before {
content: ""
}
.fa-shopping-basket::before {
content: ""
}
.fa-tape::before {
content: ""
}
.fa-bus-simple::before {
content: ""
}
.fa-bus-alt::before {
content: ""
}
.fa-eye::before {
content: ""
}
.fa-face-sad-cry::before {
content: ""
}
.fa-sad-cry::before {
content: ""
}
.fa-audio-description::before {
content: ""
}
.fa-person-military-to-person::before {
content: ""
}
.fa-file-shield::before {
content: ""
}
.fa-user-slash::before {
content: ""
}
.fa-pen::before {
content: ""
}
.fa-tower-observation::before {
content: ""
}
.fa-file-code::before {
content: ""
}
.fa-signal::before {
content: ""
}
.fa-signal-5::before {
content: ""
}
.fa-signal-perfect::before {
content: ""
}
.fa-bus::before {
content: ""
}
.fa-heart-circle-xmark::before {
content: ""
}
.fa-house-chimney::before {
content: ""
}
.fa-home-lg::before {
content: ""
}
.fa-window-maximize::before {
content: ""
}
.fa-face-frown::before {
content: ""
}
.fa-frown::before {
content: ""
}
.fa-prescription::before {
content: ""
}
.fa-shop::before {
content: ""
}
.fa-store-alt::before {
content: ""
}
.fa-floppy-disk::before {
content: ""
}
.fa-save::before {
content: ""
}
.fa-vihara::before {
content: ""
}
.fa-scale-unbalanced::before {
content: ""
}
.fa-balance-scale-left::before {
content: ""
}
.fa-sort-up::before {
content: ""
}
.fa-sort-asc::before {
content: ""
}
.fa-comment-dots::before {
content: ""
}
.fa-commenting::before {
content: ""
}
.fa-plant-wilt::before {
content: ""
}
.fa-diamond::before {
content: ""
}
.fa-face-grin-squint::before {
content: ""
}
.fa-grin-squint::before {
content: ""
}
.fa-hand-holding-dollar::before {
content: ""
}
.fa-hand-holding-usd::before {
content: ""
}
.fa-bacterium::before {
content: ""
}
.fa-hand-pointer::before {
content: ""
}
.fa-drum-steelpan::before {
content: ""
}
.fa-hand-scissors::before {
content: ""
}
.fa-hands-praying::before {
content: ""
}
.fa-praying-hands::before {
content: ""
}
.fa-arrow-rotate-right::before {
content: ""
}
.fa-arrow-right-rotate::before {
content: ""
}
.fa-arrow-rotate-forward::before {
content: ""
}
.fa-redo::before {
content: ""
}
.fa-biohazard::before {
content: ""
}
.fa-location-crosshairs::before {
content: ""
}
.fa-location::before {
content: ""
}
.fa-mars-double::before {
content: ""
}
.fa-child-dress::before {
content: ""
}
.fa-users-between-lines::before {
content: ""
}
.fa-lungs-virus::before {
content: ""
}
.fa-face-grin-tears::before {
content: ""
}
.fa-grin-tears::before {
content: ""
}
.fa-phone::before {
content: ""
}
.fa-calendar-xmark::before {
content: ""
}
.fa-calendar-times::before {
content: ""
}
.fa-child-reaching::before {
content: ""
}
.fa-head-side-virus::before {
content: ""
}
.fa-user-gear::before {
content: ""
}
.fa-user-cog::before {
content: ""
}
.fa-arrow-up-1-9::before {
content: ""
}
.fa-sort-numeric-up::before {
content: ""
}
.fa-door-closed::before {
content: ""
}
.fa-shield-virus::before {
content: ""
}
.fa-dice-six::before {
content: ""
}
.fa-mosquito-net::before {
content: ""
}
.fa-bridge-water::before {
content: ""
}
.fa-person-booth::before {
content: ""
}
.fa-text-width::before {
content: ""
}
.fa-hat-wizard::before {
content: ""
}
.fa-pen-fancy::before {
content: ""
}
.fa-person-digging::before {
content: ""
}
.fa-digging::before {
content: ""
}
.fa-trash::before {
content: ""
}
.fa-gauge-simple::before {
content: ""
}
.fa-gauge-simple-med::before {
content: ""
}
.fa-tachometer-average::before {
content: ""
}
.fa-book-medical::before {
content: ""
}
.fa-poo::before {
content: ""
}
.fa-quote-right::before {
content: ""
}
.fa-quote-right-alt::before {
content: ""
}
.fa-shirt::before {
content: ""
}
.fa-t-shirt::before {
content: ""
}
.fa-tshirt::before {
content: ""
}
.fa-cubes::before {
content: ""
}
.fa-divide::before {
content: ""
}
.fa-tenge-sign::before {
content: ""
}
.fa-tenge::before {
content: ""
}
.fa-headphones::before {
content: ""
}
.fa-hands-holding::before {
content: ""
}
.fa-hands-clapping::before {
content: ""
}
.fa-republican::before {
content: ""
}
.fa-arrow-left::before {
content: ""
}
.fa-person-circle-xmark::before {
content: ""
}
.fa-ruler::before {
content: ""
}
.fa-align-left::before {
content: ""
}
.fa-dice-d6::before {
content: ""
}
.fa-restroom::before {
content: ""
}
.fa-j::before {
content: "J"
}
.fa-users-viewfinder::before {
content: ""
}
.fa-file-video::before {
content: ""
}
.fa-up-right-from-square::before {
content: ""
}
.fa-external-link-alt::before {
content: ""
}
.fa-table-cells::before {
content: ""
}
.fa-th::before {
content: ""
}
.fa-file-pdf::before {
content: ""
}
.fa-book-bible::before {
content: ""
}
.fa-bible::before {
content: ""
}
.fa-o::before {
content: "O"
}
.fa-suitcase-medical::before {
content: ""
}
.fa-medkit::before {
content: ""
}
.fa-user-secret::before {
content: ""
}
.fa-otter::before {
content: ""
}
.fa-person-dress::before {
content: ""
}
.fa-female::before {
content: ""
}
.fa-comment-dollar::before {
content: ""
}
.fa-business-time::before {
content: ""
}
.fa-briefcase-clock::before {
content: ""
}
.fa-table-cells-large::before {
content: ""
}
.fa-th-large::before {
content: ""
}
.fa-book-tanakh::before {
content: ""
}
.fa-tanakh::before {
content: ""
}
.fa-phone-volume::before {
content: ""
}
.fa-volume-control-phone::before {
content: ""
}
.fa-hat-cowboy-side::before {
content: ""
}
.fa-clipboard-user::before {
content: ""
}
.fa-child::before {
content: ""
}
.fa-lira-sign::before {
content: ""
}
.fa-satellite::before {
content: ""
}
.fa-plane-lock::before {
content: ""
}
.fa-tag::before {
content: ""
}
.fa-comment::before {
content: ""
}
.fa-cake-candles::before {
content: ""
}
.fa-birthday-cake::before {
content: ""
}
.fa-cake::before {
content: ""
}
.fa-envelope::before {
content: ""
}
.fa-angles-up::before {
content: ""
}
.fa-angle-double-up::before {
content: ""
}
.fa-paperclip::before {
content: ""
}
.fa-arrow-right-to-city::before {
content: ""
}
.fa-ribbon::before {
content: ""
}
.fa-lungs::before {
content: ""
}
.fa-arrow-up-9-1::before {
content: ""
}
.fa-sort-numeric-up-alt::before {
content: ""
}
.fa-litecoin-sign::before {
content: ""
}
.fa-border-none::before {
content: ""
}
.fa-circle-nodes::before {
content: ""
}
.fa-parachute-box::before {
content: ""
}
.fa-indent::before {
content: ""
}
.fa-truck-field-un::before {
content: ""
}
.fa-hourglass::before {
content: ""
}
.fa-hourglass-empty::before {
content: ""
}
.fa-mountain::before {
content: ""
}
.fa-user-doctor::before {
content: ""
}
.fa-user-md::before {
content: ""
}
.fa-circle-info::before {
content: ""
}
.fa-info-circle::before {
content: ""
}
.fa-cloud-meatball::before {
content: ""
}
.fa-camera::before {
content: ""
}
.fa-camera-alt::before {
content: ""
}
.fa-square-virus::before {
content: ""
}
.fa-meteor::before {
content: ""
}
.fa-car-on::before {
content: ""
}
.fa-sleigh::before {
content: ""
}
.fa-arrow-down-1-9::before {
content: ""
}
.fa-sort-numeric-asc::before {
content: ""
}
.fa-sort-numeric-down::before {
content: ""
}
.fa-hand-holding-droplet::before {
content: ""
}
.fa-hand-holding-water::before {
content: ""
}
.fa-water::before {
content: ""
}
.fa-calendar-check::before {
content: ""
}
.fa-braille::before {
content: ""
}
.fa-prescription-bottle-medical::before {
content: ""
}
.fa-prescription-bottle-alt::before {
content: ""
}
.fa-landmark::before {
content: ""
}
.fa-truck::before {
content: ""
}
.fa-crosshairs::before {
content: ""
}
.fa-person-cane::before {
content: ""
}
.fa-tent::before {
content: ""
}
.fa-vest-patches::before {
content: ""
}
.fa-check-double::before {
content: ""
}
.fa-arrow-down-a-z::before {
content: ""
}
.fa-sort-alpha-asc::before {
content: ""
}
.fa-sort-alpha-down::before {
content: ""
}
.fa-money-bill-wheat::before {
content: ""
}
.fa-cookie::before {
content: ""
}
.fa-arrow-rotate-left::before {
content: ""
}
.fa-arrow-left-rotate::before {
content: ""
}
.fa-arrow-rotate-back::before {
content: ""
}
.fa-arrow-rotate-backward::before {
content: ""
}
.fa-undo::before {
content: ""
}
.fa-hard-drive::before {
content: ""
}
.fa-hdd::before {
content: ""
}
.fa-face-grin-squint-tears::before {
content: ""
}
.fa-grin-squint-tears::before {
content: ""
}
.fa-dumbbell::before {
content: ""
}
.fa-rectangle-list::before {
content: ""
}
.fa-list-alt::before {
content: ""
}
.fa-tarp-droplet::before {
content: ""
}
.fa-house-medical-circle-check::before {
content: ""
}
.fa-person-skiing-nordic::before {
content: ""
}
.fa-skiing-nordic::before {
content: ""
}
.fa-calendar-plus::before {
content: ""
}
.fa-plane-arrival::before {
content: ""
}
.fa-circle-left::before {
content: ""
}
.fa-arrow-alt-circle-left::before {
content: ""
}
.fa-train-subway::before {
content: ""
}
.fa-subway::before {
content: ""
}
.fa-chart-gantt::before {
content: ""
}
.fa-indian-rupee-sign::before {
content: ""
}
.fa-indian-rupee::before {
content: ""
}
.fa-inr::before {
content: ""
}
.fa-crop-simple::before {
content: ""
}
.fa-crop-alt::before {
content: ""
}
.fa-money-bill-1::before {
content: ""
}
.fa-money-bill-alt::before {
content: ""
}
.fa-left-long::before {
content: ""
}
.fa-long-arrow-alt-left::before {
content: ""
}
.fa-dna::before {
content: ""
}
.fa-virus-slash::before {
content: ""
}
.fa-minus::before {
content: ""
}
.fa-subtract::before {
content: ""
}
.fa-chess::before {
content: ""
}
.fa-arrow-left-long::before {
content: ""
}
.fa-long-arrow-left::before {
content: ""
}
.fa-plug-circle-check::before {
content: ""
}
.fa-street-view::before {
content: ""
}
.fa-franc-sign::before {
content: ""
}
.fa-volume-off::before {
content: ""
}
.fa-hands-asl-interpreting::before {
content: ""
}
.fa-american-sign-language-interpreting::before {
content: ""
}
.fa-asl-interpreting::before {
content: ""
}
.fa-hands-american-sign-language-interpreting::before {
content: ""
}
.fa-gear::before {
content: ""
}
.fa-cog::before {
content: ""
}
.fa-droplet-slash::before {
content: ""
}
.fa-tint-slash::before {
content: ""
}
.fa-mosque::before {
content: ""
}
.fa-mosquito::before {
content: ""
}
.fa-star-of-david::before {
content: ""
}
.fa-person-military-rifle::before {
content: ""
}
.fa-cart-shopping::before {
content: ""
}
.fa-shopping-cart::before {
content: ""
}
.fa-vials::before {
content: ""
}
.fa-plug-circle-plus::before {
content: ""
}
.fa-place-of-worship::before {
content: ""
}
.fa-grip-vertical::before {
content: ""
}
.fa-arrow-turn-up::before {
content: ""
}
.fa-level-up::before {
content: ""
}
.fa-u::before {
content: "U"
}
.fa-square-root-variable::before {
content: ""
}
.fa-square-root-alt::before {
content: ""
}
.fa-clock::before {
content: ""
}
.fa-clock-four::before {
content: ""
}
.fa-backward-step::before {
content: ""
}
.fa-step-backward::before {
content: ""
}
.fa-pallet::before {
content: ""
}
.fa-faucet::before {
content: ""
}
.fa-baseball-bat-ball::before {
content: ""
}
.fa-s::before {
content: "S"
}
.fa-timeline::before {
content: ""
}
.fa-keyboard::before {
content: ""
}
.fa-caret-down::before {
content: ""
}
.fa-house-chimney-medical::before {
content: ""
}
.fa-clinic-medical::before {
content: ""
}
.fa-temperature-three-quarters::before {
content: ""
}
.fa-temperature-3::before {
content: ""
}
.fa-thermometer-3::before {
content: ""
}
.fa-thermometer-three-quarters::before {
content: ""
}
.fa-mobile-screen::before {
content: ""
}
.fa-mobile-android-alt::before {
content: ""
}
.fa-plane-up::before {
content: ""
}
.fa-piggy-bank::before {
content: ""
}
.fa-battery-half::before {
content: ""
}
.fa-battery-3::before {
content: ""
}
.fa-mountain-city::before {
content: ""
}
.fa-coins::before {
content: ""
}
.fa-khanda::before {
content: ""
}
.fa-sliders::before {
content: ""
}
.fa-sliders-h::before {
content: ""
}
.fa-folder-tree::before {
content: ""
}
.fa-network-wired::before {
content: ""
}
.fa-map-pin::before {
content: ""
}
.fa-hamsa::before {
content: ""
}
.fa-cent-sign::before {
content: ""
}
.fa-flask::before {
content: ""
}
.fa-person-pregnant::before {
content: ""
}
.fa-wand-sparkles::before {
content: ""
}
.fa-ellipsis-vertical::before {
content: ""
}
.fa-ellipsis-v::before {
content: ""
}
.fa-ticket::before {
content: ""
}
.fa-power-off::before {
content: ""
}
.fa-right-long::before {
content: ""
}
.fa-long-arrow-alt-right::before {
content: ""
}
.fa-flag-usa::before {
content: ""
}
.fa-laptop-file::before {
content: ""
}
.fa-tty::before {
content: ""
}
.fa-teletype::before {
content: ""
}
.fa-diagram-next::before {
content: ""
}
.fa-person-rifle::before {
content: ""
}
.fa-house-medical-circle-exclamation::before {
content: ""
}
.fa-closed-captioning::before {
content: ""
}
.fa-person-hiking::before {
content: ""
}
.fa-hiking::before {
content: ""
}
.fa-venus-double::before {
content: ""
}
.fa-images::before {
content: ""
}
.fa-calculator::before {
content: ""
}
.fa-people-pulling::before {
content: ""
}
.fa-n::before {
content: "N"
}
.fa-cable-car::before {
content: ""
}
.fa-tram::before {
content: ""
}
.fa-cloud-rain::before {
content: ""
}
.fa-building-circle-xmark::before {
content: ""
}
.fa-ship::before {
content: ""
}
.fa-arrows-down-to-line::before {
content: ""
}
.fa-download::before {
content: ""
}
.fa-face-grin::before {
content: ""
}
.fa-grin::before {
content: ""
}
.fa-delete-left::before {
content: ""
}
.fa-backspace::before {
content: ""
}
.fa-eye-dropper::before {
content: ""
}
.fa-eye-dropper-empty::before {
content: ""
}
.fa-eyedropper::before {
content: ""
}
.fa-file-circle-check::before {
content: ""
}
.fa-forward::before {
content: ""
}
.fa-mobile::before {
content: ""
}
.fa-mobile-android::before {
content: ""
}
.fa-mobile-phone::before {
content: ""
}
.fa-face-meh::before {
content: ""
}
.fa-meh::before {
content: ""
}
.fa-align-center::before {
content: ""
}
.fa-book-skull::before {
content: ""
}
.fa-book-dead::before {
content: ""
}
.fa-id-card::before {
content: ""
}
.fa-drivers-license::before {
content: ""
}
.fa-outdent::before {
content: ""
}
.fa-dedent::before {
content: ""
}
.fa-heart-circle-exclamation::before {
content: ""
}
.fa-house::before {
content: ""
}
.fa-home::before {
content: ""
}
.fa-home-alt::before {
content: ""
}
.fa-home-lg-alt::before {
content: ""
}
.fa-calendar-week::before {
content: ""
}
.fa-laptop-medical::before {
content: ""
}
.fa-b::before {
content: "B"
}
.fa-file-medical::before {
content: ""
}
.fa-dice-one::before {
content: ""
}
.fa-kiwi-bird::before {
content: ""
}
.fa-arrow-right-arrow-left::before {
content: ""
}
.fa-exchange::before {
content: ""
}
.fa-rotate-right::before {
content: ""
}
.fa-redo-alt::before {
content: ""
}
.fa-rotate-forward::before {
content: ""
}
.fa-utensils::before {
content: ""
}
.fa-cutlery::before {
content: ""
}
.fa-arrow-up-wide-short::before {
content: ""
}
.fa-sort-amount-up::before {
content: ""
}
.fa-mill-sign::before {
content: ""
}
.fa-bowl-rice::before {
content: ""
}
.fa-skull::before {
content: ""
}
.fa-tower-broadcast::before {
content: ""
}
.fa-broadcast-tower::before {
content: ""
}
.fa-truck-pickup::before {
content: ""
}
.fa-up-long::before {
content: ""
}
.fa-long-arrow-alt-up::before {
content: ""
}
.fa-stop::before {
content: ""
}
.fa-code-merge::before {
content: ""
}
.fa-upload::before {
content: ""
}
.fa-hurricane::before {
content: ""
}
.fa-mound::before {
content: ""
}
.fa-toilet-portable::before {
content: ""
}
.fa-compact-disc::before {
content: ""
}
.fa-file-arrow-down::before {
content: ""
}
.fa-file-download::before {
content: ""
}
.fa-caravan::before {
content: ""
}
.fa-shield-cat::before {
content: ""
}
.fa-bolt::before {
content: ""
}
.fa-zap::before {
content: ""
}
.fa-glass-water::before {
content: ""
}
.fa-oil-well::before {
content: ""
}
.fa-vault::before {
content: ""
}
.fa-mars::before {
content: ""
}
.fa-toilet::before {
content: ""
}
.fa-plane-circle-xmark::before {
content: ""
}
.fa-yen-sign::before {
content: ""
}
.fa-cny::before {
content: ""
}
.fa-jpy::before {
content: ""
}
.fa-rmb::before {
content: ""
}
.fa-yen::before {
content: ""
}
.fa-ruble-sign::before {
content: ""
}
.fa-rouble::before {
content: ""
}
.fa-rub::before {
content: ""
}
.fa-ruble::before {
content: ""
}
.fa-sun::before {
content: ""
}
.fa-guitar::before {
content: ""
}
.fa-face-laugh-wink::before {
content: ""
}
.fa-laugh-wink::before {
content: ""
}
.fa-horse-head::before {
content: ""
}
.fa-bore-hole::before {
content: ""
}
.fa-industry::before {
content: ""
}
.fa-circle-down::before {
content: ""
}
.fa-arrow-alt-circle-down::before {
content: ""
}
.fa-arrows-turn-to-dots::before {
content: ""
}
.fa-florin-sign::before {
content: ""
}
.fa-arrow-down-short-wide::before {
content: ""
}
.fa-sort-amount-desc::before {
content: ""
}
.fa-sort-amount-down-alt::before {
content: ""
}
.fa-less-than::before {
content: "\<"
}
.fa-angle-down::before {
content: ""
}
.fa-car-tunnel::before {
content: ""
}
.fa-head-side-cough::before {
content: ""
}
.fa-grip-lines::before {
content: ""
}
.fa-thumbs-down::before {
content: ""
}
.fa-user-lock::before {
content: ""
}
.fa-arrow-right-long::before {
content: ""
}
.fa-long-arrow-right::before {
content: ""
}
.fa-anchor-circle-xmark::before {
content: ""
}
.fa-ellipsis::before {
content: ""
}
.fa-ellipsis-h::before {
content: ""
}
.fa-chess-pawn::before {
content: ""
}
.fa-kit-medical::before {
content: ""
}
.fa-first-aid::before {
content: ""
}
.fa-person-through-window::before {
content: ""
}
.fa-toolbox::before {
content: ""
}
.fa-hands-holding-circle::before {
content: ""
}
.fa-bug::before {
content: ""
}
.fa-credit-card::before {
content: ""
}
.fa-credit-card-alt::before {
content: ""
}
.fa-car::before {
content: ""
}
.fa-automobile::before {
content: ""
}
.fa-hand-holding-hand::before {
content: ""
}
.fa-book-open-reader::before {
content: ""
}
.fa-book-reader::before {
content: ""
}
.fa-mountain-sun::before {
content: ""
}
.fa-arrows-left-right-to-line::before {
content: ""
}
.fa-dice-d20::before {
content: ""
}
.fa-truck-droplet::before {
content: ""
}
.fa-file-circle-xmark::before {
content: ""
}
.fa-temperature-arrow-up::before {
content: ""
}
.fa-temperature-up::before {
content: ""
}
.fa-medal::before {
content: ""
}
.fa-bed::before {
content: ""
}
.fa-square-h::before {
content: ""
}
.fa-h-square::before {
content: ""
}
.fa-podcast::before {
content: ""
}
.fa-temperature-full::before {
content: ""
}
.fa-temperature-4::before {
content: ""
}
.fa-thermometer-4::before {
content: ""
}
.fa-thermometer-full::before {
content: ""
}
.fa-bell::before {
content: ""
}
.fa-superscript::before {
content: ""
}
.fa-plug-circle-xmark::before {
content: ""
}
.fa-star-of-life::before {
content: ""
}
.fa-phone-slash::before {
content: ""
}
.fa-paint-roller::before {
content: ""
}
.fa-handshake-angle::before {
content: ""
}
.fa-hands-helping::before {
content: ""
}
.fa-location-dot::before {
content: ""
}
.fa-map-marker-alt::before {
content: ""
}
.fa-file::before {
content: ""
}
.fa-greater-than::before {
content: "\>"
}
.fa-person-swimming::before {
content: ""
}
.fa-swimmer::before {
content: ""
}
.fa-arrow-down::before {
content: ""
}
.fa-droplet::before {
content: ""
}
.fa-tint::before {
content: ""
}
.fa-eraser::before {
content: ""
}
.fa-earth-americas::before {
content: ""
}
.fa-earth::before {
content: ""
}
.fa-earth-america::before {
content: ""
}
.fa-globe-americas::before {
content: ""
}
.fa-person-burst::before {
content: ""
}
.fa-dove::before {
content: ""
}
.fa-battery-empty::before {
content: ""
}
.fa-battery-0::before {
content: ""
}
.fa-socks::before {
content: ""
}
.fa-inbox::before {
content: ""
}
.fa-section::before {
content: ""
}
.fa-gauge-high::before {
content: ""
}
.fa-tachometer-alt::before {
content: ""
}
.fa-tachometer-alt-fast::before {
content: ""
}
.fa-envelope-open-text::before {
content: ""
}
.fa-hospital::before {
content: ""
}
.fa-hospital-alt::before {
content: ""
}
.fa-hospital-wide::before {
content: ""
}
.fa-wine-bottle::before {
content: ""
}
.fa-chess-rook::before {
content: ""
}
.fa-bars-staggered::before {
content: ""
}
.fa-reorder::before {
content: ""
}
.fa-stream::before {
content: ""
}
.fa-dharmachakra::before {
content: ""
}
.fa-hotdog::before {
content: ""
}
.fa-person-walking-with-cane::before {
content: ""
}
.fa-blind::before {
content: ""
}
.fa-drum::before {
content: ""
}
.fa-ice-cream::before {
content: ""
}
.fa-heart-circle-bolt::before {
content: ""
}
.fa-fax::before {
content: ""
}
.fa-paragraph::before {
content: ""
}
.fa-check-to-slot::before {
content: ""
}
.fa-vote-yea::before {
content: ""
}
.fa-star-half::before {
content: ""
}
.fa-boxes-stacked::before {
content: ""
}
.fa-boxes::before {
content: ""
}
.fa-boxes-alt::before {
content: ""
}
.fa-link::before {
content: ""
}
.fa-chain::before {
content: ""
}
.fa-ear-listen::before {
content: ""
}
.fa-assistive-listening-systems::before {
content: ""
}
.fa-tree-city::before {
content: ""
}
.fa-play::before {
content: ""
}
.fa-font::before {
content: ""
}
.fa-rupiah-sign::before {
content: ""
}
.fa-magnifying-glass::before {
content: ""
}
.fa-search::before {
content: ""
}
.fa-table-tennis-paddle-ball::before {
content: ""
}
.fa-ping-pong-paddle-ball::before {
content: ""
}
.fa-table-tennis::before {
content: ""
}
.fa-person-dots-from-line::before {
content: ""
}
.fa-diagnoses::before {
content: ""
}
.fa-trash-can-arrow-up::before {
content: ""
}
.fa-trash-restore-alt::before {
content: ""
}
.fa-naira-sign::before {
content: ""
}
.fa-cart-arrow-down::before {
content: ""
}
.fa-walkie-talkie::before {
content: ""
}
.fa-file-pen::before {
content: ""
}
.fa-file-edit::before {
content: ""
}
.fa-receipt::before {
content: ""
}
.fa-square-pen::before {
content: ""
}
.fa-pen-square::before {
content: ""
}
.fa-pencil-square::before {
content: ""
}
.fa-suitcase-rolling::before {
content: ""
}
.fa-person-circle-exclamation::before {
content: ""
}
.fa-chevron-down::before {
content: ""
}
.fa-battery-full::before {
content: ""
}
.fa-battery::before {
content: ""
}
.fa-battery-5::before {
content: ""
}
.fa-skull-crossbones::before {
content: ""
}
.fa-code-compare::before {
content: ""
}
.fa-list-ul::before {
content: ""
}
.fa-list-dots::before {
content: ""
}
.fa-school-lock::before {
content: ""
}
.fa-tower-cell::before {
content: ""
}
.fa-down-long::before {
content: ""
}
.fa-long-arrow-alt-down::before {
content: ""
}
.fa-ranking-star::before {
content: ""
}
.fa-chess-king::before {
content: ""
}
.fa-person-harassing::before {
content: ""
}
.fa-brazilian-real-sign::before {
content: ""
}
.fa-landmark-dome::before {
content: ""
}
.fa-landmark-alt::before {
content: ""
}
.fa-arrow-up::before {
content: ""
}
.fa-tv::before {
content: ""
}
.fa-television::before {
content: ""
}
.fa-tv-alt::before {
content: ""
}
.fa-shrimp::before {
content: ""
}
.fa-list-check::before {
content: ""
}
.fa-tasks::before {
content: ""
}
.fa-jug-detergent::before {
content: ""
}
.fa-circle-user::before {
content: ""
}
.fa-user-circle::before {
content: ""
}
.fa-user-shield::before {
content: ""
}
.fa-wind::before {
content: ""
}
.fa-car-burst::before {
content: ""
}
.fa-car-crash::before {
content: ""
}
.fa-y::before {
content: "Y"
}
.fa-person-snowboarding::before {
content: ""
}
.fa-snowboarding::before {
content: ""
}
.fa-truck-fast::before {
content: ""
}
.fa-shipping-fast::before {
content: ""
}
.fa-fish::before {
content: ""
}
.fa-user-graduate::before {
content: ""
}
.fa-circle-half-stroke::before {
content: ""
}
.fa-adjust::before {
content: ""
}
.fa-clapperboard::before {
content: ""
}
.fa-circle-radiation::before {
content: ""
}
.fa-radiation-alt::before {
content: ""
}
.fa-baseball::before {
content: ""
}
.fa-baseball-ball::before {
content: ""
}
.fa-jet-fighter-up::before {
content: ""
}
.fa-diagram-project::before {
content: ""
}
.fa-project-diagram::before {
content: ""
}
.fa-copy::before {
content: ""
}
.fa-volume-xmark::before {
content: ""
}
.fa-volume-mute::before {
content: ""
}
.fa-volume-times::before {
content: ""
}
.fa-hand-sparkles::before {
content: ""
}
.fa-grip::before {
content: ""
}
.fa-grip-horizontal::before {
content: ""
}
.fa-share-from-square::before {
content: ""
}
.fa-share-square::before {
content: ""
}
.fa-child-combatant::before {
content: ""
}
.fa-child-rifle::before {
content: ""
}
.fa-gun::before {
content: ""
}
.fa-square-phone::before {
content: ""
}
.fa-phone-square::before {
content: ""
}
.fa-plus::before {
content: "\+"
}
.fa-add::before {
content: "\+"
}
.fa-expand::before {
content: ""
}
.fa-computer::before {
content: ""
}
.fa-xmark::before {
content: ""
}
.fa-close::before {
content: ""
}
.fa-multiply::before {
content: ""
}
.fa-remove::before {
content: ""
}
.fa-times::before {
content: ""
}
.fa-arrows-up-down-left-right::before {
content: ""
}
.fa-arrows::before {
content: ""
}
.fa-chalkboard-user::before {
content: ""
}
.fa-chalkboard-teacher::before {
content: ""
}
.fa-peso-sign::before {
content: ""
}
.fa-building-shield::before {
content: ""
}
.fa-baby::before {
content: ""
}
.fa-users-line::before {
content: ""
}
.fa-quote-left::before {
content: ""
}
.fa-quote-left-alt::before {
content: ""
}
.fa-tractor::before {
content: ""
}
.fa-trash-arrow-up::before {
content: ""
}
.fa-trash-restore::before {
content: ""
}
.fa-arrow-down-up-lock::before {
content: ""
}
.fa-lines-leaning::before {
content: ""
}
.fa-ruler-combined::before {
content: ""
}
.fa-copyright::before {
content: ""
}
.fa-equals::before {
content: "\="
}
.fa-blender::before {
content: ""
}
.fa-teeth::before {
content: ""
}
.fa-shekel-sign::before {
content: ""
}
.fa-ils::before {
content: ""
}
.fa-shekel::before {
content: ""
}
.fa-sheqel::before {
content: ""
}
.fa-sheqel-sign::before {
content: ""
}
.fa-map::before {
content: ""
}
.fa-rocket::before {
content: ""
}
.fa-photo-film::before {
content: ""
}
.fa-photo-video::before {
content: ""
}
.fa-folder-minus::before {
content: ""
}
.fa-store::before {
content: ""
}
.fa-arrow-trend-up::before {
content: ""
}
.fa-plug-circle-minus::before {
content: ""
}
.fa-sign-hanging::before {
content: ""
}
.fa-sign::before {
content: ""
}
.fa-bezier-curve::before {
content: ""
}
.fa-bell-slash::before {
content: ""
}
.fa-tablet::before {
content: ""
}
.fa-tablet-android::before {
content: ""
}
.fa-school-flag::before {
content: ""
}
.fa-fill::before {
content: ""
}
.fa-angle-up::before {
content: ""
}
.fa-drumstick-bite::before {
content: ""
}
.fa-holly-berry::before {
content: ""
}
.fa-chevron-left::before {
content: ""
}
.fa-bacteria::before {
content: ""
}
.fa-hand-lizard::before {
content: ""
}
.fa-notdef::before {
content: ""
}
.fa-disease::before {
content: ""
}
.fa-briefcase-medical::before {
content: ""
}
.fa-genderless::before {
content: ""
}
.fa-chevron-right::before {
content: ""
}
.fa-retweet::before {
content: ""
}
.fa-car-rear::before {
content: ""
}
.fa-car-alt::before {
content: ""
}
.fa-pump-soap::before {
content: ""
}
.fa-video-slash::before {
content: ""
}
.fa-battery-quarter::before {
content: ""
}
.fa-battery-2::before {
content: ""
}
.fa-radio::before {
content: ""
}
.fa-baby-carriage::before {
content: ""
}
.fa-carriage-baby::before {
content: ""
}
.fa-traffic-light::before {
content: ""
}
.fa-thermometer::before {
content: ""
}
.fa-vr-cardboard::before {
content: ""
}
.fa-hand-middle-finger::before {
content: ""
}
.fa-percent::before {
content: "\%"
}
.fa-percentage::before {
content: "\%"
}
.fa-truck-moving::before {
content: ""
}
.fa-glass-water-droplet::before {
content: ""
}
.fa-display::before {
content: ""
}
.fa-face-smile::before {
content: ""
}
.fa-smile::before {
content: ""
}
.fa-thumbtack::before {
content: ""
}
.fa-thumb-tack::before {
content: ""
}
.fa-trophy::before {
content: ""
}
.fa-person-praying::before {
content: ""
}
.fa-pray::before {
content: ""
}
.fa-hammer::before {
content: ""
}
.fa-hand-peace::before {
content: ""
}
.fa-rotate::before {
content: ""
}
.fa-sync-alt::before {
content: ""
}
.fa-spinner::before {
content: ""
}
.fa-robot::before {
content: ""
}
.fa-peace::before {
content: ""
}
.fa-gears::before {
content: ""
}
.fa-cogs::before {
content: ""
}
.fa-warehouse::before {
content: ""
}
.fa-arrow-up-right-dots::before {
content: ""
}
.fa-splotch::before {
content: ""
}
.fa-face-grin-hearts::before {
content: ""
}
.fa-grin-hearts::before {
content: ""
}
.fa-dice-four::before {
content: ""
}
.fa-sim-card::before {
content: ""
}
.fa-transgender::before {
content: ""
}
.fa-transgender-alt::before {
content: ""
}
.fa-mercury::before {
content: ""
}
.fa-arrow-turn-down::before {
content: ""
}
.fa-level-down::before {
content: ""
}
.fa-person-falling-burst::before {
content: ""
}
.fa-award::before {
content: ""
}
.fa-ticket-simple::before {
content: ""
}
.fa-ticket-alt::before {
content: ""
}
.fa-building::before {
content: ""
}
.fa-angles-left::before {
content: ""
}
.fa-angle-double-left::before {
content: ""
}
.fa-qrcode::before {
content: ""
}
.fa-clock-rotate-left::before {
content: ""
}
.fa-history::before {
content: ""
}
.fa-face-grin-beam-sweat::before {
content: ""
}
.fa-grin-beam-sweat::before {
content: ""
}
.fa-file-export::before {
content: ""
}
.fa-arrow-right-from-file::before {
content: ""
}
.fa-shield::before {
content: ""
}
.fa-shield-blank::before {
content: ""
}
.fa-arrow-up-short-wide::before {
content: ""
}
.fa-sort-amount-up-alt::before {
content: ""
}
.fa-house-medical::before {
content: ""
}
.fa-golf-ball-tee::before {
content: ""
}
.fa-golf-ball::before {
content: ""
}
.fa-circle-chevron-left::before {
content: ""
}
.fa-chevron-circle-left::before {
content: ""
}
.fa-house-chimney-window::before {
content: ""
}
.fa-pen-nib::before {
content: ""
}
.fa-tent-arrow-turn-left::before {
content: ""
}
.fa-tents::before {
content: ""
}
.fa-wand-magic::before {
content: ""
}
.fa-magic::before {
content: ""
}
.fa-dog::before {
content: ""
}
.fa-carrot::before {
content: ""
}
.fa-moon::before {
content: ""
}
.fa-wine-glass-empty::before {
content: ""
}
.fa-wine-glass-alt::before {
content: ""
}
.fa-cheese::before {
content: ""
}
.fa-yin-yang::before {
content: ""
}
.fa-music::before {
content: ""
}
.fa-code-commit::before {
content: ""
}
.fa-temperature-low::before {
content: ""
}
.fa-person-biking::before {
content: ""
}
.fa-biking::before {
content: ""
}
.fa-broom::before {
content: ""
}
.fa-shield-heart::before {
content: ""
}
.fa-gopuram::before {
content: ""
}
.fa-earth-oceania::before {
content: ""
}
.fa-globe-oceania::before {
content: ""
}
.fa-square-xmark::before {
content: ""
}
.fa-times-square::before {
content: ""
}
.fa-xmark-square::before {
content: ""
}
.fa-hashtag::before {
content: "\#"
}
.fa-up-right-and-down-left-from-center::before {
content: ""
}
.fa-expand-alt::before {
content: ""
}
.fa-oil-can::before {
content: ""
}
.fa-t::before {
content: "T"
}
.fa-hippo::before {
content: ""
}
.fa-chart-column::before {
content: ""
}
.fa-infinity::before {
content: ""
}
.fa-vial-circle-check::before {
content: ""
}
.fa-person-arrow-down-to-line::before {
content: ""
}
.fa-voicemail::before {
content: ""
}
.fa-fan::before {
content: ""
}
.fa-person-walking-luggage::before {
content: ""
}
.fa-up-down::before {
content: ""
}
.fa-arrows-alt-v::before {
content: ""
}
.fa-cloud-moon-rain::before {
content: ""
}
.fa-calendar::before {
content: ""
}
.fa-trailer::before {
content: ""
}
.fa-bahai::before {
content: ""
}
.fa-haykal::before {
content: ""
}
.fa-sd-card::before {
content: ""
}
.fa-dragon::before {
content: ""
}
.fa-shoe-prints::before {
content: ""
}
.fa-circle-plus::before {
content: ""
}
.fa-plus-circle::before {
content: ""
}
.fa-face-grin-tongue-wink::before {
content: ""
}
.fa-grin-tongue-wink::before {
content: ""
}
.fa-hand-holding::before {
content: ""
}
.fa-plug-circle-exclamation::before {
content: ""
}
.fa-link-slash::before {
content: ""
}
.fa-chain-broken::before {
content: ""
}
.fa-chain-slash::before {
content: ""
}
.fa-unlink::before {
content: ""
}
.fa-clone::before {
content: ""
}
.fa-person-walking-arrow-loop-left::before {
content: ""
}
.fa-arrow-up-z-a::before {
content: ""
}
.fa-sort-alpha-up-alt::before {
content: ""
}
.fa-fire-flame-curved::before {
content: ""
}
.fa-fire-alt::before {
content: ""
}
.fa-tornado::before {
content: ""
}
.fa-file-circle-plus::before {
content: ""
}
.fa-book-quran::before {
content: ""
}
.fa-quran::before {
content: ""
}
.fa-anchor::before {
content: ""
}
.fa-border-all::before {
content: ""
}
.fa-face-angry::before {
content: ""
}
.fa-angry::before {
content: ""
}
.fa-cookie-bite::before {
content: ""
}
.fa-arrow-trend-down::before {
content: ""
}
.fa-rss::before {
content: ""
}
.fa-feed::before {
content: ""
}
.fa-draw-polygon::before {
content: ""
}
.fa-scale-balanced::before {
content: ""
}
.fa-balance-scale::before {
content: ""
}
.fa-gauge-simple-high::before {
content: ""
}
.fa-tachometer::before {
content: ""
}
.fa-tachometer-fast::before {
content: ""
}
.fa-shower::before {
content: ""
}
.fa-desktop::before {
content: ""
}
.fa-desktop-alt::before {
content: ""
}
.fa-m::before {
content: "M"
}
.fa-table-list::before {
content: ""
}
.fa-th-list::before {
content: ""
}
.fa-comment-sms::before {
content: ""
}
.fa-sms::before {
content: ""
}
.fa-book::before {
content: ""
}
.fa-user-plus::before {
content: ""
}
.fa-check::before {
content: ""
}
.fa-battery-three-quarters::before {
content: ""
}
.fa-battery-4::before {
content: ""
}
.fa-house-circle-check::before {
content: ""
}
.fa-angle-left::before {
content: ""
}
.fa-diagram-successor::before {
content: ""
}
.fa-truck-arrow-right::before {
content: ""
}
.fa-arrows-split-up-and-left::before {
content: ""
}
.fa-hand-fist::before {
content: ""
}
.fa-fist-raised::before {
content: ""
}
.fa-cloud-moon::before {
content: ""
}
.fa-briefcase::before {
content: ""
}
.fa-person-falling::before {
content: ""
}
.fa-image-portrait::before {
content: ""
}
.fa-portrait::before {
content: ""
}
.fa-user-tag::before {
content: ""
}
.fa-rug::before {
content: ""
}
.fa-earth-europe::before {
content: ""
}
.fa-globe-europe::before {
content: ""
}
.fa-cart-flatbed-suitcase::before {
content: ""
}
.fa-luggage-cart::before {
content: ""
}
.fa-rectangle-xmark::before {
content: ""
}
.fa-rectangle-times::before {
content: ""
}
.fa-times-rectangle::before {
content: ""
}
.fa-window-close::before {
content: ""
}
.fa-baht-sign::before {
content: ""
}
.fa-book-open::before {
content: ""
}
.fa-book-journal-whills::before {
content: ""
}
.fa-journal-whills::before {
content: ""
}
.fa-handcuffs::before {
content: ""
}
.fa-triangle-exclamation::before {
content: ""
}
.fa-exclamation-triangle::before {
content: ""
}
.fa-warning::before {
content: ""
}
.fa-database::before {
content: ""
}
.fa-share::before {
content: ""
}
.fa-arrow-turn-right::before {
content: ""
}
.fa-mail-forward::before {
content: ""
}
.fa-bottle-droplet::before {
content: ""
}
.fa-mask-face::before {
content: ""
}
.fa-hill-rockslide::before {
content: ""
}
.fa-right-left::before {
content: ""
}
.fa-exchange-alt::before {
content: ""
}
.fa-paper-plane::before {
content: ""
}
.fa-road-circle-exclamation::before {
content: ""
}
.fa-dungeon::before {
content: ""
}
.fa-align-right::before {
content: ""
}
.fa-money-bill-1-wave::before {
content: ""
}
.fa-money-bill-wave-alt::before {
content: ""
}
.fa-life-ring::before {
content: ""
}
.fa-hands::before {
content: ""
}
.fa-sign-language::before {
content: ""
}
.fa-signing::before {
content: ""
}
.fa-calendar-day::before {
content: ""
}
.fa-water-ladder::before {
content: ""
}
.fa-ladder-water::before {
content: ""
}
.fa-swimming-pool::before {
content: ""
}
.fa-arrows-up-down::before {
content: ""
}
.fa-arrows-v::before {
content: ""
}
.fa-face-grimace::before {
content: ""
}
.fa-grimace::before {
content: ""
}
.fa-wheelchair-move::before {
content: ""
}
.fa-wheelchair-alt::before {
content: ""
}
.fa-turn-down::before {
content: ""
}
.fa-level-down-alt::before {
content: ""
}
.fa-person-walking-arrow-right::before {
content: ""
}
.fa-square-envelope::before {
content: ""
}
.fa-envelope-square::before {
content: ""
}
.fa-dice::before {
content: ""
}
.fa-bowling-ball::before {
content: ""
}
.fa-brain::before {
content: ""
}
.fa-bandage::before {
content: ""
}
.fa-band-aid::before {
content: ""
}
.fa-calendar-minus::before {
content: ""
}
.fa-circle-xmark::before {
content: ""
}
.fa-times-circle::before {
content: ""
}
.fa-xmark-circle::before {
content: ""
}
.fa-gifts::before {
content: ""
}
.fa-hotel::before {
content: ""
}
.fa-earth-asia::before {
content: ""
}
.fa-globe-asia::before {
content: ""
}
.fa-id-card-clip::before {
content: ""
}
.fa-id-card-alt::before {
content: ""
}
.fa-magnifying-glass-plus::before {
content: ""
}
.fa-search-plus::before {
content: ""
}
.fa-thumbs-up::before {
content: ""
}
.fa-user-clock::before {
content: ""
}
.fa-hand-dots::before {
content: ""
}
.fa-allergies::before {
content: ""
}
.fa-file-invoice::before {
content: ""
}
.fa-window-minimize::before {
content: ""
}
.fa-mug-saucer::before {
content: ""
}
.fa-coffee::before {
content: ""
}
.fa-brush::before {
content: ""
}
.fa-mask::before {
content: ""
}
.fa-magnifying-glass-minus::before {
content: ""
}
.fa-search-minus::before {
content: ""
}
.fa-ruler-vertical::before {
content: ""
}
.fa-user-large::before {
content: ""
}
.fa-user-alt::before {
content: ""
}
.fa-train-tram::before {
content: ""
}
.fa-user-nurse::before {
content: ""
}
.fa-syringe::before {
content: ""
}
.fa-cloud-sun::before {
content: ""
}
.fa-stopwatch-20::before {
content: ""
}
.fa-square-full::before {
content: ""
}
.fa-magnet::before {
content: ""
}
.fa-jar::before {
content: ""
}
.fa-note-sticky::before {
content: ""
}
.fa-sticky-note::before {
content: ""
}
.fa-bug-slash::before {
content: ""
}
.fa-arrow-up-from-water-pump::before {
content: ""
}
.fa-bone::before {
content: ""
}
.fa-user-injured::before {
content: ""
}
.fa-face-sad-tear::before {
content: ""
}
.fa-sad-tear::before {
content: ""
}
.fa-plane::before {
content: ""
}
.fa-tent-arrows-down::before {
content: ""
}
.fa-exclamation::before {
content: "\!"
}
.fa-arrows-spin::before {
content: ""
}
.fa-print::before {
content: ""
}
.fa-turkish-lira-sign::before {
content: ""
}
.fa-try::before {
content: ""
}
.fa-turkish-lira::before {
content: ""
}
.fa-dollar-sign::before {
content: "\$"
}
.fa-dollar::before {
content: "\$"
}
.fa-usd::before {
content: "\$"
}
.fa-x::before {
content: "X"
}
.fa-magnifying-glass-dollar::before {
content: ""
}
.fa-search-dollar::before {
content: ""
}
.fa-users-gear::before {
content: ""
}
.fa-users-cog::before {
content: ""
}
.fa-person-military-pointing::before {
content: ""
}
.fa-building-columns::before {
content: ""
}
.fa-bank::before {
content: ""
}
.fa-institution::before {
content: ""
}
.fa-museum::before {
content: ""
}
.fa-university::before {
content: ""
}
.fa-umbrella::before {
content: ""
}
.fa-trowel::before {
content: ""
}
.fa-d::before {
content: "D"
}
.fa-stapler::before {
content: ""
}
.fa-masks-theater::before {
content: ""
}
.fa-theater-masks::before {
content: ""
}
.fa-kip-sign::before {
content: ""
}
.fa-hand-point-left::before {
content: ""
}
.fa-handshake-simple::before {
content: ""
}
.fa-handshake-alt::before {
content: ""
}
.fa-jet-fighter::before {
content: ""
}
.fa-fighter-jet::before {
content: ""
}
.fa-square-share-nodes::before {
content: ""
}
.fa-share-alt-square::before {
content: ""
}
.fa-barcode::before {
content: ""
}
.fa-plus-minus::before {
content: ""
}
.fa-video::before {
content: ""
}
.fa-video-camera::before {
content: ""
}
.fa-graduation-cap::before {
content: ""
}
.fa-mortar-board::before {
content: ""
}
.fa-hand-holding-medical::before {
content: ""
}
.fa-person-circle-check::before {
content: ""
}
.fa-turn-up::before {
content: ""
}
.fa-level-up-alt::before {
content: ""
}
.sr-only, .fa-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width:0
}
.sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
/*!
* Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-classic: 'Font Awesome 6 Free';
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/assets/font-awesome/fa-solid-900-e2c5cf547e2e8d74a17d05c5ad9f1f593ca526452e228124294fa983b908ff82.woff2) format("woff2"), url(/assets/font-awesome/fa-solid-900-67a880b4ba529b9acc303d729b56b4fd7086fb22d425660410b8c51e1784f629.ttf) format("truetype")
}
.fas, .fa-solid {
font-weight: 900
}
/*!
* Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-classic: 'Font Awesome 6 Free';
--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/assets/font-awesome/fa-regular-400-7ba24c4138c4c3cfe694a8fc8943b8ce21b9bfbb14edcb290b8654fcaa365d6b.woff2) format("woff2"), url(/assets/font-awesome/fa-regular-400-12dea17b68aafb3f43ca81628a01b33fed73d9bbd434dbd2bc8512bcff0534a6.ttf) format("truetype")
}
.far, .fa-regular {
font-weight: 400
}
/*!
* Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2023 Fonticons, Inc.
*/
:root, :host {
--fa-style-family-brands: 'Font Awesome 6 Brands';
--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'
}
@font-face {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/assets/font-awesome/fa-brands-400-f461742308b7791fee6e9698e1212aa6e8fd1d5e5b41795bfd68e93aa011073d.woff2) format("woff2"), url(/assets/font-awesome/fa-brands-400-2ef6fdde707193e437c22753755cb32fb8921dde7ff67439b58e6dca3c5a0bef.ttf) format("truetype")
}
.fab, .fa-brands {
font-weight:400
}
.fa-monero:before {
content: ""
}
.fa-hooli:before {
content: ""
}
.fa-yelp:before {
content: ""
}
.fa-cc-visa:before {
content: ""
}
.fa-lastfm:before {
content: ""
}
.fa-shopware:before {
content: ""
}
.fa-creative-commons-nc:before {
content: ""
}
.fa-aws:before {
content: ""
}
.fa-redhat:before {
content: ""
}
.fa-yoast:before {
content: ""
}
.fa-cloudflare:before {
content: ""
}
.fa-ups:before {
content: ""
}
.fa-wpexplorer:before {
content: ""
}
.fa-dyalog:before {
content: ""
}
.fa-bity:before {
content: ""
}
.fa-stackpath:before {
content: ""
}
.fa-buysellads:before {
content: ""
}
.fa-first-order:before {
content: ""
}
.fa-modx:before {
content: ""
}
.fa-guilded:before {
content: ""
}
.fa-vnv:before {
content: ""
}
.fa-square-js:before {
content: ""
}
.fa-js-square:before {
content: ""
}
.fa-microsoft:before {
content: ""
}
.fa-qq:before {
content: ""
}
.fa-orcid:before {
content: ""
}
.fa-java:before {
content: ""
}
.fa-invision:before {
content: ""
}
.fa-creative-commons-pd-alt:before {
content: ""
}
.fa-centercode:before {
content: ""
}
.fa-glide-g:before {
content: ""
}
.fa-drupal:before {
content: ""
}
.fa-hire-a-helper:before {
content: ""
}
.fa-creative-commons-by:before {
content: ""
}
.fa-unity:before {
content: ""
}
.fa-whmcs:before {
content: ""
}
.fa-rocketchat:before {
content: ""
}
.fa-vk:before {
content: ""
}
.fa-untappd:before {
content: ""
}
.fa-mailchimp:before {
content: ""
}
.fa-css3-alt:before {
content: ""
}
.fa-square-reddit:before {
content: ""
}
.fa-reddit-square:before {
content: ""
}
.fa-vimeo-v:before {
content: ""
}
.fa-contao:before {
content: ""
}
.fa-square-font-awesome:before {
content: ""
}
.fa-deskpro:before {
content: ""
}
.fa-sistrix:before {
content: ""
}
.fa-square-instagram:before {
content: ""
}
.fa-instagram-square:before {
content: ""
}
.fa-battle-net:before {
content: ""
}
.fa-the-red-yeti:before {
content: ""
}
.fa-square-hacker-news:before {
content: ""
}
.fa-hacker-news-square:before {
content: ""
}
.fa-edge:before {
content: ""
}
.fa-napster:before {
content: ""
}
.fa-square-snapchat:before {
content: ""
}
.fa-snapchat-square:before {
content: ""
}
.fa-google-plus-g:before {
content: ""
}
.fa-artstation:before {
content: ""
}
.fa-markdown:before {
content: ""
}
.fa-sourcetree:before {
content: ""
}
.fa-google-plus:before {
content: ""
}
.fa-diaspora:before {
content: ""
}
.fa-foursquare:before {
content: ""
}
.fa-stack-overflow:before {
content: ""
}
.fa-github-alt:before {
content: ""
}
.fa-phoenix-squadron:before {
content: ""
}
.fa-pagelines:before {
content: ""
}
.fa-algolia:before {
content: ""
}
.fa-red-river:before {
content: ""
}
.fa-creative-commons-sa:before {
content: ""
}
.fa-safari:before {
content: ""
}
.fa-google:before {
content: ""
}
.fa-square-font-awesome-stroke:before {
content: ""
}
.fa-font-awesome-alt:before {
content: ""
}
.fa-atlassian:before {
content: ""
}
.fa-linkedin-in:before {
content: ""
}
.fa-digital-ocean:before {
content: ""
}
.fa-nimblr:before {
content: ""
}
.fa-chromecast:before {
content: ""
}
.fa-evernote:before {
content: ""
}
.fa-hacker-news:before {
content: ""
}
.fa-creative-commons-sampling:before {
content: ""
}
.fa-adversal:before {
content: ""
}
.fa-creative-commons:before {
content: ""
}
.fa-watchman-monitoring:before {
content: ""
}
.fa-fonticons:before {
content: ""
}
.fa-weixin:before {
content: ""
}
.fa-shirtsinbulk:before {
content: ""
}
.fa-codepen:before {
content: ""
}
.fa-git-alt:before {
content: ""
}
.fa-lyft:before {
content: ""
}
.fa-rev:before {
content: ""
}
.fa-windows:before {
content: ""
}
.fa-wizards-of-the-coast:before {
content: ""
}
.fa-square-viadeo:before {
content: ""
}
.fa-viadeo-square:before {
content: ""
}
.fa-meetup:before {
content: ""
}
.fa-centos:before {
content: ""
}
.fa-adn:before {
content: ""
}
.fa-cloudsmith:before {
content: ""
}
.fa-pied-piper-alt:before {
content: ""
}
.fa-square-dribbble:before {
content: ""
}
.fa-dribbble-square:before {
content: ""
}
.fa-codiepie:before {
content: ""
}
.fa-node:before {
content: ""
}
.fa-mix:before {
content: ""
}
.fa-steam:before {
content: ""
}
.fa-cc-apple-pay:before {
content: ""
}
.fa-scribd:before {
content: ""
}
.fa-openid:before {
content: ""
}
.fa-instalod:before {
content: ""
}
.fa-expeditedssl:before {
content: ""
}
.fa-sellcast:before {
content: ""
}
.fa-square-twitter:before {
content: ""
}
.fa-twitter-square:before {
content: ""
}
.fa-r-project:before {
content: ""
}
.fa-delicious:before {
content: ""
}
.fa-freebsd:before {
content: ""
}
.fa-vuejs:before {
content: ""
}
.fa-accusoft:before {
content: ""
}
.fa-ioxhost:before {
content: ""
}
.fa-fonticons-fi:before {
content: ""
}
.fa-app-store:before {
content: ""
}
.fa-cc-mastercard:before {
content: ""
}
.fa-itunes-note:before {
content: ""
}
.fa-golang:before {
content: ""
}
.fa-kickstarter:before {
content: ""
}
.fa-grav:before {
content: ""
}
.fa-weibo:before {
content: ""
}
.fa-uncharted:before {
content: ""
}
.fa-firstdraft:before {
content: ""
}
.fa-square-youtube:before {
content: ""
}
.fa-youtube-square:before {
content: ""
}
.fa-wikipedia-w:before {
content: ""
}
.fa-wpressr:before {
content: ""
}
.fa-rendact:before {
content: ""
}
.fa-angellist:before {
content: ""
}
.fa-galactic-republic:before {
content: ""
}
.fa-nfc-directional:before {
content: ""
}
.fa-skype:before {
content: ""
}
.fa-joget:before {
content: ""
}
.fa-fedora:before {
content: ""
}
.fa-stripe-s:before {
content: ""
}
.fa-meta:before {
content: ""
}
.fa-laravel:before {
content: ""
}
.fa-hotjar:before {
content: ""
}
.fa-bluetooth-b:before {
content: ""
}
.fa-sticker-mule:before {
content: ""
}
.fa-creative-commons-zero:before {
content: ""
}
.fa-hips:before {
content: ""
}
.fa-behance:before {
content: ""
}
.fa-reddit:before {
content: ""
}
.fa-discord:before {
content: ""
}
.fa-chrome:before {
content: ""
}
.fa-app-store-ios:before {
content: ""
}
.fa-cc-discover:before {
content: ""
}
.fa-wpbeginner:before {
content: ""
}
.fa-confluence:before {
content: ""
}
.fa-mdb:before {
content: ""
}
.fa-dochub:before {
content: ""
}
.fa-accessible-icon:before {
content: ""
}
.fa-ebay:before {
content: ""
}
.fa-amazon:before {
content: ""
}
.fa-unsplash:before {
content: ""
}
.fa-yarn:before {
content: ""
}
.fa-square-steam:before {
content: ""
}
.fa-steam-square:before {
content: ""
}
.fa-500px:before {
content: ""
}
.fa-square-vimeo:before {
content: ""
}
.fa-vimeo-square:before {
content: ""
}
.fa-asymmetrik:before {
content: ""
}
.fa-font-awesome:before {
content: ""
}
.fa-font-awesome-flag:before {
content: ""
}
.fa-font-awesome-logo-full:before {
content: ""
}
.fa-gratipay:before {
content: ""
}
.fa-apple:before {
content: ""
}
.fa-hive:before {
content: ""
}
.fa-gitkraken:before {
content: ""
}
.fa-keybase:before {
content: ""
}
.fa-apple-pay:before {
content: ""
}
.fa-padlet:before {
content: ""
}
.fa-amazon-pay:before {
content: ""
}
.fa-square-github:before {
content: ""
}
.fa-github-square:before {
content: ""
}
.fa-stumbleupon:before {
content: ""
}
.fa-fedex:before {
content: ""
}
.fa-phoenix-framework:before {
content: ""
}
.fa-shopify:before {
content: ""
}
.fa-neos:before {
content: ""
}
.fa-hackerrank:before {
content: ""
}
.fa-researchgate:before {
content: ""
}
.fa-swift:before {
content: ""
}
.fa-angular:before {
content: ""
}
.fa-speakap:before {
content: ""
}
.fa-angrycreative:before {
content: ""
}
.fa-y-combinator:before {
content: ""
}
.fa-empire:before {
content: ""
}
.fa-envira:before {
content: ""
}
.fa-square-gitlab:before {
content: ""
}
.fa-gitlab-square:before {
content: ""
}
.fa-studiovinari:before {
content: ""
}
.fa-pied-piper:before {
content: ""
}
.fa-wordpress:before {
content: ""
}
.fa-product-hunt:before {
content: ""
}
.fa-firefox:before {
content: ""
}
.fa-linode:before {
content: ""
}
.fa-goodreads:before {
content: ""
}
.fa-square-odnoklassniki:before {
content: ""
}
.fa-odnoklassniki-square:before {
content: ""
}
.fa-jsfiddle:before {
content: ""
}
.fa-sith:before {
content: ""
}
.fa-themeisle:before {
content: ""
}
.fa-page4:before {
content: ""
}
.fa-hashnode:before {
content: ""
}
.fa-react:before {
content: ""
}
.fa-cc-paypal:before {
content: ""
}
.fa-squarespace:before {
content: ""
}
.fa-cc-stripe:before {
content: ""
}
.fa-creative-commons-share:before {
content: ""
}
.fa-bitcoin:before {
content: ""
}
.fa-keycdn:before {
content: ""
}
.fa-opera:before {
content: ""
}
.fa-itch-io:before {
content: ""
}
.fa-umbraco:before {
content: ""
}
.fa-galactic-senate:before {
content: ""
}
.fa-ubuntu:before {
content: ""
}
.fa-draft2digital:before {
content: ""
}
.fa-stripe:before {
content: ""
}
.fa-houzz:before {
content: ""
}
.fa-gg:before {
content: ""
}
.fa-dhl:before {
content: ""
}
.fa-square-pinterest:before {
content: ""
}
.fa-pinterest-square:before {
content: ""
}
.fa-xing:before {
content: ""
}
.fa-blackberry:before {
content: ""
}
.fa-creative-commons-pd:before {
content: ""
}
.fa-playstation:before {
content: ""
}
.fa-quinscape:before {
content: ""
}
.fa-less:before {
content: ""
}
.fa-blogger-b:before {
content: ""
}
.fa-opencart:before {
content: ""
}
.fa-vine:before {
content: ""
}
.fa-paypal:before {
content: ""
}
.fa-gitlab:before {
content: ""
}
.fa-typo3:before {
content: ""
}
.fa-reddit-alien:before {
content: ""
}
.fa-yahoo:before {
content: ""
}
.fa-dailymotion:before {
content: ""
}
.fa-affiliatetheme:before {
content: ""
}
.fa-pied-piper-pp:before {
content: ""
}
.fa-bootstrap:before {
content: ""
}
.fa-odnoklassniki:before {
content: ""
}
.fa-nfc-symbol:before {
content: ""
}
.fa-ethereum:before {
content: ""
}
.fa-speaker-deck:before {
content: ""
}
.fa-creative-commons-nc-eu:before {
content: ""
}
.fa-patreon:before {
content: ""
}
.fa-avianex:before {
content: ""
}
.fa-ello:before {
content: ""
}
.fa-gofore:before {
content: ""
}
.fa-bimobject:before {
content: ""
}
.fa-facebook-f:before {
content: ""
}
.fa-square-google-plus:before {
content: ""
}
.fa-google-plus-square:before {
content: ""
}
.fa-mandalorian:before {
content: ""
}
.fa-first-order-alt:before {
content: ""
}
.fa-osi:before {
content: ""
}
.fa-google-wallet:before {
content: ""
}
.fa-d-and-d-beyond:before {
content: ""
}
.fa-periscope:before {
content: ""
}
.fa-fulcrum:before {
content: ""
}
.fa-cloudscale:before {
content: ""
}
.fa-forumbee:before {
content: ""
}
.fa-mizuni:before {
content: ""
}
.fa-schlix:before {
content: ""
}
.fa-square-xing:before {
content: ""
}
.fa-xing-square:before {
content: ""
}
.fa-bandcamp:before {
content: ""
}
.fa-wpforms:before {
content: ""
}
.fa-cloudversify:before {
content: ""
}
.fa-usps:before {
content: ""
}
.fa-megaport:before {
content: ""
}
.fa-magento:before {
content: ""
}
.fa-spotify:before {
content: ""
}
.fa-optin-monster:before {
content: ""
}
.fa-fly:before {
content: ""
}
.fa-aviato:before {
content: ""
}
.fa-itunes:before {
content: ""
}
.fa-cuttlefish:before {
content: ""
}
.fa-blogger:before {
content: ""
}
.fa-flickr:before {
content: ""
}
.fa-viber:before {
content: ""
}
.fa-soundcloud:before {
content: ""
}
.fa-digg:before {
content: ""
}
.fa-tencent-weibo:before {
content: ""
}
.fa-symfony:before {
content: ""
}
.fa-maxcdn:before {
content: ""
}
.fa-etsy:before {
content: ""
}
.fa-facebook-messenger:before {
content: ""
}
.fa-audible:before {
content: ""
}
.fa-think-peaks:before {
content: ""
}
.fa-bilibili:before {
content: ""
}
.fa-erlang:before {
content: ""
}
.fa-cotton-bureau:before {
content: ""
}
.fa-dashcube:before {
content: ""
}
.fa-42-group:before {
content: ""
}
.fa-innosoft:before {
content: ""
}
.fa-stack-exchange:before {
content: ""
}
.fa-elementor:before {
content: ""
}
.fa-square-pied-piper:before {
content: ""
}
.fa-pied-piper-square:before {
content: ""
}
.fa-creative-commons-nd:before {
content: ""
}
.fa-palfed:before {
content: ""
}
.fa-superpowers:before {
content: ""
}
.fa-resolving:before {
content: ""
}
.fa-xbox:before {
content: ""
}
.fa-searchengin:before {
content: ""
}
.fa-tiktok:before {
content: ""
}
.fa-square-facebook:before {
content: ""
}
.fa-facebook-square:before {
content: ""
}
.fa-renren:before {
content: ""
}
.fa-linux:before {
content: ""
}
.fa-glide:before {
content: ""
}
.fa-linkedin:before {
content: ""
}
.fa-hubspot:before {
content: ""
}
.fa-deploydog:before {
content: ""
}
.fa-twitch:before {
content: ""
}
.fa-ravelry:before {
content: ""
}
.fa-mixer:before {
content: ""
}
.fa-square-lastfm:before {
content: ""
}
.fa-lastfm-square:before {
content: ""
}
.fa-vimeo:before {
content: ""
}
.fa-mendeley:before {
content: ""
}
.fa-uniregistry:before {
content: ""
}
.fa-figma:before {
content: ""
}
.fa-creative-commons-remix:before {
content: ""
}
.fa-cc-amazon-pay:before {
content: ""
}
.fa-dropbox:before {
content: ""
}
.fa-instagram:before {
content: ""
}
.fa-cmplid:before {
content: ""
}
.fa-facebook:before {
content: ""
}
.fa-gripfire:before {
content: ""
}
.fa-jedi-order:before {
content: ""
}
.fa-uikit:before {
content: ""
}
.fa-fort-awesome-alt:before {
content: ""
}
.fa-phabricator:before {
content: ""
}
.fa-ussunnah:before {
content: ""
}
.fa-earlybirds:before {
content: ""
}
.fa-trade-federation:before {
content: ""
}
.fa-autoprefixer:before {
content: ""
}
.fa-whatsapp:before {
content: ""
}
.fa-slideshare:before {
content: ""
}
.fa-google-play:before {
content: ""
}
.fa-viadeo:before {
content: ""
}
.fa-line:before {
content: ""
}
.fa-google-drive:before {
content: ""
}
.fa-servicestack:before {
content: ""
}
.fa-simplybuilt:before {
content: ""
}
.fa-bitbucket:before {
content: ""
}
.fa-imdb:before {
content: ""
}
.fa-deezer:before {
content: ""
}
.fa-raspberry-pi:before {
content: ""
}
.fa-jira:before {
content: ""
}
.fa-docker:before {
content: ""
}
.fa-screenpal:before {
content: ""
}
.fa-bluetooth:before {
content: ""
}
.fa-gitter:before {
content: ""
}
.fa-d-and-d:before {
content: ""
}
.fa-microblog:before {
content: ""
}
.fa-cc-diners-club:before {
content: ""
}
.fa-gg-circle:before {
content: ""
}
.fa-pied-piper-hat:before {
content: ""
}
.fa-kickstarter-k:before {
content: ""
}
.fa-yandex:before {
content: ""
}
.fa-readme:before {
content: ""
}
.fa-html5:before {
content: ""
}
.fa-sellsy:before {
content: ""
}
.fa-sass:before {
content: ""
}
.fa-wirsindhandwerk:before {
content: ""
}
.fa-wsh:before {
content: ""
}
.fa-buromobelexperte:before {
content: ""
}
.fa-salesforce:before {
content: ""
}
.fa-octopus-deploy:before {
content: ""
}
.fa-medapps:before {
content: ""
}
.fa-ns8:before {
content: ""
}
.fa-pinterest-p:before {
content: ""
}
.fa-apper:before {
content: ""
}
.fa-fort-awesome:before {
content: ""
}
.fa-waze:before {
content: ""
}
.fa-cc-jcb:before {
content: ""
}
.fa-snapchat:before {
content: ""
}
.fa-snapchat-ghost:before {
content: ""
}
.fa-fantasy-flight-games:before {
content: ""
}
.fa-rust:before {
content: ""
}
.fa-wix:before {
content: ""
}
.fa-square-behance:before {
content: ""
}
.fa-behance-square:before {
content: ""
}
.fa-supple:before {
content: ""
}
.fa-rebel:before {
content: ""
}
.fa-css3:before {
content: ""
}
.fa-staylinked:before {
content: ""
}
.fa-kaggle:before {
content: ""
}
.fa-space-awesome:before {
content: ""
}
.fa-deviantart:before {
content: ""
}
.fa-cpanel:before {
content: ""
}
.fa-goodreads-g:before {
content: ""
}
.fa-square-git:before {
content: ""
}
.fa-git-square:before {
content: ""
}
.fa-square-tumblr:before {
content: ""
}
.fa-tumblr-square:before {
content: ""
}
.fa-trello:before {
content: ""
}
.fa-creative-commons-nc-jp:before {
content: ""
}
.fa-get-pocket:before {
content: ""
}
.fa-perbyte:before {
content: ""
}
.fa-grunt:before {
content: ""
}
.fa-weebly:before {
content: ""
}
.fa-connectdevelop:before {
content: ""
}
.fa-leanpub:before {
content: ""
}
.fa-black-tie:before {
content: ""
}
.fa-themeco:before {
content: ""
}
.fa-python:before {
content: ""
}
.fa-android:before {
content: ""
}
.fa-bots:before {
content: ""
}
.fa-free-code-camp:before {
content: ""
}
.fa-hornbill:before {
content: ""
}
.fa-js:before {
content: ""
}
.fa-ideal:before {
content: ""
}
.fa-git:before {
content: ""
}
.fa-dev:before {
content: ""
}
.fa-sketch:before {
content: ""
}
.fa-yandex-international:before {
content: ""
}
.fa-cc-amex:before {
content: ""
}
.fa-uber:before {
content: ""
}
.fa-github:before {
content: ""
}
.fa-php:before {
content: ""
}
.fa-alipay:before {
content: ""
}
.fa-youtube:before {
content: ""
}
.fa-skyatlas:before {
content: ""
}
.fa-firefox-browser:before {
content: ""
}
.fa-replyd:before {
content: ""
}
.fa-suse:before {
content: ""
}
.fa-jenkins:before {
content: ""
}
.fa-twitter:before {
content: ""
}
.fa-rockrms:before {
content: ""
}
.fa-pinterest:before {
content: ""
}
.fa-buffer:before {
content: ""
}
.fa-npm:before {
content: ""
}
.fa-yammer:before {
content: ""
}
.fa-btc:before {
content: ""
}
.fa-dribbble:before {
content: ""
}
.fa-stumbleupon-circle:before {
content: ""
}
.fa-internet-explorer:before {
content: ""
}
.fa-stubber:before {
content: ""
}
.fa-telegram:before {
content: ""
}
.fa-telegram-plane:before {
content: ""
}
.fa-old-republic:before {
content: ""
}
.fa-odysee:before {
content: ""
}
.fa-square-whatsapp:before {
content: ""
}
.fa-whatsapp-square:before {
content: ""
}
.fa-node-js:before {
content: ""
}
.fa-edge-legacy:before {
content: ""
}
.fa-slack:before {
content: ""
}
.fa-slack-hash:before {
content: ""
}
.fa-medrt:before {
content: ""
}
.fa-usb:before {
content: ""
}
.fa-tumblr:before {
content: ""
}
.fa-vaadin:before {
content: ""
}
.fa-quora:before {
content: ""
}
.fa-reacteurope:before {
content: ""
}
.fa-medium:before {
content: ""
}
.fa-medium-m:before {
content: ""
}
.fa-amilia:before {
content: ""
}
.fa-mixcloud:before {
content: ""
}
.fa-flipboard:before {
content: ""
}
.fa-viacoin:before {
content: ""
}
.fa-critical-role:before {
content: ""
}
.fa-sitrox:before {
content: ""
}
.fa-discourse:before {
content: ""
}
.fa-joomla:before {
content: ""
}
.fa-mastodon:before {
content: ""
}
.fa-airbnb:before {
content: ""
}
.fa-wolf-pack-battalion:before {
content: ""
}
.fa-buy-n-large:before {
content: ""
}
.fa-gulp:before {
content: ""
}
.fa-creative-commons-sampling-plus:before {
content: ""
}
.fa-strava:before {
content: ""
}
.fa-ember:before {
content: ""
}
.fa-canadian-maple-leaf:before {
content: ""
}
.fa-teamspeak:before {
content: ""
}
.fa-pushed:before {
content: ""
}
.fa-wordpress-simple:before {
content: ""
}
.fa-nutritionix:before {
content: ""
}
.fa-wodu:before {
content: ""
}
.fa-google-pay:before {
content: ""
}
.fa-intercom:before {
content: ""
}
.fa-zhihu:before {
content: ""
}
.fa-korvue:before {
content: ""
}
.fa-pix:before {
content: ""
}
.fa-steam-symbol:before {
content: ""
}
.search.index .products-list-wrapper {
padding-bottom:200px
}
@media screen and (min-width: 768px) {
.search.index .collection-view-selectors {
margin: 0 auto;
margin-bottom: 10px;
width:12%
}
.search.index .collection-view-selectors:before, .search.index .collection-view-selectors:after {
content: "";
display:table
}
.search.index .collection-view-selectors:after {
clear:both
}
.search.index .collection-view-selectors {
* zoom:1
}
.search.index .collection-view-selectors img {
cursor: pointer;
display: block;
height: 35px;
opacity: .5;
width:60px
}
.search.index .collection-view-selectors img.list-btn {
float:right
}
.search.index .collection-view-selectors img.grid-btn {
float:left
}
.search.index .collection-view-selectors img.active {
opacity:1
}
}
@media (min-width: 768px) and(max-width: 1024px) {
.search.index .collection-view-selectors {
width:20%
}
}
.search.index .header-text {
margin-bottom:50px
}
.search.index .search-form {
margin: 50px;
position: relative
}
.search.index .search-form button[type="submit"] {
right: 0;
position: absolute;
width: 70px;
height: 100%;
cursor: pointer;
color:#B78452
}
body.showrooms.show {
margin-bottom:195px
}
section.main.showrooms-main {
padding-top: 5.625em;
padding-bottom: 19px;
margin-bottom:300px
}
@media screen and (min-width: 768px) {
section.main.showrooms-main {
margin-bottom:0
}
}
section.main.showrooms-main .edit-header-wrapper {
margin: 50px auto 64px;
width:86%
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .edit-header-wrapper {
margin: 0 auto 4em;
width:54%
}
}
section.main.showrooms-main .edit-headline {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #333333;
font-size: 3.75em;
letter-spacing: 1.2px;
line-height: 75px;
margin: 0 0 36px;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .edit-headline {
font-size: 5em;
letter-spacing: 1px;
line-height: 80px;
margin-bottom: 33px;
margin-top:66px
}
}
section.main.showrooms-main .edit-subheader {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: .44px;
line-height: 24px;
margin: 0 auto;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .edit-subheader {
font-size: 1.25em;
letter-spacing: .62px;
line-height: 20px;
margin:1em auto
}
}
section.main.showrooms-main .showrooms-wrapper {
background-color: #D7D3CF;
margin-bottom:60px
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .showrooms-wrapper {
background-color: #E5E4E1;
margin:0 18px
}
}
section.main.showrooms-main .showrooms-wrapper .showroom {
background-color: #E5E4E1;
display: block;
position: relative;
height: 100%;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .showrooms-wrapper .showroom {
margin-bottom:19px
}
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .showrooms-wrapper .showroom:last-of-type {
margin-bottom:0px
}
}
section.main.showrooms-main .showrooms-wrapper img.showroom-image {
width:100%
}
section.main.showrooms-main .hover-content-container {
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
height: 100%;
text-align: center;
width: 100%;
opacity: 1;
transition:opacity 0.2s linear
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .hover-content-container {
background-color: rgba(0, 0, 0, 0.32);
opacity:0
}
}
section.main.showrooms-main .hover-content-inner {
width:100%
}
section.main.showrooms-main .showroom-name {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: white;
font-size: 1.375em;
letter-spacing: 2.5px;
text-transform: uppercase;
margin:0 0 20px 0
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .showroom-name {
font-size: 2em;
letter-spacing: 3.2px;
line-height:normal
}
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .showroom:hover .hover-content-container {
opacity:1
}
}
@media screen and (min-width: 768px) {
section.main.showrooms-main div.footer-buffer {
height:71px
}
}
section.main.showrooms-main .showroom-header-wrapper {
margin-top:9px
}
section.main.showrooms-main .showroom-header-wrapper .showroom-back-button {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
font-size: 0.6875em;
margin-left: 24px;
text-decoration:none
}
section.main.showrooms-main .showroom-header-wrapper .showroom-back-button:before {
content: url(/assets/unstyled-arrow-left-8a6e5205afb3583111629ef4f63c1375e54e226f12510ceb0ab55af9dd0280cf.svg);
margin-right:12px
}
section.main.showrooms-main .product-row, section.main.showrooms-main .showroom-image-wrapper {
display: block;
position: relative;
height: 100%;
text-decoration:none
}
section.main.showrooms-main .product-row img.showroom-image, section.main.showrooms-main .showroom-image-wrapper img.showroom-image {
width:100%
}
section.main.showrooms-main .showroom-image-wrapper {
background-color:#D7D3CF
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .products-list.grid-view.showroom {
margin-bottom: 0;
margin-top:0
}
}
section.main.showrooms-main .product-row {
background-color: #E5E4E1;
padding-bottom: 0;
padding-top: 40px;
text-align: center;
width:100%
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .product-row {
height: 460px;
padding-top: 60px;
width:49%
}
}
section.main.showrooms-main .product-row .showroom-item-status-tab {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
background-color: #fff;
color: #2A2A29;
display: inline-block;
font-size: 0.6875em;
letter-spacing: 1.5px;
padding: 12px 26px;
position: absolute;
left: 0;
top: 0;
text-transform:uppercase
}
section.main.showrooms-main .product-row .showroom-item-status-tab.standard {
display:none
}
section.main.showrooms-main .product-row .showroom-item-status-tab.one-of-a-kind:before {
content: url(/assets/one-of-a-kind-diamond-9d83e9066a4c5c628239609556900f1a5f16d2c36107673a6c01d84c9014ce18.svg);
position: absolute;
bottom: 9px;
left:10px
}
section.main.showrooms-main .product-row .showroom-item-status-tab.limited-edition:before {
content: url(/assets/limited-edition-star-3519ff4bb473fa062fe4977653b6784f37fc3f2cb1c9fa08393cf4984d940e58.svg);
position: absolute;
bottom: 6px;
left:8px
}
section.main.showrooms-main .product-row .showroom-item-status-tab span {
margin-left:8px
}
section.main.showrooms-main .product-row img.isolated-image {
top:-20px
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .product-row img.isolated-image {
top:40px
}
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .product-row .content-wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
height:100%
}
}
section.main.showrooms-main .product-row .content-wrapper .product-image {
height: auto;
width: 90%;
margin-bottom:25px
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .product-row .content-wrapper .product-image {
margin-bottom:0
}
}
section.main.showrooms-main .product-row .content-wrapper .product-image.tables {
width:66%
}
section.main.showrooms-main .product-row .content-wrapper .product-image.chairs {
width:80%
}
section.main.showrooms-main .product-row .logo-mark {
margin-top: 15px;
margin-bottom:25px
}
section.main.showrooms-main .products-wrapper {
background-color:#D7D3CF
}
@media screen and (min-width: 768px) {
section.main.showrooms-main .products-wrapper {
background-color: #E5E4E1;
margin:0 auto 60px
}
}
section.main.showrooms-main .products-wrapper .showroom-product-text a {
text-decoration:none
}
section.main.showrooms-main .products-wrapper .product-name {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
color: #403F42;
font-size: 1.5em;
letter-spacing: 2.4px;
text-transform:uppercase
}
body.terms {
background-color:#EAE9E7
}
section.main.terms .inner {
margin: 0 auto;
width:87.5%
}
@media (min-width: 1024px) {
section.main.terms .inner {
margin-top: 99px;
width:75%
}
}
section.main.terms .terms-wrapper:before, section.main.terms .terms-wrapper:after {
content: "";
display:table
}
section.main.terms .terms-wrapper:after {
clear:both
}
section.main.terms .terms-wrapper {
* zoom:1
}
@media (min-width: 1024px) {
section.main.terms .terms-wrapper {
position:relative
}
}
section.main.terms h1.terms-header {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
border-bottom: 1px solid #bcbbba;
color: #333333;
font-size: 1.5em;
letter-spacing: .38px;
line-height: normal;
margin-bottom: 7px;
padding-bottom:20px
}
@media screen and (min-width: 768px) {
section.main.terms h1.terms-header {
margin-top:100px
}
}
@media screen and (min-width: 1400px) {
section.main.terms h1.terms-header {
line-height: 36px;
padding-left:38px
}
}
section.main.terms .terms-nav {
margin-bottom:30px
}
@media (min-width: 1024px) {
section.main.terms .terms-nav {
float: left;
margin-left: 32px;
margin-right: 22px;
width:28%
}
}
@media (min-width: 1024px) {
section.main.terms .terms-nav.fixed {
margin-right: 0;
position: fixed;
top: 0;
width: 23%;
z-index:99
}
section.main.terms .terms-nav.fixed ul {
margin-top:0
}
}
@media (min-width: 1024px) {
section.main.terms .terms-nav.anchored {
position: absolute;
bottom: 0;
top: auto;
left: 0;
width:30%
}
}
section.main.terms .terms-nav ul {
padding-left:20px
}
@media (min-width: 1024px) {
section.main.terms .terms-nav ul {
margin-top:27px
}
}
section.main.terms .terms-nav li {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
cursor: pointer;
font-size: 0.6875em;
letter-spacing: 1.5px;
line-height: 34px;
list-style-image: url(/assets/bullet-diamond-0fdb0a2d8fdb4653f172777f38999b66877b01a1a3760def97d05a6858ee7262.svg);
text-transform:uppercase
}
@media (min-width: 1024px) {
section.main.terms .terms-list-container {
border-left: 1px solid #bcbbba;
float: right;
padding-left: 70px;
margin-right: 10%;
margin-top: 27px;
width:54%
}
}
section.main.terms .terms-list-container p.main-disclaimer {
line-height:22px
}
section.main.terms .terms-category-wrapper {
margin-bottom:23px
}
section.main.terms .terms-category-wrapper .terms-category-header {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
letter-spacing: 1px;
line-height: 30px;
margin-bottom: 0;
text-transform:uppercase
}
@media screen and (min-width: 768px) {
section.main.terms .terms-category-wrapper .terms-category-header {
margin-top:0
}
}
section.main.terms .terms-category-wrapper .terms-category-content {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: .44px;
line-height: 24px;
margin-top:0
}
section.main.terms .terms-category-wrapper .product-variation-wrapper {
margin-bottom:24px
}
section.main.terms .terms-category-wrapper .terms-category-subheader {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 0.75em;
letter-spacing: 1px;
line-height: 24px;
text-transform:uppercase
}
section.main.terms .terms-category-wrapper ul {
margin-top: 0;
padding-left:0
}
section.main.terms .terms-category-wrapper .payment-terms-text-wrapper {
margin-bottom:24px
}
section.main.terms .warranty-warning {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
letter-spacing: 1px;
line-height: 19px;
margin-bottom: 22px;
text-transform:uppercase
}
section.main.terms .descriptions-warning {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: .44px;
line-height: 24px;
margin-bottom:22px
}
section.main.terms .ip-header {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #4A494C;
font-size: 0.6875em;
letter-spacing: 1px;
line-height: 30px;
text-transform:uppercase
}
section.main.terms .ip-warning {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #4A494C;
font-size: 1em;
letter-spacing: .44px;
line-height:24px
}
section.main.terms div.footer-buffer {
height:30px
}
@media (min-width: 1024px) {
section.main.terms div.footer-buffer {
height:50px
}
}
#trade-registration-container {
position: relative;
top:-75px
}
section.trade-registration {
margin-top: 150px;
margin-bottom:5em
}
@media screen and (min-width: 768px) {
section.trade-registration {
margin-top:0
}
}
section.trade-registration .trade-account-header {
margin-bottom: 2.25em;
padding-bottom: 0.9375em;
padding-top: 1.25em;
text-align:center
}
section.trade-registration .trade-account-header .dmitriy-hatch-logo img {
height: 30px;
width:30px
}
section.trade-registration .trade-account-header a.back-button {
font-size: 0.75em;
letter-spacing: 0.0833333333em;
line-height: 2.1666666667em;
text-decoration:none
}
section.trade-registration .trade-account-header a.back-button img {
margin-right:0.75em
}
section.trade-registration .trade-account-header h2, section.trade-registration .trade-account-header p {
margin:0
}
section.trade-registration .trade-account-header h2 {
color: #222222;
letter-spacing: 0.027027027em;
line-height: 1.25em;
margin-bottom: 0;
margin-top: 0.6756756757em;
text-transform: uppercase;
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size:2em
}
@media screen and (min-width: 768px) {
section.trade-registration .trade-account-header h2 {
font-size: 2em;
letter-spacing: 0.0261904762em;
line-height: 1.2619047619em;
margin-bottom:0
}
}
section.trade-registration .trade-account-header p {
color: #4A494C;
letter-spacing: initial;
line-height:initial
}
section.trade-registration .trade-account-header .trade-login-info {
display: inline-block;
margin-right:5px
}
section.trade-registration .trade-account-header .login-link {
display:inline-block
}
section.trade-registration .trade-account-header .login-link a {
border-bottom: 2px solid #BD965F;
cursor: pointer;
font-size: 0.8125em;
padding-bottom: 0.3846153846em;
text-decoration:none
}
section.trade-registration .registration-container {
width:100%
}
section.trade-registration .registration-container footer:before, section.trade-registration .registration-container footer:after {
content: "";
display:table
}
section.trade-registration .registration-container footer:after {
clear:both
}
section.trade-registration .registration-container footer {
* zoom:1
}
section.trade-registration .registration-container footer p {
margin: 0 0 1em;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1em
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-container footer p {
float:left
}
}
section.trade-registration .registration-container footer input.submit {
width:100%
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-container footer input.submit {
float: right;
padding: 1.25em 3.75em;
width:auto
}
}
section.trade-registration .registration-box {
background-color:#EAEAE8
}
section.trade-registration .registration-box .registration-box-header {
background-color: #F4F4F4;
padding:0.625em 1.1875em
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-box-header {
padding:1.25em 2.1875em
}
}
section.trade-registration .registration-box .registration-box-header h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.25em;
letter-spacing: 0.015em;
line-height: 1.8em;
margin:0
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-box-header h2 {
font-size: 1.5em;
line-height:1.5em
}
}
section.trade-registration .registration-box .registration-form {
background-color: #ECECEC;
margin-bottom: 1.5625em;
padding:1.1875em
}
section.trade-registration .registration-box .registration-form:before, section.trade-registration .registration-box .registration-form:after {
content: "";
display:table
}
section.trade-registration .registration-box .registration-form:after {
clear:both
}
section.trade-registration .registration-box .registration-form {
* zoom:1
}
section.trade-registration .registration-box .registration-form .input-wrap.registration-box-header {
margin-left: -19px;
margin-right: -19px;
width:calc(100% + 38px)
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form {
padding:2.1875em 2.1875em 1em
}
section.trade-registration .registration-box .registration-form .input-wrap.registration-box-header {
margin-left: -35px;
margin-right: -35px;
width:calc(100% + 70px)
}
}
@media (min-width: 1024px) {
section.trade-registration .registration-box .registration-form {
padding:2.1875em 2.1875em
}
section.trade-registration .registration-box .registration-form .input-wrap.registration-box-header {
margin-left: -35px;
margin-right: -35px;
width:calc(100% + 70px)
}
}
section.trade-registration .registration-box .registration-form .trade-registration-general-error-message {
padding: 0.5em 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1.125em
}
section.trade-registration .registration-box .registration-form .input-wrap, section.trade-registration .registration-box .registration-form label, section.trade-registration .registration-box .registration-form input, section.trade-registration .registration-box .registration-form select {
display: block;
width:100%
}
section.trade-registration .registration-box .registration-form .input-wrap {
margin-bottom:1.1875em
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap {
display: flex;
align-items: center;
flex-wrap:wrap
}
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap label {
flex-basis:140px
}
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap input, section.trade-registration .registration-box .registration-form .input-wrap select {
flex-basis:calc(100% - 140px)
}
}
section.trade-registration .registration-box .registration-form .input-wrap .select2-container {
margin-bottom: 0;
width:100% !important
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap .select2-container {
flex-basis:calc(100% - 140px)
}
}
section.trade-registration .registration-box .registration-form .input-wrap #sstate, section.trade-registration .registration-box .registration-form .input-wrap #scountry {
overflow: hidden;
width:100%
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap #sstate, section.trade-registration .registration-box .registration-form .input-wrap #scountry {
flex-basis:calc(100% - 140px)
}
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap .error-notice {
flex-basis: 200px;
margin-left:140px
}
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form .input-wrap {
margin-bottom:1.75em
}
}
@media (min-width: 1024px) {
section.trade-registration .registration-box .registration-form .input-wrap.half {
float: left;
width:48.5%
}
}
section.trade-registration .registration-box .registration-form .input-wrap.half.left {
margin-right:3%
}
section.trade-registration .registration-box .registration-form .input-wrap.half.right {
margin-right:0
}
section.trade-registration .registration-box .registration-form label {
color: #333333;
font-size: 0.625em;
letter-spacing: 0.09em;
margin-bottom: 1.2em;
text-transform: uppercase;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style:normal
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-box .registration-form label {
font-size: 0.6875em;
letter-spacing: 0.0909090909em;
line-height: initial;
margin-bottom:0
}
}
section.trade-registration .registration-box .registration-form .hint {
color: #8C8888;
display: block;
font-size: 0.75em;
margin-top:5px
}
section.trade-registration .registration-box .registration-form .modal-link {
color: #B78452;
cursor: pointer;
font: normal normal bold 14px/17px Lato !important;
text-transform: uppercase;
text-decoration: none;
margin-top:5px
}
section.trade-registration .registration-box .registration-form .hidden {
display:none !important
}
section.trade-registration .registration-terms {
display:table
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-terms {
float: left;
margin-bottom: 1.375em;
width:64%
}
}
section.trade-registration .registration-terms .terms-wrapper {
display: block;
float: left;
margin-bottom: 1.5625em;
position: relative;
width:100%
}
section.trade-registration .registration-terms input.terms {
background-color: #F4F4F4;
border: 1px solid #E1E0DD;
border-radius: 0;
float: left;
height: 1em;
position: absolute;
top: 0.0625em;
visibility: hidden;
width:1em
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-terms input.terms {
height: 1.25em;
top: 0.1875em;
width:1.25em
}
}
section.trade-registration .registration-terms input.terms:checked:after {
border: solid #be965f;
border-width: 0 3px 3px 0;
content: '';
display: block;
height: 0.75em;
left: 0.3125em;
position: absolute;
top: 0.0625em;
transform: rotate(45deg);
visibility: visible;
width: 0.375em;
z-index:999
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-terms input.terms:checked:after {
left: 0.4375em;
top:0.1875em
}
}
section.trade-registration .registration-terms label.terms-label {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.75em;
float: right;
letter-spacing: 0.025em;
line-height: 1.6666666667em;
width:calc(100% - 28px)
}
@media screen and (min-width: 768px) {
section.trade-registration .registration-terms label.terms-label {
font-size: 1em;
letter-spacing: 0.028125em;
line-height:1.5625em
}
}
section.trade-registration .registration-terms label.terms-label:before {
background-color: white;
border: 1px solid gray;
content: "";
display: block;
height: 1.25em;
left: 0;
position: absolute;
top: 0.1875em;
width:1.25em
}
.salex-tax-form-instructions .modal-content {
display:flex
}
.salex-tax-form-instructions .modal-content a {
line-height:55px
}
.salex-tax-form-instructions .modal-content a.disabled {
pointer-events: none;
color:#ECECEC
}
.salex-tax-form-instructions .modal-content .Select {
width:100%
}
.salex-tax-form-instructions .modal-content .Select .Select-placeholder {
line-height:55px
}
@media screen and (max-width: 768px) {
section.main.trade h1 {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
color: #333333;
font-size: 53px;
line-height: 68px;
text-transform: capitalize;
margin-top:100px
}
section.main.trade .hero-area {
margin-bottom:42px
}
section.main.trade footer {
margin-bottom:42px
}
}
@media screen and (min-width: 768px) {
section.main.trade .grid-row {
padding: 20px;
margin-top:20px
}
section.main.trade .col-6-12 {
padding:0
}
section.main.trade h1 {
font-family: "Didot-Italic", Georgia, serif;
font-weight: normal;
text-align: center;
font-size: 64px;
letter-spacing: 0px;
color: #333333;
line-height: 113px;
margin-top:0px
}
section.main.trade h2 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
font-size: 30px;
text-align: left;
letter-spacing: 0px;
color: #333333;
margin-top:0px
}
section.main.trade .trade-account-header {
margin-bottom:0px
}
section.main.trade .registration-box-header {
background-color:#D7D3CF
}
section.main.trade .login-link {
float: right;
background: #fff;
padding: 8px 20px;
border:2px solid #B78452
}
section.main.trade .login-link a {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #B78452;
border-bottom-width: 0px;
cursor:pointer
}
section.main.trade .login-link a:hover {
color: #ECECEC;
transition:color 0.325s ease-in-out
}
section.main.trade .login-link a:hover {
color:#333333
}
section.main.trade .registration-form {
background-color: #E1E0DD;
margin-bottom: 1.5625em;
padding:1.1875em
}
section.main.trade .registration-form:before, section.main.trade .registration-form:after {
content: "";
display:table
}
section.main.trade .registration-form:after {
clear:both
}
section.main.trade .registration-form {
* zoom:1
}
}
@media screen and (min-width: 768px) and(min-width: 768px) {
section.main.trade .registration-form {
padding:2.1875em 2.1875em 1em
}
}
@media screen and (min-width: 768px) and(min-width: 1024px) {
section.main.trade .registration-form {
padding:2.1875em 2.1875em
}
}
@media screen and (min-width: 768px) {
section.main.trade .registration-form .trade-registration-general-error-message {
padding: 0.5em 0;
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size:1.125em
}
section.main.trade .registration-form .input-wrap, section.main.trade .registration-form label, section.main.trade .registration-form input, section.main.trade .registration-form select {
display: block;
width:100%
}
section.main.trade .registration-form .input-wrap {
margin-bottom: 1.1875em;
margin-bottom:1.75em
}
}
@media screen and (min-width: 768px) and(min-width: 768px) {
section.main.trade .registration-form .input-wrap {
display: flex;
align-items: center;
flex-wrap:wrap
}
}
@media screen and (min-width: 768px) and(min-width: 768px) {
section.main.trade .registration-form .input-wrap label {
flex-basis:140px
}
}
@media screen and (min-width: 768px) {
section.main.trade .registration-form .input-wrap input, section.main.trade .registration-form .input-wrap select {
flex-basis:calc(100% - 140px)
}
section.main.trade .registration-form .input-wrap .select2-container {
margin-bottom: 0;
width: 100% !important;
flex-basis:calc(100% - 140px)
}
section.main.trade .registration-form .input-wrap #sstate, section.main.trade .registration-form .input-wrap #scountry {
overflow: hidden;
width: 100%;
flex-basis:calc(100% - 140px)
}
section.main.trade .registration-form .input-wrap .error-notice {
flex-basis: 200px;
margin-left:140px
}
}
@media screen and (min-width: 768px) and(min-width: 1024px) {
section.main.trade .registration-form .input-wrap.half {
float: left;
width:48.5%
}
}
@media screen and (min-width: 768px) {
section.main.trade .registration-form .input-wrap.half.left {
margin-right:3%
}
section.main.trade .registration-form .input-wrap.half.right {
margin-right:0
}
section.main.trade .registration-form label {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #333333;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.0909090909em;
line-height: initial;
margin-bottom:0
}
section.main.trade .trade-registration input[type=submit] {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
font-size: 0.6875em;
letter-spacing: 0.175em;
color: #fff;
border-bottom-width: 0px;
cursor: pointer;
padding: 10px 20px;
width: 30%;
float: right;
margin-top:30px
}
section.main.trade .trade-registration input[type=submit]:hover {
color: #333333;
transition:color 0.325s ease-in-out
}
section.main.trade .benefits {
text-align:center
}
section.main.trade .benefits h2 {
margin-bottom: 30px;
text-align:center
}
section.main.trade .benefits .benefit {
padding:0 40px
}
section.main.trade .benefits .benefit h3 {
font-family: "Didot-Roman", Georgia, serif;
font-weight: normal;
font-style: normal;
font-size: 1.125em;
letter-spacing: 0px;
color: #000;
text-transform:uppercase
}
section.main.trade .benefits .benefit p {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font: 1.125em;
letter-spacing: 0px;
color:#000
}
section.main.trade .benefits .benefit img {
width: 42px;
margin: 0 auto;
margin-bottom:22px
}
}
section.main.trade .main-content .feature-image {
margin-top: -6.25em;
position: relative;
z-index:99
}
section.main.trade .premium-benefits {
margin-top:0.9375em
}
section.main.trade .premium-benefits h1 {
font-size: 2.8125em;
letter-spacing: 0.0422222222em;
line-height:1.0666666667em
}
section.main.trade button {
color:#fff
}
section.main.trade button.mobile.large {
min-height: 5.375em;
width:100%
}
section.main.trade button.large {
min-height: 5.375em;
width:auto
}
section.main.trade ul.benefits-list {
color: #333333;
list-style: none;
margin-bottom: 2.8125em;
padding:0
}
section.main.trade ul.benefits-list li {
margin-bottom: 2em;
text-align:center
}
section.main.trade ul.benefits-list li .left {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
display: block;
font-size: 0.6875em;
letter-spacing: 0.0909090909em;
line-height: 2.5454545455em;
text-transform: uppercase;
width:100%
}
section.main.trade ul.benefits-list li .right {
font-family: "Lato-Light", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
display: block;
font-size: 1em;
letter-spacing: 0.03125em;
line-height: 1.625em;
width:100%
}
section.main.trade .testimonial {
color: #333333;
margin-top: 1.875em;
padding-bottom:3.125em
}
section.main.trade .testimonial .testimonial-text {
font-family: "Didot-Italic-Osf", Georgia, serif;
font-weight: normal;
font-size: 2.25em;
letter-spacing: 0.0138888889em;
line-height: 1.2222222222em;
margin-bottom: 1.1111111111em;
text-align:center
}
@media screen and (min-width: 768px) {
section.main.trade .testimonial .testimonial-text {
letter-spacing: 0.0347222222em;
line-height: 1.4722222222em;
margin: 0 auto;
max-width:18.8888888889em
}
}
section.main.trade .testimonial .testimonial-name {
font-size: 0.6875em;
letter-spacing: 0.0909090909em;
line-height: 1.8181818182em;
margin-top: 2.2727272727em;
text-align: center;
text-transform:uppercase
}
.vimeo_embed_container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width:100%
}
.vimeo_embed_container iframe, .vimeo_embed_container object, .video_embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment