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

body {
    margin: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

.address-lookup-form-results,
.admin-bar .nav-list,
.breadcrumbs-list,
.categories-list,
.collections-list,
.form-fields,
.galleries-list,
.gallery-photo-viewer-products-list,
.homepage-gallery-caption-products-list,
.homepage-gallery-dots,
.homepage-gallery-list,
.locator-list,
.main .design-tools-list,
.main .docs-group-list,
.main .docs-group-list-doc-list,
.main .gallery-image-list,
.main .tackboard-list,
.media-list,
.microsite-colorways-list-item-actions,
.product-color-grid-chooser,
.product-color-list,
.product-coordinates-chooser,
.product-coordinates-list,
.product-coordinates-list-item-sublist,
.product-docs-list,
.product-nav-list,
.product-type-list,
.products-list,
.search-results,
.site-footer-contacts,
.site-footer-downloads,
.site-footer-nav-list,
.site-footer-nav-sublist,
.site-footer-nav-sub-sublist,
.site-menu-list,
.site-menu-sublist,
.site-user-menu-list,
.suggested-searches-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Regular.086b722552b9.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Regular.086b722552b9.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Italic.7e25b94e4dd3.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Italic.7e25b94e4dd3.woff") format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Light.1ecfd020a22c.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Light.1ecfd020a22c.woff") format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-LightItalic.8816cab22845.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-LightItalic.8816cab22845.woff") format("woff");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Medium.20d574edc5f6.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-Medium.20d574edc5f6.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Galano;
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-MediumItalic.87e6ecc49a78.woff") format("woff2");
    src: url("../fonts/GalanoGrotesque/GalanoGrotesque-MediumItalic.87e6ecc49a78.woff") format("woff");
    font-weight: 600;
    font-style: italic
}

.st0_orange {
    fill: #e25a48
}

.st0_white {
    fill: #fff
}

.st0_black {
    fill: #0e1111
}

.st0_gray {
    fill: #4d4f53
}

.st0_dark-blue {
    fill: #0d3448
}

html {
    background: #f5f5f5;
    -webkit-font-smoothing: subpixel-antialiased
}

body {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    max-width: 1600px;
    margin: 0 auto;
    background: #fff
}

body * {
    box-sizing: border-box
}

a {
    transition: .2s;
    text-decoration: none;
    color: #e25a48
}

a[disabled] {
    pointer-events: none
}

a:hover {
    color: #0d3448
}

.list-filter-group-color .list-filter-label-text,
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.caps {
    font-size: .95em;
    letter-spacing: 1px
}

.site-brand {
    width: 215px;
    height: 43px
}

.site-brand .mark {
    width: 100%;
    height: auto
}

.site-brand .mark .icon-property-fill {
    fill: #4d4f53
}

.site-brand .mark .icon-property-stroke {
    stroke: #4d4f53
}

.site-brand:active .mark .icon-property-fill,
.site-brand:focus .mark .icon-property-fill,
.site-brand:hover .mark .icon-property-fill {
    fill: #e25a48
}

.site-brand:active .mark .icon-property-stroke,
.site-brand:focus .mark .icon-property-stroke,
.site-brand:hover .mark .icon-property-stroke {
    stroke: #e25a48
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-info {
    color: #2196f3
}

.text-success {
    color: #4caf50
}

.text-warning {
    color: #ffc107
}

.text-danger {
    color: #f44336
}

.orange-caps {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e25a48
}

.symbol {
    font-size: 50%;
    vertical-align: top
}

.sup .symbol {
    font-size: 60%;
    vertical-align: top;
    position: relative
}

.mc_title .sup .symbol {
    top: -.35em
}

p .sup .symbol {
    font-size: 80%;
    top: -.15em
}

.mc_section .sup .symbol,
.mc_subtitle .sup .symbol {
    font-size: 100%;
    top: -.25em
}

.tabtn .sup .symbol {
    font-size: 60%;
    top: -.25em
}

img {
    -ms-interpolation-mode: bicubic!important;
    min-height: 1px
}

hr {
    display: block;
    clear: both;
    height: 1px;
    color: #333;
    background: #333;
    font-size: 0;
    border: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

hr.hr-lt {
    color: #7c7c81;
    background: #7c7c81
}

hr.hr-lt2 {
    color: #bababa;
    background: #bababa
}

.site-menu-sublist-item hr {
    margin-top: 15px;
    margin-bottom: 15px
}

.form,
.form label {
    display: block
}

.form label {
    margin: 0 0 .25em
}

.form label [for] {
    cursor: pointer
}

.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=url],
.form textarea {
    font-size: 16px;
    display: block;
    box-sizing: border-box;
    width: 18em;
    min-width: 100%;
    max-width: 100%;
    padding: 6px 0;
    transition: .2s;
    color: #2e2e2e;
    border: 0;
    border-bottom: 1px solid #8f8f8f;
    border-radius: 0;
    outline: none;
    background: #f3f3f3
}

.form input[type=email].error,
.form input[type=number].error,
.form input[type=password].error,
.form input[type=search].error,
.form input[type=tel].error,
.form input[type=text].error,
.form input[type=url].error,
.form textarea.error {
    border-color: #f44336;
    background-color: rgba(244, 67, 54, .05)
}

.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=url]:focus,
.form textarea:focus {
    border-color: #e25a48;
    background-color: #f3f3f3
}

.form select {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    min-width: 100%;
    max-width: 100%;
    padding: 6px 16px 6px 4px;
    transition: .2s;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=) no-repeat 100%;
    background-size: 13px;
    box-shadow: inset 0 -1px 0 #8f8f8f;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.form select:focus {
    box-shadow: inset 0 -1px 0 #e25a48
}

.form input[type=checkbox] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form input[type=checkbox]:after {
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    content: "";
    transition: .2s;
    border: 2px solid #8f8f8f;
    border-radius: 3px
}

.form input[type=checkbox]:before {
    line-height: 1;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    content: "✓";
    transition: .2s;
    text-align: center;
    opacity: 0;
    color: #8f8f8f
}

.form input[type=checkbox]:hover:before {
    opacity: .5
}

.form input[type=checkbox]:focus:after {
    border-color: #e25a48;
    box-shadow: 0 0 4px #e25a48
}

.form input[type=checkbox]:checked:before {
    opacity: 1;
    color: #fff
}

.form input[type=checkbox]:checked:after {
    border-color: #e25a48;
    background-color: #e25a48
}

.form input[type=checkbox][disabled] {
    pointer-events: none
}

.form input[type=checkbox][disabled]:after {
    border-color: #f5f5f5;
    background: #f5f5f5
}

.form input[type=checkbox][disabled]:before {
    opacity: .5;
    color: #8f8f8f
}

.form input[type=radio] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    vertical-align: top;
    border: 0;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form input[type=radio]:after,
.form input[type=radio]:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    transition: .2s;
    border-radius: 50%
}

.form input[type=radio]:before {
    position: absolute;
    top: 0;
    left: 2px;
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #c7c7c7
}

.form input[type=radio]:after {
    position: relative;
    z-index: 1;
    top: -2px;
    border: 2px solid #8f8f8f
}

.form input[type=radio]:focus:after {
    border-color: #e25a48;
    box-shadow: 0 0 3px #e25a48
}

.form input[type=radio]:checked:before {
    -ms-transform: scale(.75);
    transform: scale(.75);
    background-color: #e25a48
}

.form input[type=radio]:checked:after {
    border-color: #e25a48
}

.form input[type=radio][disabled] {
    pointer-events: none
}

.form input[type=radio][disabled]:after {
    border-color: #f5f5f5
}

.form input[type=radio][disabled]:before {
    background-color: #f5f5f5
}

.form-fieldset+.form-fields {
    margin-top: 1.5em
}

.form-field {
    margin: 0 auto 1.5em
}

.form-field:last-child {
    margin-bottom: 0
}

.form-field-placeholder label {
    display: none
}

.form-field-required,
.form-field-required[title] {
    text-decoration: none;
    color: #e25a48;
    border: 0
}

.form-field-error {
    color: #f44336;
    background: rgba(244, 67, 54, .05)
}

.form-field-checkbox,
.form-field-radio {
    position: relative;
    z-index: 1;
    padding-left: 24px
}

.form-field-checkbox input[type=checkbox],
.form-field-checkbox input[type=radio],
.form-field-radio input[type=checkbox],
.form-field-radio input[type=radio] {
    position: absolute;
    top: .2em;
    left: 0
}

.form-buttons {
    text-align: right
}

.form-buttons:after {
    clear: both;
    content: "";
    display: table
}

.form-buttons a:first-child {
    display: inline-block;
    float: left;
    padding: 7px 0
}

.form-actions {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #cbcccd
}

.form-actions>:first-child {
    margin-top: 0
}

.form-actions>:last-child {
    margin-bottom: 0
}

.form .help {
    font-size: .875em;
    font-style: italic;
    color: #4d4f53
}

.form-fieldset {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #a6a7a9
}

.form-fieldset+.form-fieldset {
    margin-top: 1.5em
}

.form-fieldset-legend {
    font-size: 14px;
    font-size: .875rem;
    margin: -11px -11px 16px;
    margin: -11px -11px 1rem;
    padding: 0 10px 8px;
    padding: 0 10px .5rem;
    text-transform: uppercase;
    border-bottom: 1px solid #a6a7a9;
    background: #fff
}

.form-fieldset-collapsible-legend {
    display: block;
    overflow: hidden;
    max-width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form-fieldset-collapsible-toggle {
    float: right;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #e25a48
}

.form-fieldset-collapsed {
    padding-bottom: 0
}

.form-fieldset-collapsed .form-fieldset-legend {
    margin-bottom: -1px
}

.form-fieldset-collapsed .form-fields {
    display: none
}

.form-fieldset-collapsed .form-fieldset-collapsible-toggle {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-form {
    max-width: 480px;
    margin: 0 auto
}

.search-form .close {
    display: block;
    position: absolute;
    top: -80px;
    right: 0;
    width: 31px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 31px;
    height: 31px;
    cursor: pointer;
    z-index: 1001
}

.search-form .close,
.search-form .close:hover {
    background: url("../img/ui/close_icon_DE5C51.fbbb8a67a399.svg") no-repeat 50%
}

@media (max-width:479px) {
    .search-form .close:hover {
        background: none
    }
}

@media (max-width:479px) {
    .search-form .close {
        top: -110px;
        background: none;
        width: 100px;
        color: #e25a48;
        text-align: right;
        right: 10px;
        font-size: 14px
    }
    .search-form .close:before {
        content: "Close"
    }
}

.search-form .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-form .form-field {
    width: 100%;
    margin-right: 20px
}

#search-main {
    clear: both;
    margin: 0 auto;
    width: 100%;
    z-index: 500;
    position: sticky;
    top: 70px;
}

.search-menu {
    padding: 40px 30px 90px;
    width: 100%;
    background: #fff;
    text-align: center;
}

@media (max-width:1200px) {
    .search-menu {
        padding: 40px 20px
    }
}

@media (max-width:479px) {
    /* .search-menu {
        position: fixed
    } */
}

#search-page {
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 40px 30px;
    width: 100%;
    text-align: center;
    position: relative
}

@media (max-width:479px) {
    #search-page {
        padding: 40px 20px
    }
}

#search-page.no-pad-top {
    padding-top: 0!important
}

#search-page.no-pad-bottom {
    padding-bottom: 0!important
}

.search-menu .search-title,
#search-page .search-title {
    color: #0d3448;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 40px
}

@media (max-width:479px) {
    .search-menu .search-title,
    #search-page .search-title {
        line-height: 1.15;
        margin-bottom: 20px
    }
}

.search-menu .search-form,
#search-page .search-form {
    max-width: 995px;
    margin: 0 auto;
    position: relative
}

.search-menu .search-form input[type=email],
.search-menu .search-form input[type=search],
.search-menu .search-form input[type=text],
#search-page .search-form input[type=email],
#search-page .search-form input[type=search],
#search-page .search-form input[type=text] {
    color: #4d4f53;
    background: #fff;
    border: 1px solid #bababa;
    border-right: 1px solid transparent;
    border-radius: 0;
    padding: 13px 10px 10px;
    font-size: 14px;
    font-size: .875rem;
    height: 50px
}

@media (max-width:600px) {
    .search-menu .search-form input[type=email],
    .search-menu .search-form input[type=search],
    .search-menu .search-form input[type=text],
    #search-page .search-form input[type=email],
    #search-page .search-form input[type=search],
    #search-page .search-form input[type=text] {
        border-right: 1px solid #bababa;
        font-size: 16px
    }
}

.search-menu .search-form input[type=email]:focus,
.search-menu .search-form input[type=search]:focus,
.search-menu .search-form input[type=text]:focus,
#search-page .search-form input[type=email]:focus,
#search-page .search-form input[type=search]:focus,
#search-page .search-form input[type=text]:focus {
    color: #2e2e2e
}

.search-menu .search-form input[type=search],
#search-page .search-form input[type=search] {
    padding: 13px 10px 10px 50px
}

.search-menu .search-form .form-fields,
#search-page .search-form .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:479px) {
    .search-menu .search-form .form-fields,
    #search-page .search-form .form-fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.search-menu .search-form .form-field,
#search-page .search-form .form-field {
    width: 100%;
    margin: 0;
    position: relative
}

.search-menu .search-form .form-field img,
#search-page .search-form .form-field img {
    position: absolute;
    top: 11px;
    left: 12px;
    width: 30px;
    opacity: .7
}

.search-menu .search-form .form-field .icon-property-fill,
#search-page .search-form .form-field .icon-property-fill {
    fill: #4d4f53
}

@media (max-width:479px) {
    .search-menu .search-form .form-buttons,
    #search-page .search-form .form-buttons {
        width: 100%
    }
}

.search-menu .search-form .btn,
.search-menu .search-form button,
#search-page .search-form .btn,
#search-page .search-form button {
    color: #fff;
    background: #e25a48;
    border: 1px solid #e25a48;
    font-size: 14px;
    font-size: .875rem;
    text-transform: none;
    padding: 10px 30px;
    height: 50px
}

@media (max-width:479px) {
    .search-menu .search-form .btn,
    .search-menu .search-form button,
    #search-page .search-form .btn,
    #search-page .search-form button {
        width: 100%;
        margin-top: 15px
    }
}

.search-menu .search-form .btn:active,
.search-menu .search-form .btn:focus,
.search-menu .search-form .btn:hover,
.search-menu .search-form button:active,
.search-menu .search-form button:focus,
.search-menu .search-form button:hover,
#search-page .search-form .btn:active,
#search-page .search-form .btn:focus,
#search-page .search-form .btn:hover,
#search-page .search-form button:active,
#search-page .search-form button:focus,
#search-page .search-form button:hover {
    background: #f06e63
}

.search-menu .search-form.locator-search-form,
#search-page .search-form.locator-search-form {
    margin-bottom: 40px
}

.single-input {
    width: 360px;
    margin-top: -12px;
    vertical-align: top
}

@media (max-width:768px) {
    .single-input {
        width: 100%;
        margin-top: 50px
    }
}

.single-input input[type=email],
.single-input input[type=text] {
    color: #4d4f53;
    background: #fff;
    border: 1px solid #bababa;
    border-right: 1px solid transparent;
    padding: 13px 10px 10px;
    font-size: 14px;
    display: inline-block;
    height: 45px;
    width: 195px;
    margin: 0
}

.single-input input[type=email].searchtxt,
.single-input input[type=text].searchtxt {
    background: #fff url("../img/icons/search.357b56fbd190.svg") 10px no-repeat;
    background-size: 24px;
    opacity: .8;
    padding: 0 10px 0 40px;
    line-height: 100%;
    text-align: left
}

.single-input input[type=email].searchtxt:focus,
.single-input input[type=text].searchtxt:focus {
    background: #fff url("../img/icons/search.357b56fbd190.svg") 10px no-repeat;
    background-size: 24px
}

@media (max-width:768px) {
    .single-input input[type=email],
    .single-input input[type=text] {
        display: block;
        height: 45px;
        width: 100%;
        border-right: 1px solid #bababa;
        font-size: 16px
    }
}

.single-input input[type=email]:focus,
.single-input input[type=text]:focus {
    color: #2e2e2e
}

.single-input .btn,
.single-input button {
    color: #fff;
    background: #e25a48;
    border: 1px solid #e25a48;
    border-radius: 0;
    font-size: .875em;
    display: inline-block;
    text-transform: none;
    letter-spacing: none;
    padding: 0;
    line-height: 100%;
    height: 45px;
    width: 165px;
    margin: 0
}

@media (max-width:768px) {
    .single-input .btn,
    .single-input button {
        width: 100%;
        margin-top: 15px;
        font-size: 16px
    }
}

.single-input .btn:active,
.single-input .btn:focus,
.single-input .btn:hover,
.single-input button:active,
.single-input button:focus,
.single-input button:hover {
    color: #fff;
    background: #e25a48
}

.submitted-message {
    width: 290px;
    margin-bottom: 20px
}

.former {
    display: none;
    opacity: 0;
    visibility: hidden
}

.custom-ui {
    text-align: left;
    padding: 50px 30px
}

@media (max-width:600px) {
    .custom-ui {
        padding: 20px 0
    }
}

.filter-set,
.filter-subset,
.input_wrapper,
p.settitle {
    display: inline-block
}

@media (max-width:600px) {
    .filter-set,
    .filter-subset,
    .input_wrapper,
    p.settitle {
        display: block
    }
}

.input_wrapper {
    position: relative
}

.filter-set {
    margin-right: 40px
}

@media (max-width:600px) {
    .filter-set {
        margin-right: 0
    }
}

.filter-subset {
    padding-top: 6px
}

p.settitle {
    color: #999;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400
}

@media (max-width:600px) {
    p.settitle {
        font-size: 16px;
        margin-bottom: 8px
    }
}

.custom-ui input[type=checkbox],
.custom-ui input[type=radio] {
    position: absolute;
    display: none;
    cursor: pointer
}

.custom-ui label.filter {
    padding: 6px 16px 8px;
    margin: 0 8px;
    border-radius: 8px;
    border-width: 2px;
    cursor: pointer;
    color: #707070;
    background: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    min-width: 80px;
    text-align: center
}

.custom-ui input[type=checkbox]:checked~label.filter,
.custom-ui input[type=radio]:checked~label.filter {
    border-color: #da5319;
    background: #fff;
    color: #da5319
}

.color-swatch-sm {
    display: inline-block;
    margin: 0 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #eee;
    box-sizing: border-box
}

@media (max-width:600px) {
    #color-filter-set {
        margin-bottom: 20px
    }
}

.color-swatch-sm.white,
.white-block {
    background-color: #fff;
    border: 1px solid #eee
}

.beige-block,
.color-swatch-sm.beige {
    background-color: #e4d3bb;
    border: 1px solid #e4d3bb
}

.color-swatch-sm.gray,
.gray-block {
    background-color: gray;
    border: 1px solid gray
}

.blue-block,
.color-swatch-sm.blue {
    background-color: #314265;
    border: 1px solid #314265
}

.color-swatch-sm.green,
.green-block {
    background-color: #556e4a;
    border: 1px solid #556e4a
}

.color-swatch-sm.red,
.red-block {
    background-color: #c14343;
    border: 1px solid #c14343
}

.color-swatch-sm.orange,
.orange-block {
    background-color: #d1931f;
    border: 1px solid #d1931f
}

.color-swatch-sm.yellow,
.yellow-block {
    background-color: #ffe776;
    border: 1px solid #ffe776
}

.color-swatch-sm.gold,
.gold-block {
    background-color: #c3aa71;
    border: 1px solid #c3aa71
}

.color-swatch-sm.purple,
.purple-block {
    background-color: #58375b;
    border: 1px solid #58375b
}

.brown-block,
.color-swatch-sm.brown {
    background-color: #654d3c;
    border: 1px solid #654d3c
}

.black-block,
.color-swatch-sm.black {
    background-color: #111;
    border: 1px solid #111
}

.black-gray-block,
.color-swatch-sm.black-gray {
    background-color: gray;
    background-image: -webkit-linear-gradient(45deg, gray 50%, #111 0)
}

.brown-beige-block,
.brown-beige-gold-block,
.brown-tan-block,
.color-swatch-sm.brown-beige,
.color-swatch-sm.brown-beige-gold,
.color-swatch-sm.brown-tan {
    background-color: #e4d3bb;
    background-image: -webkit-linear-gradient(45deg, #e4d3bb 50%, #654d3c 0)
}

.color-swatch-sm.active:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 4px;
    background: #da5319;
    margin-top: 25px
}

.custom-ui input[type=reset] {
    margin-top: 12px;
    float: right
}

.custom-ui input[type=reset] .select-align {
    margin-top: 7px
}

@media (max-width:600px) {
    .custom-ui input[type=reset] {
        float: none;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.btn,
button {
    background: #fff;
    border: 1px solid #4d4f53;
    color: #2e2e2e;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    outline: none;
    letter-spacing: 1px;
    padding: 6px 24px;
    text-shadow: none;
    text-transform: uppercase;
    transition: .2s;
    white-space: nowrap
}

.btn.btn-icon-only,
button.btn-icon-only {
    height: 36px;
    line-height: 1
}

.btn .iconic *,
button .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53;
    transition: .2s
}

.btn svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg),
.btn svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg),
button svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg),
button svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg) {
    height: 20px;
    width: 20px
}

.btn:active,
.btn:focus,
.btn:hover,
button:active,
button:focus,
button:hover {
    border-color: #e25a48;
    color: #e25a48
}

.btn:active .iconic *,
.btn:focus .iconic *,
.btn:hover .iconic *,
button:active .iconic *,
button:focus .iconic *,
button:hover .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.btn-mini,
button-mini {
    font-size: 12px;
    font-size: .75rem;
    padding: 3px 12px
}

.btn[disabled],
button[disabled] {
    border-color: #4d4f53;
    color: #4d4f53;
    background-color: rgba(77, 79, 83, .25);
    pointer-events: none
}

.breadcrumbs {
    background: none;
    color: #f5f5f5;
    padding: 20px
}

@media (min-width:1024px) {
    .breadcrumbs-with-subnav {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .breadcrumbs {
        padding: 20px 30px
    }
}

.breadcrumbs .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53;
    transition: .2s
}

.breadcrumbs .iconic-chevron.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg) {
    height: 11px;
    width: 11px
}

.breadcrumbs .iconic-home.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg) {
    height: 12px;
    width: 12px
}

.breadcrumbs .iconic-chevron * {
    stroke-width: 2px
}

.breadcrumbs-crumb,
.breadcrumbs-divider {
    display: inline-block;
    margin-left: 10px
}

.breadcrumbs-crumb:first-child,
.breadcrumbs-divider:first-child {
    margin-left: 0
}

.breadcrumbs-link {
    color: #4d4f53
}

.breadcrumbs-link:active,
.breadcrumbs-link:focus,
.breadcrumbs-link:hover {
    color: #e25a48
}

.breadcrumbs-link:active .iconic *,
.breadcrumbs-link:focus .iconic *,
.breadcrumbs-link:hover .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.breadcrumbs-subnav {
    border-top: 1px solid #a1a2a4;
    margin-top: .5em;
    padding-top: .5em
}

@media (min-width:1024px) {
    .breadcrumbs-subnav {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
}

.breadcrumbs-subnav-link {
    color: #4d4f53;
    display: inline-block;
    margin: 0 1em;
    text-transform: uppercase
}

.breadcrumbs-subnav-link-active,
.breadcrumbs-subnav-link:active,
.breadcrumbs-subnav-link:focus,
.breadcrumbs-subnav-link:hover {
    color: #e25a48
}

.breadcrumb-delimeter,
span.breadcrumb-delimeter {
    padding-left: 8px;
    padding-right: 8px
}

.injected-svg *,
.mark * {
    transition: .2s
}

.injected-svg {
    height: 16px;
    line-height: 1;
    width: 16px
}

.icon-no-stroke {
    stroke: transparent!important
}

.icon-no-fill {
    fill: transparent!important
}

.icon-stroke {
    fill: none;
    stroke-linecap: round;
    stroke-miterlimit: 10
}

.icon-property-stroke,
.icon-stroke {
    stroke-width: 3
}

.icon-amtico-character {
    clip-rule: evenodd;
    fill-rule: evenodd
}

img.icon,
img.iconic,
img.mark,
img.page-icon {
    display: none
}

.iconic-toggle {
    width: 24px;
    height: 24px
}

@media (max-width:600px) {
    .iconic-toggle {
        width: 16px;
        height: 16px
    }
}

.alert {
    background: #f5f5f5;
    color: #2e2e2e;
    font-size: 16px;
    font-size: 1rem;
    margin: 1em auto;
    padding: 1em
}

.alert:first-child {
    border-top: 1px solid #a1a2a4;
    margin-top: 0
}

.alert:last-child {
    margin-bottom: 0
}

.alert>:first-child {
    margin-top: 0
}

.alert>:last-child {
    margin-bottom: 0
}

.alert-info {
    background: #fff;
    color: #0d3448;
    font-weight: 600
}

.alert-success {
    background: #4caf50;
    color: #fff;
    font-weight: 600
}

.alert-warning {
    background: #ffc107;
    color: #0e1111;
    font-weight: 600
}

.alert-danger {
    background: #f44336;
    color: #fff;
    font-weight: 600
}

.alert a {
    text-decoration: underline
}

.alert a,
.alert a:hover {
    color: inherit
}

.main .alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.main .alert a:not([class]):hover {
    color: inherit
}

.alerts {
    padding: 0 0 20px
}

.alerts+.main {
    margin-top: -20px
}

.arteca>.alert {
    margin-top: 0;
    margin-bottom: 0
}

.arteca>.alert+.alert {
    margin-top: 1em
}

.heroshot {
    position: relative;
    z-index: 1;
    display: block;
    overflow-x: hidden;
    margin: 0 -20px
}

@media (min-width:1200px) {
    .heroshot {
        margin: 0 -30px
    }
    .main>.heroshot:first-child {
        margin-top: -30px
    }
}

.heroshot-img {
    display: block;
    max-width: 100%;
    height: auto
}

.heroshot-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .2s;
    -ms-transform: translateX(-50%) translateY(-50%) scale(.5);
    transform: translateX(-50%) translateY(-50%) scale(.5);
    border: 4px solid #e25a48;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .25)
}

.heroshot-play-button:active,
.heroshot-play-button:focus,
.heroshot-play-button:hover {
    -ms-transform: translateX(-50%) translateY(-50%) scale(.75);
    transform: translateX(-50%) translateY(-50%) scale(.75);
    background-color: hsla(0, 0%, 100%, .5)
}

.heroshot-play-button .iconic-property-fill {
    fill: #e25a48
}

.heroshot-play-button .iconic-property-stroke {
    stroke: #e25a48
}

.heroshot-featured-product {
    font-size: 14px;
    font-size: .875rem;
    float: right;
    text-transform: uppercase;
    color: #fff
}

@media (min-width:768px) {
    .heroshot-featured-product-no-category {
        padding-top: .65em
    }
}

@media (max-width:767px) {
    .heroshot-featured-product {
        position: absolute;
        top: -2em;
        left: 20px;
        float: none
    }
}

.heroshot-featured-product-category {
    opacity: .75
}

.heroshot-link {
    display: block
}

.heroshot-caption {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    background: rgba(14, 17, 17, .2)
}

@media (max-width:767px) {
    .heroshot-caption {
        position: relative;
        background: #4d4f53
    }
}

.heroshot-caption>:first-child {
    margin-top: 0
}

.heroshot-caption>:last-child {
    margin-bottom: 0
}

.heroshot-caption .page-title {
    margin: 0
}

.with-admin-bar {
    padding-top: 38px
}

.admin-bar {
    background: #979797;
    font-family: Raleway, sans-serif;
    height: 38px;
    left: 0;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

@media (min-width:1200px) {
    .admin-bar {
        padding: 10px 30px
    }
}

@media (max-width:767px) {
    .admin-bar .wide-only {
        display: none
    }
}

.admin-bar .nav-list li {
    float: left;
    line-height: 1;
    margin: 0 20px 0 0
}

.admin-bar-user-info,
.admin-bar a {
    color: #fff;
    line-height: 1
}

.admin-bar .iconic {
    display: inline-block;
    margin-right: 6px
}

.admin-bar .iconic * {
    fill: #fff;
    stroke: #fff
}

.admin-bar .iconic .iconic-property-accent {
    fill: hsla(0, 0%, 100%, .5);
    stroke: hsla(0, 0%, 100%, .5)
}

.admin-bar-nav {
    float: left
}

.admin-bar-user-nav {
    float: right
}

.admin-bar-user-nav .nav-list li {
    margin: 0 0 0 20px
}

.pagination {
    margin: 1em auto;
    text-align: center
}

.pagination:last-child {
    margin-bottom: 0
}

.pagination-next .iconic *,
.pagination-prev .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.pagination-disabled .iconic * {
    fill: #f5f5f5;
    stroke: #f5f5f5
}

.pagination-pages {
    color: #4d4f53;
    margin: 0 1em
}

.pagination-loader {
    text-align: center;
    margin: 1em auto
}

.pagination-loader:last-child {
    margin-bottom: 0
}

.pagination-loader .icon-loading {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto 8px
}

.modal {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 10px rgba(14, 17, 17, .5);
    left: 50%;
    opacity: 0;
    padding: 20px;
    position: fixed;
    top: 0;
    -ms-transform: translateX(-50%) translateY(-120%);
    transform: translateX(-50%) translateY(-120%);
    transition: .2s;
    z-index: 110
}

.show-modal .modal {
    opacity: 1;
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.modal-close {
    position: absolute;
    right: 4px;
    top: 4px
}

.modal-close .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53
}

.modal-header {
    color: #e25a48;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
    text-transform: uppercase
}

.lightbox {
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    box-shadow: 0 0 10px rgba(14, 17, 17, .5);
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 50%;
    max-width: calc(100% - 40px);
    padding: 40px;
    position: fixed;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: .5s;
    z-index: 110
}

.lightbox-image {
    width: calc(100% - 40px)
}

.show-lightbox .lightbox {
    display: -ms-flexbox;
    display: flex
}

@media (max-height:439px),
(max-width:719px) {
    .lightbox {
        padding: 0
    }
}

.lightbox .tel-link,
.lightbox a:not([class]) {
    color: #e25a48
}

.lightbox .tel-link:active,
.lightbox .tel-link:focus,
.lightbox .tel-link:hover,
.lightbox a:not([class]):active,
.lightbox a:not([class]):focus,
.lightbox a:not([class]):hover {
    color: #e98274
}

.lightbox .video-wrapper {
    max-width: 100%;
    max-height: 100%;
    max-width: calc(100vw - 120px);
    max-height: calc(100vh - 120px);
    position: relative;
    width: 1920px;
    height: 1080px;
    z-index: 1
}

.lightbox .video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.lightbox img {
    display: block;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: auto;
    margin: 0 auto;
    max-height: 80vh;
    max-width: 100%;
    width: auto
}

.lightbox-close {
    position: absolute;
    right: 12px;
    top: 12px
}

@media (max-height:439px),
(max-width:719px) {
    .lightbox-close {
        right: 8px;
        top: -24px
    }
}

.lightbox-close .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53
}

.mask {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    background: #0a0a0b;
    background: rgba(0, 0, 0, .8);
    z-index: 999;
    overflow: hidden
}

.mask,
.window_modal {
    display: none;
    position: fixed;
    width: 100%
}

.window_modal {
    max-width: 960px;
    height: auto;
    z-index: 1000
}

.close {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 31px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 31px;
    height: 31px;
    cursor: pointer;
    z-index: 501;
}

.close,
.close:hover {
    background: url("../img/ui/close_icon.b276f3233694.gif") no-repeat 50%
}

.modal_title {
    display: block;
    text-align: center;
    color: #fff;
    padding: 40px 40px 10px;
    position: relative
}

.modal_title h1 {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    margin: auto;
    padding: 0;
    font-weight: 300
}

.modal_content {
    padding: 10px 40px 30px;
    text-align: left
}

.modal_content h3 {
    margin-top: 30px
}

.modal_image {
    width: 100%;
    height: auto;
    overflow: hidden
}

.modal_image img {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff
}

.window_modal p {
    font-size: 12px;
    line-height: 14px;
    display: block
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.panel {
    background: #f5f5f5;
    border-radius: 10px;
    color: rgba(46, 46, 46, .95);
    display: block;
    margin: 15px auto;
    max-width: 480px
}

.panel-brand {
    background: #e25a48
}

.panel-warning {
    background: #ffc107
}

.panel-info {
    background: #2196f3
}

.panel-danger {
    background: #f44336
}

.panel-success {
    background: #4caf50
}

.panel-heading {
    background: hsla(0, 0%, 100%, .5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 15px;
    text-transform: uppercase
}

.panel-body {
    padding: 15px
}

.panel-body>:first-child {
    margin-top: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fixed-supported .fixedsticky-off,
.fixedsticky-withoutfixedfixed .fixedsticky-off {
    position: static
}

.fixed-supported .fixedsticky-on,
.fixedsticky-withoutfixedfixed .fixedsticky-on {
    position: fixed
}

.fixedsticky-dummy {
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.fixedsticky-on+.fixedsticky-dummy {
    display: block
}

.search-form .form-field-with-placeholder label {
    display: none
}

.search-form .btn {
    line-height: 1;
    min-height: 36px
}

.search-results {
    background: #fff;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    margin: 0 -20px;
    padding: 0 20px
}

@media (min-width:1200px) {
    .search-results {
        margin: 0 -30px;
        padding: 0 30px
    }
}

.search-results-item {
    margin: 16px 0
}

.search-results-item:after {
    clear: both;
    content: "";
    display: table
}

.search-results-item-link {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: block;
    min-height: 80px;
    padding: 8px 16px 8px 80px;
    border-radius: 2px
}

.search-results-item-link:active,
.search-results-item-link:focus,
.search-results-item-link:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.search-results-item-wrap {
    display: block;
    float: left;
    width: 64px;
    min-height: 64px;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 30px 10px -72px
}

.search-results-item-category,
.search-results-item-title {
    display: inline-block
}

.search-results-item-icon,
.search-results-item-img {
    display: block;
    float: left;
    margin: 0 30px 10px -72px;
    width: 64px
}

.search-results-item .btn {
    float: right
}

.search-results-item-icon {
    text-align: center
}

.search-results-item svg.iconic.iconic-lg:not(.iconic-size-sm):not(.iconic-size-md),
.search-results-item svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg),
.search-results-item svg.iconic.iconic-size-lg,
.search-results-item svg.iconic.iconic-size-md {
    height: 64px;
    width: 64px
}

.search-results-item .iconic-property-fill {
    fill: #e25a48
}

.search-results-item .iconic-property-stroke {
    stroke: #e25a48
}

.search-results-item-title {
    color: #2e2e2e;
    text-transform: uppercase;
    transition: .2s
}

.search-results-item-category {
    color: #2e2e2e;
    font-weight: 600;
    transition: .2s
}

.search-results-item-separator {
    display: block;
    width: 100%
}

.search-results-item-link:active .search-results-item-category,
.search-results-item-link:active .search-results-item-title,
.search-results-item-link:focus .search-results-item-category,
.search-results-item-link:focus .search-results-item-title,
.search-results-item-link:hover .search-results-item-category,
.search-results-item-link:hover .search-results-item-title {
    color: #e25a48
}

.search-results-item-description {
    color: #4d4f53;
    font-size: 14px;
    font-size: .875rem;
    margin: 5px 0 0;
    max-width: 768px
}

.search-results-item-description>:first-child {
    margin-top: 0
}

.search-results-item-description>:last-child {
    margin-bottom: 0
}

.search-results+.pagination {
    margin-top: 30px
}

.search-header {
    text-align: center
}

.suggested-searches {
    margin: 20px 0 0;
    text-align: left;
    padding-left: 8px
}

.suggested-searches-title {
    margin: 0;
    margin-left: 24px;
    display: inline-block;
    width: auto;
    color: #999
}

.suggested-searches-list {
    display: inline-block
}

.suggested-searches-list-item {
    display: inline-block;
    margin: 5px;
    margin-left: 20px
}

.suggested-searches-list-link {
    color: #e25a48
}

.site-header {
    position: relative;
    z-index: 503;
    padding: 20px;
    margin: auto;
    background: #fff
}

@media (max-width:600px) {
    .site-header {
        background: #f5f5f5
    }
}

@media (min-width:1200px) {
    .site-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 30px;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.site-header .site-brand {
    display: block;
    width: 159px;
    height: 34px;
    background-position: 0
}

@media (min-width:1200px) {
    .site-header .site-brand {
        width: 160px;
        height: auto;
        margin-right: 20px;
        padding: 30px 0
    }
    .site-header .site-brand.saleshub-brand {
        padding: 10px 0
    }
    .site-header .site-brand.saleshub-brand .icon-property-fill {
        fill: #e25a48
    }
    .site-header .site-brand.saleshub-brand:hover .icon-property-fill {
        fill: #4d4f53
    }
}

.site-header .site-brand-wrapper {
    display: block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.site-header .site-brand .st1 {
    fill: #4d4f53
}

.site-menu {
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    overflow-y: scroll;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: none;
    padding: 69px 0 0;
    background: transparent;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.show-site-menu .site-menu {
    display: block
}

@media (min-width:1200px) {
    .site-menu {
        position: static;
        height: auto;
        overflow-y: visible;
        display: block;
        width: 100%;
        padding: 0;
        background: transparent;
        box-shadow: none;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.site-menu-list {
    height: 100%;
    background: #f5f5f5
}

@media (min-width:1200px) {
    .site-menu-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: #fff
    }
}

@media (max-width:1200px) {
    .site-menu-list {
        overflow-y: scroll
    }
}

.site-menu-list-item {
    font-size: 14px;
    font-size: .875rem;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
    padding: 0 36px
}

.site-menu-list-item:first-child>a {
    border-top: 3px solid transparent
}

@media (min-width:1200px) {
    /* .site-menu-list-item:nth-child(6) {
        margin-right: 2%
    } */
    .site-menu-list-item:first-child>a {
        border-top: 3px solid #fff
    }
}

.site-menu-list-item:last-child {
    display: block;
    padding-top: 50px;
    font-size: 12px;
    font-size: .75rem
}

.site-menu-list-item:last-child p a {
    display: inline-block;
    margin-right: 10px
}

.site-menu-list-item-show-sublist .site-menu-sublist {
    display: block
}

@media (min-width:1200px) {
    .site-menu-list-item-show-sublist .site-menu-sublist {
        background: #f5f5f5;
        box-shadow: 0 3px 4px rgba(14, 17, 17, .3)
    }
}

@media (min-width:1200px) {
    .site-menu-list-item {
        padding: 0;
        background: none;
        border-top: 0
    }
    .site-menu-list-item:hover .site-menu-sublist {
        display: block;
        background: #f5f5f5;
        box-shadow: 0 3px 4px rgba(14, 17, 17, .3)
    }
}

@media (min-width:768px) {
    .site-menu-list-item:last-child {
        display: none
    }
}

.site-menu-list-item.menu-sep {
    margin-right: 4%
}

@media (max-width:1360px) {
    .site-menu-list-item.menu-sep {
        height: 0;
        display: none
    }
}

.site-menu-list-item .injected-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    text-align: center;
    vertical-align: baseline
}

.site-menu-list-item .injected-svg .icon-property-fill,
.site-menu-list-item .injected-svg .iconic-property-fill {
    fill: #4d4f53
}

.site-menu-list-item .injected-svg .icon-property-stroke,
.site-menu-list-item .injected-svg .iconic-property-stroke {
    stroke: #4d4f53
}


.site-menu-list-item-link,
.site-menu-list-item-non-link {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    padding: 20px 0;
    text-transform: capitalize;
    /* color: #4d4f53; */
    color: #e25a48;
    font-weight: 700;
    position: relative;
    border-top: 1px solid #dcdcdc
}

.mc-sh-admin-only .site-menu-list-item-link, 
.mc-sh-admin-only .site-menu-list-item-non-link {
    /* color: #4d4f53; */
    color: #b8b8b8;
}

.mc-sh-admin-only .site-menu-sublist-item-link, 
.mc-sh-admin-only .site-menu-sublist-item-link,
.mc-sh-admin-only .site-menu-sublist-item-non-link, 
.mc-sh-admin-only .site-menu-sublist-item-non-link {
    /* color: #e25a48; */
    color: #b8b8b8;
}

.site-menu-list-item-non-link:before {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 20px
}

.mc-sh-expanded.site-menu-list-item-non-link:before {
    content: "–";
}

.site-menu-list-item-link img,
.site-menu-list-item-non-link img 
{
    display: none
}

.site-menu-list-item-link:active,
.site-menu-list-item-link:focus,
.site-menu-list-item-link:hover  {
    /* color: #e98274; */
    color: #0d3448
}

.mc-sh-admin-only .site-menu-list-item-link:active,
.mc-sh-admin-only .site-menu-list-item-link:focus,
.mc-sh-admin-only .site-menu-list-item-link:hover,
.mc-sh-admin-only .site-menu-sublist-item-link:active,
.mc-sh-admin-only .site-menu-sublist-item-link:focus,
.mc-sh-admin-only .site-menu-sublist-item-link:hover {
    color: #a1a1a1;
}


.site-menu-list-item-link:active .icon-property-fill,
.site-menu-list-item-link:active .iconic-property-fill,
.site-menu-list-item-link:focus .icon-property-fill,
.site-menu-list-item-link:focus .iconic-property-fill,
.site-menu-list-item-link:hover .icon-property-fill,
.site-menu-list-item-link:hover .iconic-property-fill {
    fill: #0d3448
}

.site-menu-list-item-link:active .icon-property-stroke,
.site-menu-list-item-link:active .iconic-property-stroke,
.site-menu-list-item-link:focus .icon-property-stroke,
.site-menu-list-item-link:focus .iconic-property-stroke,
.site-menu-list-item-link:hover .icon-property-stroke,
.site-menu-list-item-link:hover .iconic-property-stroke {
    stroke: #0d3448
}

@media (min-width:1200px) {
    .site-menu-list-item-link,
    .site-menu-list-item-non-link {
        padding: 37px 0 45px;
        border-bottom: none;
        margin-right: 20px;
        white-space: nowrap;
        border-top: 3px solid #fff
    }
    .site-menu-list-item-desktop-icon .site-menu-list-item-link,
    .site-menu-list-item-desktop-icon .site-menu-list-item-non-link {
        padding: 37px 0 37px;
    }
    .mt-sh-scrolled .site-menu-list-item-link,
    .mt-sh-scrolled .site-menu-list-item-non-link {
        padding: 20px 0 25px;
    }
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-link,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-non-link {
        padding: 20px 0 17px;
    }
    
    
    .site-menu-list-item-link:before,
    .site-menu-list-item-non-link:before {
        content: "";
        display: none
    }
    .site-menu-list-item-link.item-with-icon,
    .site-menu-list-item-non-link.item-with-icon {
        margin-right: 44px
    }
    .site-menu-list-item-link img,
    .site-menu-list-item-non-link img {
        /* position: absolute;
        width: 10px;
        bottom: 52px;
        right: -15px;
        display: block */
        display: inline-block;
    }
    .site-menu-list-item-link.item-with-icon img,
    .site-menu-list-item-non-link.item-with-icon img {
        position: absolute;
        width: 20px;
        bottom: 49px;
        right: -24px;
        display: inline-block
    }
    .site-menu-list-item-link.on:after,
    .site-menu-list-item-link:active:after,
    .site-menu-list-item-link:focus:after,
    .site-menu-list-item-link:hover:after,
    .site-menu-list-item-non-link.on:after,
    .site-menu-list-item-non-link:active:after,
    .site-menu-list-item-non-link:focus:after,
    .site-menu-list-item-non-link:hover:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #e25a48;
        position: absolute;
        left: 0;
        bottom: 33px
    }
    .site-menu-list-item-desktop-icon .site-menu-list-item-link.on:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-link:active:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-link:focus:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-link:hover:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-non-link.on:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:active:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:focus:after,
    .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:hover:after {
        bottom: 30px
    }
    .mt-sh-scrolled .site-menu-list-item-link.on:after,
    .mt-sh-scrolled .site-menu-list-item-link:active:after,
    .mt-sh-scrolled .site-menu-list-item-link:focus:after,
    .mt-sh-scrolled .site-menu-list-item-link:hover:after,
    .mt-sh-scrolled .site-menu-list-item-non-link.on:after,
    .mt-sh-scrolled .site-menu-list-item-non-link:active:after,
    .mt-sh-scrolled .site-menu-list-item-non-link:focus:after,
    .mt-sh-scrolled .site-menu-list-item-non-link:hover:after {
        bottom: 13px
    }
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-link.on:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-link:active:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-link:focus:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-link:hover:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-non-link.on:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:active:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:focus:after,
    .mt-sh-scrolled .site-menu-list-item-desktop-icon .site-menu-list-item-non-link:hover:after {
        bottom: 10px
    }
}

@media (min-width:1280px) {
    .site-menu-list-item-link,
    .site-menu-list-item-non-link {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .site-menu-list-item:hover .site-menu-item-link {
        padding: 37px 0 45px 10px;
        white-space: nowrap;
        border-top: 3px solid #fff
    }
    .site-menu-list-item:hover .site-menu-item-link:active,
    .site-menu-list-item:hover .site-menu-item-link:focus,
    .site-menu-list-item:hover .site-menu-item-link:hover {
        border-top: 3px solid #e25a48;
        background-color: #f5f5f5
    }
}

@media (max-width: 1199px) {
    .site-menu-list-item .site-menu-list-item-non-link {
        width: 100%;
        text-align: left;
        border-top: 1px solid #dcdcdc;
    }

    .site-menu-list-item .site-menu-list-item-non-link:hover, 
    .site-menu-list-item .site-menu-list-item-non-link:focus, 
    .site-menu-list-item .site-menu-list-item-non-link:active {
        border-top: 1px solid #dcdcdc;
        cursor: pointer;
    }

    .site-menu-list-item.site-menu-last-main-menu-item {
        margin-right: 0;
    }
}

.site-menu-sublist {
    display: none;
    padding-bottom: 36px
}

@media (min-width:1200px) {
    .site-menu-sublist {
        position: absolute;
        z-index: 9;
        top: 80px;
        left: 0;
        display: none;
        width: 312px;
        padding: 24px;
        background: hsla(0, 0%, 100%, .95)
    }
    .mt-sh-scrolled .site-menu-sublist {
        top: 63px;
    }
}

.site-menu-sublist-item {
    margin: 0 auto 10px
}

.site-menu-sublist-item-link,
.site-menu-sublist-item-non-link {
    position: relative;
    z-index: 1;
    display: block;
    color: #4d4f53;
    font-size: 14px
}

.site-menu-sublist-item-link .icon {
    position: absolute;
    top: 2px;
    left: 0
}

.site-menu-sublist-item-link:active,
.site-menu-sublist-item-link:focus,
.site-menu-sublist-item-link:hover {
    color: #e25a48
}

.site-menu-sublist-item-link:active .injected-svg .icon-property-fill,
.site-menu-sublist-item-link:active .injected-svg .iconic-property-fill,
.site-menu-sublist-item-link:focus .injected-svg .icon-property-fill,
.site-menu-sublist-item-link:focus .injected-svg .iconic-property-fill,
.site-menu-sublist-item-link:hover .injected-svg .icon-property-fill,
.site-menu-sublist-item-link:hover .injected-svg .iconic-property-fill {
    fill: #0d3448
}

.site-menu-sublist-item-link:active .injected-svg .icon-property-stroke,
.site-menu-sublist-item-link:active .injected-svg .iconic-property-stroke,
.site-menu-sublist-item-link:focus .injected-svg .icon-property-stroke,
.site-menu-sublist-item-link:focus .injected-svg .iconic-property-stroke,
.site-menu-sublist-item-link:hover .injected-svg .icon-property-stroke,
.site-menu-sublist-item-link:hover .injected-svg .iconic-property-stroke {
    stroke: #0d3448
}

.site-menu-sublist-header {
    font-weight: 400;
    letter-spacing: 0;
    color: #999
}

@media (min-width:1200px) {
    .site-menu-sublist-header {
        padding-top: 24px;
        border-top: 1px solid #999
    }
    .site-menu-sublist-header:first-child {
        padding-top: 0;
        border-top: 0
    }
}

.site-user-menu {
    position: absolute;
    z-index: 10;
    top: -16px;
    right: 66px;
    margin: 40px 0 0 20px
}

.show-site-menu .site-user-menu {
    right: auto;
    left: 70px
}

@media (max-width:479px) {
    .site-user-menu {
        display: none
    }
    .show-site-menu .site-user-menu {
        display: block
    }
}

@media (min-width:1200px) {
    .site-user-menu {
        position: static
    }
}

.site-user-menu .iconic {
    width: 24px!important;
    height: 24px!important
}

.site-user-menu .icon-property-fill,
.site-user-menu .iconic-property-fill {
    fill: #4d4f53
}

.site-user-menu .icon-property-stroke,
.site-user-menu .iconic-property-stroke {
    stroke: #4d4f53
}

.site-user-menu .icon,
.site-user-menu .icon .injected-svg {
    width: 24px;
    height: 24px
}

.site-user-menu-list {
    width: 112px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.site-user-menu-list-item {
    display: inline-block;
    margin-left: 20px
}

.site-user-menu-list-item:first-child {
    margin-left: 0
}

.site-user-menu-list-item-link {
    opacity: 1
}

.site-user-menu-list-item-link:active,
.site-user-menu-list-item-link:focus,
.site-user-menu-list-item-link:hover {
    opacity: .8
}

.site-user-menu .cart-link {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 24px;
    height: 24px
}

.site-user-menu .cart-link .icon-cart-item {
    transition: .2s;
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
    -ms-transform-origin: center center;
    transform-origin: center center
}

.site-user-menu .cart-link .cart-link-count {
    font-size: 12px;
    position: absolute;
    top: -1.75em;
    left: 50%;
    display: block;
    box-sizing: content-box;
    min-width: 1.4em;
    padding: 2px;
    transition: .2s;
    -ms-transform: translateX(-50%) scale(0) translateY(16px);
    transform: translateX(-50%) scale(0) translateY(16px);
    text-align: center;
    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background: #e25a48
}

.site-user-menu .cart-link-with-count .cart-link-count {
    -ms-transform: translateX(-50%) scale(1) translateY(0);
    transform: translateX(-50%) scale(1) translateY(0);
    opacity: 1
}

.site-user-menu .cart-link-with-count .icon-cart-item {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    fill: #e25a48
}

.ajax-overlay,
.overlay {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: hsla(0, 0%, 100%, .2)
}

.photo-viewer-showing .overlay,
.show-lightbox .overlay,
.show-overlay .overlay,
.show-product-docs .overlay,
.show-site-menu .overlay {
    display: block
}

.photo-viewer-showing .overlay,
.show-lightbox .overlay {
    background: hsla(0, 0%, 100%, .8)
}

.ajax-overlay {
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(14, 17, 17, .8);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ajax-overlay-text {
    display: block;
    margin-top: 1em
}

.ajax-loading .ajax-overlay {
    display: -ms-flexbox;
    display: flex
}

.site-menu-toggle {
    color: #4d4f53;
    cursor: pointer;
    font-size: 20px;
    height: 22px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 26px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    width: 28px;
    z-index: 10
}

@media (min-width:1200px) {
    .site-menu-toggle {
        display: none
    }
}

.site-menu-toggle-bar {
    background: #4d4f53;
    display: block;
    height: 4px;
    opacity: 1;
    position: absolute;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 50%
}

.site-menu-toggle-bar:nth-child(2n) {
    left: 50%
}

.site-menu-toggle-bar:nth-child(odd) {
    left: 0
}

.site-menu-toggle-bar:first-child,
.site-menu-toggle-bar:nth-child(2) {
    top: 0
}

.site-menu-toggle-bar:nth-child(3),
.site-menu-toggle-bar:nth-child(4) {
    top: 9px
}

.site-menu-toggle-bar:nth-child(5),
.site-menu-toggle-bar:nth-child(6) {
    top: 18px
}

.show-site-menu .site-menu-toggle-bar:first-child,
.show-site-menu .site-menu-toggle-bar:nth-child(6) {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.show-site-menu .site-menu-toggle-bar:nth-child(2),
.show-site-menu .site-menu-toggle-bar:nth-child(5) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.show-site-menu .site-menu-toggle-bar:first-child {
    left: 5px;
    top: 6px
}

.show-site-menu .site-menu-toggle-bar:nth-child(2) {
    left: calc(50% - 5px);
    top: 6px
}

.show-site-menu .site-menu-toggle-bar:nth-child(3) {
    left: -50%;
    opacity: 0
}

.show-site-menu .site-menu-toggle-bar:nth-child(4) {
    left: 100%;
    opacity: 0
}

.show-site-menu .site-menu-toggle-bar:nth-child(5) {
    left: 5px;
    top: 11px
}

.show-site-menu .site-menu-toggle-bar:nth-child(6) {
    left: calc(50% - 5px);
    top: 11px
}

.hijacked-warning {
    line-height: 36px;
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    background: #ffc107
}

@media (min-width:1200px) {
    .hijacked-warning {
        padding: 10px 30px
    }
}

.hijacked-warning-controls {
    float: right
}

.hijacked-warning .btn {
    line-height: 1
}

.site-copyrig ht,
.site-footer {
    padding: 30px 20px
}

@media (min-width:1200px) {
    .site-copyrig ht,
    .site-footer {
        padding: 30px
    }
}

.site-footer {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53;
    background: #f5f5f5
}

.site-footer-right {
    width: 290px;
    margin-top: 30px
}

.site-footer-right>p {
    font-size: 14px;
    margin: .5em 0;
    color: #0e1111
}

.site-footer-right>p a:hover {
    text-decoration: underline;
    color: #e25a48
}

@media (max-width:767px) {
    .site-footer-right {
        margin: 30px auto;
        text-align: center;
        width: 320px
    }
}

@media (min-width:960px) {
    .site-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .site-footer-right {
        margin-right: 60px;
        margin-left: 0;
        margin-top: 0
    }
}

.site-footer-logos {
    margin: 0 auto 30px
}

.site-footer-logos-amtico,
.site-footer-logos-mannington {
    display: inline-block;
    margin-left: 20px
}

.site-footer-logos-amtico:first-child,
.site-footer-logos-mannington:first-child {
    margin-left: 0
}

.site-footer-logos-mannington .mark {
    display: block;
    width: 159px;
    height: 34px
}

.site-footer-logos-mannington .mark .icon-property-fill {
    fill: #fff
}

.site-footer-logos-mannington .mark .icon-property-stroke {
    stroke: #fff
}

.site-footer-logos-mannington:active .mark .icon-property-fill,
.site-footer-logos-mannington:focus .mark .icon-property-fill,
.site-footer-logos-mannington:hover .mark .icon-property-fill {
    fill: #e25a48
}

.site-footer-logos-mannington:active .mark .icon-property-stroke,
.site-footer-logos-mannington:focus .mark .icon-property-stroke,
.site-footer-logos-mannington:hover .mark .icon-property-stroke {
    stroke: #e25a48
}

.site-footer-logos-amtico .mark {
    display: block;
    width: 108px;
    height: 34px
}

.site-footer-logos-amtico .mark .icon-property-fill {
    fill: #fff
}

.site-footer-logos-amtico .mark .icon-property-stroke {
    stroke: #fff
}

.site-footer-logos-amtico:active .mark .icon-property-fill,
.site-footer-logos-amtico:focus .mark .icon-property-fill,
.site-footer-logos-amtico:hover .mark .icon-property-fill {
    fill: #e25a48
}

.site-footer-logos-amtico:active .mark .icon-property-stroke,
.site-footer-logos-amtico:focus .mark .icon-property-stroke,
.site-footer-logos-amtico:hover .mark .icon-property-stroke {
    stroke: #e25a48
}

.site-footer-logos-img {
    display: block
}

.site-footer-form {
    margin: 0 auto 10px
}

.site-footer-form input[type=email],
.site-footer-form input[type=text] {
    color: #4d4f53;
    background: #fff;
    border: 1px solid #4d4f53;
    border-right: 1px solid transparent;
    padding: 13px 10px 10px;
    font-size: 14px;
    height: 50px
}

@media (max-width:479px) {
    .site-footer-form input[type=email],
    .site-footer-form input[type=text] {
        border-right: 1px solid #bababa;
        font-size: 16px
    }
}

.site-footer-form input[type=email]:focus,
.site-footer-form input[type=text]:focus {
    color: #2e2e2e
}

.site-footer-form .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:479px) {
    .site-footer-form .form-fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.site-footer-form .form-field {
    width: 100%;
    max-width: 173px;
    margin: 0
}

@media (max-width:479px) {
    .site-footer-form .form-field {
        max-width: 100%
    }
}

@media (max-width:479px) {
    .site-footer-form .form-buttons {
        width: 100%
    }
}

.site-footer .btn,
.site-footer button {
    color: #fff;
    background: #e25a48;
    border: 1px solid #e25a48;
    border-radius: 0;
    font-size: 14px;
    text-transform: none;
    padding: 10px 30px;
    height: 50px
}

@media (max-width:479px) {
    .site-footer .btn,
    .site-footer button {
        width: 100%;
        margin-top: 0
    }
}

.site-footer .btn:active,
.site-footer .btn:focus,
.site-footer .btn:hover,
.site-footer button:active,
.site-footer button:focus,
.site-footer button:hover {
    background: #f06e63
}

.site-footer-social {
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 164px;
    margin: 0 auto 30px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-footer-social-link {
    display: block
}

.site-footer-social-link .iconic * {
    transition: .2s;
    fill: #fff;
    stroke: #fff
}

.site-footer-social-link:active .iconic *,
.site-footer-social-link:focus .iconic *,
.site-footer-social-link:hover .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.site-footer-phone {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto 30px;
    text-align: center
}

.site-footer-address {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    line-height: 1.7;
    margin: 0 auto 30px;
    text-align: center;
    color: #999
}

.site-footer-address-link {
    display: inline-block;
    margin-top: 1em;
    padding-top: 1em;
    color: inherit;
    margin: 0 5px!important
}

.site-footer-address-link:active,
.site-footer-address-link:focus,
.site-footer-address-link:hover {
    color: #e25a48
}

.site-footer-terms {
    font-size: 12px;
    font-size: .75rem;
    margin: 0 auto;
    text-align: center
}

.site-footer-terms-link {
    color: #999
}

.site-footer-terms-link:active,
.site-footer-terms-link:focus,
.site-footer-terms-link:hover {
    color: #e25a48
}

.site-footer-nav {
    width: 100%;
    margin-bottom: -1em
}

.site-footer-nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1200px) {
    .site-footer-nav-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .site-footer-nav-list {
        display: none
    }
}

.site-footer-nav-sub-sublist {
    padding-inline-start: 20px;
    margin-top: 0.34em;
}

.site-footer-nav-item {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 33%
}

@media (min-width:960px) {
    .site-footer-nav-item {
        margin-top: 0
    }
}

@media (max-width:500px) {
    .site-footer-nav-item {
        width: 50%
    }
}

.site-footer-nav-item-header {
    display: block;
    margin: 0 auto 1em;
    text-transform: capitalize;
    color: #0d3448
}

.site-footer-nav-subitem,
.site-footer-nav-sub-subitem {
    line-height: 16px;
    text-transform: capitalize;
    padding-right: 30px
}

.site-footer-nav-subitem {
    margin: 0 auto .5em;
}

.site-footer-nav-sub-subitem {
    margin: 0 auto .34em;
}

.site-footer-nav-subitem-link,
.site-footer-nav-subitem-non-link,
.site-footer-nav-sub-subitem-link {
    display: inline-block;
    font-size: 14px;
    color: #4d4f53;
}

.site-footer-nav-subitem-link,
.site-footer-nav-subitem-non-link {
    font-weight: 700;
}

.site-footer-nav-subitem-link:active,
.site-footer-nav-subitem-link:focus,
.site-footer-nav-subitem-link:hover,
.site-footer-nav-sub-subitem-link:active,
.site-footer-nav-sub-subitem-link:focus,
.site-footer-nav-sub-subitem-link:hover {
    color: #e25a48
}

.mc-sh-admin-only.site-footer-nav-item .site-footer-nav-item-header,
.mc-sh-admin-only.site-footer-nav-item .site-footer-nav-item-header a,
.mc-sh-admin-only .site-footer-nav-item-non-link,
.mc-sh-admin-only .site-footer-nav-subitem-link,
.mc-sh-admin-only .site-footer-nav-subitem-non-link,
.mc-sh-admin-only .site-footer-nav-subitem-non-link:hover,
.mc-sh-admin-only .site-footer-nav-subitem-non-link:active,
.mc-sh-admin-only .site-footer-nav-subitem-non-link:focus,
.mc-sh-admin-only .site-footer-nav-sub-subitem-link {
    color: #b8b8b8;
}

.mc-sh-admin-only.site-footer-nav-item .site-footer-nav-item-header a:hover,
.mc-sh-admin-only.site-footer-nav-item .site-footer-nav-item-header a:active,
.mc-sh-admin-only.site-footer-nav-item .site-footer-nav-item-header a:focus,
.mc-sh-admin-only .site-footer-nav-subitem-link:hover,
.mc-sh-admin-only .site-footer-nav-subitem-link:active,
.mc-sh-admin-only .site-footer-nav-subitem-link:focus,
.mc-sh-admin-only .site-footer-nav-sub-subitem-link:hover,
.mc-sh-admin-only .site-footer-nav-sub-subitem-link:active,
.mc-sh-admin-only .site-footer-nav-sub-subitem-link:focus {
color: #a1a1a1;
}

.site-footer-contacts,
.site-footer-downloads {
    line-height: 2;
    width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.site-footer-contact,
.site-footer-downloads-item {
    margin: 16px auto 0;
    margin: 1rem auto 0
}

@media (min-width:768px) {
    .site-footer-contact,
    .site-footer-downloads-item {
        display: inline-block;
        margin: 0 2rem 1rem 0;
        vertical-align: top
    }
}

.site-footer-contact-department,
.site-footer-downloads-item-department {
    text-transform: lowercase;
    opacity: .75
}

.site-footer-contact-email,
.site-footer-contact .tel-link,
.site-footer-contact a,
.site-footer-downloads-item-email,
.site-footer-downloads-item .tel-link,
.site-footer-downloads-item a {
    color: #fff;
    color: inherit
}

.site-footer-contact-email:active,
.site-footer-contact-email:focus,
.site-footer-contact-email:hover,
.site-footer-contact .tel-link:active,
.site-footer-contact .tel-link:focus,
.site-footer-contact .tel-link:hover,
.site-footer-contact a:active,
.site-footer-contact a:focus,
.site-footer-contact a:hover,
.site-footer-downloads-item-email:active,
.site-footer-downloads-item-email:focus,
.site-footer-downloads-item-email:hover,
.site-footer-downloads-item .tel-link:active,
.site-footer-downloads-item .tel-link:focus,
.site-footer-downloads-item .tel-link:hover,
.site-footer-downloads-item a:active,
.site-footer-downloads-item a:focus,
.site-footer-downloads-item a:hover {
    color: #e25a48
}

.site-footer-contact-email .iconic-property-fill,
.site-footer-contact .tel-link .iconic-property-fill,
.site-footer-contact a .iconic-property-fill,
.site-footer-downloads-item-email .iconic-property-fill,
.site-footer-downloads-item .tel-link .iconic-property-fill,
.site-footer-downloads-item a .iconic-property-fill {
    fill: currentColor
}

.site-footer-contact-email .iconic-property-stroke,
.site-footer-contact .tel-link .iconic-property-stroke,
.site-footer-contact a .iconic-property-stroke,
.site-footer-downloads-item-email .iconic-property-stroke,
.site-footer-downloads-item .tel-link .iconic-property-stroke,
.site-footer-downloads-item a .iconic-property-stroke {
    stroke: currentColor
}

.site-footer-break {
    width: 80%;
    max-width: 320px;
    height: 0;
    margin: 16px auto;
    margin: 1rem auto;
    border: 2px solid #4d4f53;
    border-radius: 2px;
    background: transparent
}

.site-copyright {
    font-size: 11px;
    font-size: .6875rem;
    color: #979797;
    background: #f5f5f5;
    padding: 0 30px
}

.site-copyright a {
    display: inline-block;
    margin-right: 15px;
    padding-top: 0;
    padding-bottom: 5px
}

.site-copyright a:first-child {
    margin-left: 15px
}

.site-copyright a:hover {
    color: #e25a48;
    text-decoration: underline
}

.site-copyright span {
    display: inline-block;
    margin: 0 5px
}

.site-copyright .usa {
    float: right;
    border-bottom: 2px solid #e25a48;
    padding-bottom: 5px;
    margin-right: 0
}

.site-copyright .usa:hover {
    color: #f06e63;
    border-bottom: 2px solid #f06e63;
    text-decoration: none
}

@media (max-width:1050px) {
    .site-copyright .usa {
        float: none;
        border-bottom: none
    }
}

@media (max-width:900px) {
    .site-copyright {
        line-height: 20px;
        text-align: center
    }
    .site-copyright a {
        display: block
    }
    .site-copyright span {
        display: none
    }
}

.site-footer-rule {
    border-top: 1px solid #dcdcdc;
    margin-bottom: 15px
}

#gofindrep-msg {
    font-size: 12px;
    line-height: 24px;
    color: #e25a48;
    margin: 0;
    padding: 0;
    height: 24px
}

.main {
    padding: 20px
}

.homepage .main,
.landing .main,
.visualizer .main {
    padding: 0;
    background: #f5f5f5;
    overflow-x: hidden
}

.main abbr[title] {
    border: 0
}

.main:empty {
    padding: 0
}

@media (min-width:1200px) {
    .main {
        padding: 30px
    }
    .homepage .main,
    .landing .main,
    .main:empty {
        padding: 0!important
    }
}

.main>:first-child {
    margin-top: 0
}

.main>.heroshot:first-child {
    margin-top: -20px;
    margin-bottom: 30px
}

@media (min-width:1200px) {
    .main>.heroshot:first-child {
        margin-top: -30px
    }
}

.main .tel-link,
.main a:not([class]) {
    color: #e25a48
}

.main .tel-link:active,
.main .tel-link:focus,
.main .tel-link:hover,
.main a:not([class]):active,
.main a:not([class]):focus,
.main a:not([class]):hover {
    color: #e98274
}

.main .page-title {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .025em
}

@media (max-width:768px) {
    .main .page-title {
        font-size: 1.25rem
    }
}

.main .page-subtitle {
    font-size: 1.5em;
    font-weight: 400;
    margin: 16px auto;
    margin: 1rem auto
}

.main .page-title+.page-subtitle {
    margin-top: -.5em
}

.main img {
    height: auto;
    max-width: 100%;
    filter: brightness(1);
    transition: filter .5s
}

.main img[src^="data:image"]:not([data-loaded=true]) {
    background: #f5f5f5;
    filter: brightness(0)
}

.main h2,
.main h3 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.8;
    margin-bottom: 5px
}

.main h2+p,
.main h3+p {
    margin-top: 0
}

.main h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500
}

.main-outer {
    padding: 20px;
    margin: 0 -20px;
    clear: both
}

.main-outer.featured-resource {
    margin-top: 30px;
    padding: 20px 0 20px 20px
}

.tab-content .main-outer {
    padding: 50px;
    margin: 0 -50px
}

@media (max-width:600px) {
    .tab-content .main-outer {
        padding: 0 20px;
        margin: 0 -20px
    }
}

.products .main-outer {
    margin-bottom: -20px
}

@media (max-width:600px) {
    .products .main-outer {
        margin-top: -20px
    }
}

.tab-content .products .main-outer {
    margin-bottom: 0
}

#coordinates .products .main-outer {
    margin-bottom: -20px!important
}

@media (min-width:1200px) {
    .main-outer {
        padding: 30px;
        margin: 0 -30px
    }
    .main-outer.featured-resource {
        padding: 30px 0 60px 30px
    }
    .tab-content .main-outer {
        padding: 60px;
        margin: 0 -60px
    }
    .products .main-outer {
        margin-bottom: -30px
    }
    .tab-content .products .main-outer {
        margin-bottom: 0
    }
    #coordinates .products .main-outer {
        margin-bottom: -30px!important
    }
}

.error-page .main {
    background: #f5f5f5;
    text-align: center
}

.error-page .search-form {
    margin-top: 30px
}

.error-page .search-form input[type=search] {
    background: #fff
}

.locator .page-title {
    text-align: center
}

.js .locator-list-international,
.js .locator-list-us {
    display: none
}

@media (min-width:769px) {
    .locator-list {
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -8px
    }
}

.locator-list-international.locator-list-show {
    display: block
}

@media (min-width:656px) {
    .locator-list-international.locator-list-show {
        display: -ms-flexbox;
        display: flex
    }
}

.locator-list-header,
.locator-list-subheader {
    color: #4d4f53
}

.locator-list-header {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 30px;
    min-width: 100%
}

@media (min-width:656px) {
    .locator-list-header {
        padding: 0 8px
    }
}

.locator-list-header:first-child {
    margin-top: 0
}

.locator-list-header+.locator-list-subheader {
    margin-top: .5em
}

.locator-list-item {
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 8px 0;
    overflow: hidden;
    padding: 16px;
    transition: .2s
}

@media (min-width:656px) {
    .locator-list-item {
        margin: 8px;
        width: 300px
    }
}

.locator-list-item:hover,
.locator-list-item:target {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.locator-list-item-content {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.locator-list-item-content p {
    font-size: 14px;
    font-size: .875rem;
    margin: 8px 0 0
}

.locator-list-item-content p a.tel-link,
.locator-list-item-content p a:not([class]) {
    color: inherit
}

.locator-list-item-name {
    font-weight: 600;
    margin: 0
}

.locator-list-item-map {
    margin: -16px -16px 16px;
    padding: 0
}

.locator-list-item-map img {
    display: block;
    height: auto;
    width: 100%
}

.locator-list-item-map img[src=""] {
    display: none
}

.locator-list-item-actions {
    margin: 0;
    padding: 0;
    width: calc(100% + 32px)
}

.locator-list-item-action {
    color: #e25a48;
    display: inline-block;
    margin: 0 16px 0 0;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase
}

.locator-list-item-action:active,
.locator-list-item-action:focus,
.locator-list-item-action:hover {
    color: #e98274
}

.locator-list-subheader {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 30px auto 0;
    min-width: 100%
}

.locator-list-subheader:first-child {
    margin-top: 0
}

@media (min-width:656px) {
    .locator-list-subheader {
        padding: 0 8px
    }
}

.locator-load-more {
    padding-top: 1.5em;
    text-align: center
}

.locator-form {
    margin: 30px auto;
    max-width: 500px;
    text-align: center
}

.no-js .locator-form {
    display: none
}

.locator-form .alert {
    font-size: 13px;
    font-size: .8125rem
}

.locator-form .form-fields {
    margin-top: -1em
}

.locator-form .form-fields label {
    display: none
}

.locator-form .form-fields input {
    max-width: 10em;
    min-width: 0
}

.locator-form .form-buttons,
.locator-form .form-field {
    display: inline-block;
    margin: 1em auto 0;
    vertical-align: top
}

.locator-form .form-field {
    margin: 1em 20px 0 0
}

.locator-form .form-field:first-child {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.locator-form .form-buttons {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 70px
}

.locator-form .form-help {
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    font-style: italic
}

.locator-form .locator-view-international {
    color: #e25a48
}

.locator-form .locator-view-international:active,
.locator-form .locator-view-international:focus,
.locator-form .locator-view-international:hover {
    color: #e98274
}

.repwrap {
    padding-bottom: 20px
}

.site-header-simple {
    background: #f5f5f5
}

.site-header-simple .site-brand {
    margin: 0 auto
}

.account .main,
.cobrand-login .main,
.password .main,
.register .main {
    max-width: 768px;
    min-height: 50vh;
    margin: 0 auto
}

.account .main .page-subtitle,
.account .main .page-title,
.cobrand-login .main .page-subtitle,
.cobrand-login .main .page-title,
.password .main .page-subtitle,
.password .main .page-title,
.register .main .page-subtitle,
.register .main .page-title {
    text-align: center
}

.account .main h2,
.cobrand-login .main h2,
.password .main h2,
.register .main h2 {
    margin-top: 2em
}

.account .main .page-title+h2,
.cobrand-login .main .page-title+h2,
.password .main .page-title+h2,
.register .main .page-title+h2 {
    margin-top: 0
}

.account .main .form,
.cobrand-login .main .form,
.password .main .form,
.register .main .form {
    max-width: 320px;
    margin: 0 auto
}

.account .main .form-buttons,
.cobrand-login .main .form-buttons,
.password .main .form-buttons,
.register .main .form-buttons {
    text-align: left
}

.account .main .cobrand-login-form,
.account .main .login-form,
.cobrand-login .main .cobrand-login-form,
.cobrand-login .main .login-form,
.password .main .cobrand-login-form,
.password .main .login-form,
.register .main .cobrand-login-form,
.register .main .login-form {
    max-width: calc(320px + 2rem);
    padding: 16px;
    padding: 1rem;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.account .main .cobrand-login-form .form-buttons,
.account .main .login-form .form-buttons,
.cobrand-login .main .cobrand-login-form .form-buttons,
.cobrand-login .main .login-form .form-buttons,
.password .main .cobrand-login-form .form-buttons,
.password .main .login-form .form-buttons,
.register .main .cobrand-login-form .form-buttons,
.register .main .login-form .form-buttons {
    text-align: right
}

.account .main .account-info-form,
.account .main .account-shipping-addresses-form,
.cobrand-login .main .account-info-form,
.cobrand-login .main .account-shipping-addresses-form,
.password .main .account-info-form,
.password .main .account-shipping-addresses-form,
.register .main .account-info-form,
.register .main .account-shipping-addresses-form {
    margin-right: 0;
    margin-left: 0
}

.account .main .page-subtitle+.form,
.cobrand-login .main .page-subtitle+.form,
.password .main .page-subtitle+.form,
.register .main .page-subtitle+.form {
    margin-top: 2em
}

.account .main .form-field[class*=DELETE],
.cobrand-login .main .form-field[class*=DELETE],
.password .main .form-field[class*=DELETE],
.register .main .form-field[class*=DELETE] {
    color: #f44336
}

.account .alerts+.main,
.cobrand-login .alerts+.main,
.password .alerts+.main,
.register .alerts+.main {
    margin-top: -20px
}

.account-info-logout,
.cobrand-login-info-logout,
.password-info-logout,
.register-info-logout {
    padding-top: 1em;
    text-align: center;
    border-top: 1px solid #f5f5f5
}

.account-info-links,
.cobrand-login-info-links,
.password-info-links,
.register-info-links {
    width: 100%
}

.account .account-info-links h2,
.account .cobrand-login-info-links h2,
.account .password-info-links h2,
.account .register-info-links h2 {
    margin: 16px auto;
    margin: 1rem auto
}

@media (min-width:768px) {
    .account .main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .account .main .page-title {
        width: 100%
    }
}

.product-category .heroshot-img,
.product-category .heroshot-link {
    width: 100%
}

.product-category .page-title .icon {
    float: right;
    width: auto;
    height: 24px;
    margin-top: .25em;
    margin-left: 10px
}

.product-category .page-title .icon-property-fill {
    fill: currentColor
}

.product-category .page-title .icon-property-stroke {
    stroke: currentColor
}

.products-list {
    margin: 10px -10px -10px
}

@media (min-width:600px) {
    .products-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.products-list-item {
    border: 10px solid transparent;
    margin-bottom: 20px;
    position: relative
}

.products-list-item-hidden {
    display: none
}

@media (min-width:600px) {
    .products-list-item {
        width: 50%;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:768px) {
    .products-list-item {
        width: 33.33%
    }
}

@media (min-width:900px) {
    .products-list-item {
        width: 25%
    }
}

@media (min-width:1200px) {
    .products-list-item {
        width: 20%
    }
}

.products-list-item-figure {
    margin: 0
}

.products-list-item-img {
    display: block;
    margin: 0 auto 10px
}

.products-list-item-img[src^=data] {
    width: 100%;
    height: 100%
}

.products-list-item-link {
    display: block;
    color: #e25a48;
    text-decoration: none
}

.products-list-item-link:active,
.products-list-item-link:focus,
.products-list-item-link:hover {
    color: #e25a48;
    opacity: .8
}

.products-list-item-name {
    text-transform: none;
    font-size: 16px;
    margin-top: 30px;
    text-decoration: underline
}

.products-list-header {
    font-size: 24px;
    font-size: 1.5rem;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.products-list+.products-list {
    margin-top: 20px
}

.products-list+.products-list-header {
    padding-top: 30px
}

.list-chooser {
    line-height: 39px;
    overflow: hidden;
    margin: 20px 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    .list-chooser {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.list-chooser-label {
    margin-right: 1em;
    color: #a6a7a9
}

.list-chooser-choice {
    font-weight: 600;
    margin-right: 1em;
    color: #4d4f53
}

.list-chooser-choice-chosen,
.list-chooser-choice:active,
.list-chooser-choice:focus,
.list-chooser-choice:hover {
    color: #e25a48
}

.toggle-results {
    margin-top: 20px
}

.toggle-results .list-chooser {
    line-height: 20px;
    overflow: hidden;
    margin: 0
}

.list-section-title {
    display: none
}

.list-filters {
    margin: 0 -20px;
    padding: 30px;
    color: #fff;
    background: #2e2e2e
}

@media (max-width:767px) {
    .list-filters {
        padding: 0 20px
    }
    .list-filters .list-filter,
    .list-filters .list-filter-status {
        display: none
    }
    .list-filters-open {
        padding: 0 20px 20px
    }
    .list-filters-open .list-filter,
    .list-filters-open .list-filter-status {
        display: block
    }
    .list-filters-open .list-filter-toggle {
        color: #e25a48
    }
    .list-filters-open .list-filter-toggle .iconic-property-fill {
        fill: #e25a48
    }
    .list-filters-open .list-filter-toggle .iconic-property-stroke {
        stroke: #e25a48
    }
}

@media (min-width:768px) {
    .list-filters {
        margin: 0 30px 0 -30px;
        white-space: nowrap;
        border-bottom: 1px solid #4d4f53;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:768px) {
    .products-list-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: -30px;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .products-list-wrapper .list-section {
        padding-bottom: 30px
    }
    .products-list-wrapper .products-list-chooser-list {
        width: 100%;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.list-filter {
    line-height: normal;
    clear: both;
    margin: 20px 0 0
}

.list-filter input[type=checkbox]:after {
    border-color: #fff
}

.list-filter-open {
    display: block
}

.list-filter-status {
    width: 100%;
    margin-top: 5px;
    text-transform: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.list-filter-toggle {
    line-height: normal;
    display: block;
    padding-right: 0;
    padding-left: 0;
    color: #fff;
    border-color: transparent;
    background-color: transparent
}

@media (min-width:768px) {
    .list-filter-toggle {
        display: none
    }
}

.list-filter-toggle .iconic {
    float: right;
    transition: .2s;
    -ms-transform: scale(.7) translateY(0);
    transform: scale(.7) translateY(0)
}

.list-filter-toggle .iconic * {
    fill: #fff;
    stroke: #fff
}

.list-filter-toggle:active,
.list-filter-toggle:focus,
.list-filter-toggle:hover {
    border-color: transparent;
    background-color: transparent
}

.list-filter-toggle:active .iconic *,
.list-filter-toggle:focus .iconic *,
.list-filter-toggle:hover .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.list-filter-toggle-open {
    color: #fff
}

.list-filter-toggle-open .iconic {
    -ms-transform: scale(.7) translateY(0) rotate(45deg);
    transform: scale(.7) translateY(0) rotate(45deg)
}

.list-filter-group {
    margin: 20px 0 0;
    padding: 0;
    border: 0
}

.list-filter-group-label {
    font-weight: 600;
    display: block;
    margin-bottom: .75em
}

.list-filter-group-color .form-fields {
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 2px solid #fff;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center
}

.list-filter-group-color .form-fields .form-field {
    min-height: 20px;
    margin: 0;
    padding-left: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.list-filter-group-color input[type=checkbox] {
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 0
}

.list-filter-group-color input[type=checkbox]:after {
    border: 0
}

.list-filter-group-color input[type=checkbox]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-filter-group-color input[type=checkbox]:checked:after,
.list-filter-group-color input[type=checkbox]:focus:after {
    border-color: transparent;
    outline: none;
    background-color: transparent;
    box-shadow: none
}

.list-filter .form-field {
    margin-bottom: .75em
}

.list-filter .form-field:last-child {
    margin-bottom: 0
}

.list-filter .form-field label {
    display: inline-block;
    margin: 0;
    text-transform: none
}

.product-wrapper {
    margin: -20px -20px 0;
    padding: 20px 20px 0
}

@media (min-width:900px) {
    .product-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0;
        padding: 0;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1200px) {
    .product-wrapper {
        margin: 0 -30px
    }
}

.product .main {
    padding-top: 0
}

.product-name {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    display: none;
    margin: 0 auto 10px;
    letter-spacing: 1px;
    color: #2e2e2e
}

@media (min-width:900px) {
    .product-name {
        display: block
    }
}

.product-name-mobile {
    display: block;
    margin: 0 -20px;
    padding: 10px 20px;
    background: #f5f5f5
}

@media (min-width:900px) {
    .product-name-mobile {
        display: none
    }
}

@media (min-width:900px) {
    .product-details {
        width: 100px;
        margin-right: 0;
        padding: 0 20px 20px;
        background: none;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.product .heroshot {
    max-width: 100%;
    margin: 0
}

@media (max-width:900px) {
    .product .heroshot {
        margin-bottom: 20px
    }
}

.product .heroshot-img {
    display: block
}

@media (max-width:899px) {
    .product .heroshot-img {
        width: 100%
    }
}

.product-heroshot-description {
    margin: 0 -20px
}

@media (min-width:900px) {
    .product-heroshot-description {
        width: 33%;
        max-width: 768px;
        margin: 0;
        background: none;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width:1200px) {
    .product-heroshot-description {
        margin-left: 0
    }
}

.product-image-download {
    margin: 0;
    padding: 20px;
    color: #fff;
    background: #2e2e2e
}

.product-image-download:after {
    clear: both;
    content: "";
    display: table
}

.product-image-download-color {
    display: inline-block;
    padding: .437em 0 0
}

.product-image-download-link {
    font-size: 13.984px;
    font-size: .874rem;
    display: inline-block;
    float: right;
    margin-left: 16px;
    margin-left: 1rem;
    padding: .5em 1em;
    text-transform: uppercase;
    color: #fff;
    background: #4d4f53
}

.product-collection,
.product-sizes {
    margin-top: 10px
}

.product-collection-label,
.product-sizes-label {
    font-size: 14px;
    font-size: .875rem;
    margin: 0;
    text-transform: uppercase;
    color: #a1a2a4
}

.product-collection-name,
.product-sizes-name {
    margin: 0 0 20px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.product-description {
    margin-bottom: 1em
}

.product-description>:first-child {
    margin-top: 0
}

.product-description>:last-child {
    margin-bottom: 0
}

@media (min-width:900px) {
    .product-nav-mobile {
        display: none
    }
}

@media (max-width:899px) {
    .product-nav-list {
        margin: 5px -5px
    }
}

@media (min-width:900px) {
    .product-nav-list-item {
        border-top: 1px solid #cbcccd
    }
    .product-nav-list-item:last-child {
        border-bottom: 1px solid #cbcccd
    }
}

@media (max-width:899px) {
    .product-nav-list-item {
        display: inline-block;
        margin: 5px
    }
    .product-nav-list-item-widescreen {
        display: none
    }
}

.product-nav-list-item .icon,
.product-nav-list-item .iconic {
    position: absolute;
    top: 10px;
    left: 10px
}

.product-nav-list-item .injected-svg,
.product-nav-list-item svg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg) {
    width: 24px;
    height: 24px
}

.product-nav-list-item a {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: block;
    padding: 14px 10px 14px 44px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4d4f53
}

.product-nav-list-item a[disabled] {
    opacity: .25
}

@media (max-width:899px) {
    .product-nav-list-item a {
        border: 1px solid #a1a2a4
    }
}

.product-nav-list-item a .icon-property-fill,
.product-nav-list-item a .iconic-property-fill {
    fill: #4d4f53
}

.product-nav-list-item a .icon-property-stroke,
.product-nav-list-item a .iconic-property-stroke {
    stroke: #4d4f53
}

.product-nav-list-item a:active,
.product-nav-list-item a:focus,
.product-nav-list-item a:hover {
    color: #e25a48
}

.product-nav-list-item a:active .icon-property-fill,
.product-nav-list-item a:active .iconic-property-fill,
.product-nav-list-item a:focus .icon-property-fill,
.product-nav-list-item a:focus .iconic-property-fill,
.product-nav-list-item a:hover .icon-property-fill,
.product-nav-list-item a:hover .iconic-property-fill {
    fill: #e25a48
}

.product-nav-list-item a:active .icon-property-stroke,
.product-nav-list-item a:active .iconic-property-stroke,
.product-nav-list-item a:focus .icon-property-stroke,
.product-nav-list-item a:focus .iconic-property-stroke,
.product-nav-list-item a:hover .icon-property-stroke,
.product-nav-list-item a:hover .iconic-property-stroke {
    stroke: #e25a48
}

.product-nav-list-item-disclaimer {
    display: block;
    margin: 0 10px 10px 44px;
    text-transform: uppercase
}

.product-color-preview {
    margin: 0
}

@media (min-width:900px) {
    .product-color-preview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.product-color-preview-img {
    display: block;
    width: 288px;
    max-width: 288px;
    height: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-order: 1;
    order: 1
}

.product-color-preview-img-wrapper {
    position: relative;
    z-index: 1;
    display: inline-block
}

@media (min-width:900px) {
    .product-color-preview-img-wrapper {
        display: block;
        margin-right: 20px
    }
}

.product-color-preview-view-large {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: block;
    padding: 8px;
    background: #2e2e2e
}

.product-color-preview-view-large .iconic-property-fill {
    fill: #fff
}

.product-color-preview-view-large .iconic-property-stroke {
    stroke: #fff
}

.product-color-preview-name {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 6px 0 0;
    letter-spacing: 1px;
    color: #2e2e2e
}

.product-color-preview-caption {
    width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-order: 3;
    order: 3
}

.product-color-preview .product-nav {
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:900px) {
    .product-color-preview .product-nav {
        max-width: calc(100% - 322px)
    }
}

.product-color-preview-code {
    margin: 0
}

.product-color-preview-xpress {
    margin: 5px 0 0
}

.product-docs {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: none;
    padding: 20px;
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    background: #fff;
    box-shadow: 0 0 10px rgba(14, 17, 17, .5)
}

.product-docs-close {
    float: right;
    margin-left: 10px
}

.product-docs-close .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53
}

.show-product-docs .product-docs {
    display: block
}

.product-docs-list-header {
    margin: 20px 0 0;
    text-transform: uppercase;
    color: #a1a2a4
}

.product-docs-list-header:first-child {
    margin-top: 0
}

.product-docs-list-item {
    margin: .5em auto 0
}

.product-docs-list-item .icon {
    margin-right: 6px
}

.product-docs-list .icon-fill,
.product-docs-list .icon-property-fill,
.product-docs-list .iconic-property-fill {
    fill: #4d4f53
}

.product-docs-list .icon-accent,
.product-docs-list .icon-property-accent {
    fill: rgba(77, 79, 83, .75)
}

.product-docs-list .icon-property-stroke,
.product-docs-list .icon-stroke,
.product-docs-list .iconic-property-stroke {
    stroke: #4d4f53
}

.product-color-grid,
.product-coordinates {
    margin: 20px auto 0
}

.product-color-grid-label,
.product-coordinates-label {
    font-family: Raleway, sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;
    letter-spacing: 3px;
    text-transform: uppercase
}

.product-color-grid-chooser,
.product-coordinates-chooser {
    display: inline-block
}

@media (max-width:600px) {
    .product-color-grid-chooser,
    .product-coordinates-chooser {
        display: block
    }
}

.product-color-grid-chooser-choice,
.product-coordinates-chooser-choice {
    display: inline-block;
    margin: 0 0 0 20px
}

@media (max-width:600px) {
    .product-color-grid-chooser-choice,
    .product-coordinates-chooser-choice {
        display: block;
        margin: 0
    }
}

.product-color-grid-chooser-choice-link,
.product-coordinates-chooser-choice-link {
    line-height: 1;
    text-transform: uppercase;
    color: #4d4f53
}

.product-color-grid-chooser-choice-link .iconic,
.product-coordinates-chooser-choice-link .iconic {
    margin-right: .5em
}

.product-color-grid-chooser-choice-link .iconic *,
.product-coordinates-chooser-choice-link .iconic * {
    fill: #4d4f53;
    stroke: #4d4f53
}

.product-color-grid-chooser-choice-link-active,
.product-coordinates-chooser-choice-link-active {
    color: #e25a48
}

.product-color-grid-chooser-choice-link-active .iconic *,
.product-coordinates-chooser-choice-link-active .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.product-color-grid-chooser-choice-link-text,
.product-coordinates-chooser-choice-link-text {
    position: relative;
    z-index: 1;
    top: -2px;
    display: none;
    cursor: pointer
}

@media (min-width:600px) {
    .product-color-grid-chooser-choice-link-text,
    .product-coordinates-chooser-choice-link-text {
        display: inline
    }
}

@media (min-width:900px) {
    .product-color-grid {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.product-color-grid-small .product-color-list-item {
    position: relative;
    z-index: 1;
    width: 25%
}

.product-color-grid-small .product-color-list-item:active,
.product-color-grid-small .product-color-list-item:focus,
.product-color-grid-small .product-color-list-item:hover {
    z-index: 10
}

@media (min-width:400px) {
    .product-color-grid-small .product-color-list-item {
        width: 20%
    }
}

@media (min-width:550px) {
    .product-color-grid-small .product-color-list-item {
        width: 16.667%
    }
}

@media (min-width:700px) {
    .product-color-grid-small .product-color-list-item {
        width: 14.28%
    }
}

@media (min-width:850px) {
    .product-color-grid-small .product-color-list-item {
        width: 12.5%
    }
}

@media (min-width:1000px) {
    .product-color-grid-small .product-color-list-item {
        width: 10%
    }
}

@media (min-width:1200px) {
    .product-color-grid-small .product-color-list-item {
        width: 8.333%
    }
}

.product-color-grid-small .product-color-list-item-code,
.product-color-grid-small .product-color-list-item-name,
.product-color-grid-small .product-color-list-item .mark-xpress-wordmark {
    display: none
}

.product-color-grid-small .product-color-list-item-link {
    transition: background .2s, color .2s
}

.product-color-grid-small .product-color-list-item-link:active,
.product-color-grid-small .product-color-list-item-link:focus,
.product-color-grid-small .product-color-list-item-link:hover {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 120%;
    margin: -10% 0 0 -10%;
    padding: 10%;
    border-radius: 5px;
    background: #f5f5f5
}

.product-color-grid-small .product-color-list-item-link:active .mark-xpress-wordmark,
.product-color-grid-small .product-color-list-item-link:active .product-color-list-item-code,
.product-color-grid-small .product-color-list-item-link:active .product-color-list-item-name,
.product-color-grid-small .product-color-list-item-link:focus .mark-xpress-wordmark,
.product-color-grid-small .product-color-list-item-link:focus .product-color-list-item-code,
.product-color-grid-small .product-color-list-item-link:focus .product-color-list-item-name,
.product-color-grid-small .product-color-list-item-link:hover .mark-xpress-wordmark,
.product-color-grid-small .product-color-list-item-link:hover .product-color-list-item-code,
.product-color-grid-small .product-color-list-item-link:hover .product-color-list-item-name {
    display: block
}

.product .mark-xpress-wordmark {
    width: auto;
    height: 24px;
    margin-top: 5px
}

.product .mark-xpress-wordmark .logo-mark,
.product .mark-xpress-wordmark .word-mark {
    fill: #e25a48
}

.product-color-list {
    margin-left: -5px;
    display: block
}

.product-color-list-item {
    width: 50%;
    border: 5px solid transparent;
    display: inline-block;
    position: relative;
    width: 116px;
    vertical-align: top
}

.product-color-list-item-img {
    display: block;
    width: 100%;
    height: auto
}

.product-color-list-item-img-wrapper {
    position: relative;
    z-index: 1;
    display: block
}

.product-color-list-item-img-wrapper:before {
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    display: block;
    content: "";
    transition: .2s;
    border: 3px solid transparent
}

.product-color-list-item-link {
    display: block
}

.product-color-list-item-link:active:not(.product-color-list-item-link-active) .product-color-list-item-img-wrapper:before,
.product-color-list-item-link:focus:not(.product-color-list-item-link-active) .product-color-list-item-img-wrapper:before,
.product-color-list-item-link:hover:not(.product-color-list-item-link-active) .product-color-list-item-img-wrapper:before {
    border-color: #2e2e2e
}

.product-color-list-item-link-active .product-color-list-item-img-wrapper:before {
    border-color: #e25a48
}

.product-color-list-item-code,
.product-color-list-item-name {
    display: block;
    margin: 0;
    text-transform: uppercase;
    color: #4d4f53
}

.product-color-list-item-name {
    font-size: 90%;
    margin-top: 5px;
    color: #2e2e2e
}

.product-color-list-item-code {
    font-size: 80%
}

.product-coordinates-form {
    display: inline-block
}

@media (max-width:600px) {
    .product-coordinates-form {
        display: block
    }
}

.product-coordinates-chooser-choice-text {
    cursor: pointer;
    transition: .2s;
    text-transform: uppercase;
    color: #4d4f53
}

input:checked+.product-coordinates-chooser-choice-text {
    color: #e25a48
}

.product-coordinates-list {
    padding-top: 30px;
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: -30px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-coordinates-list-loading,
.product-coordinates-list:empty {
    padding-bottom: 48px;
    background: url("../img/loading.d3121267e3c4.svg") no-repeat bottom
}

.product-coordinates-list-active {
    display: -ms-flexbox;
    display: flex
}

.product-coordinates-list-item {
    width: 100%;
    border: 30px solid transparent
}

.product-coordinates-list-item .squared {
    overflow: hidden
}

@media (min-width:500px) {
    .product-coordinates-list-item {
        width: 50%
    }
}

@media (min-width:730px) {
    .product-coordinates-list-item {
        width: 33.33%
    }
}

@media (min-width:960px) {
    .product-coordinates-list-item {
        width: 25%
    }
}

@media (min-width:1190px) {
    .product-coordinates-list-item {
        width: 20%
    }
}

@media (min-width:1440px) {
    .product-coordinates-list-item {
        width: 20%
    }
}

.product-coordinates-list-item-img {
    display: block;
    width: 100%;
    margin-bottom: 5px
}

.product-coordinates-list-item-category,
.product-coordinates-list-item-name {
    display: block
}

.product-coordinates-list-item-name {
    margin-top: 30px;
    color: #e25a48;
    text-decoration: underline
}

.product-coordinates-list-item-category {
    font-weight: 200;
    color: #4d4f53;
    margin-bottom: 10px
}

.product-type-list-item {
    padding-top: 30px
}

.product-type-list-item:first-child {
    padding-top: 0
}

.categories-list,
.collections-list {
    margin: -20px
}

@media (min-width:660px) {
    .categories-list,
    .collections-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.categories-list-item,
.collections-list-item {
    max-width: 300px;
    margin: 20px
}

.categories-list-item-figure,
.collections-list-item-figure {
    margin: 0
}

.categories-list-item-img,
.collections-list-item-img {
    display: block
}

.main .categories-list-item-img,
.main .collections-list-item-img {
    width: 300px;
    height: 168px
}

.categories-list-item-name,
.collections-list-item-name {
    padding: 10px 0 0
}

.product-category-xpress .page-title {
    color: #e25a48
}

.product-category-xpress .page-title .injected-svg .icon-property-fill {
    fill: #e25a48
}

.product-category-xpress .page-title .injected-svg .icon-property-stroke {
    stroke: #e25a48
}

.xpress-icon {
    width: 20px;
    height: 20px;
    background: #e25a48 url("../img/icons/xpress-icon.7747264de161.jpg");
    background-size: cover;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6
}

.collection-description {
    text-align: center
}

.collection-description p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    max-width: 50em;
    margin-right: auto;
    margin-left: auto
}

.media-list {
    margin: -8px
}

@media (min-width:600px) {
    .media-list {
        margin: 0
    }
}

.media-list-nav {
    margin: 0 0 16px;
    text-align: center
}

@media (min-width:600px) {
    .media-list-nav {
        float: right;
        margin: 0 0 16px 16px
    }
}

.media-list .icon-property-fill {
    fill: currentColor
}

.media-list .icon-property-stroke {
    stroke: currentColor
}

.media-list-header {
    margin: 8px
}

@media (min-width:600px) {
    .media-list-header {
        margin: 8px 0
    }
}

.main .media-list-header h2,
.main .media-list-header h3 {
    margin: 0
}

.media-list-subheader {
    color: #e25a48
}

.media-list-item {
    display: inline-block;
    width: 240px;
    margin: 8px;
    padding: 16px;
    vertical-align: top;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

@media (min-width:600px) {
    .media-list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin: 0;
        padding: 0;
        transition: background-color .2s;
        vertical-align: baseline;
        box-shadow: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .media-list-item:nth-child(odd) {
        background: #f5f5f5
    }
    .media-list-item:hover {
        background-color: rgba(226, 90, 72, .1)
    }
}

.media-list-item-image {
    display: block;
    margin: -16px -16px 8px
}

@media (min-width:600px) {
    .media-list-item-image {
        width: 60px;
        margin: 0;
        vertical-align: middle
    }
}

.media-list-item-img {
    display: block;
    width: 100%
}

@media (min-width:600px) {
    .media-list-item-img {
        width: 60px
    }
}

.media-list-item-name {
    display: block;
    margin: 8px 0
}

@media (min-width:600px) {
    .media-list-item-name {
        margin: 0;
        padding: 8px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.media-list-item-actions {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    margin: 8px -16px -16px;
    padding: 8px 16px;
    text-transform: uppercase;
    background: #f5f5f5
}

@media (min-width:600px) {
    .media-list-item-actions {
        margin: 0;
        padding: 8px;
        text-align: right;
        background: transparent;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.media-list-item-actions-label {
    display: block;
    margin: 0 0 4px
}

@media (min-width:600px) {
    .media-list-item-actions-label {
        display: inline;
        margin-right: 1em
    }
}

.product-roomscenes {
    padding: 30px 20px 0 0
}

@media (max-width:600px) {
    .product-roomscenes {
        padding: 0
    }
}

.product-roomscenes h3 {
    color: #2e2e2e;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    height: 24px
}

.product-roomscenes .roomscene {
    display: inline-block;
    width: 160px;
    height: 160px;
    margin-right: 10px;
    overflow: hidden;
    cursor: pointer
}

.product-roomscenes .roomscene img {
    width: 100%;
    height: auto;
    border: 0
}

.product-roomscenes .roomscene.active {
    border-bottom: 10px solid #0d3448
}

@media (max-width:600px) {
    .product-roomscenes .roomscene {
        display: block;
        margin-right: 0;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
    .product-roomscenes .roomscene.active {
        border-bottom: 0
    }
}

#download-roomscene,
#download-tile {
    position: absolute;
    right: 30px;
    bottom: 30px
}

@media (max-width:600px) {
    #download-roomscene,
    #download-tile {
        position: relative;
        right: auto;
        bottom: auto
    }
}

#download-roomscene2 img,
#download-roomscene img,
#download-tile img {
    width: 16px;
    height: 22px;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -5px;
    fill: #fff;
    stroke: #fff
}

#download-tile {
    display: none
}

@media (max-width:600px) {
    #download-tile {
        display: block;
        margin-top: -40px
    }
}

.product-colorways {
    padding: 20px 20px 15px 0
}

.product-colorways h3 {
    color: #2e2e2e;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    height: 24px;
    display: inline;
    font-weight: 600
}

.product-colorways h3 span {
    font-weight: 200
}

@media (max-width:1400px) {
    .product-colorways h3 {
        display: block
    }
}

.product-colorways .colorway {
    display: inline-block;
    width: 100px;
    height: auto;
    margin-right: 10px;
    cursor: pointer
}

.product-colorways .colorway p {
    color: #2e2e2e;
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    max-width: 100%
}

.product-colorways .colorway .state-wrap {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden
}

.product-colorways .colorway .state-wrap img {
    width: 100%;
    height: auto;
    border: 0
}

.product-colorways .colorway.active .state-wrap {
    border-bottom: 10px solid #0d3448
}

@media (max-width:600px) {
    .product-colorways {
        padding: 20px 0 15px
    }
}

.herobox,
.product-design {
    display: block
}

.herobox {
    background: #f5f5f5;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative
}

@media (max-width:600px) {
    height: auto
}

.herobox:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.herobox .tile-display {
    display: none;
    width: 400px;
    vertical-align: middle
}

.herobox .tile-display img {
    width: 100%
}

@media (max-width:600px) {
    .herobox .tile-display img {
        display: none
    }
}

.herobox .tile-display.portrait img {
    width: auto;
    max-width: none;
    height: auto;
    max-height: 600px
}

.herobox .tile-display img.tile-loader {
    width: 172px;
    height: 153px;
    animation: spin 3s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@media (max-width:600px) {
    .herobox .tile-display {
        display: none;
        width: 100%
    }
}

.herobox .roomscene-display {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

@media (max-width:600px) {
    .herobox .roomscene-display {
        display: none
    }
}

.herobox .roomscene-desc {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

@media (max-width:1200px) {
    .herobox .roomscene-desc {
        display: none
    }
}

.herobox .grad-overlay {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#000000", GradientType=0);
    opacity: .5
}

.product-specs p {
    font-size: 18px;
    line-height: 32px;
    color: #4d4f53;
    margin: 0;
    margin-bottom: 40px
}

@media (max-width:600px) {
    .product-specs p {
        font-size: 16px;
        line-height: 28px
    }
}

.spec-links {
    margin-top: 30px;
    margin-bottom: 30px
}

.spec-links .border-link {
    margin-left: 0;
    margin-right: 20px
}

.spec-links-tight {
    margin-top: 0;
    margin-bottom: 30px
}

.spec-links-tight .border-link {
    margin-top: 0
}

.coordinate-thumb {
    display: inline-block;
    margin-right: 17px;
    width: 74px;
    height: 74px;
    overflow: hidden;
    vertical-align: middle
}

@media (max-width:600px) {
    .coordinate-thumb {
        margin-bottom: 20px
    }
}

.coordinate-thumb img {
    width: 100%;
    border: 0
}

.coordinate-choices {
    display: block;
    margin: auto;
    margin-bottom: 50px;
    padding: 0
}

.coordinate-choices ul.product-coordinates-ui {
    clear: both;
    display: block;
    list-style-type: none;
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0
}

.coordinate-choices ul.product-coordinates-ui li {
    display: inline-block;
    width: 33.33%;
    width: 33.33333%;
    margin: auto;
    padding: 20px 0;
    border: 1px solid #707070;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    text-align: center;
    cursor: pointer
}

.coordinate-choices ul.product-coordinates-ui li.active {
    border: 1px solid #0d3448;
    background: #0d3448;
    color: #fff
}

.coordinate-choices ul.product-coordinates-ui li:first-child {
    border-right: 0
}

.coordinate-choices ul.product-coordinates-ui li:last-child {
    border-left: 0
}

.coordinate-display {
    margin: auto;
    margin-bottom: 50px;
    display: none
}

.coordinate-display.active {
    display: block
}

.coordinate-display .coordinate-options {
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 70%;
    vertical-align: top
}

@media (max-width:600px) {
    .coordinate-display .coordinate-options {
        display: block;
        margin: auto;
        padding: 0;
        width: 100%
    }
}

.coordinate-display .coordinate-view {
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 30%;
    vertical-align: top;
    background: #4d4f53;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.coordinate-display .coordinate-scenes,
.coordinate-display ul.coordinate-scenes {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 7px 0 0;
    padding: 0
}

.coordinate-display .coordinate-scenes li,
.coordinate-display ul.coordinate-scenes li {
    display: block;
    float: left;
    width: 20%;
    border: 1px solid #000;
    height: 100%
}

.tag-icon {
    display: none;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 30px;
    left: 30px
}

.product-flag {
    display: block;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    background: #e25a48;
    color: #fff;
    position: absolute;
    top: 7px;
    right: 0;
    z-index: 4;
    overflow: hidden
}

.product-flag.xicon {
    padding: 0
}

.product-flag img,
.product-flag span {
    height: 24px;
    width: auto;
    vertical-align: middle
}

.product-flag span {
    margin-left: 2px;
    margin-right: 10px
}

a.product-flag:hover span {
    color: #fff!important
}

.product-media-list .page-title {
    margin-top: 0
}

.sm-desc p,
.smprint,
p.smprint {
    font-size: 12px;
    line-height: 18px;
    font-weight: 200;
    color: #2e2e2e
}

.sm-desc p.spec,
.smprint.spec,
p.smprint.spec {
    margin-top: -40px
}

.sm-desc p a,
.smprint a,
p.smprint a {
    text-decoration: underline;
    color: #e25a48
}

.sm-desc p b,
.smprint b,
p.smprint b {
    font-weight: 600
}

#instruct {
    margin: 0;
    padding: 0;
    height: auto;
    float: right;
    display: inline-block;
    margin-top: 5px
}

@media (max-width:1400px) {
    #instruct {
        float: none;
        display: block
    }
}

#instruct p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #e25a48
}

.blink {
    animation: blinkingText 4s infinite
}

@keyframes blinkingText {
    0% {
        color: transparent
    }
    20% {
        color: inherit
    }
    80% {
        color: inherit
    }
    to {
        color: transparent
    }
}

.product-spec-values-icon a {
    position: relative;
    display: block
}

.sidecon {
    display: block;
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    right: 0
}

.s-check {
    background-image: url("../img/ui/check.472e48f08efc.svg")
}

#colorscroll {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

#sample-btn {
    display: none
}

.product-category-name,
a .product-category-name {
    margin-left: 8px;
    font-weight: 600
}

.tilewrap {
    display: block;
    margin-top: -30px;
    margin-bottom: 20px
}

.tilewrap .tilecons {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 20px
}

.tilewrap .tilecons img {
    display: block;
    width: 100%;
    height: auto
}

#abrasivestrips,
#accord_colors {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.accord-color,
.strip-color {
    border: 5px solid transparent;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 116px
}

.accord-color p,
.strip-color p {
    color: #2e2e2e;
    font-size: 11px;
    line-height: 14px;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.accord-swatch,
.strip-swatch {
    margin: auto;
    margin-bottom: 15px;
    padding: 0
}

.cleardsk {
    display: block;
    clear: both
}

@media (max-width:1282px) {
    .cleardsk {
        display: none;
        clear: none
    }
}

.pl-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53;
    padding: 0 20px
}

@media (max-width:600px) {
    .pl-wrapper {
        padding: 0
    }
}

.pl-wrapper.pl-press {
    padding: 15px
}

.pl-thumb-wrapper {
    display: block;
    width: 100%;
    padding-top: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.pl-thumb-wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.filter-set input,
.filter-set select,
.pl-wrapper input,
.pl-wrapper select {
    border-radius: 0;
    width: 100%;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/ui/arrow-down.2fe91a49483c.svg") 96%/15% no-repeat #fff;
    background-size: 10px;
    border: 1px solid #989898;
    font-size: .875em
}

@media (max-width:600px) {
    .filter-set input,
    .filter-set select,
    .pl-wrapper input,
    .pl-wrapper select {
        background-color: #fcfcfc;
        font-size: 16px
    }
}

.filter-set input,
.filter-set select {
    width: auto;
    min-width: 220px
}

@media (max-width:600px) {
    .filter-set input,
    .filter-set select {
        width: 100%
    }
}

.filter-set input::-webkit-calendar-picker-indicator,
.pl-wrapper input::-webkit-calendar-picker-indicator {
    opacity: 0
}

.filter-set select::-ms-expand,
.pl-wrapper select::-ms-expand {
    display: none
}

.flex-row {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 0
}

.pl-types li {
    width: 33.33%
}

.pl-types.deuce li {
    width: 50%
}

.pl-types.fourway li {
    width: 25%
}

.pl-types.fiver li {
    width: 20%
}

.pl-drop-01 li {
    width: 33.33%;
    padding-right: 20px
}

@media (max-width:600px) {
    .pl-drop-01 li {
        width: 100%;
        padding-right: 0
    }
}

.pl-additional-opts li,
.pl-drop-02 li {
    width: 25%;
    padding-right: 20px;
    margin-bottom: 15px
}

@media (max-width:600px) {
    .pl-additional-opts li,
    .pl-drop-02 li {
        width: 100%;
        padding-right: 0
    }
}

.pl-drop-01 li:nth-child(3n),
.pl-drop-02 li:nth-child(4n) {
    padding-right: 0
}

.pl-additional-opts li:last-child {
    text-align: right;
    width: 50%
}

.pl-additional-opts li.resetter {
    width: 20%;
    padding-right: 0
}

@media (max-width:600px) {
    .pl-additional-opts li.resetter {
        width: 100%;
        display: none
    }
}

.filter-drop {
    margin-bottom: 15px
}

.pl-types li a {
    display: inline-block;
    width: 100%;
    padding: 17px;
    background: transparent;
    color: inherit;
    text-align: center;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #989898
}

@media (max-width:600px) {
    .pl-types li a {
        padding: 12px 0
    }
}

.pl-types li:first-child a {
    border-left: 1px solid #989898
}

.pl-types li a.on {
    background: #0d3448;
    color: #fff;
    border: 1px solid #0d3448
}

.pl-drop-01 label {
    display: block;
    font-size: .875em;
    color: #989898;
    margin-bottom: 2px
}

.pl-additional-opts .color span {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px
}

@media (max-width:600px) {
    .pl-additional-opts .color span {
        font-size: 16px
    }
}

.pl-additional-opts .color ul {
    display: inline-block;
    padding-left: 0;
    list-style-type: none
}

.pl-additional-opts .color ul li {
    width: 20px;
    float: left;
    margin-left: 5px
}

.pl-additional-opts .color ul a {
    display: inline-block;
    height: 20px;
    width: 20px
}

.pl-additional-opts .color>a {
    font-size: .875em;
    margin-left: 10px
}

.pl-additional-opts .color>a img {
    width: 12px;
    position: relative;
    top: 2px
}

.pl-filtering>li {
    width: 50%
}

.pl-filtering>li:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pl-filtering .selections ul {
    padding-left: 20px;
    list-style-type: none
}

.pl-filtering .selections li {
    float: left;
    margin-right: 10px
}

.pl-filtering .selections>a,
.pl-filtering .selections>span {
    font-size: .875em;
    line-height: 2.5em
}

.pl-filtering .selections li a {
    display: inline-block;
    background: #0d3448;
    border-radius: 10px;
    color: #fff;
    padding: 5px 10px;
    font-weight: 200;
    font-size: .875em
}

.pl-filtering .selections li a span {
    color: #de5c51;
    position: relative;
    top: -1px;
    margin-left: 10px;
    cursor: pointer
}

.sorting select {
    max-width: 275px
}

.pl-filtering .sorting>span {
    font-size: .875em;
    line-height: 2.5em;
    margin-right: 10px
}

.pl-results ul {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pl-results ul li {
    width: 18.5%;
    margin-bottom: 30px
}

.pl-results ul li .img {
    padding-top: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.pl-results ul li .link {
    margin-top: 10px
}

.pl-results ul li .link a {
    text-decoration: underline;
    font-size: .75em;
    line-height: 1.55em;
    display: inline-block
}

.control {
    font-size: .875em;
    display: block;
    position: relative;
    padding-right: 30px;
    margin-bottom: 5px;
    padding-top: 1px;
    cursor: pointer;
    color: #989898;
    margin-right: 22px
}

@media (max-width:600px) {
    .control {
        font-size: 16px
    }
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control_indicator {
    position: absolute;
    top: 2px;
    right: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #707070
}

.control-radio .control_indicator {
    border-radius: none
}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
    background: #fff
}

.control input:checked~.control_indicator {
    color: #de5c51
}

.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
    background: #fff
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.control_indicator:after {
    box-sizing: unset;
    content: "";
    position: absolute;
    display: none
}

.control input:checked~.control_indicator:after {
    display: block
}

.control-checkbox .control_indicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #de5c51;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.control-checkbox input:disabled~.control_indicator:after {
    border-color: #7b7b7b
}

.color.flex-row {
    width: 30%
}

.control-group.flex-row {
    padding-right: 20px;
    width: 50%
}

.btn.btn-red {
    text-transform: none;
    color: #fff;
    background: #de5c51;
    font-size: 14px;
    border: none;
    font-weight: 200
}

@media (max-width:600px) {
    .btn.btn-red {
        width: 100%;
        text-align: center
    }
}

#productfilters {
    display: block;
    margin: auto;
    position: relative;
    z-index: 7;
    background: #fff
}

@media (max-width:600px) {
    #productfilters {
        display: none;
        padding: 70px 20px 30px;
        position: absolute;
        top: 0;
        left: 0
    }
}

.opt-closer {
    width: 100%;
    height: 10%;
    max-height: 70px;
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 12px #888;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    cursor: pointer
}

.opt-closer img {
    width: 30px;
    height: 30px;
    margin: auto;
    margin-top: 20px;
    opacity: .5
}

.filter-wrapper {
    height: auto
}

@media (min-width:601px) and (max-width:768px) {
    .filter-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:600px) {
    .filter-wrapper {
        height: 88vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
    .pl-press .filter-wrapper {
        height: auto;
        overflow-y: auto
    }
}

#mbl-product-filter-reset {
    display: none
}

#tab-trigger-mbl {
    display: block;
    width: 16px;
    height: auto;
    position: absolute;
    top: 30px;
    right: 20px
}

.list-filter-label-blue a,
.list-filter-label-blue input[type=checkbox] {
    background-color: #314265
}

.list-filter-label-gray a,
.list-filter-label-gray input[type=checkbox] {
    background-color: gray
}

.list-filter-label-indigo a,
.list-filter-label-indigo input[type=checkbox] {
    background-color: #10113a
}

.list-filter-label-gold a,
.list-filter-label-gold input[type=checkbox] {
    background-color: #c3aa71
}

.list-filter-label-brown a,
.list-filter-label-brown input[type=checkbox] {
    background-color: #654d3c
}

.list-filter-label-purple a,
.list-filter-label-purple input[type=checkbox] {
    background-color: #58375b
}

.list-filter-label-yellow a,
.list-filter-label-yellow input[type=checkbox] {
    background-color: #ffe776
}

.list-filter-label-black a,
.list-filter-label-black input[type=checkbox] {
    background-color: #111
}

.list-filter-label-beige a,
.list-filter-label-beige input[type=checkbox] {
    background-color: #e4d3bb
}

.list-filter-label-violet a,
.list-filter-label-violet input[type=checkbox] {
    background-color: #2b1034
}

.list-filter-label-orange a,
.list-filter-label-orange input[type=checkbox] {
    background-color: #d1931f
}

.list-filter-label-green a,
.list-filter-label-green input[type=checkbox] {
    background-color: #556e4a
}

.list-filter-label-white a,
.list-filter-label-white input[type=checkbox] {
    background-color: #fff;
    border: 1px solid #999
}

.list-filter-label-red a,
.list-filter-label-red input[type=checkbox] {
    background-color: #c14343
}

.list-filter-label-pink a,
.list-filter-label-pink input[type=checkbox] {
    background-color: #d181c9
}

a.activecol {
    border: 1px solid #707070
}

.margin-one {
    padding-bottom: 10px
}

.margin-one>* {
    margin-top: 10px
}

.margin-two {
    padding-bottom: 20px
}

.margin-two>* {
    margin-top: 20px
}

.margin-three {
    padding-bottom: 30px
}

.margin-three>* {
    margin-top: 30px
}

.margin-four {
    padding-bottom: 40px
}

.margin-four>* {
    margin-top: 40px
}

.margin-eight {
    padding-bottom: 80px
}

.margin-eight>* {
    margin-top: 80px
}

.margin-ten {
    padding-bottom: 100px
}

.margin-ten>* {
    margin-top: 100px
}

@media (max-width:900px) {
    .margin-zero-mbl {
        padding-bottom: 10px
    }
    .margin-zero-mbl>* {
        margin-top: 10px
    }
    .margin-one-mbl {
        padding-bottom: 10px
    }
    .margin-one-mbl>* {
        margin-top: 10px
    }
    .margin-two-mbl {
        padding-bottom: 20px
    }
    .margin-two-mbl>* {
        margin-top: 20px
    }
    .margin-three-mbl {
        padding-bottom: 30px
    }
    .margin-three-mbl>* {
        margin-top: 30px
    }
    .margin-four-mbl {
        padding-bottom: 40px
    }
    .margin-four-mbl>* {
        margin-top: 40px
    }
    .margin-eight-mbl {
        padding-bottom: 80px
    }
    .margin-eight-mbl>* {
        margin-top: 80px
    }
    .margin-ten-mbl {
        padding-bottom: 100px
    }
    .margin-ten-mbl>* {
        margin-top: 100px
    }
}

.page .heroshot-secondary {
    display: none;
    margin-top: 10px
}

@media (min-width:768px) {
    .page .heroshot-secondary {
        display: block
    }
}

.page-content {
    margin-bottom: 20px
}

.page-content h2,
.page-content h3 {
    clear: both
}

.page-content table {
    width: 100%
}

.page-content table td,
.page-content table th {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #f5f5f5
}

.page-content table td:first-child,
.page-content table th:first-child {
    border-left: 0
}

.page-content table td:last-child,
.page-content table th:last-child {
    border-right: 0
}

.page-content table td>:first-child,
.page-content table th>:first-child {
    margin-top: 0
}

.page-content table td>:last-child,
.page-content table th>:last-child {
    margin-bottom: 0
}

.page-content table tr {
    transition: .2s
}

.page-content table tr:hover {
    background: rgba(226, 90, 72, .05)
}

.page-content ol li,
.page-content ul li {
    margin-top: .5em
}

.page-content blockquote {
    font-style: italic;
    color: #4d4f53
}

@media (min-width:768px) {
    .page-full,
    .page-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .page-full {
        margin: 0 -30px
    }
}

@media (min-width:768px) {
    .page-images {
        width: 45%;
        padding-right: 60px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.page-images .heroshot-img {
    width: 100%
}

@media (min-width:768px) {
    .page-body {
        width: 55%
    }
}

@media (min-width:768px) {
    .page-fullbody {
        width: 100%;
        margin-top: -30px
    }
}

.page .page-title {
    color: #e25a48;
    fill: #e25a48
}

.page .page-title:after {
    clear: both;
    content: "";
    display: table
}

@media (min-width:768px) {
    .page .page-title {
        margin-top: 0
    }
}

.page .page-title .icon {
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 6px
}

.page .main {
    padding-bottom: 0;
    position: relative
}

@media (min-width:1200px) {
    .page .main {
        padding-bottom: 0
    }
}

.page-xpress .page-title,
.product-category-xpress .page-title {
    position: relative;
    z-index: 1;
    min-height: 36px;
    padding-left: 48px;
    text-transform: lowercase
}

.page-xpress .page-title .icon-xpress,
.product-category-xpress .page-title .icon-xpress {
    position: absolute;
    top: -3px;
    left: 0;
    width: 36px;
    height: 36px
}

.page-xpress .products-list-wrapper,
.product-category-xpress .products-list-wrapper {
    margin-bottom: 20px
}

.stdlogo,
.xpresslogo {
    display: block;
    width: 114px;
    height: 32px;
    margin: 10px 0 20px;
    padding: 0
}

.page-performance .table-colspan-3 td:first-child {
    min-width: 150px
}

@media (max-width:767px) {
    .page-performance .table-colspan-3 td:first-child {
        min-width: 70px
    }
}

.page-performance .table-colspan-3 td:nth-child(2n) {
    white-space: nowrap
}

.page-performance .table-colspan-2 td:first-child {
    min-width: 300px
}

@media (max-width:767px) {
    .page-performance .table-colspan-2 td:first-child {
        min-width: 120px
    }
}

.page-choices-for-good .page-title {
    font: 0/0 a;
    width: 246px;
    height: 47px;
    color: transparent;
    border: 0;
    background: url("../img/marks/choices-for-good-logo.709d659b4127.png");
    text-shadow: none
}

.page-choices-for-good .page-title .icon {
    display: none
}

.embed {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    padding: 56.25% 0 0
}

.embed iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.two-up-right {
    margin-top: 30px
}

@media (min-width:768px) {
    .two-up {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 -15px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .two-up-left,
    .two-up-right {
        width: calc(50% - 30px);
        margin-top: 0;
        margin-right: 15px;
        margin-left: 15px
    }
}

.page-neocon-2016 .two-up+.embed {
    margin: 30px 0 0
}

.page-neocon-2016 .main {
    padding-bottom: 30px;
    background: url("../img/neocon-2016-top.be9d9bcef65f.png") no-repeat 100% 0, url("../img/neocon-2016-bottom.e466be842e74.png") no-repeat 0 100%
}

@media (min-width:1200px) {
    .page-neocon-2016 .main {
        padding-right: 100px;
        padding-bottom: 30px;
        padding-left: 100px
    }
}

.content-wrapper,
.search-wrapper {
    display: block;
    margin: auto
}

.content-wrapper {
    max-width: 1280px
}

.featured-resource .content-wrapper {
    max-width: 1200px
}

.search-wrapper {
    max-width: 1000px
}

.search-wrapper.lm-space {
    margin-bottom: 60px
}

.grid-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid-row .grid-item {
    position: relative;
    padding: 10px;
    -ms-flex-preferred-size: 25%;
    -ms-flex: auto;
    flex-basis: 25%;
    box-sizing: border-box
}

.grid-row .grid-item-third {
    margin-bottom: 20px;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%
}

@media (max-width:768px) {
    .grid-row .grid-item-third {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.grid-row .grid-item-half {
    margin-bottom: 20px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (max-width:768px) {
    .grid-row .grid-item-half {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.post {
    display: block;
    width: 86%;
    margin: auto
}

.post-hero {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    min-height: 200px;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:601px) and (max-width:768px) {
    .post-hero {
        min-height: 420px
    }
}

@media (max-width:600px) {
    .post-hero {
        min-height: 220px
    }
}

.post-hero h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    bottom: 10px;
    text-shadow: 0 0 12px rgba(0, 0, 0, .3)
}

.post-links {
    padding: 30px 20px;
    text-align: left
}

.post-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.post-links ul li {
    line-height: 30px
}

.featured {
    background-color: #fcfcfc;
    min-height: 420px
}

.cta-bottom,
.main .cta-bottom {
    font-weight: 400;
    text-align: center;
    margin: 60px auto;
    margin-bottom: 70px
}

.cta-bottom.preput,
.main .cta-bottom.preput {
    margin: 60px auto 15px
}

@media (max-width:600px) {
    .cta-bottom,
    .main .cta-bottom {
        margin: 30px auto;
        margin-bottom: 40px
    }
}

.cta-bottom a,
.main .cta-bottom a {
    font-weight: 600
}

.nav-secondary {
    padding: 20px 30px 0;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.nav-secondary .wrap {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #bababa;
    position: relative
}

.nav-secondary .arrow-down {
    display: none;
    width: 15px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.nav-secondary .arrow-down.rotate {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-secondary h1 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: #4d4f53;
    margin: 0;
    position: relative;
    z-index: 10
}

.nav-secondary h1 a {
    text-decoration: inherit!important;
    color: inherit!important
}

.nav-secondary ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 7px 0 0;
    padding: 0
}

.nav-secondary ul li {
    margin-left: 20px
}

.nav-secondary ul li a {
    font-size: 14px;
    display: inline-block;
    padding: 5px 0 20px
}

.nav-secondary ul li a.on {
    border-bottom: 2px solid #e25a48
}

@media (max-width:900px) {
    .nav-secondary {
        padding: 0
    }
    .nav-secondary .wrap {
        display: block;
        padding: 10px 2px
    }
    main.main .nav-secondary .wrap {
        padding: 10px 20px
    }
    .nav-secondary .arrow-down {
        display: block
    }
    .nav-secondary ul {
        position: absolute;
        display: none;
        margin-top: 0;
        background: #fff;
        width: 100%;
        left: 0;
        padding-left: 20px;
        top: 60px;
        z-index: 100
    }
    .nav-secondary ul li {
        margin-left: 0;
        padding: 5px 0
    }
}

.mod-std,
.mod-std-closer,
.mod-std-intro,
.mod-sustain-intro {
    padding: 0 30px;
    overflow: auto;
    position: relative;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.mod-std-closer>*,
.mod-std-intro>*,
.mod-std>*,
.mod-sustain-intro>* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mod-std-closer .white,
.mod-std-intro .white,
.mod-std .white,
.mod-sustain-intro .white {
    color: #fff
}

.mod-std-closer .intro,
.mod-std-intro .intro,
.mod-std .intro,
.mod-sustain-intro .intro {
    max-width: 680px
}

.mod-std-closer .intro span,
.mod-std-intro .intro span,
.mod-std .intro span,
.mod-sustain-intro .intro span {
    display: block;
    font-size: 12px;
    color: #999;
    text-align: center
}

.mod-std-closer .intro h2,
.mod-std-intro .intro h2,
.mod-std .intro h2,
.mod-sustain-intro .intro h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    color: #0d3448;
    font-weight: 600;
    max-width: 450px;
    margin-top: 0;
    line-height: 1.25em
}

.mod-std-closer .intro h2.white,
.mod-std-intro .intro h2.white,
.mod-std .intro h2.white,
.mod-sustain-intro .intro h2.white {
    color: #fff
}

.mod-std-closer .intro a,
.mod-std-intro .intro a,
.mod-std .intro a,
.mod-sustain-intro .intro a {
    margin-right: 30px
}

.mod-std-closer .intro.centered,
.mod-std-intro .intro.centered,
.mod-std .intro.centered,
.mod-sustain-intro .intro.centered {
    margin-left: auto;
    margin-right: auto
}

.mod-std-closer .intro.centered h2,
.mod-std-intro .intro.centered h2,
.mod-std .intro.centered h2,
.mod-sustain-intro .intro.centered h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.mod-std-closer .intro.centered h2.sp40,
.mod-std-intro .intro.centered h2.sp40,
.mod-std .intro.centered h2.sp40,
.mod-sustain-intro .intro.centered h2.sp40 {
    margin-top: 40px
}

.mod-std-closer .intro.centered p,
.mod-std-intro .intro.centered p,
.mod-std .intro.centered p,
.mod-sustain-intro .intro.centered p {
    text-align: center;
    margin: auto
}

.mod-std-closer .intro.centered p.shortxt,
.mod-std-intro .intro.centered p.shortxt,
.mod-std .intro.centered p.shortxt,
.mod-sustain-intro .intro.centered p.shortxt {
    margin-top: 40px;
    max-width: 380px
}

@media (max-width:900px) {
    .mod-std-closer .intro.centered h2,
    .mod-std-intro .intro.centered h2,
    .mod-std .intro.centered h2,
    .mod-sustain-intro .intro.centered h2 {
        text-align: left;
        font-size: 32px
    }
    .mod-std-closer .intro.centered h2.sp40,
    .mod-std-intro .intro.centered h2.sp40,
    .mod-std .intro.centered h2.sp40,
    .mod-sustain-intro .intro.centered h2.sp40 {
        margin-top: 20px
    }
    .mod-std-closer .intro.centered p,
    .mod-std-intro .intro.centered p,
    .mod-std .intro.centered p,
    .mod-sustain-intro .intro.centered p {
        text-align: left
    }
    .mod-std-closer .intro.centered p.shortxt,
    .mod-std-intro .intro.centered p.shortxt,
    .mod-std .intro.centered p.shortxt,
    .mod-sustain-intro .intro.centered p.shortxt {
        margin-top: 20px;
        max-width: 100%
    }
}

@media (max-width:900px) {
    .mod-std-closer .intro.centered,
    .mod-std-intro .intro.centered,
    .mod-std .intro.centered,
    .mod-sustain-intro .intro.centered {
        margin-left: 0
    }
}

.mod-std {
    padding-top: 40px
}

.mod-std-intro {
    padding-top: 90px;
    margin-bottom: 100px
}

.mod-std-intro .intro {
    padding: 30px 50px;
    max-width: 792px;
    position: absolute;
    top: 0;
    left: 60px;
    background: #fff;
    z-index: 5
}

@media (max-width:900px) {
    .mod-std-intro {
        padding: 20px 20px 0;
        margin-bottom: 30px
    }
    .mod-std-intro .intro {
        max-width: 100%;
        padding: 20px 40px;
        position: relative;
        top: auto;
        left: auto
    }
}

@media (max-width:600px) {
    .mod-std-intro .intro {
        padding: 0
    }
}

.mod-std-closer {
    padding-bottom: 90px;
    margin-bottom: 0
}

.mod-std-closer .intro {
    padding: 30px 50px;
    max-width: 900px;
    margin: auto;
    position: relative;
    background: #fff;
    z-index: 5
}

.mod-std-closer .intro h2 {
    max-width: none
}

@media (max-width:900px) {
    .mod-std-closer {
        margin-top: 40px
    }
    .mod-std-closer .intro {
        max-width: 100%;
        padding: 0
    }
}

.sumbox {
    max-width: 485px;
    padding-top: 40px
}

.sumbox.offsetter {
    margin-top: 70px
}

.sumbox.c_offsetter {
    padding-top: 70px
}

@media (max-width:900px) {
    .sumbox {
        max-width: 100%;
        padding: 0 40px 30px;
        border-top: 0
    }
    .sumbox.offsetter {
        margin-top: 0
    }
    .sumbox.c_offsetter {
        padding-top: 30px
    }
}

@media (max-width:600px) {
    .sumbox {
        padding: 0 0 20px
    }
    .sumbox.offsetter {
        margin-top: 0
    }
    .sumbox.c_offsetter {
        padding-top: 30px
    }
}

.left {
    padding-right: 0!important
}

.right {
    padding-left: 0!important
}

.banner-tri {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53
}

.banner-tri .white-divider {
    border-left: 6px solid #fff;
    border-right: 6px solid #fff
}

.banner-tri .left {
    width: 25%;
    padding-top: 23%;
    transition: background-image 1.5s
}

.banner-tri .left,
.banner-tri .middle {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-tri .middle {
    width: 50%;
    text-align: center
}

.banner-tri .middle>div {
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.5em
}

.banner-tri .right {
    width: 25%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 23%;
    transition: background-image 1.5s
}

.banner-tri h1 {
    font-size: 24px;
    margin: 0 0 10px
}

.banner-tri h1,
.banner-tri h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.banner-tri h2 {
    font-size: 40px;
    margin: 0 0 20px;
    color: #0d3448
}

@media (max-width:900px) {
    .banner-tri .left,
    .banner-tri .right {
        display: none
    }
    .banner-tri .middle {
        width: 100%;
        padding: 0 20px
    }
    .banner-tri h2 {
        font-size: 32px
    }
}

.imgs-tri {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53
}

.imgs-tri .white-divider {
    border-left: 6px solid #fff;
    border-right: 6px solid #fff
}

.imgs-tri .left,
.imgs-tri .middle,
.imgs-tri .right {
    width: 25%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 23vw
}

.imgs-tri .middle {
    width: 50%
}

@media (max-width:900px) {
    .imgs-tri .left,
    .imgs-tri .middle,
    .imgs-tri .right {
        width: 100%;
        padding-top: 64%;
        border-bottom: 6px solid #fff;
        border-left: none;
        border-right: none
    }
}

.border-link.greeny {
    color: #03a687;
    border-bottom: 2px solid #03a687
}

.border-link.greeny:hover {
    color: #03a687
}

.border-link.white {
    color: #fff;
    border-bottom: 2px solid #fff
}

.border-link.white:hover {
    color: #fff
}

.border-link.gray {
    color: #4d4f53;
    border-bottom: 2px solid #4d4f53
}

.border-link.gray:hover {
    color: #4d4f53
}

.border-link {
    color: #e25a48;
    border-bottom: 2px solid #e25a48;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    transition: .25s ease-in-out
}

.border-link.secondary-link {
    margin-top: 15px
}

@media (max-width:550px) {
    .border-link {
        font-size: 15px
    }
}

.border-link:hover {
    color: #f06e63;
    border-bottom: 2px solid transparent
}

.subtext-cta {
    color: #0d3448;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600
}

.section-pad {
    padding: 40px 0
}

.mod-split-50 {
    width: 100%;
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53
}

.mod-split-50.pg-margin-30 {
    margin-bottom: 30px
}

.mod-split-50.pg-margin-30:last-child {
    margin-bottom: 0
}

.mod-split-50>* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mod-split-50.white-divider .box-wrapper:nth-child(2) {
    border-left: 1px solid #fff
}

.mod-split-50.white-divider .mod-wrapper {
    border-bottom: 1px solid #fff
}

.mod-split-50 .mod-wrapper {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

@media (max-width:900px) {
    .mod-split-50 .mod-wrapper {
        overflow: hidden
    }
}

.mod-split-50 .box-wrapper {
    width: 50%;
    padding: 40px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.mod-split-50 .box-wrapper.space-below {
    padding-bottom: 150px
}

.mod-split-50 .box-wrapper.pad-sustainability {
    padding: 6vw 2vw 6vw 8vw
}

.mod-split-50 .box-wrapper-100 {
    width: 100%;
    padding: 40px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.mod-split-50 .box-dark {
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 8%;
    color: #fff;
    font-weight: 200
}

.mod-split-50 .box-dark h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 36px;
    margin: 0 0 10px
}

.mod-split-50 .box-dark p {
    min-height: 75px
}

.mod-split-50 .box-transparent {
    max-width: 450px;
    min-height: 300px;
    color: #4d4f53
}

.mod-split-50 .box-transparent.white {
    color: #fff
}

.mod-split-50 .box-transparent.height-auto {
    height: auto;
    min-height: 0
}

.mod-split-50 .box-transparent h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-weight: 600;
    font-size: 2em
}

.mod-split-50 .box-transparent h3 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.mod-split-50 .box-transparent p {
    font-weight: 600;
    font-size: 2.225em;
    line-height: 1.25em;
    margin: 45px 0 90px
}

.mod-split-50 .box-transparent.pos-btm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 20px
}

.mod-split-50 .box-transparent.pos-btm>div {
    position: absolute;
    bottom: 20px
}

.mod-split-50 .box-transparent.pos-btm p {
    margin: 0
}

.mod-split-50 .bg-neocon-home-01 .box-transparent {
    min-height: 450px;
    max-width: 100%
}

.mod-split-50 .box-border-02 {
    height: auto;
    width: 100%;
    border: 2px solid #4d4f53;
    color: #4d4f53;
    padding: 30px 30px 20px
}

.mod-split-50 .box-border-02>* {
    margin: 0 0 10px
}

.mod-split-50 .box-border-02.white {
    border: 2px solid #fff;
    color: #fff
}

.mod-split-50 .box-border-02 span {
    font-size: 1.5em;
    display: block;
    font-weight: 600
}

.mod-split-50 .box-border-02 div {
    font-size: 3em;
    line-height: 100%;
    font-weight: 600
}

.mod-split-50 .img-only {
    width: 50%;
    height: auto;
    min-height: 400px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.mod-split-50 .box-border-wrap {
    min-height: 400px;
    width: 50%;
    padding: 30px 0
}

.mod-split-50 .box-border {
    width: 100%;
    height: 100%;
    border-top: 3px solid #4d4f53;
    border-bottom: 3px solid #4d4f53;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 75px 90px
}

.mod-split-50 .box-border.pos-left {
    border-left: 3px solid #4d4f53
}

.mod-split-50 .box-border.pos-right {
    border-right: 3px solid #4d4f53
}

.mod-split-50 .box-border h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 1.25em
}

.mod-split-50 .box-border .border-link {
    margin-top: 0
}

.mod-split-50 .offset-thumb-img {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    height: 225px;
    width: 225px;
    left: -90px;
    bottom: -90px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff
}

@media (max-width:900px) {
    .mod-split-50 {
        padding: 20px
    }
    .mod-split-50 .mbl-hide {
        display: none!important
    }
    .mod-split-50 .mbl-show {
        display: block!important
    }
    .mod-split-50 .box-wrapper {
        width: 100%;
        padding: 0 20px
    }
    .mod-split-50.mbl-swap .mod-wrapper {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .mod-split-50.white-divider .box-wrapper {
        border-bottom: 1px solid #fff;
        border-left: none!important;
        border-right: none!important
    }
    .mod-split-50.white-divider .mod-wrapper {
        border-bottom: none
    }
    .mod-split-50 .img-only {
        width: 100%;
        margin-top: -10px
    }
    .mod-split-50 .box-border-wrap {
        width: 100%;
        padding: 0
    }
    .mod-split-50 .box-border {
        border: 3px solid #4d4f53;
        padding: 20px
    }
    .mod-split-50 h2 {
        font-size: 30px
    }
    .mod-split-50 .offset-thumb-img {
        left: 0;
        bottom: 0
    }
}

.bg-ltgray {
    background: #f5f5f5
}

.bg-dkblue {
    background: #0d3448
}

.bg-orange {
    background: #e25a48
}

.bg-recycling {
    background-image: url("../img/custom/sustainability/recycling.30cd03ceefd5.jpg")
}

.bg-solar {
    background-image: url("../img/custom/sustainability/solar.75eaf8b5d59b.jpg")
}

.bg-flag {
    background-image: url("../img/custom/sustainability/usa-flag.527c1c4b886a.jpg")
}

.bg-factory {
    background-image: url("../img/custom/sustainability/factory.85b7a6584951.jpg")
}

.bg-wetlands {
    background-image: url("../img/custom/sustainability/wetlands.1ec440c9fd6d.jpg");
    background-position: 100%!important
}

.bg-loop-recycling {
    background-image: url("../img/custom/sustainability/loop-recycling.6502dc306903.jpg")
}

.bg-solar-panels {
    background-image: url("../img/custom/sustainability/solar-panels.a790058191c1.jpg");
    background-position: bottom!important
}

.bg-water-conservation {
    background-image: url("../img/custom/sustainability/water-conservation.69e3d03c2393.jpg")
}

.bg-wellness-01 {
    background-image: url("../img/custom/sustainability/wellness.006b942839b7.jpg")
}

.bg-wellness-02 {
    background-image: url("../img/custom/sustainability/wellness-02.8815cbc96957.jpg")
}

.bg-wellness-03 {
    background-image: url("../img/custom/sustainability/wellness-03.59b12af390ec.jpg")
}

.bg-wellness-04 {
    background-image: url("../img/custom/sustainability/wellness-04.52480fb6d7c1.jpg")
}

.bg-vlines-blue {
    background-image: url("../img/custom/neocon/zigzag_Blue.672c80d1466a.png")
}

.bg-vlines-purple {
    background-image: url("../img/custom/neocon/zigzag_Purple.350013a419b0.png")
}

.bg-vlines-red {
    background-image: url("../img/custom/neocon/zigzag_Red.518d647bf0aa.png")
}

.bg-vlines-02 {
    background-image: url("../img/custom/neocon/vertical-lines-02.dfe94c3ff574.jpg")
}

.bg-moire {
    background-image: url("../img/custom/neocon/moire-01.e6ae85826393.jpg")
}

.bg-moire-02 {
    background-image: url("../img/custom/neocon/moire-02.2925046798b5.jpg")
}

.bg-moire-03 {
    background-image: url("../img/custom/neocon/moire-03.9678564054e9.jpg")
}

.bg-moire-04 {
    background-image: url("../img/custom/neocon/moire-04.22eb8cdcaf02.jpg")
}

.bg-moire-roomscene {
    background-image: url("../img/custom/neocon/moire-roomscene.d8a218ea7c89.jpg")
}

.bg-moire-tile {
    background-image: url("../img/custom/neocon/moire-tile.9f38ebaf5c08.jpg")
}

.bg-spin-02 {
    background-image: url("../img/custom/neocon/spin-02.11b019d71eda.jpg")
}

.bg-spin-03 {
    background-image: url("../img/custom/neocon/spin-03.9e802ba2af80.jpg")
}

.bg-spin-04 {
    background-image: url("../img/custom/neocon/spin-04.75ba0f4666a2.jpg")
}

.bg-spin-roomscene {
    background-image: url("../img/custom/neocon/spin-roomscene.2ecd3bd4d073.jpg")
}

.bg-spin-tile {
    background-image: url("../img/custom/neocon/spin-tile.6a7d83bfd834.jpg")
}

.bg-northern-wonder-02 {
    background-image: url("../img/custom/neocon/northern-wonder-02.075dc1c7e14e.jpg")
}

.bg-northern-wonder-03 {
    background-image: url("../img/custom/neocon/northern-wonder-03.5f5199d7766d.jpg")
}

.bg-northern-wonder-04 {
    background-image: url("../img/custom/neocon/northern-wonder-04.8a6f1354fb8c.jpg")
}

.bg-northern-wonder-roomscene {
    background-image: url("../img/custom/neocon/northern-wonder-roomscene.f9df7d3c15ff.jpg")
}

.bg-heirloom-02 {
    background-image: url("../img/custom/neocon/heirloom-02.99f1cac1085b.jpg")
}

.bg-heirloom-03 {
    background-image: url("../img/custom/neocon/heirloom-03.04d25b5f93b3.jpg")
}

.bg-heirloom-04 {
    background-image: url("../img/custom/neocon/heirloom-04.de974898211f.jpg")
}

.bg-heirloom-roomscene {
    background-image: url("../img/custom/neocon/heirloom-roomscene.fede94637c11.jpg")
}

.bg-heirloom-tile {
    background-image: url("../img/custom/neocon/heirloom-tile.055b7584f5c4.jpg")
}

.bg-cirro-02 {
    background-image: url("../img/custom/neocon/cirro-02.0d13c941aa1a.jpg")
}

.bg-cirro-03 {
    background-image: url("../img/custom/neocon/cirro-03.8c9c8688f237.jpg")
}

.bg-cirro-04 {
    background-image: url("../img/custom/neocon/cirro-04.bea278d142d3.jpg")
}

.bg-cirro-roomscene {
    background-image: url("../img/custom/neocon/cirro-roomscene.8f62c6016401.jpg")
}

.bg-dark-skies-02 {
    background-image: url("../img/custom/neocon/dark-skies-02.9bf68c7d2a1e.jpg")
}

.bg-dark-skies-03 {
    background-image: url("../img/custom/neocon/dark-skies-03.8bf6535dce06.jpg")
}

.bg-dark-skies-04 {
    background-image: url("../img/custom/neocon/dark-skies-04.14e902a57dcc.jpg")
}

.bg-dark-skies-roomscene {
    background-image: url("../img/custom/neocon/dark-skies-roomscene.771f8ce8b200.jpg")
}

.bg-dark-skies-tile {
    background-image: url("../img/custom/neocon/dark-skies-tile.ed29919472f6.jpg")
}

.bg-open-range-roomscene {
    background-image: url("../img/custom/neocon/open-range-roomscene.b007b9395878.jpg")
}

.bg-spin {
    background-image: url("../img/custom/neocon/spin-01.be9f5cafa7b4.jpg")
}

.bg-nwonder {
    background-image: url("../img/custom/neocon/northern-wonder-01.468fe39072ca.jpg")
}

.bg-heirloom {
    background-image: url("../img/custom/neocon/heirloom-01.1c575a653d76.jpg")
}

.bg-cirro {
    background-image: url("../img/custom/neocon/cirro-01.903ccebdc88b.jpg")
}

.bg-darkskies {
    background-image: url("../img/custom/neocon/dark-skies-01.dbbd057ba94a.jpg")
}

.bg-openrange {
    background-image: url("../img/custom/neocon/open-range-01.6a7d83ea0d52.jpg")
}

.neocon-slider-img-01 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-01.07c0ecb9d0c7.jpg")
}

.neocon-slider-img-02 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-02.381f1db22e18.jpg")
}

.neocon-slider-img-03 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-03.6a4ecd6a9859.jpg")
}

.neocon-slider-img-04 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-04.7fe7ee393c47.jpg")
}

.neocon-slider-img-05 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-05.adcef55564a0.jpg")
}

.neocon-slider-img-06 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-06.60a3fc874b49.jpg")
}

.neocon-slider-img-07 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-07.2112d23e0878.jpg")
}

.neocon-slider-img-08 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-08.ae5f58c02679.jpg")
}

.neocon-slider-img-09 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-09.6edca9d2dfdc.jpg")
}

.neocon-slider-img-10 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-10.549d12ae1600.jpg")
}

.neocon-slider-img-11 {
    background-image: url("../img/custom/neocon/showroom_gallery/slider-11.2c1f479cbe82.jpg")
}

.bg-robyissacs {
    background-image: url("../img/custom/neocon/roby-issacs.47a3134581f0.jpg")
}

.bg-workplace {
    background-image: url("../img/custom/design/workplace.1fb8b23e383f.jpg")
}

.bg-healthcare {
    background-image: url("../img/custom/design/healthcare.012794e3eec9.jpg")
}

.bg-retail {
    background-image: url("../img/custom/design/retail.48102b2ac53d.jpg")
}

.bg-education {
    background-image: url("../img/custom/design/education.1817fcd68212.jpg")
}

.bg-hospitality {
    background-image: url("../img/custom/design/hospitality.3adf00d48b09.jpg")
}

.bg-custom-lvt {
    background-image: url("../img/custom/design/custom-lvt.0994552ef486.jpg")
}

.bg-lvt {
    background-image: url("../img/custom/design/lvt.c06d5da4b3a4.jpg")
}

.bg-modular {
    background-image: url("../img/custom/design/modular.e997fcc8bf8c.jpg")
}

.bg-neocon-home-01 {
    background-image: url("../img/custom/home/home-01.5f2edbf300be.jpg")
}

.bg-neocon-home-02 {
    background-image: url("../img/custom/home/home-02.3ab1800fa3a4.jpg")
}

.bg-neocon-home-03 {
    background-image: url("../img/custom/home/home-03.04603b477fb0.jpg")
}

.mod-slider {
    width: 100%;
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    overflow: hidden;
    position: relative
}

.mod-slider .nav-wrap {
    position: absolute;
    height: 67px;
    bottom: 0;
    right: 0
}

.mod-slider .homepage-gallery {
    margin: 0
}

.mod-slider .homepage-gallery-list-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 9.09091%;
    padding-top: 4%
}

.mod-slider .homepage-gallery-next.hcoded {
    display: -ms-flexbox;
    display: flex;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: #fff;
    right: 0
}

.mod-slider .homepage-gallery-previous.hcoded {
    display: -ms-flexbox;
    display: flex;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #fff;
    right: 49px
}

.mod-slider .homepage-gallery-dots,
.mod-slider .homepage-gallery-next,
.mod-slider .homepage-gallery-previous {
    display: none
}

.mod-slider .arrow-down {
    width: 15px;
    height: 10px
}

.mod-slider .title {
    text-align: center;
    font-size: 36px;
    color: #4d4f53;
    max-width: 550px;
    margin: 0 auto 20px;
    line-height: 1.25em
}

@media (max-width:900px) {
    .mod-slider .title {
        text-align: center;
        font-size: 30px;
        color: #4d4f53;
        max-width: 500px;
        margin: 0 auto 20px;
        line-height: 1.25em
    }
}

.mod-banner-100 {
    width: 100%;
    padding-top: 31%;
    position: relative;
    min-height: 250px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.mod-banner-100 .mod-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mod-banner-100 .mod-wrapper.bg-vlines {
    background-image: url("../img/custom/neocon/vertical-lines-03.2b0b6051cc56.jpg")
}

.mod-banner-100 .mod-wrapper .border-bg {
    background: #fff;
    padding: 40px 80px;
    display: inline-block
}

@media (max-width:900px) {
    .mod-banner-100 .mod-wrapper .border-bg {
        padding: 20px 40px
    }
}

.mod-banner-100 .mod-wrapper .border-link {
    margin-top: 0
}

.mod-split-50-content {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53
}

.mod-split-50-content>div {
    width: 50%;
    padding-left: 80px;
    padding-right: 80px
}

.mod-split-50-content>div.left-justify {
    padding-left: 0;
    padding-right: 80px
}

.mod-split-50-content h2 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    margin: 0;
    line-height: 1.25em
}

@media (max-width:900px) {
    .mod-split-50-content {
        padding: 20px
    }
    .mod-split-50-content>div {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.collection-nav {
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.collection-nav .wrap {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #bababa;
    position: relative
}

@media (max-width:600px) {
    .collection-nav .wrap {
        border-bottom: 0
    }
}

.collection-nav h1 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: #4d4f53;
    margin: 0
}

.collection-nav h1.product-title {
    color: #0d3448;
    font-size: 2em;
    font-weight: 600
}

@media (max-width:600px) {
    .collection-nav h1.product-title {
        font-size: 16px
    }
}

.collection-nav ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 7px 0 0;
    padding: 0
}

@media (max-width:600px) {
    .collection-nav ul {
        display: none;
        width: 100%;
        padding-top: 20px
    }
}

.collection-nav ul li {
    margin-left: 20px
}

@media (max-width:600px) {
    .collection-nav ul li {
        display: block;
        margin-left: 0;
        padding-bottom: 10px
    }
}

.collection-nav ul li a {
    font-size: .875em;
    padding-bottom: 20px;
    display: inline-block
}

@media (max-width:600px) {
    .collection-nav ul li a {
        padding-bottom: 8px
    }
}

.collection-nav ul li a.on {
    border-bottom: 2px solid #e25a48
}

@media (max-width:600px) {
    .collection-nav ul li a.on {
        border-bottom: 4px solid #e25a48
    }
}

.collection-nav ul li a.cta {
    color: #fff;
    background-color: #de5c51;
    padding: 10px 20px;
    margin-top: -20px
}

@media (max-width:600px) {
    .collection-nav ul li a.cta {
        display: none
    }
}

@media (max-width:600px) {
    .collection-nav {
        padding: 0
    }
}

a[href="#order"][disabled] {
    display: none
}

.mod-product-grid {
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.mod-product-grid ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    margin: 0 -10px
}

.mod-product-grid ul li {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 50px
}

.mod-product-grid ul li a:hover figcaption {
    color: #f06e63;
    border-bottom: 2px solid #f06e63
}

@media (max-width:1200px) {
    .mod-product-grid ul li {
        width: 25%
    }
}

@media (max-width:900px) {
    .mod-product-grid ul li {
        width: 33.33%
    }
}

@media (max-width:600px) {
    .mod-product-grid ul li {
        width: 50%
    }
}

.mod-product-grid figure {
    margin: 0;
    display: block
}

.mod-product-grid figcaption {
    font-size: 18px;
    padding-bottom: 3px;
    border-bottom: 2px solid #e25a48;
    display: inline-block;
    margin-bottom: 20px;
    color: #e25a48
}

.mod-product-grid img {
    height: auto;
    width: 100%;
    display: block
}

.mod-product-grid .collection-assets {
    margin-top: 15px
}

.mod-product-grid .collection-assets a {
    font-size: 14px;
    display: inline-block;
    margin-right: 14px;
    padding-left: 17px;
    position: relative
}

.mod-product-grid .collection-assets a:hover {
    color: #f06e63
}

.mod-product-grid .collection-assets a:before {
    content: "";
    background: url("../img/custom/neocon/down-arrow.003db4f2ebb8.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 10px;
    height: 17px;
    position: absolute;
    left: 0;
    bottom: 0
}

.footprint-footer {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center
}

.footprint-footer span {
    display: block;
    font-size: 20px;
    font-weight: 600
}

.footprint-footer p {
    margin: 15px auto;
    display: block;
    max-width: 500px
}

.footprint-footer a {
    margin: 0 auto;
    display: inline-block
}

.mod-contact-info {
    padding: 100px 0;
    background: #fcfcfc;
    text-align: center;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53;
    font-size: 18px
}

.mod-contact-info.white {
    background: #fff
}

.mod-contact-info span {
    display: inline-block;
    margin: 0 20px
}

.mod-link {
    padding: 0 30px;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.mod-link .border-link {
    margin-top: 0
}

.birds-bees {
    position: relative;
    margin-bottom: 100px
}

.birds-bees .bee-img {
    background-image: url("../img/custom/sustainability/bees.795e422bdc8a.jpg");
    padding-top: 48%
}

.birds-bees .bee-img,
.birds-bees .bird-tile {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.birds-bees .bird-tile {
    position: absolute;
    height: 260px;
    width: 422px;
    right: -100px;
    top: 100px;
    background-image: url("../img/custom/sustainability/bird.e0ec95963a71.jpg")
}

@media (max-width:768px) {
    .birds-bees {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .birds-bees .bee-img {
        width: 60%;
        height: 250px;
        padding-top: 0
    }
    .birds-bees .bird-tile {
        width: 40%;
        position: relative;
        right: 0;
        top: 0;
        height: 250px;
        background-position: -50px
    }
}

.transparency-accordions {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53
}

.transparency-accordions ul {
    list-style: none;
    padding: 0 3%;
    margin-bottom: 100px
}

.transparency-accordions li:last-child .type {
    border-bottom: 2px solid #bababa
}

.transparency-accordions .bar {
    position: relative;
    cursor: pointer;
    height: 85px
}

.transparency-accordions .type {
    padding: 0 0 0 125px;
    width: 100%;
    font-size: 1.5em;
    position: relative;
    border-top: 2px solid #bababa;
    font-weight: 600;
    height: 85px;
    line-height: 85px
}

.transparency-accordions .icon {
    width: 85px;
    height: 85px;
    background-color: #0d3448;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.transparency-accordions .plus {
    font-size: 36px;
    color: #4d4f53;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-weight: 200
}

.transparency-accordions .open .plus {
    display: none
}

.transparency-accordions .minus {
    font-size: 36px;
    color: #4d4f53;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-weight: 200;
    display: none
}

.transparency-accordions .open .minus {
    display: block
}

.transparency-accordions .slidedown {
    display: none;
    background: #f4f6f7;
    height: auto;
    padding: 50px 0 50px 125px
}

.transparency-accordions .slidedown .one-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.transparency-accordions .slidedown .one-col>div {
    max-width: 500px
}

.transparency-accordions .slidedown .two-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.transparency-accordions .slidedown .two-col>div:first-child {
    width: 35%;
    padding-right: 20px;
    line-height: 1.5em
}

.transparency-accordions .slidedown .two-col>div {
    width: 65%;
    padding-right: 20px;
    line-height: 2em
}

@media (max-width:768px) {
    .transparency-accordions .slidedown {
        padding: 20px
    }
    .transparency-accordions .slidedown .one-col>div {
        max-width: 100%
    }
    .transparency-accordions .slidedown .two-col>div,
    .transparency-accordions .slidedown .two-col>div:first-child {
        width: 100%
    }
}

.transparency-accordions .all {
    text-align: right;
    padding: 0 3%
}

.transparency-accordions .all a {
    font-size: 14px;
    display: inline-block;
    margin-left: 15px
}

.transparency-accordions .leed .icon {
    background-image: url("../img/custom/sustainability/icons/leed.8403420e36d3.png")
}

.transparency-accordions .declare .icon {
    background-image: url("../img/custom/sustainability/icons/declare2.60bb20302b19.png")
}

.transparency-accordions .epd .icon {
    background-image: url("../img/custom/sustainability/icons/epd.09daab7b77a8.png")
}

.transparency-accordions .hpd .icon {
    background-image: url("../img/custom/sustainability/icons/hpd.2e89d57e881e.png")
}

.transparency-accordions .mindful .icon {
    background-image: url("../img/custom/sustainability/icons/mindful-materials.54c6d383779b.png")
}

.transparency-accordions .floorscore .icon {
    background-image: url("../img/custom/sustainability/icons/floor-score.ea3e465ac243.png")
}

.transparency-accordions .cri .icon {
    background-image: url("../img/custom/sustainability/icons/cri.8b8578c94df5.png")
}

.transparency-accordions .datasheets .icon {
    background-image: url("../img/custom/sustainability/icons/datasheets.5acdbe6847eb.png")
}

@media (max-width:768px) {
    .transparency-accordions .icon {
        display: none
    }
    .transparency-accordions .type {
        padding: 0 0 0 20px;
        font-size: 1em
    }
}

.medium {
    font-weight: 600;
    padding: 12px 40px
}

.medium div:first-child {
    margin-bottom: 8px
}

@media (max-width:768px) {
    .medium {
        padding: 0
    }
}

.bg {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.center-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.padding-off {
    padding: 0!important
}

.container-1120 {
    max-width: 1160px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:900px) {
    .container-1120 {
        padding: 20px
    }
}

.container-1220 {
    max-width: 1260px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:900px) {
    .container-1220 {
        padding: 20px
    }
}

@media (max-width:900px) {
    .mbl-hide {
        display: none!important
    }
    .mbl-show {
        display: block!important
    }
    .mbl-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.mod-100-offset {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53;
    padding: 6% 2% 6% 8%;
    overflow: hidden
}

.mod-100-offset .sec01 {
    max-width: 400px;
    margin-right: 100px;
    float: left;
    margin-bottom: 20px
}

.mod-100-offset .sec02 {
    max-width: 525px;
    float: left;
    margin-bottom: 20px
}

.mod-100-offset h3 {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.225em;
    line-height: 1.25em;
    margin-top: 0
}

.mod-100-offset ul {
    list-style: none;
    padding: 0
}

.mod-100-offset ul li {
    margin-bottom: 10px
}

.mod-100-offset ul li a:hover {
    text-decoration: underline;
    color: #e25a48
}

@media (max-width:900px) {
    .mod-100-offset h3 {
        font-size: 30px
    }
    .mod-100-offset .sec01 {
        margin-right: 0
    }
}

.custom-resource .sec01,
.custom-resource .sec02 {
    width: 50%;
    max-width: 600px
}

@media (max-width:900px) {
    .custom-resource .sec01,
    .custom-resource .sec02 {
        width: 100%
    }
}

.custom-resource .border-link:hover {
    color: #e25a48;
    border-bottom: 2px solid #e25a48
}

section.social {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #4d4f53;
    padding: 30px;
    background: #fcfcfc
}

section.social .social-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.social .social-head a {
    margin-top: 0
}

section.social .social-head .social-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.social .social-head .social-links a {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px
}

section.social .social-head .social-links a:last-child {
    margin-right: 0
}

section.social ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    padding: 0
}

section.social ul li {
    width: 23%;
    padding-top: 23%;
    position: relative
}

section.social ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

@media (max-width:650px) {
    section.social ul li {
        width: 48%;
        padding-top: 48%;
        margin-bottom: 4%
    }
}

.booth-loc {
    position: relative;
    margin: 10px 0 20px
}

.bold {
    font-weight: 600
}

.font-lrg {
    font-size: 48px!important
}

@media (max-width:650px) {
    .font-lrg {
        font-size: 30px!important
    }
}

sup .symbol {
    font-size: inherit;
    vertical-align: initial
}

.page-design-tools .main {
    padding: 0
}

.nav-tabs {
    padding: 0 30px
}

.nav-tabs.mbl-tabs {
    margin: 40px auto 10px
}

@media (max-width:600px) {
    .nav-tabs.mbl-tabs {
        padding: 0;
        margin: 10px 0 20px
    }
}

.tab-content {
    display: none;
    padding: 0 30px
}

.tab-content.pg-full {
    margin-bottom: 60px
}

.tab-content.pulltop {
    margin-top: -30px
}

@media (max-width:600px) {
    .tab-content {
        padding: 0
    }
}

.tab-content.active {
    display: block
}

.tab-content.main {
    padding-top: 0
}

.tab-content hr.hr-lt {
    margin-top: 80px;
    margin-bottom: 80px
}

@media (max-width:600px) {
    .tab-content hr.hr-lt {
        margin-top: 80px;
        margin-bottom: 20px
    }
}

.collection-title,
.spec-title {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    color: #989898
}

.collection-title.hilite,
.spec-title.hilite {
    color: #de5c51
}

.subsection,
h3.subsection {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #4d4f53;
    -webkit-font-smoothing: antialiased
}

@media (max-width:600px) {
    .subsection,
    h3.subsection {
        margin-bottom: 30px
    }
}

.subsection.txt-inline,
h3.subsection.txt-inline {
    display: inline-block;
    color: #989898;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.path-title {
    font-size: 18px;
    line-height: 24px;
    color: #99999a;
    margin-bottom: 30px
}

@media (max-width:600px) {
    .path-title {
        margin-bottom: 0
    }
}

a.download-asset {
    display: inline-block;
    margin: 0;
    margin-right: 30px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600
}

a.download-asset img {
    width: 16px;
    height: 22px;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -5px;
    fill: #fff;
    stroke: #fff
}

p.desc50 {
    max-width: 50%;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e
}

@media (max-width:600px) {
    p.desc50 {
        max-width: 100%
    }
}

#mbl-sticky,
.mbl-sticky {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 8;
    margin-top: -20px
}

@media (max-width:600px) {
    .mbl-sticky.mbl-out {
        padding: 0 20px 15px;
        margin: 0 -20px;
        box-shadow: 0 8px 8px rgba(14, 17, 17, .2)
    }
}

.mbl-action,
.mbl-title {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 50%
}

.mbl-title {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 600;
    text-align: left
}

.mbl-action {
    font-size: 14px;
    text-align: right;
    height: 70px;
    margin: 0;
    padding: 0;
    z-index: 10
}

.mbl-action a {
    text-decoration: underline;
    display: inline-block;
    line-height: 70px;
    height: 70px
}

@media (max-width:900px) {
    .page-cirro .main,
    .page-dark-skies .main,
    .page-design-segments .main,
    .page-design-tools .main,
    .page-heirloom .main,
    .page-media .main,
    .page-moire .main,
    .page-northern-wonder .main,
    .page-open-range .main,
    .page-spin .main,
    .page-sustainability .main {
        padding: 0
    }
}

.bottom-fixed {
    display: block;
    width: 100%;
    height: 90px;
    background: #fff;
    box-shadow: 0 -8px 8px rgba(0, 0, 0, .2);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
    padding: 25px 30px;
    box-sizing: border-box
}

@media (max-width:600px) {
    .bottom-fixed {
        padding: 25px 20px
    }
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

@media (max-width:600px) {
    .align-right {
        text-align: left
    }
}

.align-justify {
    text-align: justify
}

.bg-graylm2 {
    background-color: #fcfcfc
}

.full-width,
img.full-width {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.icenter,
div.icenter {
    text-align: center
}

.icenter:before,
div.icenter:before {
    content: "";
    height: 100%
}

.icenter:before,
.icenter img,
div.icenter:before,
div.icenter img {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:900px) {
    .icenter img,
    div.icenter img {
        padding: 20px
    }
}

.ibottom,
div.ibottom {
    text-align: center
}

.ibottom:before,
div.ibottom:before {
    content: "";
    height: 100%
}

.ibottom:before,
.ibottom img,
div.ibottom:before,
div.ibottom img {
    display: inline-block;
    vertical-align: bottom
}

section.list-preview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 30px;
    margin-right: 30px
}

@media (max-width:768px) {
    section.list-preview {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width:600px) {
    section.list-preview {
        margin-left: 0;
        margin-right: 0
    }
}

article.row {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
    -webkit-transform: 50% 50%;
    -moz-transform: 50% 50%;
    -ms-transform: 50% 50%;
    -o-transform: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media (max-width:600px) {
    article.row {
        display: block
    }
}

article.row .innerpost {
    position: relative;
    background: #fff;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, .05);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    height: 100%;
    border-left: 4px solid #e25a48
}

article.row .innerpost:hover {
    box-shadow: 3px 4px 4px rgba(0, 0, 0, .15)
}

article.row .innerpost .post-thumbnail {
    margin-left: -4px
}

article.row .innerpost .post-thumbnail .feature-img-box {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 300px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

article.row .innerpost.inner-right {
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width:600px) {
    article.row .innerpost.inner-right {
        margin-left: 0;
        margin-right: 0
    }
}

article.row .innerpost.featured,
article.row .innerpost.inner-left {
    margin-left: 0;
    margin-right: 15px
}

@media (max-width:600px) {
    article.row .innerpost.featured,
    article.row .innerpost.inner-left {
        margin-left: 0;
        margin-right: 0
    }
}

article.row .innerpost .post-content {
    margin: 0;
    padding: 40px;
    padding-bottom: 50px;
    text-align: left;
    width: 100%;
    max-width: 700px
}

p.category {
    margin: 0;
    color: #e25a48;
    font-size: 14px;
    text-decoration: underline
}

.post-title {
    padding: 0;
    margin: 26px 0 40px;
    color: #2e2e2e;
    text-align: left
}

.single-post-wrap .post-title {
    max-width: 600px;
    margin-bottom: 30px
}

.post-title a {
    color: #2e2e2e
}

.post-title a:hover {
    color: #e25a48
}

.post-date,
.post-meta-categories {
    font-size: 14px;
    color: #2e2e2e;
    text-align: left
}

.post-content .post-date,
.post-content .post-meta-categories {
    position: absolute;
    left: 40px;
    bottom: 30px
}

.multi-list-wrap,
.single-post-wrap {
    display: block;
    text-align: left;
    margin: auto;
    width: 100%;
    max-width: 800px
}

article .multi-list-wrap,
article .single-post-wrap {
    text-align: center
}

.multi-list-wrap .results,
.single-post-wrap .results {
    font-size: 24px;
    line-height: 32px;
    color: #2e2e2e;
    font-weight: 600
}

.single-post-item {
    margin-bottom: 30px
}

@media (max-width:600px) {
    .single-post-item {
        padding: 15px 30px;
        margin-bottom: 0
    }
}

.single-post-item p {
    display: block;
    text-align: left;
    margin: 15px auto;
    width: 100%;
    max-width: 800px;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e
}

.single-post-item p:first-child:first-letter {
    font-size: 36px
}

.single-post-item p.wp-caption-text {
    color: #999;
    font-style: normal;
    margin-bottom: 40px
}

.meta-wrapper {
    display: block;
    text-align: left;
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-top: 40px
}

.meta-wrapper hr {
    color: #bababa;
    background: #bababa
}

.downloader {
    margin: 0 auto 60px;
    color: #2e2e2e
}

.downloader h6 {
    color: inherit;
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 0
}

.downloader p {
    margin-top: 0
}

.downloader .btn {
    border: 0;
    padding: 0;
    margin: 0;
    color: #e25a48;
    text-transform: none;
    letter-spacing: normal
}

.downloader .btn img {
    display: inline-block;
    width: 20px;
    height: auto;
    padding-right: 8px;
    margin-top: -2px
}

.wp-caption img,
img[class^=wp-image-] {
    display: block;
    margin-top: 40px;
    width: 100%;
    max-width: 1000px
}

@media (max-width:600px) {
    .size-full {
        width: 100%!important
    }
}

.post-meta-terms {
    display: block;
    text-align: left;
    margin: 30px auto;
    width: 100%;
    max-width: 800px
}

.post-multi-thumbnails {
    padding: 30px
}

@media (max-width:600px) {
    .post-multi-thumbnails {
        padding: 15px 0
    }
}

.post-multi-thumbnails .post-feature {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 49%;
    height: 450px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (max-width:768px) {
    .post-multi-thumbnails .post-feature {
        display: block;
        width: 100%;
        height: 300px
    }
}

.post-multi-thumbnails .post-feature.left-feature {
    margin-right: 1%
}

@media (max-width:768px) {
    .post-multi-thumbnails .post-feature.left-feature {
        margin-right: 0
    }
}

.post-multi-thumbnails .post-feature.right-feature {
    margin-left: 1%
}

@media (max-width:768px) {
    .post-multi-thumbnails .post-feature.right-feature {
        margin-left: 0;
        margin-top: 15px
    }
}

.post-single-thumbnail {
    padding: 30px
}

@media (max-width:600px) {
    .post-single-thumbnail {
        padding: 15px 0
    }
}

.post-single-thumbnail .post-feature {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    max-width: 1000px;
    height: 600px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media (max-width:600px) {
    .post-single-thumbnail .post-feature {
        height: 300px
    }
}

.post-nav {
    display: block;
    position: absolute;
    top: 280px;
    z-index: 50;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-position: 50%;
    background-size: 16px;
    border: 1px solid #2e2e2e
}

@media (max-width:768px) {
    .post-nav {
        display: none
    }
}

.post-nav.prev {
    left: 30px
}

.post-nav.next {
    right: 30px
}

#archive-results {
    display: none
}

section.archived {
    margin-bottom: 40px
}

@media (max-width:600px) {
    section.archived {
        margin: 15px;
        margin-bottom: 40px
    }
}

section.archived h2 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 30px;
    padding: 0
}

section.archived .archive-post {
    display: block;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    width: 100%
}

section.archived .archive-post p {
    font-size: 16px;
    line-height: 24px
}

section.archived .feature-img {
    display: block;
    width: 287px;
    height: 150px;
    float: left;
    margin-right: 30px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 30px
}

@media (max-width:600px) {
    section.archived .feature-img {
        width: 100%;
        height: 300px;
        float: none;
        margin-left: 0;
        margin-right: 0
    }
}

section.archived .archive-post-meta {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

section.archived .archive-post-meta a {
    padding-left: 20px;
    text-decoration: underline
}

section.archived h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #2e2e2e
}

@media (max-width:600px) {
    section.archived h3 {
        font-size: 24px;
        line-height: 34px
    }
}

section.archived h3 a {
    color: inherit
}

@media (max-width:768px) {
    .archive .content,
    .blog .content,
    .category .content,
    .page .content,
    .search-results .content,
    .single-post .content {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .archive .content .container,
    .blog .content .container,
    .category .content .container,
    .page .content .container,
    .search-results .content .container,
    .single-post .content .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:601px) and (max-width:768px) {
    .archive .content .container .row,
    .blog .content .container .row,
    .category .content .container .row,
    .page .content .container .row,
    .search-results .content .container .row,
    .single-post .content .container .row {
        width: 100%
    }
}

@media (max-width:768px) {
    .archive .content .container .row,
    .blog .content .container .row,
    .category .content .container .row,
    .page .content .container .row,
    .search-results .content .container .row,
    .single-post .content .container .row {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (max-width:768px) {
    .archive .nav-secondary ul,
    .blog .nav-secondary ul,
    .category .nav-secondary ul,
    .page .nav-secondary ul,
    .search-results .nav-secondary ul,
    .single-post .nav-secondary ul {
        box-shadow: 3px 4px 4px rgba(0, 0, 0, .1);
        padding: 20px
    }
}

@media (max-width:768px) {
    .archive .nav-secondary ul li a,
    .blog .nav-secondary ul li a,
    .category .nav-secondary ul li a,
    .page .nav-secondary ul li a,
    .search-results .nav-secondary ul li a,
    .single-post .nav-secondary ul li a {
        padding: 30px 0 20px
    }
}

@media (max-width:768px) {
    body.home .row {
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

@media (max-width:768px) {
    body.page .row,
    body.single-post .row {
        width: auto!important
    }
}

@media (max-width:600px) {
    body.page .row,
    body.single-post .row {
        margin-left: 15px!important;
        margin-right: 15px!important
    }
}

body.search-results {
    margin: auto!important;
    padding: 0!important
}

body.search-results .content {
    padding-top: 0
}

@media (max-width:768px) {
    body.search-results .content .row {
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

body.search-results .nav-secondary {
    background-color: #fff
}

body.archive .content,
body.category .content {
    padding-top: 0
}

@media (max-width:768px) {
    body.archive .content .row,
    body.category .content .row {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

body.logged-in.admin-bar {
    background: #2e2e2e;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

@media (min-width:1200px) {
    body.logged-in.admin-bar {
        padding: 0
    }
}

body.logged-in.admin-bar a {
    color: #4d4f53;
    line-height: 16px
}

body.logged-in.admin-bar .nav-secondary,
body.logged-in.admin-bar .pl-press {
    background-color: #fff
}

.misha_loadmore {
    background-color: #ddd;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px 0;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .3s ease-in-out
}

.misha_loadmore:hover {
    background-color: #767676;
    color: #fff
}

.setrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start
}

.setrow.mb100 {
    margin-bottom: 100px
}

.settable {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0
}

.col3rd,
.col25,
.col40,
.col50,
.col60,
.col75,
.col100 {
    display: inline-block
}

.col25 {
    width: 25%
}

.col50 {
    width: 50%
}

.col75 {
    width: 75%
}

.col100 {
    width: 100%
}

.col3rd {
    width: 33.333%
}

.col40 {
    width: 40%
}

.col60 {
    width: 60%
}

.col3rd.flexcol,
.col25.flexcol,
.col40.flexcol,
.col50.flexcol,
.col60.flexcol,
.col75.flexcol,
.col100.flexcol {
    height: 100%
}

.col3rd.flexcell,
.col25.flexcell,
.col40.flexcell,
.col50.flexcell,
.col60.flexcell,
.col75.flexcell,
.col100.flexcell {
    display: table-cell;
    height: auto
}

@media (max-width:900px) {
    .col3rd,
    .col3rd.flexcell,
    .col3rd.flexcol,
    .col25,
    .col25.flexcell,
    .col25.flexcol,
    .col50,
    .col50.flexcell,
    .col50.flexcol,
    .col75,
    .col75.flexcell,
    .col75.flexcol,
    .col100,
    .col100.flexcell,
    .col100.flexcol {
        display: block;
        height: auto;
        width: 100%
    }
}

.col3rd .content3 {
    margin: 0;
    padding: 0 15px 30px 0;
    height: 100%;
    border-top: 1px solid #bababa
}

@media (max-width:900px) {
    .col3rd .content3 {
        padding: 0;
        border-top: 0
    }
}

.norule .col3rd .content3 {
    border-top: 0
}

.col3rd .content3:first-child {
    margin-right: 40px
}

@media (max-width:900px) {
    .col3rd .content3:first-child {
        margin-right: 0
    }
}

.col3rd .content3:nth-child(2) {
    margin-right: 20px;
    margin-left: 20px
}

@media (max-width:900px) {
    .col3rd .content3:nth-child(2) {
        margin-right: 0;
        margin-left: 0
    }
}

.col3rd .content3:nth-child(3n) {
    margin-left: 40px
}

@media (max-width:900px) {
    .col3rd .content3:nth-child(3n) {
        margin-left: 0
    }
}

.col3rd.norule .content3,
.col3rd.norule .content3.col1,
.col3rd.norule .content3.col2,
.col3rd.norule .content3.col3 {
    border-bottom: 0
}

.mbl-only {
    display: none!important
}

@media (max-width:600px) {
    .mbl-only {
        display: block!important
    }
}

.desk-only {
    display: block!important
}

@media (max-width:600px) {
    .desk-only {
        display: none!important
    }
}

.mbl-show-box {
    display: none;
    margin: 30px -30px
}

@media (max-width:900px) {
    .mbl-show-box {
        display: block;
        margin: 0 -20px 20px
    }
}

.mbl-show-box.bg-img {
    background-size: cover;
    background-position: 50%
}

.mbl-show-box.bg-img.bg-bottom {
    background-position: bottom
}

.mbl-show-box.bg-img.bg-top {
    background-position: top
}

.mbl-show-box.secondary-mbl-image {
    margin-top: 20px
}

.colphoto {
    display: block;
    margin: auto;
    width: 100%;
    height: 432px;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.colphoto.colmiddle {
    width: 94%
}

@media (max-width:900px) {
    .colphoto {
        margin-bottom: 20px
    }
    .colphoto.colmiddle {
        width: 100%
    }
}

img.colleft {
    width: 98%;
    margin-right: 2%
}

img.colright {
    width: 98%;
    margin-left: 2%
}

@media (max-width:900px) {
    img.colleft {
        width: 100%;
        margin-right: 0
    }
    img.colright {
        width: 100%;
        margin-left: 0
    }
}

.product-display .col25,
.product-display .col50 {
    vertical-align: top
}

.product-display p {
    padding-left: 4px;
    padding-bottom: 20px
}

.product-display .col50 p {
    width: 94%;
    margin-right: auto;
    margin-left: auto
}

@media (max-width:900px) {
    .product-display .col50 p {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.awards {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: center
}

@media (max-width:900px) {
    .awards {
        display: block;
        position: relative;
        text-align: left;
        padding: 30px
    }
}

.awardicon {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: auto;
    padding: 0
}

.awardicon img {
    width: 100%;
    height: auto
}

.high-alert .bg-orange {
    padding: 30px;
    text-align: center
}

.high-alert .message {
    color: #fff;
    margin: auto;
    max-width: 900px
}

.high-alert h1 {
    font-size: 1.75em;
    line-height: 1.25
}

.high-alert h1:first-child {
    font-weight: 400
}

@media (max-width:900px) {
    .high-alert .bg-orange {
        padding: 20px
    }
    .high-alert h1 {
        font-size: 16px;
        line-height: 20px
    }
}

p.innerp {
    max-width: 480px;
    margin-bottom: 30px
}

@media (max-width:900px) {
    p.innerp {
        max-width: 100%
    }
}

h2.innertitle {
    font-size: 2.25em;
    margin: 20px 0 35px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 0
}

.statbox {
    border: 1px solid #7c7c81;
    padding: 50px 40px 54px 50px;
    margin-left: -4px
}

.statbox p {
    font-size: 14px;
    font-weight: 400;
    margin: 6px 0 0
}

.statbox .stat,
.statbox h3,
.statbox h3.stat {
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    margin: 0
}

.statbox.stack {
    padding: 20px 40px 24px 50px
}

.statbox .setrow {
    margin: 0;
    margin-bottom: 30px
}

.statbox .setrow:last-child {
    margin-bottom: 0
}

@media (max-width:900px) {
    .statbox {
        margin: 30px 0
    }
    .statbox p {
        font-size: 16px
    }
    .statbox .col50.flexcol {
        padding-bottom: 30px
    }
    .statbox .setrow {
        margin-bottom: 0
    }
}

@media (max-width:600px) {
    .statbox {
        margin: 20px 0 10px
    }
    .statbox,
    .statbox.stack {
        padding: 30px 20px
    }
    .statbox .col50.flexcol {
        padding-bottom: 20px
    }
}

.results-msg {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ccc
}

.none {
    display: none
}

.invisible {
    opacity: 0;
    visibility: hidden;
    cursor: default
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.intro_wrap,
.std_wrap {
    display: block;
    box-sizing: border-box;
    padding: 84px 60px;
    text-align: left;
    font-weight: 400;
    clear: both
}

.inner_wrap {
    clear: both;
    padding: 0 60px;
    margin: auto;
    max-width: 1000px
}

.mc_section,
h1.mc_section {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .12em;
    margin: auto;
    margin-top: 0;
    margin-bottom: 15px
}

.mc_title,
h2.mc_title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px
}

.mc_subtitle,
h2.mc_subtitle,
h3.mc_subtitle {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px
}

.mc_subaltspace {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 20px!important
}

.mc_dkblue {
    color: #0d3448
}

.mc_ltgray {
    color: #bababa
}

.mc_intro,
.mc_txt,
p.mc_intro,
p.mc_txt {
    font-size: 18px;
    line-height: 24px;
    margin-top: 30px
}

.mc_intro,
p.mc_intro {
    max-width: 800px
}

.mc_txt,
p.mc_txt {
    margin-bottom: 80px
}

.mc_txt.slimargin,
p.mc_txt.slimargin {
    margin-bottom: 0
}

.tab_wrap {
    padding-top: 30px
}

.tab_wrap.center {
    text-align: center
}

.tab_wrap.left {
    text-align: left
}

.tab_wrap.right {
    text-align: right
}

.tabtn,
a.tabtn {
    color: #d9531e;
    margin: auto;
    display: inline-block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 32px;
    background: url("../img/ui/tabtn_forward_d9531e.77baeee58a39.svg") 100% no-repeat
}

.tab_wrap.left .tabtn,
.tab_wrap.left a.tabtn {
    margin-right: 30px;
    padding-right: 30px
}

.tab_wrap.right .tabtn,
.tab_wrap.right a.tabtn {
    margin-left: 30px
}

.tabtn.active:after,
a.tabtn.active:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 4px;
    background: #da5319;
    margin-top: 2px
}

.std-max-width {
    clear: both;
    position: relative;
    max-width: 1000px;
    margin: 0 auto
}

.std-max-width .mc_title,
.std-max-width h2.mc_title {
    font-weight: 600
}

@media (max-width:900px) {
    .std-max-width {
        margin: 30px 0 60px
    }
}

@media (max-width:900px) {
    .intro_wrap,
    .std_wrap {
        padding: 60px 15px
    }
    .inner_wrap {
        padding: 0 15px
    }
}

.hr-spacer {
    margin: 80px 0
}

.hr-spacer-2 {
    margin: 20px 0
}

.ul-no-discs {
    list-style: none;
    padding: 0
}

.ul-no-discs.xtrapad li {
    margin-right: 40px;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -ms-flex-pack: left;
    justify-content: left;
    padding-bottom: 30px
}

.ul-no-discs.xtrapad li img,
.ul-no-discs.xtrapad li p {
    display: inline-block
}

.ul-no-discs.xtrapad li img {
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.margin-off {
    margin: 0
}

.pright20 {
    padding-right: 20px
}

.pright40 {
    padding-right: 40px
}

.pright80 {
    padding-right: 80px
}

.pleft20 {
    padding-left: 20px
}

.pleft40 {
    padding-left: 40px
}

.pleft80 {
    padding-left: 80px
}

.font-36 {
    font-size: 36px
}

.font-24 {
    font-size: 24px
}

.font-18 {
    font-size: 18px
}

.font-12 {
    font-size: 12px
}

.font-medium {
    font-weight: 600
}

.underline {
    text-decoration: underline
}

.gray {
    color: #4d4f53
}

.font-dkblue {
    color: #062f53
}

.font-dkgray {
    color: #2e2e2e
}

.flex-vcenter {
    -ms-flex-pack: center;
    justify-content: center
}

.hero-title {
    font-size: 54px;
    line-height: 58px;
    color: #4d4f53;
    font-weight: 400
}

.hero-wrap {
    margin-bottom: 60px
}

.mod-split-50 .box-transparent.pos-btm>div.relative {
    position: relative;
    bottom: 0
}

.edge-overflow {
    margin-left: -15px;
    margin-right: -15px
}

.saleshub-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.saleshub-item div.item-wrap {
    background: #f5f5f5;
    text-align: center
}

.saleshub-item img {
    display: inline-block;
    width: 30%;
    max-width: none;
    float: left
}

@media (max-width:1200px) {
    .saleshub-item img {
        display: none
    }
}

.saleshub-item div.item-info {
    padding: 10px 20px 20px;
    position: relative;
    display: inline-block;
    width: 70%;
    float: left;
    text-align: left
}

.saleshub-item h2 {
    font-size: 24px;
    color: #4d4f53;
    font-weight: 600;
    margin-top: 0
}

.saleshub-item a {
    font-size: 18px;
    color: #de5c51;
    font-weight: 600;
    position: absolute;
    left: 20px;
    bottom: 30px
}

.saleshub-item p {
    color: #2e2e2e;
    padding-bottom: 60px
}

.flex-50 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:900px) {
    .flex-50 ul {
        margin-bottom: 0;
        margin-top: 0
    }
}

.flex-50>* {
    width: 50%
}

.main.mpad-60 {
    padding-left: 60px;
    padding-right: 60px
}

.mod-split-50 .box-wrapper.pad-sustainability.shub {
    padding: 4vw 6vw 4vw 4vw
}

.mod-split-50 .box-transparent.shub {
    max-width: 100%;
    min-height: 0
}

@media (max-width:600px) {
    .shub-box {
        margin-bottom: 20px
    }
}

svg .manual {
    max-height: 17px;
    fill: #e25a48;
    color: #e25a48
}

@media (max-width:900px) {
    .main.mpad-60,
    .mpad-60 {
        padding-left: 40px;
        padding-right: 40px
    }
    .flex-50>* {
        width: 100%
    }
    .pright20,
    .pright40,
    .pright80 {
        padding-right: 0
    }
    .pleft20,
    .pleft40,
    .pleft80 {
        padding-left: 0
    }
}

.featured_img {
    margin-top: 50px
}

.std-tabs,
li.std-tabs {
    font-size: 16px;
    display: inline-block;
    padding: 0;
    margin: 0 20px 0 0;
    color: #4d4f53;
    position: relative
}

@media (max-width:600px) {
    .std-tabs,
    li.std-tabs {
        display: block;
        width: 100%
    }
}

.std-tabs a,
li.std-tabs a {
    color: #4d4f53;
    padding: 15px 0 45px;
    display: block
}

.std-tabs a.on:after,
.std-tabs a:hover:after,
li.std-tabs a.on:after,
li.std-tabs a:hover:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #e25a48;
    position: absolute;
    left: 0;
    bottom: 33px
}

@media (max-width:600px) {
    .std-tabs a,
    li.std-tabs a {
        width: 100%;
        padding: 0 0 12px
    }
    .std-tabs a.on:after,
    .std-tabs a:hover:after,
    li.std-tabs a.on:after,
    li.std-tabs a:hover:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #e25a48;
        bottom: 6px
    }
}

.saleshub .nav-tabs.mbl-tabs {
    margin: 0 auto 10px
}

.content-html {
    max-width: 780px;
    font-size: 20px;
    margin-bottom: 30px
}

.content-html p {
    font-size: inherit
}

.content-html ul {
    width: 50%;
    float: left
}

.content-html li {
    font-size: 16px;
    line-height: 24px
}

.std-data-block {
    display: block;
    width: 100%
}

.std-data-block .photo-contact {
    float: none!important;
    margin: auto!important
}

.std-data-block .site-footer-contact-name {
    margin-bottom: 0!important
}

.std-data-block .std-col-1,
.std-data-block .std-col-2,
.std-data-block .std-col-3 {
    display: block;
    float: left;
    height: auto;
    min-height: 120px
}

.std-data-block .std-col-1 {
    width: 13%;
    text-align: center
}

.std-data-block .std-col-2 {
    width: 27%;
    text-align: left
}

.std-data-block .std-col-3 {
    width: 60%;
    text-align: left
}

.std-data-block .std-data-title {
    display: "block";
    width: 100%;
    min-height: 40px
}

.std-data-block .std-data-details {
    border-left: 1px solid #bababa;
    min-height: 60px;
    max-width: 720px;
    padding-left: 30px
}

@media (max-width:1200px) {
    .std-data-block .std-col-1 {
        width: 30%
    }
    .std-data-block .std-col-2 {
        width: 70%
    }
    .std-data-block .std-col-3 {
        width: 100%;
        float: none
    }
    .std-data-block .std-data-details {
        clear: both;
        border-left: 0;
        min-height: 0;
        padding-left: 0;
        padding-top: 15px;
        color: #66686d
    }
    .std-data-block .photo-contact {
        margin-left: 0!important
    }
}

.center-in-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.max-w500 {
    max-width: 500px
}

.max-w500.center {
    margin: 0 auto
}

.max-w600 {
    max-width: 600px
}

.max-w600.center {
    margin: 0 auto
}

.max-w750 {
    max-width: 750px
}

.max-w750.center {
    margin: 0 auto
}

.flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-align-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.bg-dp-02 {
    min-height: 300px
}

.bg-dp-overview {
    padding-top: 35%!important;
    position: relative
}

@media (max-width:900px) {
    .bg-dp-overview {
        padding-top: 76%!important
    }
    .mbl-text-left {
        text-align: left
    }
}

.hero-banner,
.palette-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.hero-banner {
    padding-top: 28%
}

.palette-img {
    width: 100%
}

.swatch-img {
    width: 100px;
    height: 100px;
    float: left;
    display: block;
    overflow: hidden
}

.contained {
    padding-left: 30px;
    padding-right: 30px
}

.contained-40 {
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:900px) {
    .contained-40.off-900 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1200px) {
    .contained {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pos-relative {
    position: relative
}

.width-auto {
    width: auto!important
}

.dp-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px!important;
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.33%
}

.dp-item img {
    display: block;
    width: 100%
}

.dp-item>div {
    background: #4d4f53;
    padding: 50px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.dp-item h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
    min-height: 75px
}

.dp-item p {
    color: #2e2e2e
}

.dp-item a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    border-color: #fff
}

.offset-title {
    position: absolute;
    top: -9%;
    left: 7%;
    width: 60%;
    padding: 10px 50px 50px;
    z-index: 8;
    min-width: 650px
}

.offset-title h1 {
    font-size: 48px;
    line-height: 1.2em;
    margin: 0;
    color: #062f53
}

.offset-title.white {
    background: #fff
}

@media (max-width:768px) {
    .offset-title {
        position: relative;
        top: 0;
        left: 0;
        min-width: 100%;
        width: 100%;
        padding: 30px 0
    }
}

@media (max-width:1200px) {
    .collection-nav {
        padding: 0 20px
    }
}

.margin-zero {
    margin: 0
}

.dp-filters {
    display: -ms-flexbox;
    display: flex
}

.dp-filters>* {
    width: 25%;
    padding-right: 20px
}

.dp-filters>:last-child {
    padding-right: 0;
    width: 50%
}

.arrow-off {
    background-image: none!important
}

.dp-filters ul li.width-1-3 {
    width: 33.33%
}

.dp-filters .color-list li,
.dp-filters ul li.width-1-3 {
    padding: 0;
    margin: 0
}

.dp-filters .filter-drop {
    margin-bottom: 0
}

.height-100 {
    height: 100%
}

.width-100 {
    width: 100%
}

@media (max-width:900px) {
    .dp-filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .dp-filters>* {
        width: 100%;
        padding: 0 0 15px;
        margin: 0
    }
    .dp-filters>:last-child {
        width: 100%
    }
    .dp-filters ul li.width-1-3 {
        width: 50%!important
    }
    .dp-filters ul li.width-1-3:last-child {
        width: 100%!important;
        margin-top: 20px;
        text-align: left
    }
}

.dp-filters .color-list a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pl-list-wrapper img {
    height: auto;
    max-width: 100%;
    filter: brightness(1);
    transition: filter .5s
}

.offset-top-container {
    position: relative;
    top: -120px;
    margin-bottom: -120px;
    width: 100%;
    left: 0;
    background: #fff;
    padding: 45px
}

.offset-top-container .title {
    font-size: 36px;
    color: #062f53;
    line-height: 120%;
    max-width: 600px
}

.main img.tile-highlight,
.tile-highlight {
    position: absolute;
    top: -30px;
    right: 0;
    border: 3px solid #fff;
    max-width: 300px
}

@media (max-width:1250px) {
    .main img.tile-highlight,
    .tile-highlight {
        max-width: 180px
    }
}

@media (max-width:950px) {
    .main img.tile-highlight,
    .tile-highlight {
        display: none
    }
    .offset-top-container {
        top: 0;
        margin-bottom: 0;
        padding: 45px 0
    }
}

.video-play {
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 15px
}

.collection-item {
    width: 24%
}

.collection-item img {
    width: 100%
}

.collection-item a {
    text-decoration: underline
}

@media (max-width:900px) {
    .collection-item {
        width: 100%
    }
}

.dp-collection .btn.order {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width:1100px) {
    .dp-collection .btn.order {
        position: relative;
        bottom: 0;
        right: 0;
        display: block;
        text-align: center;
        margin-top: 10px
    }
}

.dp-collection {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f4f6f7
}

.dp-collection:last-child {
    border: none
}

@media (max-width:900px) {
    .dp-collection .col40 {
        width: 100%
    }
}

.dp-collection img {
    max-width: 100%
}

.collection-swatch {
    margin-bottom: 20px
}

.collection-swatch a,
.collection-swatch span {
    font-weight: 400
}

.swatch-info {
    display: inline-block;
    max-width: 200px;
    position: relative;
    margin-left: 15px;
    padding-left: 30px
}

.swatch-info .cta {
    color: #e25a48;
    display: block;
    margin: 8px 0;
    font-weight: 600
}

.swatch-info .swatch-number {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600
}

.image_legend {
    display: inline-block;
    width: 616px;
    height: auto;
    background: #000;
    margin: auto;
    position: relative;
    padding: 0
}

@media (max-width:600px) {
    .image_legend {
        width: 100%
    }
}

.image_legend img.prime {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 2
}

.image_legend .dp-overmap {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    opacity: 1;
    transition: opacity .4s ease-out;
    -moz-transition: opacity .54s ease-out;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out
}

.dp-overmap .injected-svg,
.dp-overmap img {
    width: 100%;
    height: auto
}

.dp-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0e1111;
    z-index: 4;
    opacity: .5;
    transition: opacity .4s ease-out;
    -moz-transition: opacity .54s ease-out;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out
}

.dp-overlay.hide,
.dp-overmap.hide,
.hide {
    opacity: 0
}

.legendmap {
    width: 160px;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.legendmap .injected-svg,
.legendmap svg {
    width: 100%;
    height: auto;
    background: #fff;
    display: block;
    cursor: pointer
}

.grid-toggle {
    display: block;
    padding: 0 20px 20px 160px;
    margin: -25px 0 4px 25px
}

.dp-overmap .st0 {
    fill: #fff
}

.dp-overmap .st1 {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.legendmap .st0 {
    fill: #0d3448
}

.legendmap .st1 {
    fill: none;
    stroke: #0d3448;
    stroke-width: 3;
    stroke-miterlimit: 10
}

@media (max-width:1500px) {
    .dp-collection .col40 {
        display: block;
        height: auto;
        width: 100%
    }
}

@media (max-width:1500px) {
    .dp-collection .col25 {
        display: block;
        height: auto;
        width: 50%
    }
}

@media (max-width:600px) {
    .dp-collection .col25 {
        width: 100%
    }
}

.palette-thumb-wrap {
    display: block;
    width: 768px;
    height: 280px;
    max-width: 100%;
    position: relative;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

.cart-alert {
    margin: 0 -20px
}

@media (min-width:1200px) {
    .cart-alert {
        margin: 0 -30px
    }
}

.cart-empty-all {
    float: right;
    margin-left: 1em
}

.cart-table {
    background: #fff;
    overflow-x: auto;
    width: 100%
}

.cart-table td,
.cart-table th {
    padding: 8px;
    padding: .5rem;
    text-align: left
}

.cart-table td:first-child,
.cart-table th:first-child {
    padding-left: 0
}

@media (max-width:767px) {
    .cart-table td,
    .cart-table th {
        vertical-align: top
    }
}

.cart-table caption {
    text-align: left
}

@media (max-width:767px) {
    .cart-table .widescreen-only {
        display: none
    }
}

@media (min-width:768px) {
    .cart-table .mobile-only {
        display: none
    }
}

.cart-table thead {
    border-bottom: 1px solid #3b3b3b
}

.cart-table thead th {
    color: #3b3b3b;
    font-size: 12px;
    font-size: .75rem;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap
}

.cart-table tbody tr {
    border-bottom: 1px solid #a6a7a9;
    transition: .2s
}

.cart-table tbody tr:hover {
    background: rgba(226, 90, 72, .05)
}

.cart-table .error {
    color: #f44336
}

.cart-table-image {
    width: 80px
}

@media (max-width:399px) {
    .cart-table-image {
        width: 50px
    }
}

.cart-table-image-img {
    display: block
}

.cart-table-product {
    font-weight: 400
}

.cart-table-product a {
    color: #e25a48
}

.cart-table-sample-size {
    white-space: nowrap;
    width: 1px
}

.cart-table-quantity {
    width: 5em
}

.cart-table .cart-table-quantity {
    text-align: right
}

.cart-table-quantity input[type=number] {
    text-align: center;
    width: 5em
}

.cart-table-remove {
    color: #f44336;
    width: 1px
}

.cart-table-remove .iconic * {
    fill: #f44336;
    stroke: #f44336
}

.cart-table .cart-table-remove {
    text-align: center
}

.cart-table-info {
    margin: 0;
    padding: 0
}

.cart-table-info-label {
    color: #3b3b3b;
    font-size: 12px;
    font-size: .75rem;
    margin-top: 8px;
    margin-top: .5rem;
    text-transform: uppercase
}

.cart-table-info-label:first-child {
    margin-top: 0
}

.cart-table-info-value {
    margin: 0;
    padding: 0
}

.cart-checkout-wrapper .cart-table {
    margin-bottom: 2em
}

@media (min-width:768px) {
    .cart-checkout-wrapper {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .cart-checkout-wrapper .cart-table,
    .cart-checkout-wrapper .form-column {
        width: 48%
    }
}

.order-info {
    margin: 1em auto;
    padding: 0
}

.order-info-label {
    clear: both;
    color: #4d4f53;
    float: left;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    margin: 0 16px 8px 0;
    margin: 0 1rem .5rem 0;
    min-width: 8em;
    padding: 2.8px 0 0;
    padding: .175rem 0 0;
    text-transform: uppercase;
    white-space: nowrap
}

.order-info-value {
    margin: 0 0 8px 144px;
    margin: 0 0 .5rem 9rem
}

.order-info-shipping-address {
    font-style: inherit
}

.order-reorder {
    text-align: right
}

.address-lookup-form .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.address-lookup-form .form-field {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 20px
}

.address-lookup-form .form-buttons {
    width: 70px
}

.address-lookup-form .form-buttons .btn {
    line-height: 1;
    min-height: 36px
}

.address-lookup-form-results-item {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px
}

.address-lookup-form-results-item:after {
    clear: both;
    content: "";
    display: table
}

.address-lookup-form-results-item .btn {
    float: right;
    margin-left: 10px
}

.address-lookup-form-results-item:nth-child(2n) {
    background: rgba(77, 79, 83, .1)
}

.tackboard-table {
    background: #dcd8cf url("../img/tackboard-bg.ef8aba32a73f.jpg") top;
    padding: 20px;
    width: 100%
}

.tackboard-table td,
.tackboard-table th {
    padding: .5em
}

.tackboard-table th {
    font-weight: 400;
    text-align: left
}

.tackboard-table tr {
    background: hsla(0, 0%, 100%, .5);
    border: 10px solid transparent;
    transition: .2s
}

.tackboard-table tr:nth-child(2n) {
    background: hsla(0, 0%, 100%, .25)
}

.tackboard-table tr:hover {
    background: hsla(0, 0%, 100%, .75)
}

.tackboard-table-actions {
    white-space: nowrap;
    width: 1px
}

.tackboard-table-actions .btn {
    margin: 0 .5em
}

.tackboard-table-actions .btn:first-child {
    margin-left: 0
}

.tackboard-table-actions .btn:last-child {
    margin-right: 0
}

.tackboards .page-title {
    margin-top: 0
}

.tackboards .alert {
    margin-bottom: 20px
}

.tackboards .alert:first-child {
    margin-top: -20px
}

@media (min-width:1200px) {
    .tackboards .alert:first-child {
        margin-top: -30px
    }
}

.tackboard {
    background: #dcd8cf url("../img/tackboard-bg.ef8aba32a73f.jpg") top;
    margin: 20px auto 0;
    padding: 20px
}

.tackboard-actions {
    float: right;
    margin-left: 20px
}

.tackboard-actions .btn {
    margin-left: 20px
}

.main .tackboard-list {
    clear: both;
    margin: -10px
}

@media (min-width:660px) {
    .main .tackboard-list {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.main .tackboard-list-item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 20px auto;
    overflow: hidden;
    transition: transform .2s;
    width: 288px
}

@media (min-width:660px) {
    .main .tackboard-list-item {
        border: 10px solid transparent;
        margin: 0;
        width: 308px
    }
}

.main .tackboard-list-item[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main .tackboard-list-item[draggable] .tackboard-color {
    cursor: move
}

.main .tackboard-list-item-drag-over {
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.main .tackboard-list-item-dragging {
    opacity: .25
}

.main .tackboard-list-item-empty-target {
    display: none;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    transition: border .2s;
    width: auto;
    z-index: 1
}

@media (min-width:660px) {
    .main .tackboard-list-item-empty-target {
        display: block;
        width: auto
    }
}

.main .tackboard-list-item-empty-target:after {
    background: hsla(0, 0%, 100%, 0);
    border: 1px dashed transparent;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%;
    z-index: 1
}

.main .tackboard-list-item-empty-target.tackboard-list-item-drag-over {
    -ms-transform: none;
    transform: none
}

.main .tackboard-list-item-empty-target.tackboard-list-item-drag-over:after {
    background-color: hsla(0, 0%, 100%, .25);
    border-color: #e25a48
}

.main .tackboard-list-item .tackboard-color-actions {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -20px;
    transition: .2s
}

.main .tackboard-list-item .tackboard-color-actions-link {
    background: #e25a48;
    display: inline-block;
    line-height: 1;
    margin-left: 20px;
    padding: 5px
}

.main .tackboard-list-item .tackboard-color-actions-link:first-child {
    margin-left: 0
}

.main .tackboard-list-item .tackboard-color-actions-link .icon *,
.main .tackboard-list-item .tackboard-color-actions-link .iconic * {
    fill: #fff;
    stroke: #fff
}

.main .tackboard-list-item:hover .tackboard-color-actions {
    opacity: 1;
    top: 0
}

.main .tackboard-list-item:hover .tackboard-color-caption {
    color: #e25a48
}

.tackboard-color {
    background: hsla(0, 0%, 100%, .5);
    margin: 0;
    padding: 10px;
    position: relative;
    z-index: 1
}

.tackboard-color-caption {
    color: #3b3b3b;
    transition: .2s
}

.tackboard-color-image {
    display: block;
    height: auto;
    margin: -10px -10px 10px;
    width: 288px
}

.main .tackboard-color-image {
    max-width: 288px
}

.tackboard-color-clone {
    cursor: move;
    max-width: 288px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tackboard-color-clone .tackboard-color-image {
    margin: -10px -10px 10px
}

.tackboard-color-clone .tackboard-color-actions {
    display: none
}

.tackboard-drag-holder {
    max-height: 0;
    overflow-y: hidden
}

.tackboard-buttons {
    margin-bottom: 0;
    text-align: right
}

.tackboard-buttons a[href=""] {
    opacity: 0;
    pointer-events: none
}

.tackboard-form-loading {
    float: left
}

.main .design-tools-list {
    margin: 5px -5px
}

@media (min-width:768px) {
    .main .design-tools-list {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main .design-tools-list-item {
    background: #2e2e2e no-repeat 50%;
    background-size: cover;
    border: 5px solid #fff;
    color: #fff;
    padding: 40px 40px 300px
}

@media (min-width:768px) {
    .main .design-tools-list-item {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 50%
    }
}

.main .design-tools-list-item-colorspec {
    background-image: url("../img/colorspec.ebbe7ef93fd4.jpg")
}

.main .design-tools-list-item-tackboard {
    background-image: url("../img/tackboard.4a9c43b10b17.jpg")
}

.main .design-tools-list-item-amtico {
    background-image: url("../img/amtico.809424a058aa.jpg")
}

.main .design-tools-name {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    text-transform: lowercase
}

.main .design-tools-name .mark {
    height: 32px;
    height: 2rem;
    width: auto
}

.main .design-tools-name .mark .icon-property-fill {
    fill: currentColor
}

.main .design-tools-name .mark .icon-property-stroke {
    stroke: currentColor
}

.main .design-tools-name .mark-amtico {
    height: 48px;
    height: 3rem
}

.main .design-tools-tagline {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 3px;
    line-height: 2.2;
    max-width: 70%
}

.main .design-tools-btn,
.main .design-tools-tagline {
    font-family: Raleway, sans-serif;
    text-transform: uppercase
}

.main .design-tools-btn {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 12px 20px 11px
}

.main .design-tools-btn:hover {
    border-color: #e25a48
}

.galleries-list {
    margin: -10px
}

@media (min-width:768px) {
    .galleries-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.galleries-list-item {
    border: 10px solid transparent
}

@media (min-width:768px) {
    .galleries-list-item {
        max-width: 20%
    }
}

.galleries-list-item-figure {
    margin: 0
}

.main .gallery-image-list {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: -14px -6px -6px;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.main .gallery-image-list-item {
    min-width: 0;
    min-height: 0;
    cursor: pointer;
    border: 3px solid transparent;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.main .gallery-image-list-item-img {
    display: block;
    transition: .2s
}

.main .gallery-image-list-item-img:active,
.main .gallery-image-list-item-img:focus,
.main .gallery-image-list-item-img:hover {
    box-shadow: 0 0 6px rgba(14, 17, 17, .4)
}

.gallery-photo-viewer {
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 40px;
    left: 40px;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100% - 80px);
    margin: 0;
    transition: .2s;
    background: #fff;
    box-shadow: 0 0 20px rgba(14, 17, 17, .4);
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:768px) {
    .gallery-photo-viewer {
        position: fixed
    }
}

.photo-viewer-showing .gallery-photo-viewer {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .photo-viewer-showing .gallery-photo-viewer {
        top: 50%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.with-admin-bar .gallery-photo-viewer {
    top: 78px
}

@media (min-width:768px) {
    .with-admin-bar .gallery-photo-viewer {
        top: calc(50% + 20px);
        max-height: calc(100% - 100px)
    }
}

.gallery-photo-viewer .iconic-property-fill {
    fill: #4d4f53
}

.gallery-photo-viewer .iconic-property-stroke {
    stroke: #4d4f53
}

.gallery-photo-viewer-close {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px
}

@media (max-width:767px) {
    .gallery-photo-viewer-close {
        top: -30px
    }
}

.gallery-photo-viewer-next,
.gallery-photo-viewer-prev {
    position: absolute;
    z-index: 5;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gallery-photo-viewer-prev {
    left: -40px
}

.gallery-photo-viewer-next {
    right: -40px
}

.gallery-photo-viewer-caption {
    position: relative;
    z-index: 1;
    padding: 30px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) {
    .gallery-photo-viewer-caption {
        width: 320px
    }
}

.gallery-photo-viewer-name {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 5px;
    text-transform: uppercase
}

.gallery-photo-viewer-location {
    margin: 0 0 1em
}

.gallery-photo-viewer-location:last-child {
    margin-bottom: 0
}

.gallery-photo-viewer-img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.gallery-photo-viewer-img-actual {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.gallery-photo-viewer-products-label {
    font-size: 14px;
    font-size: .875rem;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #4d4f53
}

.gallery-photo-viewer-products-list-item {
    margin-top: .5em
}

.gallery-photo-viewer-products-list-item-link {
    color: #e25a48
}

.photo-viewer-showing .site-menu,
.photo-viewer-showing .site-menu-toggle,
.photo-viewer-showing .site-user-menu {
    z-index: 4
}

.gallery-detail .page-title {
    display: none
}

.gallery-thumb-wrap {
    display: block;
    width: 300px;
    height: 168px;
    max-width: 100%;
    position: relative;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .contact-form .form-field-email,
    .contact-form .form-field-first-name,
    .contact-form .form-field-last-name,
    .contact-form .form-field-locality,
    .contact-form .form-field-phone-number,
    .contact-form .form-field-postal-code,
    .contact-form .form-field-region {
        display: inline-block;
        width: 49%
    }
    .contact-form .form-field-postal-code,
    .contact-form .form-field-region {
        width: 23.5%
    }
    .contact-form .form-field-first-name,
    .contact-form .form-field-locality,
    .contact-form .form-field-phone-number,
    .contact-form .form-field-region {
        margin-right: 1.99%
    }
}

.contact .page-title {
    color: #e25a48
}

@media (min-width:768px) {
    .contact .page-title {
        margin-top: 0
    }
}

.quick-add-loading .quick-add-chooser-form,
.quick-add-loading .quick-add-form {
    pointer-events: none
}

.quick-add-chooser-form-legend,
.quick-add-form-legend {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    .quick-add-chooser-form-legend,
    .quick-add-form-legend {
        line-height: 36px
    }
}

.quick-add-chooser-form .form-fields,
.quick-add-form .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

@media (min-width:768px) {
    .quick-add-chooser-form .form-fields,
    .quick-add-form .form-fields {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.quick-add-chooser-form .form-field,
.quick-add-form .form-field {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 0;
    margin-right: 1em
}

.quick-add-chooser-form .form-field-quantity,
.quick-add-form .form-field-quantity {
    white-space: nowrap
}

.quick-add-chooser-form .form-field-quantity label,
.quick-add-form .form-field-quantity label {
    display: inline-block;
    margin-right: 1em
}

.quick-add-chooser-form .form-field-quantity input,
.quick-add-form .form-field-quantity input {
    display: inline-block;
    max-width: 4em;
    min-width: 0;
    text-align: center
}

.quick-add-chooser-form .form-field-sap-code,
.quick-add-form .form-field-sap-code {
    white-space: nowrap
}

.quick-add-chooser-form .form-field-sap-code input,
.quick-add-form .form-field-sap-code input {
    display: inline-block;
    margin-left: 16px;
    margin-left: 1rem;
    margin-right: 8px;
    margin-right: .5rem;
    max-width: 12em;
    min-width: 0
}

.quick-add-chooser-form .form-field-arch-folder-add-all .btn,
.quick-add-form .form-field-arch-folder-add-all .btn {
    margin-right: 16px;
    margin-right: 1rem
}

.quick-add-chooser-form .form-field-sample-sizes select,
.quick-add-form .form-field-sample-sizes select {
    width: 120px
}

.quick-add-chooser-form .form-field-kind select,
.quick-add-form .form-field-kind select {
    width: 260px
}

.quick-add-chooser-form select,
.quick-add-form select {
    width: 220px;
    transition: .2s
}

.quick-add-chooser-form select[disabled],
.quick-add-form select[disabled] {
    opacity: .25
}

.quick-add-chooser-form-loader,
.quick-add-form-loader {
    opacity: 0;
    transition: .2s
}

.quick-add-loading .quick-add-chooser-form-loader,
.quick-add-loading .quick-add-form-loader {
    opacity: 1
}

.quick-add-chooser-form-loader-img,
.quick-add-form-loader-img {
    display: block;
    height: 36px
}

.alert:not([style*="display:none"]):not([style*="display: none"])~.quick-add-wrapper {
    margin-top: 1em
}

.quick-add-wrapper {
    min-height: 60px
}

.main .docs-group-list-item {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.main .docs-group-list-item-name {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #bababa;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #4d4f53;
    margin: 0;
    padding-right: 40px
}

@media (max-width:600px) {
    .main .docs-group-list-item-name {
        font-size: 16px
    }
}

.main .docs-group-list-item-subsection {
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 0;
    font-size: 22px;
    padding-bottom: 36px;
    border-bottom: 1px solid #2e2e2e
}

.locator .main .docs-group-list-item-subsection {
    padding-bottom: 15px;
    border-bottom: 0
}

.main .docs-group-list-item-subsection:first-child {
    margin-top: 30px
}

.main .docs-group-list-item-toggle {
    font-size: 0;
    line-height: 1;
    position: absolute;
    top: 30px;
    right: 0;
    color: #2e2e2e
}

.main .docs-group-list-item-toggle:active,
.main .docs-group-list-item-toggle:focus,
.main .docs-group-list-item-toggle:hover {
    color: #e25a48
}

.main .docs-group-list-item-toggle .iconic-property-fill {
    fill: currentColor
}

.main .docs-group-list-item-toggle .iconic-property-stroke {
    stroke: currentColor
}

.main .docs-group-list-item .slide-down {
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1);
    height: auto;
    max-height: 0;
    background-color: #fcfcfc;
    margin: 0;
    padding: 0
}

@media (max-width:600px) {
    .main .docs-group-list-item .slide-down {
        margin: 0 -20px
    }
}

.main .docs-group-list-doc-list {
    display: block;
    padding: 30px 40px
}

.main .docs-group-list-doc-list-item {
    margin-top: .5em
}

.main .docs-group-list-doc-list-item-link {
    color: #e25a48
}

.main .docs-group-list-doc-list-item-link:active,
.main .docs-group-list-doc-list-item-link:focus,
.main .docs-group-list-doc-list-item-link:hover {
    text-decoration: underline
}

.main .docs-group-list-doc-list-item-link .iconic-property-stroke {
    opacity: .5;
    stroke: currentColor
}

.main .docs-group-list-doc-list-item-link .iconic-property-fill {
    opacity: .5;
    fill: currentColor
}

@media (max-width:600px) {
    .main .docs-group-list-doc-list {
        padding: 30px 20px
    }
}

.main .docs-group-list-item-open .docs-group-list-item-name {
    color: #4d4f53
}

.main .docs-group-list-item-open .slide-down {
    max-height: 5000px;
    transition: max-height 1s ease-in-out
}

.main .specialist {
    margin-top: 50px;
    border-top: 1px solid #bababa
}

.homepage-promotion {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0;
    background-position: 50%;
    background-size: cover;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

.homepage-promotion-link:active .homepage-promotion-btn,
.homepage-promotion-link:focus .homepage-promotion-btn,
.homepage-promotion-link:hover .homepage-promotion-btn {
    color: #fff;
    border-color: #e25a48
}

.homepage-promotions-primary .homepage-promotion {
    padding-top: 56.25%
}

.homepage-promotions-primary .homepage-promotion .homepage-promotion-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.homepage-promotion-image {
    display: block;
    width: 100%;
    height: auto
}

.homepage-promotion-caption {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;
    padding: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff
}

.homepage-promotion-headline {
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 16px;
    text-transform: lowercase
}

.homepage-promotion-headline:only-child {
    margin-bottom: 0
}

.homepage-promotion-headline .caps {
    text-transform: uppercase
}

@media (min-width:768px) {
    .homepage-promotions-primary .homepage-promotion-headline {
        font-size: 2rem;
        letter-spacing: 3px
    }
    .homepage-promotions-secondary .homepage-promotion-headline {
        font-size: 1rem
    }
}

@media (min-width:1024px) {
    .homepage-promotions-primary .homepage-promotion-headline {
        font-size: 3rem
    }
}

.homepage-promotion-text {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    margin: 0 auto 20px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.homepage-promotion-text:only-child {
    margin-bottom: 0
}

@media (max-width:599px) {
    .homepage-promotion-text {
        display: none
    }
}

@media (min-width:1024px) {
    .homepage-promotions-primary .homepage-promotion-text {
        font-size: 1.25rem
    }
}

.homepage-promotion-btn {
    cursor: pointer;
    color: #fff;
    border-color: #fff;
    background: transparent
}

.homepage-promotion-btn:active,
.homepage-promotion-btn:focus,
.homepage-promotion-btn:hover {
    color: #fff
}

.homepage-promotions {
    margin: -20px -20px 0
}

.homepage-promotions:last-child,
.homepage-promotions:only-child {
    margin-bottom: -20px
}

@media (min-width:1200px) {
    .homepage-promotions {
        margin: -30px -30px 0
    }
    .homepage-promotions:last-child,
    .homepage-promotions:only-child {
        margin-bottom: -30px
    }
}

.main>.homepage-promotions:first-child {
    margin-top: -20px
}

@media (min-width:1200px) {
    .main>.homepage-promotions:first-child {
        margin-top: -30px
    }
}

.homepage-promotions-primary+.homepage-promotions-primary {
    margin-top: 8px
}

.homepage-promotions-secondary {
    display: none
}

@media (min-width:768px) {
    .homepage-promotions-1-2,
    .homepage-promotions-1-3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .homepage-promotions-1-2 .homepage-promotions-primary,
    .homepage-promotions-1-2 .homepage-promotions-secondary,
    .homepage-promotions-1-3 .homepage-promotions-primary,
    .homepage-promotions-1-3 .homepage-promotions-secondary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .homepage-promotions-1-2 .homepage-promotions-primary,
    .homepage-promotions-1-3 .homepage-promotions-primary {
        width: 75%;
        border-right: 4px solid transparent;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .homepage-promotions-1-2 .homepage-promotions-primary .homepage-promotion,
    .homepage-promotions-1-3 .homepage-promotions-primary .homepage-promotion {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .homepage-promotions-1-2 .homepage-promotions-secondary,
    .homepage-promotions-1-3 .homepage-promotions-secondary {
        width: 25%;
        border-left: 4px solid transparent;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .homepage-promotions-1-2 .homepage-promotions-secondary .homepage-promotion,
    .homepage-promotions-1-3 .homepage-promotions-secondary .homepage-promotion {
        overflow: hidden;
        margin: 8px 0 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .homepage-promotions-1-2 .homepage-promotions-secondary .homepage-promotion:first-child,
    .homepage-promotions-1-3 .homepage-promotions-secondary .homepage-promotion:first-child {
        margin-top: 0
    }
    .homepage-promotions-1-2 .homepage-promotions-secondary .homepage-promotion img,
    .homepage-promotions-1-3 .homepage-promotions-secondary .homepage-promotion img {
        display: block;
        min-width: 100%
    }
    .homepage-promotions-1-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .homepage-promotions-1-1 .homepage-promotions-primary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        margin: 0 0 0 8px;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .homepage-promotions-1-1 .homepage-promotions-primary:first-child {
        margin-left: 0
    }
    .homepage-promotions-1-1 .homepage-promotions-primary .homepage-promotion {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.homepage-gallery {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 8px -20px -20px
}

@media (min-width:1200px) {
    .homepage-gallery {
        margin: 8px -30px -30px
    }
}

.homepage-gallery-next,
.homepage-gallery-previous {
    position: absolute;
    z-index: 10;
    top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 48px;
    height: 48px;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(14, 17, 17, .5);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.homepage-gallery-next .iconic-property-fill,
.homepage-gallery-previous .iconic-property-fill {
    fill: currentColor
}

.homepage-gallery-next .iconic-property-stroke,
.homepage-gallery-previous .iconic-property-stroke {
    stroke: currentColor
}

.homepage-gallery-next {
    right: 20px
}

.homepage-gallery-previous {
    right: 67px
}

.homepage-gallery-list {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    transition: .5s;
    -ms-transform: translateX(0);
    transform: translateX(0);
    background: #0e1111;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.homepage-gallery-list:after {
    clear: both;
    content: "";
    display: table
}

.homepage-gallery-list-item {
    position: relative;
    z-index: 1
}

.homepage-gallery-dots {
    padding: 10px 20px;
    text-align: center;
    background: #333
}

.homepage-gallery-dots .iconic-property-fill {
    fill: currentColor
}

.homepage-gallery-dots .iconic-property-stroke {
    stroke: currentColor
}

.homepage-gallery-dots-dot {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    color: #4d4f53
}

.homepage-gallery-dots-dot-current {
    pointer-events: none;
    color: #fff
}

.homepage-gallery-image {
    position: relative;
    z-index: 1;
    margin: 0
}

.homepage-gallery-img {
    display: block
}

.homepage-gallery-caption {
    margin: 0;
    padding: 20px;
    color: #fff;
    background: #0e1111
}

@media (min-width:768px) {
    .homepage-gallery-caption {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        background: rgba(14, 17, 17, .5);
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.homepage-gallery-caption-label {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-transform: lowercase;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) {
    .homepage-gallery-caption-label {
        margin-right: 20px;
        margin-bottom: 0
    }
}

.homepage-gallery-caption-location-name {
    margin-right: 20px
}

.homepage-gallery-caption p:first-child {
    margin-top: 6px
}

.homepage-gallery-caption-name,
.homepage-gallery-caption-products-label {
    text-transform: uppercase
}

.homepage-gallery-caption-products-list-item-link {
    color: #e25a48
}

.cobranded .homepage .page-content {
    margin-bottom: 50px
}

.cobranded .homepage .page-content .cobrand-desc {
    margin: auto;
    max-width: 840px;
    font-size: 16px;
    line-height: 22px;
    padding: 30px
}

.cobranded .homepage .page-content .cobrand-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #4d4f53
}

.cobranded .homepage .page-content:first-child {
    margin-top: -20px
}

@media (min-width:1200px) {
    .cobranded .homepage .page-content:first-child {
        margin-top: -30px
    }
}

.cobrand-bar {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    background: #e25a48
}

.with-admin-bar .cobrand-bar {
    top: 38px
}

@media (min-width:768px) {
    .cobrand-bar {
        position: fixed
    }
    .cobrand-bar,
    .cobrand-login .cobrand-bar {
        text-align: center
    }
}

@media (min-width:1600px) {
    .cobrand-bar {
        right: auto;
        left: 50%;
        width: 1600px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.cobrand-bar-mark {
    display: inline-block;
    width: auto;
    max-width: auto;
    height: 40px
}

.cobrand-bar-name {
    font-weight: 600;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 40px;
    text-transform: uppercase;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cobranded {
    padding-top: 60px
}

.cobranded.with-admin-bar {
    padding-top: 98px
}

@media (min-width:1000px),
(min-width:1200px) {
    .microsite-colorways-list-item {
        width: 16.667%
    }
}

.microsite-colorways-list-item-actions {
    margin: 16px auto 0;
    margin: 1rem auto 0;
    border-top: 1px solid #f5f5f5
}

.microsite-colorways-list-item-actions:empty {
    display: none
}

.microsite-colorways-list-item-action {
    padding: 8px;
    padding: .5rem;
    border-bottom: 1px solid #f5f5f5
}

.microsite-colorways-list-item-action-link {
    font-size: 13.6px;
    font-size: .85rem;
    position: relative;
    z-index: 1;
    display: block;
    min-height: 16px;
    padding-left: 24px;
    padding-left: 1.5rem;
    transition: .2s;
    text-transform: uppercase;
    color: #4d4f53
}

.microsite-colorways-list-item-action-link:active,
.microsite-colorways-list-item-action-link:focus,
.microsite-colorways-list-item-action-link:hover {
    color: #e25a48
}

.microsite-colorways-list-item-action-link .iconic {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.microsite-colorways-list-item-action-link .iconic-property-stroke {
    transition: 0;
    stroke: currentColor
}

.microsite-colorways-list-item-action-link .iconic-property-fill {
    transition: 0;
    fill: currentColor
}

.cobrand-login .site-header .site-brand {
    margin-right: auto;
    margin-left: auto
}

.cobrand-login .main {
    padding: 0 0 20px
}

@media (min-width:1200px) {
    .cobrand-login .main {
        padding: 0 0 30px
    }
}

.cobranded .site-footer-left {
    margin-right: 40px
}

.cobranded .site-footer-logos-mannington .mark .icon-property-fill {
    fill: #4d4f53
}

.cobranded .site-footer-social {
    margin: 0
}

.cobranded .site-footer-social-link .iconic * {
    fill: #e25a48;
    stroke: #e25a48
}

.cobranded .site-footer-phone {
    font-weight: 700;
    margin: 30px 0;
    text-align: left
}

.cobranded .site-footer-address,
.cobranded .site-footer-terms {
    margin: 0 0 30px;
    text-align: left
}

.cobranded .site-footer-contact-department,
.cobranded .site-footer-downloads-item-department {
    text-transform: none;
    opacity: 1
}

.cobranded .site-footer-contact {
    font-size: 14px;
    font-size: .875rem;
    color: #4d4f53;
    min-width: 420px
}

@media (max-width:600px) {
    .cobranded .site-footer-contact {
        clear: both;
        margin-bottom: 40px
    }
}

.cobranded .site-footer-address-link {
    margin: 0!important
}

.cobranded .site-footer-contact-department {
    font-weight: 700
}

.cobranded .photo-contact {
    display: block;
    float: left;
    width: 130px;
    height: 160px;
    max-height: 160px;
    background-color: #4d4f53;
    border: 1px solid #2e2e2e;
    margin-right: 20px;
    overflow: hidden
}

@media (max-width:600px) {
    .cobranded .photo-contact {
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (min-width:769px),
(min-width:1200px) {
    .microsite-colorways-list-item.large-scale {
        width: 33.333%
    }
}

@media (max-width:768px) {
    .microsite-colorways-list-item.large-scale {
        width: 100%
    }
}

.saleshub-footer,
.saleshub.marketing-contacts {
    background: #fff;
    color: #0d3448;
    display: block
}

.saleshub-footer br,
.saleshub.marketing-contacts br {
    display: none;
    height: 0;
    width: 0
}

.saleshub-footer .site-footer-contact span,
.saleshub.marketing-contacts .site-footer-contact span {
    display: block
}

.saleshub-footer {
    padding: 30px 60px 60px
}

.saleshub.marketing-contacts .site-footer-contacts {
    margin-top: 60px
}

.saleshub.marketing-contacts .border-link {
    margin-bottom: 80px
}

@media (max-width:600px) {
    .saleshub.marketing-contacts .border-link {
        margin-left: 15px
    }
}

.saleshub .photo-contact {
    display: block;
    float: left;
    width: 110px;
    height: 110px;
    max-height: 110px;
    background-color: transparent;
    border: 0;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 50%
}

@media (max-width:600px) {
    .saleshub .photo-contact {
        margin-bottom: 15px;
        width: 80px;
        height: 80px
    }
}

.saleshub .site-footer-contacts {
    line-height: 1.5
}

.saleshub .site-footer-contact {
    min-width: 33.333%;
    margin: 0;
    margin-bottom: 60px
}

@media (min-width:901px) and (max-width:1200px) {
    .saleshub .site-footer-contact {
        min-width: 50%
    }
}

@media (max-width:900px) {
    .saleshub .site-footer-contact {
        min-width: 100%
    }
}

.saleshub .site-footer-contact-name {
    color: inherit;
    display: block;
    font-size: 16px;
    margin-bottom: 20px
}

.saleshub .site-footer-contact-email,
.saleshub .site-footer-contact-title,
.saleshub .tel-link {
    color: inherit;
    font-size: 14px;
    display: block
}

@media (min-width:1201px) and (max-width:1280px) {
    .saleshub .site-footer-contact-email {
        padding-top: 15px;
        clear: both
    }
}

.saleshub nav.site-footer-nav {
    padding-top: 50px
}

.saleshub .site-footer-nav-item-header a,
.saleshub .site-footer-nav-item-header {
    /* color: #4d4f53; */
    color: #e25a48;
    font-weight: 700
}
.saleshub .site-footer-nav-item-header a:hover, 
.saleshub .site-footer-nav-item-header a:active,
.saleshub .site-footer-nav-item-header a:focus {
    color: #0d3448;
}

@media (max-width:1199px) {
    .site-brand.saleshub-brand {
        width: 141px;
        height: 30px
    }

    .site-brand.saleshub-brand .mark {
        margin-top: -15px
    }
}
@media (min-width:1200px) {
    .mt-sh-scrolled .site-brand.saleshub-brand {
        width: 141px;
        height: 30px
    }
    
    .mt-sh-scrolled .site-brand.saleshub-brand .mark {
        margin-top: -5px
    }
}


@media (max-width:900px) {
    .bradspace {
        display: none
    }
}

.section-wrap {
    max-width: 750px;
    padding-top: 40px
}

.section-wrap p {
    font-size: 20px
}

.slideshow,
.slideshow.slideshow_alt {
    margin: auto;
    width: 100%;
    max-width: 960px;
    height: 450px;
    overflow: hidden;
    position: relative
}

.slideshow.cover,
.slideshow.multi-column {
    max-width: 100%
}

.slideshow-title,
h3.slideshow-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.slideshow .slide {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    cursor: grab;
    cursor: -webkit-grab
}

.slide_cbox {
    color: #fff;
    z-index: 420;
    padding: 0;
    font-family: Galano, Helvetica Neue, Helvetica, Arial, sans-serif
}

.slide_cbox h2 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 30px;
    font-weight: 300
}

.slide_cbox h3 {
    margin: auto;
    padding: 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    text-transform: uppercase
}

.slide_cbox p {
    font-size: 16px;
    line-height: 18px
}

.slide_cbox p.disclaimer,
p.disclaimer {
    margin: auto;
    margin-top: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.slide_cbox.inverse,
.slide_cbox.inverse h1,
.slide_cbox.inverse h2,
.slide_cbox.inverse h3,
.slide_cbox.inverse p {
    color: #666
}

.slide_cbox.captioner,
.slide_cbox.inverse {
    position: absolute;
    bottom: 10%;
    left: 5%
}

.slideshow.multi-column .slide_cbox,
.slideshow.slideshow_alt .slide_cbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide_cbox.captioner p.disclaimer {
    margin-top: 10px
}

.slide_cbox hr {
    width: 98%;
    color: #fff;
    background: #fff
}

.photo-third,
.photo_full {
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%
}

.photo-third {
    min-height: 400px
}

.photo-third img,
.photo_full img {
    margin: auto
}

.slide .photo-third,
.slide .photo_full {
    z-index: 400
}

.morelink,
a.morelink {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e25a48
}

.morelink:hover,
a.morelink:hover {
    border-bottom: 2px solid #2e2e2e
}

.slidenav {
    display: block;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: background-color .3s;
    border: 1px solid #fff;
    opacity: 1;
    z-index: 8
}

.slidenav:hover {
    background-color: #666;
    border: 1px solid #666
}

.slidenav.prev {
    background-image: url("../img/ui/arrow-back.c5b0ad3cc625.svg");
    position: absolute;
    bottom: 0;
    right: 54px
}

.slidenav.next {
    background-image: url("../img/ui/arrow-fwd.b59f0e4b78d5.svg");
    position: absolute;
    bottom: 0;
    right: 0
}

.slidenav.prev:hover {
    background-image: url("../img/ui/arrow-back-FFF.4e5a8f98edc8.svg")
}

.slidenav.next:hover {
    background-image: url("../img/ui/arrow-fwd-FFF.6de874f5f3c2.svg")
}

.slidenav.next.disabled,
.slidenav.next.disabled:hover,
.slidenav.prev.disabled,
.slidenav.prev.disabled:hover {
    opacity: 0;
    transition: opacity .3s, visibility .3s
}

.slideshow.slideshow_alt .slidenav {
    display: block;
    margin: 0;
    margin-top: -37px;
    padding: 0;
    width: 75px;
    height: 75px;
    position: absolute;
    z-index: 500
}

.slideshow.slideshow_alt .slidenav,
.slideshow.slideshow_alt .slidenav:hover {
    background-color: transparent;
    border: none
}

.slideshow.slideshow_alt .slidenav.prev {
    background-image: none;
    top: 50%;
    left: 20px
}

.slideshow.slideshow_alt .slidenav.next {
    background-image: none;
    top: 50%;
    right: 20px
}

.slideshow.slideshow_alt .slidenav.next:hover,
.slideshow.slideshow_alt .slidenav.prev:hover {
    background-image: none
}

.slide_cwrap {
    padding: 0 130px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slide_pattern {
    display: block;
    float: left;
    width: 200px;
    height: 200px;
    margin: 0;
    margin-right: 30px
}

.slide_block {
    display: block
}

.slide_block h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 28px
}

.slide_block p {
    font-size: 16px;
    line-height: 24px
}

.slide_block .tab_wrap {
    padding-top: 0
}

.slideshow.multi-column-img .photo-third,
.slideshow.multi-column-img .slide_cbox,
.slideshow.multi-column .photo-third,
.slideshow.multi-column .slide_cbox {
    padding-right: 40px;
    padding-bottom: 30px
}

.slideshow.multi-column-img .slide_cbox h2,
.slideshow.multi-column .slide_cbox h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600
}

.slideshow.multi-column-img .slidenav,
.slideshow.multi-column-img .slidenav:hover,
.slideshow.multi-column .slidenav,
.slideshow.multi-column .slidenav:hover {
    background-color: transparent;
    border: 1px solid transparent
}

.slideshow.multi-column-img .slidenav.prev,
.slideshow.multi-column .slidenav.prev {
    background-image: url("../img/ui/arrow-back.c5b0ad3cc625.svg");
    position: absolute;
    top: 0;
    right: 54px
}

.slideshow.multi-column-img .slidenav.next,
.slideshow.multi-column .slidenav.next {
    background-image: url("../img/ui/arrow-fwd.b59f0e4b78d5.svg");
    position: absolute;
    top: 0;
    right: 0
}

.slideshow.multi-column-img .slidenav.prev:hover,
.slideshow.multi-column .slidenav.prev:hover {
    background-image: url("../img/ui/arrow-back.c5b0ad3cc625.svg");
    opacity: .5
}

.slideshow.multi-column-img .slidenav.next:hover,
.slideshow.multi-column .slidenav.next:hover {
    background-image: url("../img/ui/arrow-fwd.b59f0e4b78d5.svg");
    opacity: .5
}

.slideshow.multi-column-img .slidenav.next.disabled,
.slideshow.multi-column-img .slidenav.next.disabled:hover,
.slideshow.multi-column-img .slidenav.prev.disabled,
.slideshow.multi-column-img .slidenav.prev.disabled:hover,
.slideshow.multi-column .slidenav.next.disabled,
.slideshow.multi-column .slidenav.next.disabled:hover,
.slideshow.multi-column .slidenav.prev.disabled,
.slideshow.multi-column .slidenav.prev.disabled:hover {
    opacity: 0;
    transition: opacity .3s, visibility .3s
}

@media (max-width:961px) {
    .slideshow.multi-column,
    .slideshow.multi-column-img {
        width: 86%;
        height: auto;
        margin: auto;
        overflow: auto
    }
    .slideshow.multi-column-img .gallery_wrap,
    .slideshow.multi-column .gallery_wrap {
        height: auto
    }
    .slideshow.multi-column-img .photo-third,
    .slideshow.multi-column-img .slide_cbox,
    .slideshow.multi-column .photo-third,
    .slideshow.multi-column .slide_cbox {
        position: relative;
        height: auto;
        min-height: 0
    }
    .slideshow.multi-column-img .slidenav,
    .slideshow.multi-column .slidenav {
        display: none;
        opacity: 0;
        visibility: hidden
    }
    .slideshow.multi-column-img .slide,
    .slideshow.multi-column .slide {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        overflow: auto;
        cursor: pointer;
        cursor: -webkit-pointer
    }
    .slideshow.multi-column-img .morelink,
    .slideshow.multi-column-img a.morelink,
    .slideshow.multi-column .morelink,
    .slideshow.multi-column a.morelink {
        display: inline-block;
        position: relative;
        margin-top: 30px
    }
}

@media (max-width:980px) {
    .slidefix {
        display: none!important
    }
}

.slideshow.multi-column-img {
    max-width: 100%;
    margin-top: -60px
}

.slideshow.multi-column-img .gallery_wrap {
    padding-top: 40px
}

.slideshow.multi-column-img img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.slideshow.multi-column-img .slide {
    margin-top: 20px
}

.slideshow.multi-column-img .slide_cbox.captioner,
.slideshow.multi-column-img .slide_cbox.inverse {
    position: relative;
    padding-bottom: 0;
    left: 0
}

.slideshow.multi-column-img .slide_cbox.captioner p.disclaimer,
.slideshow.multi-column-img .slide_cbox.inverse p.disclaimer {
    margin-top: 30px
}

@media (max-width:1400px) {
    .slideshow.multi-column-img .slide_cbox.captioner p.disclaimer,
    .slideshow.multi-column-img .slide_cbox.inverse p.disclaimer {
        display: none!important
    }
}

.slideshow.multi-column-img .morelink,
.slideshow.multi-column-img a.morelink {
    left: 0;
    bottom: 14%
}

@media (max-width:1400px) {
    .slideshow.multi-column-img .morelink,
    .slideshow.multi-column-img a.morelink {
        position: relative
    }
}