/******

    DOCUMENT INFORMATION
    - Document: Ecommerce Template Stylesheet
    - Version:  1.0
    - Client:   Circuit Specialists
    - Author:   Andrew Dudley
	- Date: 	04/02/2018

	1. GLOBAL
	2. HEADER
	3. HOMEPAGE
	4. ACCOUNT
	5. CART
	6. FOOTER
	7. CATEGORY / SEARCH
	8. PRODUCT
	9. CHECKOUT
	10. OTHER

******/


/****** ****** ****** 1. GLOBAL ****** ****** ******/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0
}

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button {
    margin: 0;
    padding: 0
}

pre, code, address, caption, th, figcaption {
    font-size: 1em;
    font-weight: normal;
    font-style: normal
}

fieldset, iframe, img {
    border: 0
}

caption, th {
    text-align: left
}

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

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

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

button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:disabled {
    cursor: default
}

:focus {
    outline: 0;
    outline: 0;
    outline-offset: 0px
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media print {
    body, #main, #content {
        color: #000
    }

    a, a:link, a:visited {
        color: #000;
        text-decoration: none
    }

    #globalheader, #globalfooter, #directorynav, #tabs, .noprint, .hide {
        display: none
    }
}

input::-ms-clear {
    display: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

html {
    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 106.25%
}

body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    background: #fff;
    color: #333;
    font-style: normal
}

body, input, textarea, select, button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left
}

*, * :before, * :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    color: #111
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    display: block;
    margin: 0
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
    margin-top: .8em
}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top: .4em
}

p + h1, ul + h1, ol + h1, p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4, p + h5, ul + h5, ol + h5, p + h6, ul + h6, ol + h6 {
    margin-top: 1.6em
}

p + *, ul + *, ol + * {
    margin-top: .8em
}

ul, ol {
    margin-left: 1.17647em
}

ul ul, ul ol, ol ul, ol ol {
    margin-top: 0;
    margin-bottom: 0
}

nav ul, nav ol {
    margin: 0;
    list-style: none
}

li li {
    font-size: 1em
}

a {
    color: #158cfb
}

a:link, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    text-decoration: none
}

p + a {
    display: inline-block
}

.links-inline, .links-stacked {
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

.links-inline li {
    display: inline;
    margin: 0 0.8em
}

.links-inline li:first-child {
    margin-left: 0
}

.links-inline li:last-child {
    margin-right: 0
}

.links-stacked li + li {
    margin-top: .4em
}

b, strong {
    font-weight: 600
}

em, i, cite, dfn {
    font-style: italic
}

sup {
    font-size: .6em;
    vertical-align: top;
    position: relative;
    bottom: -.2em
}

h1 sup, h2 sup, h3 sup {
    font-size: .4em
}

sup a {
    vertical-align: inherit;
    color: inherit
}

sup a:hover {
    color: #158cfb;
    text-decoration: none
}

sub {
    line-height: 1
}

abbr {
    border: 0
}

.selfclear::before, .selfclear::after {
    content: ' ';
    display: table
}

.selfclear::after {
    clear: both
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.row {
    position: relative;
    z-index: 1
}

.row::before, .row::after {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.column {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

.large-offset-0 {
    margin-left: 0
}

.large-push-0 {
    left: auto;
    right: auto
}

.large-pull-0 {
    right: auto;
    left: auto
}

.large-1 {
    width: 8.33333%
}

.large-offset-1 {
    margin-left: 8.33333%
}

.large-push-1 {
    left: 8.33333%;
    right: auto
}

.large-pull-1 {
    right: 8.33333%;
    left: auto
}

.large-2 {
    width: 16.66667%
}

.large-offset-2 {
    margin-left: 16.66667%
}

.large-push-2 {
    left: 16.66667%;
    right: auto
}

.large-pull-2 {
    right: 16.66667%;
    left: auto
}

.large-3 {
    width: 25%
}

.large-offset-3 {
    margin-left: 25%
}

.large-push-3 {
    left: 25%;
    right: auto
}

.large-pull-3 {
    right: 25%;
    left: auto
}

.large-4 {
    width: 33.33333%
}

.large-offset-4 {
    margin-left: 33.33333%
}

.large-push-4 {
    left: 33.33333%;
    right: auto
}

.large-pull-4 {
    right: 33.33333%;
    left: auto
}

.large-5 {
    width: 41.66667%
}

.large-offset-5 {
    margin-left: 41.66667%
}

.large-push-5 {
    left: 41.66667%;
    right: auto
}

.large-pull-5 {
    right: 41.66667%;
    left: auto
}

.large-6 {
    width: 50%
}

.large-offset-6 {
    margin-left: 50%
}

.large-push-6 {
    left: 50%;
    right: auto
}

.large-pull-6 {
    right: 50%;
    left: auto
}

.large-7 {
    width: 58.33333%
}

.large-offset-7 {
    margin-left: 58.33333%
}

.large-push-7 {
    left: 58.33333%;
    right: auto
}

.large-pull-7 {
    right: 58.33333%;
    left: auto
}

.large-8 {
    width: 66.66667%
}

.large-offset-8 {
    margin-left: 66.66667%
}

.large-push-8 {
    left: 66.66667%;
    right: auto
}

.large-pull-8 {
    right: 66.66667%;
    left: auto
}

.large-9 {
    width: 75%
}

.large-offset-9 {
    margin-left: 75%
}

.large-push-9 {
    left: 75%;
    right: auto
}

.large-pull-9 {
    right: 75%;
    left: auto
}

.large-10 {
    width: 83.33333%
}

.large-offset-10 {
    margin-left: 83.33333%
}

.large-push-10 {
    left: 83.33333%;
    right: auto
}

.large-pull-10 {
    right: 83.33333%;
    left: auto
}

.large-11 {
    width: 91.66667%
}

.large-offset-11 {
    margin-left: 91.66667%
}

.large-push-11 {
    left: 91.66667%;
    right: auto
}

.large-pull-11 {
    right: 91.66667%;
    left: auto
}

.large-12 {
    width: 100%
}

.large-offset-12 {
    margin-left: 100%
}

.large-push-12 {
    left: 100%;
    right: auto
}

.large-pull-12 {
    right: 100%;
    left: auto
}

.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.large-uncentered {
    margin-left: 0;
    margin-right: 0
}

.large-last {
    float: right
}

.large-notlast {
    float: left
}

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-push-0 {
        left: auto;
        right: auto
    }

    .xlarge-pull-0 {
        right: auto;
        left: auto
    }

    .xlarge-1 {
        width: 8.33333%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-push-1 {
        left: 8.33333%;
        right: auto
    }

    .xlarge-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .xlarge-2 {
        width: 16.66667%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-push-2 {
        left: 16.66667%;
        right: auto
    }

    .xlarge-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .xlarge-3 {
        width: 25%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-push-3 {
        left: 25%;
        right: auto
    }

    .xlarge-pull-3 {
        right: 25%;
        left: auto
    }

    .xlarge-4 {
        width: 33.33333%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-push-4 {
        left: 33.33333%;
        right: auto
    }

    .xlarge-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .xlarge-5 {
        width: 41.66667%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-push-5 {
        left: 41.66667%;
        right: auto
    }

    .xlarge-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .xlarge-6 {
        width: 50%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-push-6 {
        left: 50%;
        right: auto
    }

    .xlarge-pull-6 {
        right: 50%;
        left: auto
    }

    .xlarge-7 {
        width: 58.33333%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-push-7 {
        left: 58.33333%;
        right: auto
    }

    .xlarge-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .xlarge-8 {
        width: 66.66667%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-push-8 {
        left: 66.66667%;
        right: auto
    }

    .xlarge-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .xlarge-9 {
        width: 75%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-push-9 {
        left: 75%;
        right: auto
    }

    .xlarge-pull-9 {
        right: 75%;
        left: auto
    }

    .xlarge-10 {
        width: 83.33333%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-push-10 {
        left: 83.33333%;
        right: auto
    }

    .xlarge-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .xlarge-11 {
        width: 91.66667%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-push-11 {
        left: 91.66667%;
        right: auto
    }

    .xlarge-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .xlarge-12 {
        width: 100%
    }

    .xlarge-offset-12 {
        margin-left: 100%
    }

    .xlarge-push-12 {
        left: 100%;
        right: auto
    }

    .xlarge-pull-12 {
        right: 100%;
        left: auto
    }

    .xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-last {
        float: right
    }

    .xlarge-notlast {
        float: left
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left: 0
    }

    .medium-push-0 {
        left: auto;
        right: auto
    }

    .medium-pull-0 {
        right: auto;
        left: auto
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .medium-3 {
        width: 25%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-push-3 {
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        right: 25%;
        left: auto
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .medium-6 {
        width: 50%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-push-6 {
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        right: 50%;
        left: auto
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .medium-9 {
        width: 75%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-push-9 {
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        right: 75%;
        left: auto
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-12 {
        margin-left: 100%
    }

    .medium-push-12 {
        left: 100%;
        right: auto
    }

    .medium-pull-12 {
        right: 100%;
        left: auto
    }

    .medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .medium-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .medium-last {
        float: right
    }

    .medium-notlast {
        float: left
    }
}

@media only screen and (max-width: 735px) {
    .small-offset-0 {
        margin-left: 0
    }

    .small-push-0 {
        left: auto;
        right: auto
    }

    .small-pull-0 {
        right: auto;
        left: auto
    }

    .small-1 {
        width: 8.33333%
    }

    .small-offset-1 {
        margin-left: 8.33333%
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .small-2 {
        width: 16.66667%
    }

    .small-offset-2 {
        margin-left: 16.66667%
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .small-3 {
        width: 25%
    }

    .small-offset-3 {
        margin-left: 25%
    }

    .small-push-3 {
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        right: 25%;
        left: auto
    }

    .small-4 {
        width: 33.33333%
    }

    .small-offset-4 {
        margin-left: 33.33333%
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .small-5 {
        width: 41.66667%
    }

    .small-offset-5 {
        margin-left: 41.66667%
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .small-6 {
        width: 50%
    }

    .small-offset-6 {
        margin-left: 50%
    }

    .small-push-6 {
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        right: 50%;
        left: auto
    }

    .small-7 {
        width: 58.33333%
    }

    .small-offset-7 {
        margin-left: 58.33333%
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .small-8 {
        width: 66.66667%
    }

    .small-offset-8 {
        margin-left: 66.66667%
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .small-9 {
        width: 75%
    }

    .small-offset-9 {
        margin-left: 75%
    }

    .small-push-9 {
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        right: 75%;
        left: auto
    }

    .small-10 {
        width: 83.33333%
    }

    .small-offset-10 {
        margin-left: 83.33333%
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .small-11 {
        width: 91.66667%
    }

    .small-offset-11 {
        margin-left: 91.66667%
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .small-12 {
        width: 100%
    }

    .small-offset-12 {
        margin-left: 100%
    }

    .small-push-12 {
        left: 100%;
        right: auto
    }

    .small-pull-12 {
        right: 100%;
        left: auto
    }

    .small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .small-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .small-last {
        float: right
    }

    .small-notlast {
        float: left
    }
}

.icon::before, .icon::after, .more::before, .more::after {
    font-family: "Material Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
	vertical-align: middle;
	font-feature-settings: 'liga';
    z-index: 1
}

.icon::before, .icon::after, .more::before, .more::after {
    text-decoration: none
}

.icon::before, .more::before {
    display: none
}

.icon-after::after, .more::after {
    padding-left: .1em;
    top: 0;
}

.icon-before::before {
    padding-right: .3em;
    display: inline-block;
    top: 0
}

.icon-before::after {
    display: none
}

.icon-chevronleft::before, .icon-chevronleft::after {
    content: "chevron_left"
}

.icon-arrowdown::before, .icon-arrowdown::after {
	content: "keyboard_arrow_down"
}

.icon-arrowup::before, .icon-arrowup::after {
	content: "keyboard_arrow_up"
}

.icon-menu::before, .icon-menu::after {
	content: "menu"
}

.icon-search::before, .icon-search::after {
	content: "search"
}

.icon-add::before, .icon-add::after {
	content: "add"
}

.icon-close::before, .icon-close::after {
	content: "close"
}

.icon-error::before, .icon-error::after {
	content: "error"
}

.icon-erroroutline::before, .icon-erroroutline::after {
	content: "error_outline"
}

.icon-check::before, .icon-check::after {
	content: "check"
}

.icon-accountcircle::before, .icon-accountcircle::after {
	content: "account_circle"
}

.icon-morehoriz::before, .icon-morehoriz::after {
	content: "more_horiz"
}

.icon-filterlist::before, .icon-filterlist::after {
	content: "filter_list"
}

.more::before, .more::after {
    content: "chevron_right"
}

body {
    min-width: 320px
}

.large-hide {
    display: none
}

.large-show {
    display: block
}

.large-show-inline {
    display: inline
}

.large-show-inlineblock {
    display: inline-block
}

@media only screen and (min-width: 1442px) {
    .xlarge-hide {
        display: none
    }

    .xlarge-show {
        display: block
    }

    .xlarge-show-inline {
        display: inline
    }

    .xlarge-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 1068px) {
    .medium-hide {
        display: none
    }

    .medium-show {
        display: block
    }

    .medium-show-inline {
        display: inline
    }

    .medium-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 735px) {
    .small-hide {
        display: none
    }

    .small-show {
        display: block
    }

    .small-show-inline {
        display: inline
    }

    .small-show-inlineblock {
        display: inline-block
    }
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.red-text {
	color: #e00
}

.green-text {
	color: #390
}

br.large {
    display: block
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.small {
        display: block
    }
}

@-webkit-keyframes loadindicator-animation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loadindicator-animation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.loadindicator {
	-webkit-animation: loadindicator-animation 1s linear;
	animation: loadindicator-animation 1s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	border: 2px solid #888;
	border-top-color: transparent;
	border-radius: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.loadindicator.small {
	width: 18px;
	height: 18px
}

.loadindicator.xlarge {
	width: 42px;
	height: 42px
}

@-webkit-keyframes waitindicator-animation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes waitindicator-animation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.button {
    border-radius: 4px;
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #158cfb;
    font-size: 17px;
    line-height: 44px;
	font-weight: 500;
    height: 46px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
	-webkit-transition: background 0.3s, border-color 0.3s;
	-moz-transition: background 0.3s, border-color 0.3s;
	transition: background 0.3s, border-color 0.3s
}

.button:hover {
	text-decoration: none;
	background: #fff;
	border-color: #158cfb
}

.button:active {
	background: #fafafa;
	border-color: #d6d6d6;
	color: #158cfb
}

.button.disabled, .button[disabled] {
    pointer-events: none;
	cursor: default;
	opacity: .3
}

.button-inline {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    width: auto
}

.button-large {
    height: 56px;
    line-height: 54px
}

.button-small {
    height: 38px;
    line-height: 36px;
    font-size: 14px
}

.button-xsmall {
    height: 33px;
    line-height: 31px;
    font-size: 14px
}

.button-action, .button-action.in-process, .button-action.is-disabled,
.button-action[disabled], .button-transaction, .button-transaction.is-disabled,
.button-transaction[disabled] {
    border-color: transparent;
    color: #fff
}

.button-action {
    background: #158cfb;
    border-color: transparent;
    color: #fff
}

.button-action:hover {
	background: #147bcd;
    border-color: transparent;
    color: #fff
}

.button-action:active {
    background: #0067b9;
    border-color: transparent;
    color: #fff
}

.loading-button {
	pointer-events: none;
	padding-left: 40px;
	padding-right: 40px;	
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none
}

.loading-button:disabled, .loading-button.disabled {
	opacity: 1
}

.loading-button:before {
	-webkit-animation: waitindicator-animation 1250ms linear infinite;
	animation: waitindicator-animation 1250ms linear infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	margin-right: .3em;
	margin-top: -.1em;
	margin-bottom: -.1em;
	vertical-align: middle;
	position: relative;
	top: -.1em;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	content: '';
	margin-left: -28px;
	margin-right: 10px;
	top: -.04em;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.button-link {
	color: #158cfb
}

.button-link:hover {
	text-decoration: underline
}

.heading-0 {
    font-size: 100px;
    line-height: 1.04;
    font-weight: 600
}

@media only screen and (max-width: 1068px) {
	.heading-0 {
        font-size: 80px;
        line-height: 1.05
	}
}

@media only screen and (max-width: 735px) {
	.heading-0 {
        font-size: 48px;
        line-height: 1.08365
	}
}

.heading-1 {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600
}

@media only screen and (max-width: 1068px) {
    .heading-1 {
        font-size: 64px;
        line-height: 1.0625
    }
}

@media only screen and (max-width: 735px) {
    .heading-1 {
        font-size: 44px;
        line-height: 1.09091
    }
}

.heading-2 {
    font-size: 68px;
    line-height: 1.0593;
    font-weight: 600
}

@media only screen and (max-width: 1068px) {
	.heading-2 {
        font-size: 56px;
        line-height: 1.07143
	}
}

@media only screen and (max-width: 735px) {
	.heading-2 {
        font-size: 40px;
        line-height: 1.1
	}
}

.heading-3 {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600
}

@media only screen and (max-width: 1068px) {
    .heading-3 {
        font-size: 40px;
        line-height: 1.1
    }
}

@media only screen and (max-width: 735px) {
    .heading-3 {
        font-size: 32px;
        line-height: 1.125
    }
}

.heading-4 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600
}

@media only screen and (max-width: 1068px) {
    .heading-4 {
        font-size: 32px;
        line-height: 1.125
    }
}

@media only screen and (max-width: 735px) {
    .heading-4 {
        font-size: 27px;
        line-height: 1.14815
    }
}

.subheading-0 {
    font-size: 44px;
    line-height: 1.09091;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.subheading-0 {
        font-size: 35px;
        line-height: 1.11429
	}
}

@media only screen and (max-width: 735px) {
	.subheading-0 {
        font-size: 27px;
        line-height: 1.14815
	}
}

.subheading-1 {
    font-size: 40px;
    line-height: 1.1;
	font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.subheading-1 {
        font-size: 32px;
        line-height: 1.125
	}
}

@media only screen and (max-width: 735px) {
	.subheading-1 {
        font-size: 24px;
        line-height: 1.16667
	}
}

.subheading-2 {
    font-size: 30px;
    line-height: 1.13353;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.subheading-2 {
        font-size: 27px;
        line-height: 1.14815
	}
}

@media only screen and (max-width: 735px) {
	.subheading-2 {
        font-size: 22px;
        line-height: 1.18182
	}
}

.subheading-3 {
    font-size: 27px;
    line-height: 1.14815;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.subheading-3 {
        font-size: 24px;
        line-height: 1.16667
	}
}

@media only screen and (max-width: 735px) {
	.subheading-3 {
        font-size: 21px;
        line-height: 1.19048
	}
}

.subheading-4 {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.subheading-4 {
        font-size: 21px;
        line-height: 1.19048
	}
}

@media only screen and (max-width: 735px) {
	.subheading-4 {
        font-size: 19px;
        line-height: 1.21053
	}
}

.subheading-5 {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	subheading-5 {
        font-size: 19px;
        line-height: 1.21053
	}
}

@media only screen and (max-width: 735px) {
	subheading-5 {
        font-size: 19px;
        line-height: 1.21053
	}
}

.paragraph-0 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.paragraph-0 {
        font-size: 30px;
        line-height: 1.13353
	}
}

@media only screen and (max-width: 735px) {
	.paragraph-0 {
        font-size: 24px;
        line-height: 1.16667
	}
}

.paragraph-1 {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
    .paragraph-1 {
        font-size: 27px;
        line-height: 1.14815
    }
}

@media only screen and (max-width: 735px) {
    .paragraph-1 {
        font-size: 22px;
        line-height: 1.18182
    }
}

.paragraph-3 {
    font-size: 27px;
    line-height: 1.14815;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.paragraph-3 {
        font-size: 24px;
        line-height: 1.16667
	}
}

@media only screen and (max-width: 735px) {
	.paragraph-3 {
        font-size: 21px;
        line-height: 1.19048
	}
}

.paragraph-4 {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.paragraph-4 {
        font-size: 22px;
        line-height: 1.18182
	}
}

@media only screen and (max-width: 735px) {
	.paragraph-4 {
        font-size: 19px;
        line-height: 1.21053
	}
}

.paragraph-5 {
    font-size: 23px;
    line-height: 1.34783;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.paragraph-5 {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400
	}
}

@media only screen and (max-width: 735px) {
	.paragraph-5 {
        font-size: 19px;
        line-height: 1.42115
	}
}

.paragraph-6 {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400
}

@media only screen and (max-width: 1068px) {
	.paragraph-6 {
        font-size: 19px;
        line-height: 1.42115
	}
}

@media only screen and (max-width: 735px) {
	.paragraph-6 {
        font-size: 18px;
        line-height: 1.4446
	}
}

.body-1 {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400
}

.body-2 {
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400
}

.caption-1 {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400
}

.caption-2 {
    font-size: 11px;
    line-height: 1.36364;
    font-weight: 400
}

.container {
    position: relative;
	max-width: calc(1350px + 12.5%);
	margin: 0 auto;
	padding-left: 6.25%;
	padding-right: 6.25%
}

.container.medium {
	max-width: calc(1024px + 12.5%)
}

.container.small {
	max-width: calc(736px + 12.5%)
}

.container.xsmall {
	max-width: calc(420px + 12.5%)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track::before,
.slick-track::after {
	display: table;
	content: ''
}

.slick-track::after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

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

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none !important
}

.slick-arrow.slick-disabled {
	display: none !important
}

.slick-dots {
	z-index: 3;
	position: relative;
	font-size: 0;
	text-align: center;
	margin: 15px 0 0 0
}

.slick-dots li {
	list-style: none;
	position: relative;
	display: inline-block;
	margin: 0 8px;
	padding: 0;
	width: auto;
	height: auto
}

.slick-dots li button {
	background-color: transparent;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border: 8px solid #fff;
	display: block;
	outline: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	-webkit-transition: border 200ms ease;
	-moz-transition: border 200ms ease;
	-ms-transition: border 200ms ease;
	-o-transition: border 200ms ease;
	transition: border 200ms ease
}

.slick-dots li:not(.slick-active) button:hover {
	border-color: #d6d6d6
}

.slick-dots li.slick-active button {
	border-width: 4px
}

.paddlenav-arrow {
	position: absolute;
	text-align: center;
	overflow: hidden;
	background: rgba(0, 0, 0, .25);	
	color: #fff;
	border-radius: 128px;
	display: block;
	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	opacity: 0;
	z-index: 2;
	-webkit-transition: 250ms opacity linear, 250ms color linear, 250ms background linear;
	-moz-transition: 250ms opacity linear, 250ms color linear, 250ms background linear;
	-ms-transition: 250ms opacity linear, 250ms color linear, 250ms background linear;
	-o-transition: 250ms opacity linear, 250ms color linear, 250ms background linear;
	transition: 250ms opacity linear, 250ms color linear, 250ms background linear
}
	
.paddlenav-arrow.compact {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 28px
}

@media only screen and (max-width: 1068px) {
	.paddlenav-arrow {
		display: none !important
	}
}

.paddlenav-arrow.slick-hidden {
	display: none
}

.paddlenav-arrow-next,
.paddlenav-arrow-previous {
	line-height: 64px;
	margin-top: -32px;
	top: 50%;
	width: 64px;
	height: 64px
}

.paddlenav-arrow:hover {
	background: rgba(0, 0, 0, .45);
	color: rgba(255, 255, 255, .8);
	text-decoration: none;
	opacity: 1
}

.paddlenav-arrow-next::before, .paddlenav-arrow-next::after,
.paddlenav-arrow-previous::before, .paddlenav-arrow-previous::after {
	font-family: "Material Icons";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	position: relative;
	z-index: 1;
	text-decoration: none;
	vertical-align: top;	
	font-feature-settings: 'liga'
}

.paddlenav-arrow-next::before,
.paddlenav-arrow-previous::before {
	display: none
}

.paddlenav-arrow-next::before, .paddlenav-arrow-next::after {
	content: "chevron_right";
	margin-right: -3px
}

.paddlenav-arrow-previous::before, .paddlenav-arrow-previous::after {
	content: "chevron_left";
	margin-left: -3px
}

.paddlenav-arrow-next.compact::before, .paddlenav-arrow-next.compact::after {
	margin-right: -1px
}

.paddlenav-arrow-previous.compact::before, .paddlenav-arrow-previous.compact::after {
	margin-left: -1px
}

.paddlenav-arrow-next {
	right: 15px
}

.paddlenav-arrow-previous {
	left: 15px
}

.form-wrapper {
	position: relative
}

.form-element {
	position: relative
}

.form-textbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 17px;
	line-height: 1.23543;
	font-weight: 400;
	font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	height: 3.3em;
	margin-bottom: 15px;
	padding-top: 18px;
	padding-left: 16px;
	padding-right: 16px;
	color: #333;
	text-align: left;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.8);
	background-clip: padding-box;
    min-height: 32px
}

.form-dropdown {
    padding: 1.11765rem 2.35294rem 0 .94118rem
}

.form-dropdown:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #333
}

.form-dropdown::-ms-expand {
	opacity: 0
}

select.form-textbox {
	padding-right: 49px
}

.form-textbox::-webkit-input-placeholder {
	color: #888
}

.form-textbox:-ms-input-placeholder {
	color: #888
}

.form-textbox::-ms-input-placeholder {
    color: #888
}

.form-textbox::placeholder {
	color: #888
}

.form-textbox:focus {
	border-color: #158cfb;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5)
}

.form-textbox.disabled {
	pointer-events: none;
    background: #fafafa;
    color: #888;
    -webkit-text-fill-color: #888;
    -webkit-opacity: 1;
	cursor: default
}

.form-textbox::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none;
    pointer-events: none;
    position: absolute;
    right: 0
}

.form-dropdown ~ .form-icon {
	position: absolute;
    display: block;
    pointer-events: none;
    color: #888;
    right: 17px;
    font-size: 24px;
    font-weight: 400;
    top: 1rem;
    line-height: 0
}

@media only screen and (max-width:1023px) {
    .form-dropdown ~ .form-icon {
        right: 17px
    }
}

.form-textbox ~ .form-label {
	width: calc(100% - 34px);
	text-align: left;
	pointer-events: none
}

.form-textbox.disabled ~ .form-label {
    color: #888
}

.form-label, .form-block-label {
	font-size: 17px;
	line-height: 1.23543;
	font-weight: 400;
	display: block;
	position: relative;
	vertical-align: top;
	color: #333
}

.form-textbox ~ .form-label {
	position: absolute;
	top: 18px;
	left: 17px;
	color: #888;
	pointer-events: none;
	z-index: 1;
	-webkit-transition: .15s ease-in;
	transition: .15s ease-in
}

.form-textbox:focus ~ .form-label, .form-textbox:valid[required] ~ .form-label,
.form-textbox[placeholder] ~ .form-label, .form-textbox.form-textbox-entered ~ .form-label,
select.form-textbox ~ .form-label{
	font-size: 12px;
	line-height: 1.75;
	font-weight: 400;
	top: 5px;
	color: #666
}

.form-textbox:-webkit-autofill ~ .form-label {
	font-size: 12px;
	line-height: 1.75;
	font-weight: 400;
	letter-spacing: -.01em;
	top: 6px;
	color: #666
}

.form-textbox.parsley-error {
  	border-color: #e00;
  	background: #fef0f0;
  	margin-top: 0;
	margin-bottom: 0
}

.form-textbox.parsley-error {
  	border-color: #e00;
  	background: #fef0f0;
  	margin-top: 0;
	margin-bottom: 0
}

.form-textbox.parsley-error:focus {
	background: #fff;
	border-color: #158cfb
}
  
.form-textbox.parsley-error ~ .form-label, .form-textbox.parsley-error:valid[required] ~ .form-label,
.form-textbox.parsley-error[placeholder] ~ .form-label, .form-textbox.form-textbox-entered.parsley-error ~ .form-label {
  	color: #e00
}

.form-textbox.form-icon-left {
	padding-left: 49px
}

.form-textbox.form-icon-left ~ .form-label {
	left: 50px
}

.form-textbox-button, .form-textbox-sidebutton {
	font-size: 17px;
	line-height: 1.23543;
	font-weight: 400;
	position: absolute;
	background: transparent;
	border: 0;
	padding: 0;
	top: 18px;
}

.form-textbox-button {
	right: 17px;
	color: #888;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.form-textbox:valid[required] ~ .form-textbox-button,
.form-textbox.form-textbox-entered~.form-textbox-button {
	color: #158cfb
}

.form-textbox:valid[required] ~ .form-textbox-button:hover,
.form-textbox.form-textbox-entered~.form-textbox-button:hover {
	text-decoration: underline
}

.form-textbox-sidebutton {
	margin-left: 16px
}

.form-sidebyside-textboxes {
	margin-left: -5px;
	margin-right: -5px
}

.form-sidebyside-textboxes > .column {
	padding-left: 5px;
	padding-right: 5px
}

.form-choice-indicator {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	background: white
}

.form-choice {
	position: absolute;
	top: 3px;
	left: 0;
	opacity: 0;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.form-choice ~ .form-label {
	display: block;
	padding-left: 26px;
	margin-top: 13px;
	margin-bottom: 0;
	color: #333;
	cursor: pointer
}

.form-choice ~ .form-label .form-choice-indicator {
	position: absolute;
	top: 2px;
	left: 0
}

.form-choice:focus + .form-label .form-choice-indicator, .form-choice.focused + .form-label .form-choice-indicator {
	border-color: #158cfb;
	box-shadow: 0 0 0 3px rgba(131, 192, 253, .5)
}

.form-choice:checked ~ .form-label, .form-choice:checked ~ .form-choice-selector-label .form-label {
	color: #333
}

.form-choice:checked ~ .form-label .form-choice-indicator {
	border: 8px solid #158cfb;
	width: 16px;
	height: 16px
}

.form-choice-checkbox + .form-label .form-choice-indicator {
	border-radius: 3px
}

.form-choice-checkbox:checked + .form-label .form-choice-indicator:after {
	font-family: 'Material Icons';
	content: "check";
	position: relative;
	top: -11px;
	left: -8px;
	display: inline-block;
	font-size: 15px;
	line-height: 1.47384;
	font-weight: 400;
	text-align: center;
	font-style: normal;
	color: #fff;
	padding: 0;
	width: 16px;
	vertical-align: top;
	font-feature-settings: 'liga';
	z-index: 1
}

.form-choice-selector {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	top: 0
}

.form-choice-selector ~ .form-choice-selector-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 106px;
	padding: 12px 15px;
	text-align: center;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	border-spacing: 0;
	overflow: hidden;
	cursor: pointer;
	background-color: rgba(255,255,255,.8);
	flex-direction: column
}

.form-choice-selector:hover ~ .form-choice-selector-label {
	border-color: #888
}

.form-choice-selector:checked ~ .form-choice-selector-label {
	border: 2px solid #158cfb;
	position: relative;
	padding: 11px 14px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16)
}

.form-choice-selector:checked ~ .form-choice-selector-label .form-selector-title {
	color: #111
}

.form-selector-double .form-choice-selector ~ .form-choice-selector-label {
	min-height: 80px
}

.form-choice-selector-label .form-label {
	width: 100%;
	font-size: 17px;
	line-height: 1.23543;
	font-weight: 400
}

.form-choice-selector ~ .form-choice-selector-label .form-label {
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
	text-indent: 0;
	pointer-events: none
}

.form-choiceselectorlabel-double {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.form-choiceselectorlabel-doubleleft {
	text-align: left;
	padding-right: 30px
}

.form-choiceselectorlabel-doubleright {
	text-align: right
}

.form-choice-selector-label .form-selector-title {
	font-weight: 600
}

.form-choice-selector:checked .form-selector-title {
	color: #158cfb
}
  
.form-builder .form-field {
	position: relative;
	margin-bottom: 25px
}

.form-element.left-column {
	padding-right: 5px  
}

.form-element.right-column {
	padding-left: 5px  
}

.form-element select ~ i {
	position: absolute;
	top: 15px;
	right: 11px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #888;
	text-align: center;
	pointer-events: none
}
  
.form-field.form-error {
  	font-size: 12px;
  	line-height: 1.33341;
  	font-weight: 400;
  	letter-spacing: .006em;
  	color: #e00;
  	margin-top: 8px;
  	margin-bottom: 12px
}
  
.parsley-errors-list {
    list-style: none;
    margin: 0
}
  
.parsley-errors-list * {
  	display: block;
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
  	letter-spacing: .006em;
  	color: #e00;
  	margin-top: 8px;
  	margin-bottom: 12px
}

.parsley-errors-list span:before {
	padding-right: .3em;
	top: -1px;
	font-family: "Material Icons";
	content: "error_outline";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	vertical-align: middle;	
	font-feature-settings: 'liga';
	z-index: 1
}

.text-page {
	padding-top: 92px;
	margin-bottom: 140px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.text-page h1 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px
}

@media only screen and (max-width: 1068px) {
	.text-page h1 {
		max-width: 540px
	}
}

@media only screen and (max-width: 735px) {
	.text-page h1 {
		max-width: 320px
	}
}

.modal-open {
	overflow: hidden
}

@media only screen and (max-width:1068px) {
	.mobile-modal-open {
		overflow: hidden
	}
}

.modal-target {
	display: none
}

.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(50, 50, 50, .90);
	z-index: 999999;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: vertical;
	-moz-flex-direction: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.modal-container .modal-dialog {
	margin: auto
}

@media only screen and (max-width:735px) {
	.modal-container .modal-dialog {
		width: 100%;
		height: 100%
	}
}

.modal-container .modal-content {
	width: 700px;
	margin: auto;
	position: relative;
	background: #fff;
}

@media only screen and (max-width: 735px) {
	.modal-container .modal-content{
		width: 100%;
		height: 100%
	}
}

.modal-container .modal-interior {
	padding: 90px 100px 80px
}

@media only screen and (max-width: 735px) {
	.modal-container .modal-interior {
		min-height: 100vh;
		padding: 70px 6.25% 6.25%
	}
}

.modal-container .modal-body {
	padding-top: 30px 
}

.modal-container .modal-footnote {
	color: #888;
	padding-top: 40px
}

.modal-container .modal-button-block {
	margin-top: 40px;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 15px;
	padding-right: 15px
}

.modal-container .modal-button-block .button {
	height: 40px;
	line-height: 38px
}

.modal-container .modal-button-block .button + .button {
	margin-left: 10px 
}

#headerArea::before,
#headerArea::after {
    content: ' ';
    display: table
}

#headerArea::after {
    clear: both
}

#headerArea {
    position: -webkit-sticky;
	position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

@media only screen and (max-width: 1068px) {
	#headerArea {
		position: relative
	}
}

#headerArea.search-open ~ #curtain {
	display: block
}

#headerArea.search-open .fjm-universal-header {
	background: rgba(255, 255, 255, .95)
}

@media only screen and (min-width: 1069px) {
	#headerArea.search-open .top-bar > *,
	#headerArea.search-open .fjm-container .fjm-header-actions {
		pointer-events: none;
		opacity: .16;
		-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
}

#mainArea {
	position: relative;
	max-width: 2560px;
	margin: 0 auto
}

#pageArea {
	min-height: 400px
}

#curtain {
	background: rgba(50, 50, 50, .90);
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998
}

@media only screen and (min-width: 1069px) {
	#curtain {
		top: 84px
	}
}


/****** ****** ****** 2. HEADER ****** ****** ******/

.typography-logo {
    font-size: 24px;
    line-height: 50px;
    font-weight: 400;
    color: #333333;
    text-decoration: none
}

.typography-logo:hover {
    color: #888
}

.fjm-image {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto
}

.fjm-universal-header {
    height: 51px;
    background: #fff;
	background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px)
}

@media only screen and (max-width: 1068px) {
    .fjm-universal-header {
        height: auto;
        padding-bottom: 15px
    }

	.fjm-universal-header.checkoutheader {
		height: 51px;
		padding-bottom: 0
	}
}

.fjm-universal-header.checkoutheader .container.medium {
	max-width: 1024px;
	padding: 0
}

@media only screen and (max-width: 1124px) {
	.fjm-universal-header.checkoutheader .container.medium {
		padding-left: 22px;
		padding-right: 22px
	}
}

.fjm-container {
    position: relative;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 22px
}

.menu-toggle-container {
    margin-left: -12px;
	margin-right: 5px
}

@media only screen and (max-width:735px) {
	.menu-toggle-container {
		margin-right: 2px
	}
}

.menu-toggle {
    display: block;
    width: 48px;
    height: 48px;
    text-align: center
}

.menu-toggle:after {
    font-size: 28px;
    line-height: 48px;
    color: #333
}

.menu-toggle:hover:after {
	color: #158cfb
}

.fjm-logo {
    height: 50px;
    line-height: 50px;
    text-decoration: none
}

@media only screen and (max-width: 1068px) {
    .fjm-logo {
        height: 48px;
        line-height: 48px;
    }
}

.fjm-logo:hover {
    text-decoration: none
}

.fjm-logo .fjm-image {
	margin-top: 10px;
	max-height: 30px;
    width: auto
}

@media only screen and (max-width: 1068px) {
	.fjm-logo .fjm-image {
		margin-top: 13px;
		max-height: 24px
	}
}

@media only screen and (max-width: 540px) {
	.fjm-logo .fjm-image {
		margin-top: 14px;
		max-height: 22px
	}
}

.fjm-logo img + span {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px)!important
}

.fjm-search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 310px;
    padding-right: 310px
}

@media only screen and (max-width: 1068px) {
    .fjm-search-wrapper {
        position: relative;
        clear: both;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.fjm-search {
    position: relative
}

@media only screen and (min-width: 1441px) {
    .fjm-search {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto
    }
}

.fjm-search-input {
	background: #fafafa;
    height: 50px;
	border-radius: 0;
	border-top: 0;
	border-bottom: 0;
    padding: 0 49px;
	margin: 0
}

@media only screen and (max-width: 1068px) {
	.fjm-search-input {
		height: 44px;
		border-radius: 4px;
		border: 1px solid #d6d6d6
	}
}

.fjm-search-input:focus {
	box-shadow: none;
	border-color: #d6d6d6;
    background: #fff
}

.fjm-search-input ~ .search-icon {
	position: absolute;
	top: 10px;
	line-height: 30px;
	left: 11px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	z-index: 1
}

@media only screen and (max-width: 1068px) {
	.fjm-search-input ~ .search-icon {
		top: 7px
	}
}

.fjm-search-input ~ .search-icon .icon {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.fjm-search-input ~ .search-icon .icon::after {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #888
}

.fjm-search-input:focus ~ .search-icon .icon::after {
	color: #666
}

.fjm-search-input:focus ~ .search-icon:hover .icon::after {
	color: #158cfb
}

.fjm-search-input ~ .clear-icon {
	display: none;
	position: absolute;
	top: 13px;
	right: 11px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 30px;
	background: transparent;
	vertical-align: middle;
	z-index: 1
}

@media only screen and (max-width: 1068px) {
	.fjm-search-input ~ .clear-icon {
		top: 10px
	}
}

.fjm-search-input ~ .clear-icon .icon {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.fjm-search-input ~ .clear-icon .icon::after {
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #888
}

.fjm-search-input ~ .clear-icon:hover .icon::after {
	color: #555
}

.fjm-account-toggle {
    border: 1px solid transparent;
    border-bottom-style: none;
    font-size: 14px;
    height: 51px;
    padding: 0 15px;
    cursor: pointer;
    outline: 0
}

@media only screen and (max-width: 1068px) {
	.fjm-account-toggle {
		height: 49px;
		padding: 0 10px
	}
}

.fjm-account-toggle.with-menu {
    position: absolute;
    top: 0;
    right: 0
}

.fjm-account-toggle.mobile {
    display: none;
    border: 0;
    height: 48px;
    padding: 0 10px
}

.fjm-account-toggle.mobile i {
    font-size: 28px;
    line-height: 48px;
    color: #111
}

@media only screen and (min-width: 1069px) {
    .fjm-account-toggle:hover .fjm-signin-label,
    .fjm-account-toggle:hover .fjm-signin-label:after {
        color: #158cfb;
    }
}

.open.fjm-account-toggle {
    border-color: #d6d6d6;
    background: #fff;
    border-bottom-color: #fff;
    z-index: 666
}

.fjm-account-dropdown {
    display: none;
    width: 240px;
    position: absolute;
	top: 50px;
    right: 0;
    border: 1px solid #d6d6d6;
    background: #fff;
    z-index: 1
}

@media only screen and (max-width:1068px) {
	.fjm-account-dropdown {
		top: 48px
	}
}

.fjm-listitem {
    display: block;
    cursor: pointer
}

.fjm-listitem a {
	font-size: 14px;
    line-height: 45px;
    font-weight: 400;
    padding: 0 20px;
    text-decoration: none !important;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fjm-listitem:last-child a {
    font-weight: 500;
    color: #158cfb
}

.fjm-listitem a:hover {
    color: #158cfb;
    background: #fafafa
}

.fjm-listitem:last-child a:hover {
	color: #fff;
	background: #158cfb
}

.fjm-mobile-account-dropdown {
    display: none;
    background: #f2f2f2;
    width: 100%;
    height: calc(100vh - 100px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 1069px) {
    .fjm-mobile-account-dropdown {
        display: none !important
    }
}

.fjm-mobile-account-dropdown .fjm-listlegend {
    height: 50px;
    line-height: 50px;
    position: relative;
    display: block;
    background: #fff;
    color: #111;
    border-bottom: 1px solid #d6d6d6;
    text-align: center
}

.fjm-mobile-account-dropdown .fjm-listitem {
    position: relative
}

.fjm-mobile-account-dropdown .fjm-listitem a {
    font-size: 14px;
    line-height: 20x;
    font-weight: 500;
    color: #111;
    padding: 12px 20px;
    text-decoration: none
}

.fjm-mobile-account-dropdown .fjm-listitem a:hover {
    background: #f2f2f2;
    color: #158cfb
}

.fjm-mobile-account-dropdown .fjm-listitem:last-child:not(.guest) a {
    color: #158cfb
}

.fjm-mobile-account-dropdown .fjm-listitem:last-child:not(.guest) a:hover {
    color: #fff;
    background: #158cfb
}

.fjm-mobile-account-dropdown .fjm-listitem a:after {
    position: absolute;
    top: 0;
    right: 20px;
    font-family: 'Material Icons';
    content: 'chevron_right';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 45px;
    text-transform: none;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    vertical-align: middle;
	font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.fjm-mobile-account-dropdown .fjm-listitem:last-child:not(.guest) a:after {
    display: none
}

.fjm-signin-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.fjm-mobileicon .icon-accountcircle {
	padding: 0 10px
}

.fjm-mobileicon .icon-accountcircle:after,
.fjm-account-toggle .icon-accountcircle:after {
	font-size: 28px;
	line-height: 48px;
	color: #333
}

.fjm-account-toggle .icon-accountcircle:after {
	margin-top: -3px
}

.fjm-mobileicon .icon-accountcircle:hover:after,
.fjm-account-toggle .icon-accountcircle:hover:after {
	color: #158cfb
}

@media only screen and (max-width:1068px) {
	.fjm-signin-label {
		display: none
	}

	.fjm-mobileicon {
		display: block
	}
}

@media only screen and (max-width:735px) {
	.fjm-header-actions {
		margin-right: -9px;
		z-index: 2
	}
}

.signed-in.fjm-signin-label:after {
    padding-left: 0.1em;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_down';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #333;
    vertical-align: middle
}

.open.fjm-account-toggle .signed-in.fjm-signin-label:after {
    content: 'keyboard_arrow_up'
}

.shopping-cart-glyph {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    display: inline-block;
    margin-left: 10px;
    outline: 0
}

@media only screen and (max-width: 1068px) {
    .shopping-cart-glyph {
        padding: 0 15px;
        border-left: 0
    }
}

.shopping-cart-glyph:hover {
    background: #f2f2f2
}

.shopping-cart-glyph .shopping-cart-amount {
    font-size: 15px;
    font-weight: 400;
    line-height: 50px;
    height: 50px;
    padding-right: 10px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    color: #333;
    overflow: hidden;
    white-space: nowrap
}

.shopping-cart-glyph span.circle-cart {
    width: 27px;
    height: 27px;
    display: inline-block;
    color: #fff;
    background: #101010;
    font-size: 12px;
    font-weight: 700;
    line-height: 27px;
    border-radius: 50%;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle
}

.shopping-cart-glyph:hover .shopping-cart-amount {
    color: #158cfb
}

.shopping-cart-glyph:hover span.circle-cart {
    background: #158cfb
}

.fjm-account-toggle {
    text-decoration: none
}

.fjm-mobile-signintext {
    display: none
}

.navigation-trigger {
    position: relative;
    height: 50px;
    line-height: 50px;
    background: #fff;
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .navigation-trigger {
        display: none
    }
}

.navigation-trigger > button {
    padding: 0 15px;
    outline: 0
}

.navigation-trigger:hover {
    color: #158cfb;
    background: #f2f2f2
}

.navigation-trigger .closed {
    padding-left: 0.3em;
    font-size: 18px;
    vertical-align: middle
}

.authenticator-separator {
    position: relative;
    height: 20px;
    width: 2px;
    display: block;
    float: left;
    margin: 15px 10px;
    background: #d6d6d6
}

@media only screen and (max-width: 1068px) {
    .authenticator-separator {
        display: none
    }
}

.top-bar {
    margin: 0 auto;
    background: #333;
	background: rgba(0, 0, 0, 0.8);
    padding: 4px 22px;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px)
}

.top-bar .message {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #fff
}

@media only screen and (max-width: 1068px) {
    .top-bar .message {
        text-align: center
    }
}

.top-bar .message a {
	color: #6bf
}

.top-bar .link-list > .link {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    margin-right: 22px;
}

.top-bar .link-list > .link:last-child {
	color: #6bf;
    margin-right: 0
}

.top-bar .link-list > .link:last-child:hover {
	text-decoration: underline
}

.top-bar .link-list > .link:hover {
	text-decoration: none;
    color: #6bf
}

.fjm-universal-header .cart-icon {
    position: relative;
    display: block;
    height: 50px;
    margin-left: 15px;
    padding-right: 25px;
    padding-left: 15px;
    line-height: 50px;
    z-index: 1
}

@media only screen and (min-width: 1069px) {
	.fjm-universal-header .cart-icon:hover {
		background: #f2f2f2;
		background: rgba(242, 242, 242, .9)
	}
}

.fjm-universal-header .cart-icon.link:hover {
	background: transparent
}

.fjm-universal-header .cart-icon.link:hover i {
	color: #158cfb
}

.fjm-universal-header .cart-icon.disabled {
	pointer-events: none;
	cursor: default
}

.fjm-universal-header .cart-icon.mobile {
    display: none;
    height: 48px;
    line-height: 48px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
    padding-left: 10px;
}

@media only screen and (max-width: 1068px) {
    .fjm-universal-header .cart-icon {
        display: none
    }

    .fjm-universal-header .cart-icon.mobile {
        display: block
    }
}

.fjm-universal-header .cart-icon i {
    font-size: 32px;
    line-height: 50px;
    color: #111
}

.fjm-universal-header .cart-icon.mobile i {
    font-size: 28px;
    line-height: 48px
}

.fjm-universal-header .cart-icon .cart-count {
    position: absolute;
    top: 3px;
    right: 6px;
    display: block;
    background: #158cfb;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
	letter-spacing: -.2px;
    line-height: 25px;
    border-radius: 50%
}

.fjm-universal-header .cart-icon.mobile .cart-count {
    top: 5px;
    right: -3px;
    width: 18px;
    height: 18px;
    line-height: 18px
}

.mini-cart-container {
	pointer-events: none;
	background-color: rgba(50, 50, 50, .90);
	z-index: -1;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	transition: opacity .5s ease-in-out
}

.mini-cart-container.open { /* Changes to minicart -- 16 Aug 2018 */
	/*pointer-events: auto;*/
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
	opacity: 1;
	z-index: 10000;
	position: fixed;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;

	top: 83px;
	pointer-events: none;
	cursor: default
}

@media only screen and (max-width: 1068px) { /* Changes to minicart -- 16 Aug 2018 */
	.mini-cart-container.open {
		top: 0
	}
}

.minicart-container-inner { /* Changes to minicart -- 16 Aug 2018 */
    /*height: 100%;*/
    width: 360px;
    position: fixed;
    /*top: 0;*/
    right: 0;
    z-index: 10001;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in;

	height: calc(100% - 83px);
	bottom: 0;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	pointer-events: auto
}

@media only screen and (max-width: 1068px) { /* Changes to minicart -- 16 Aug 2018 */
	.minicart-container-inner {
		height: 100%;
		border-top: none
	}
}

@media only screen and (max-width: 735px) {
    .minicart-container-inner {
    	max-width: 100%
	}
}

.mini-cart-container.open .minicart-container-inner {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 735px) {
    .minicart-container-inner {
    	max-width: 100%
	}
}

.minicart-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.42861;
    font-weight: 400
}

.close-minicart { /* Changes to minicart -- 16 Aug 2018 */
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 6;

	display: none
}

@media only screen and (max-width: 1068px) { /* Changes to minicart -- 16 Aug 2018 */
	.close-minicart {
		display: block
	}
}

.close-minicart .icon-close {
	display: block;
	width: 30px;
	height: 30px
}

.close-minicart .icon-close:after {
	font-size: 24px;
	color: #333;
	width: 30px;
	height: 30px;
	right: -4px;
	vertical-align: middle;
	text-align: right
}

.close-minicart .icon-close:hover:after {
	color: #888
}

.minicart-header-section { /* Changes to minicart -- 16 Aug 2018 */
	background: #fff;
	margin: 0 auto;
	padding: 15px 20px;
	border-bottom: 1px solid #d6d6d6;

	display: none
}

@media only screen and (max-width: 1068px) { /* Changes to minicart -- 16 Aug 2018 */
	.minicart-header-section {
		display: block
	}
}

.minicart-heading {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 600
}

.minicart-list { /* Changes to minicart -- 20 Aug 2018 */
    background: #fafafa;
	background: rgba(242, 242, 242, .95);
    /*height: calc(100% - 162px);*/
    padding-bottom: 40px;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
    overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
    overflow: -moz-scrollbars-none;

	height: calc(100% - 161px)
}

.minicart-list::-webkit-scrollbar { 
    display: none
}

.minicart-row {
    position: relative;
    padding: 10px 15px 10px 10px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden
}

.minicart-row.disabled {
	cursor: default;
	pointer-events: none;
	opacity: .3
}

.minicart-quantity {
    left: 5px;
    width: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

.minicart-product {
    position: relative;
    margin-left: 40px;
    margin-right: 25px;
    display: block
}

.minicart-product .product-row {
    height: 74px;
    position: relative;
    display: block;
    text-decoration: none
}

.minicart-product .minicart-image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 0;
    width: 40px;
    height: 40px
}

.minicart-product .minicart-image img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block
}

.minicart-product .minicart-fallback {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 0;
    background: #f2f2f2;
    width: 40px;
    height: 40px;
	border-radius: 40px;
    text-align: center
}

.minicart-product .minicart-fallback .icon {
	display: block;
    font-size: 24px;
	line-height: 40px;
    color: #888
}

.minicart-product .minicart-fallback .icon::after {
	top: -3px
}

.minicart-product .minicart-detail {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 54px
}

.minicart-product .minicart-detail .detail-name {
    font-size: 12px;
    line-height: 15px;
    color: #666
}

.minicart-product a:hover .detail-name {
    color: #158cfb
}

.minicart-product .minicart-detail .detail-price {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #333;
    padding-top: 4px
}

.minicart-product .minicart-detail .detail-price .original-price {
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
	padding-left: 4px
}

.minicart-quantity-value {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
	color: #666;
    display: block
}

.minicart-quantity-toggle,
.minicart-remove-item {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	font-feature-settings: 'liga';
    vertical-align: middle
}

.minicart-quantity-toggle {
    height: 17px;
    line-height: 17px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #158cfb
}

@media only screen and (max-width: 1068px) {
    .minicart-quantity-toggle {
        display: block
    }
}

.minicart-quantity-toggle.disabled {
    color: #d6d6d6;
    pointer-events: none
}

.minicart-quantity-toggle:hover {
    color: #147bcd
}

.minicart-quantity-toggle.increase:before {
    content: 'keyboard_arrow_up'
}

.minicart-quantity-toggle.decrease:before {
    content: 'keyboard_arrow_down'
}

.minicart-remove {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    color: #888;
    display: none
}

@media only screen and (max-width: 1068px) {
    .minicart-remove {
        display: block
    }
}

.minicart-remove-item:before {
    display: block;
    content: 'close';
    line-height: 1
}

.minicart-remove-item:hover {
    color: #e00
}

.minicart-row:hover .minicart-remove,
.minicart-row:hover .minicart-quantity-toggle {
    display: block
}

.cart-totals { /* Changes to minicart -- 16 Aug 2018 */
	background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    border-top: 1px solid #d6d6d6;
    z-index: 6;

	color: #333
}

.cart-totals .subtotal {
    font-weight: 700
}

.cart-button-block {
    margin-top: 10px
}

.cart-button-block .button {
	height: 45px;
    line-height: 45px
}

.cart-button-block .button-action {
	margin-top: 10px
}

.view-cart-or-checkout .button-action { /* Changes to minicart -- 20 Aug 2018 */
	margin-top: 0
}

.view-cart-or-checkout .button { /* Changes to minicart -- 20 Aug 2018 */
	width: 50%
}

.view-cart-or-checkout .button:first-child { /* Changes to minicart -- 20 Aug 2018 */
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px
}

.view-cart-or-checkout .button:last-child { /* Changes to minicart -- 20 Aug 2018 */
	margin-top: 0;border-top-left-radius: 0px;
	border-bottom-left-radius: 0px
}

.empty-minicart-alert {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    color: #333;
    text-align: center;
    padding: 20px 15px
}

.ui-autocomplete {
    width: 100% !important;
  	padding: 25px 40px 22px !important;
    background: #fff;
    border: 1px solid #d6d6d6 !important;
    top: 0px
}

@media only screen and (max-width: 1068px) {
    .ui-autocomplete {
        position: absolute !important;
        top: 59px !important
    }
}

.ui-autocomplete li {
    position: relative;
    font-size: 14px;
    line-height: 35px !important;
    letter-spacing: 0;
    padding: 0 44px;
  	margin: 0 -22px !important;
    color: #888
}

.ui-autocomplete li.products {
    line-height: 34px
}

.ui-autocomplete li > div {
  	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
    margin: 0 !important;
    background: inherit !important;
    color: inherit !important;
    border: none !important
}

.ui-autocomplete li.categories > div {
	width: calc(100% - 20px);
	padding: 0 !important;
	margin: 0 !important;
	background: inherit !important;
	color: inherit !important;
	border: none !important
}

.ui-autocomplete li.products > div {
	width: 100%
}

.ui-autocomplete li:last-child {
    display: none
}

.ui-autocomplete li.section-label {
    font-size: 11px;
  	line-height: 1 !important;
  	letter-spacing: .005em;
  	color: #888;
  	padding: 0 0 10px;
  	margin: 0 !important;
  	text-transform: lowercase;
  	pointer-events: none
}
	
.ui-autocomplete li.section-label::first-letter {
  	text-transform: capitalize
}
	
.ui-autocomplete li.section-label ~ li.section-label {
  	margin-top: 22px !important;
	border-top: 1px solid #d6d6d6;
  	padding-top: 25px
}

.ui-autocomplete li.categories:nth-of-type(1n+5) {
    display: none
}

.ui-autocomplete li.categories::before {
    font-family: "Material Icons";
  	content: "search";
  	padding-right: .1em;
  	color: inherit;
  	display: inline-block;
  	font-style: normal;
  	font-weight: inherit;
  	font-size: 18px;
  	line-height: 1;
  	text-decoration: none;
  	position: relative;
  	vertical-align: middle;
	font-feature-settings: 'liga';
  	z-index: 1
}

.ui-autocomplete li img {
    display: none
}

.ui-autocomplete b {
    font-weight: 700;
  	color: #333
}

.ui-autocomplete li:hover {
    cursor: pointer;
    color: #158cfb;
    background: #fafafa
}
	
.ui-autocomplete li:hover b {
    color: #158cfb
}

.ui-helper-hidden-accessible {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.navigation-menu {
	background: #fff;
	position: relative;
	display: block;
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #d6d6d6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 4
}

@media only screen and (max-width:1068px) {
	.navigation-menu {
		position: fixed;
		top: 0;
		z-index: 10002;
		left: 0;
		bottom: 0;
		width: 360px;
		height: 100%;
		border: none;
		overflow: hidden;
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none
	}
}

@media only screen and (max-width:735px) {
	.navigation-menu {
		width: 100%;
		border: none
	}
}

@media only screen and (min-width:1069px) {
	.navigation-menu.open {
		display: none
	}
}

@media only screen and (max-width:1068px) {
  	.navigation-menu.open {
		visibility: visible;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		transition: -webkit-transform .3s ease-in;
		transition: transform .3s ease-in;
		transition: transform .3s ease-in,-webkit-transform .3s ease-in
  	}
}

.navigation-menu-backdrop {
	display: none;
	background: rgba(50, 50, 50, .90);
	position: fixed;
	top: 127px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 3
}

@media only screen and (max-width:1068px) {
	.navigation-menu-backdrop {
		top: 0;
		z-index: 10001
	}
}

.navigation-menu.full-open ~ .navigation-menu-backdrop {
	display: block 
}

@media only screen and (max-width:1068px) {
	.navigation-menu.full-open ~ .navigation-menu-backdrop {
		display: none
	}

	.navigation-menu.open ~ .navigation-menu-backdrop {
		display: block
	}
}

.close-mobile-navigation {
	position: absolute;
	top: 15px;
	right: 40px;
	z-index: 6
}

.close-mobile-navigation .icon-close {
	display: block;
	width: 30px;
	height: 30px
}

.close-mobile-navigation .icon-close:after {
	font-size: 24px;
	color: #333;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: right
}

.close-mobile-navigation:hover .icon-close:after {
	color: #888
}

.mobile-navigation-heading {
	margin: 0 -40px 15px;
	padding: 0 40px 15px;
	border-bottom: 1px solid #666;
}

.mobile-navigation-heading h2 {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 600
}

.navigation-menuinner {
	background: #fff;
	overflow: hidden;
	max-width: 1350px;
	height: 43px;
	margin: 0 auto;
	padding: 0 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media only screen and (max-width:1068px) {
	.navigation-menuinner {
		background: #fff;
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		justify-content: initial;
		text-align: left;
		-ms-text-justify: none;
		text-justify: none;
		padding: 15px 40px 50px 40px;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none
	}

	.navigation-menuinner::-webkit-scrollbar { 
		display: none
	}
}

.navigation-menuinner > div {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: start;
	text-align: left;
	-ms-text-justify: none;	
	text-justify: none
}

@media only screen and (max-width:1068px) {
	.navigation-category-wrapper {
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden
	}
}

.navigation-menu a {
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transition: opacity .15s ease .15s
}

@media only screen and (max-width:1068px) {
	.navigation-menu a {
		white-space: normal;
		overflow: visible;
		text-overflow: initial
	}
}

.navigation-menu .navigation-subcategory.open a {
	opacity: 1
}

@media only screen and (max-width:1068px) {
	.navigation-menu .navigation-subcategory a {
		opacity: 1
	}
}

.navigation-categoryouter {
	height: 43px;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	z-index: 2
}

.navigation-categoryouter.loner {
	font-size: 14px;
	line-height: 43px;
	font-weight: 400;
	color: #333;
	display: block;
	opacity: 1;
	white-space: nowrap;
	overflow: hidden;
	z-index: 2
}

.navigation-categoryouter.loner:hover {
	color: #158cfb
}

.navigation-categoryouter.open {
	border-bottom: 2px solid #333
}

.navigation-categoryouter.open .navigation-category {
	color: #888
}

@media only screen and (max-width:1068px) {
	.navigation-categoryouter {
		width: 100%;
		height: 45px;
		padding: 0;
		display: inline-block;
		border-bottom: 1px solid #d6d6d6
	}

	.navigation-categoryouter.open {
		background: #fff;
		border-bottom: none
	}
}

.menu-subcategoryouter {
	float: left;
	width: 33.33333%;
	height: 35px;
	line-height: 35px;
	padding-right: 15px
}

@media only screen and (max-width:1068px) {
	.menu-subcategoryouter {
		float: none;
		width: 100%;
		height: auto;
		line-height: 19px;
		padding-right: 0;
		display: block
	}
}

@media only screen and (max-width:1068px) {
	.navigation-category-wrapper:first-child .navigation-categoryouter {
		border-top: none
	}
}

.navigation-category,
.menu-subcategory {
	display: block;
	font-size: 14px;
	color: #333;
	cursor: pointer
}

@media only screen and (max-width:1068px) {
	.navigation-category {
		position: relative;
		background: #fff;
		line-height: 19px;
		padding: 13px 0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		z-index: 2
	}
}

@media only screen and (max-width:1068px) {
	.navigation-category:after {
		content: '+';
		position: absolute;
		right: 0;
		font-size: 18px;
		line-height: 1;
		font-weight: 400;
		margin-top: -1px;
		margin-right: 8px;
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease
	}
}


@media only screen and (max-width:1068px) {
	.navigation-category.loner:after {
		display: none
	}
}

@media only screen and (max-width:1068px) {
	.navigation-category.open:after {
		-webkit-transform: rotate(45deg) scale(1.08);
		-ms-transform: rotate(45deg) scale(1.08);
		transform: rotate(45deg) scale(1.08);
	}
}

@media only screen and (max-width:1068px) {
	.menu-subcategory {
		line-height: 19px;
		padding: 5px 0;
		padding-left: 15px
	}
}

.navigation-categoryouter:hover .navigation-category {
	color: #888
}

.navigation-categoryouter:hover .navigation-category.loner,
.menu-subcategoryouter:hover .menu-subcategory {
	color: #158cfb
}

.navigation-subcategory {
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

@media only screen and (max-width:1068px) {
	.navigation-subcategory {
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px)
	}
}

.navigation-subcategory.open {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 68px 22px 50px;
	border-bottom: 1px solid #d6d6d6;
	visibility: visible;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 300ms cubic-bezier(.28, .11, .32, 1);
	transition: -webkit-transform 300ms cubic-bezier(.28, .11, .32, 1);
	transition: transform 300ms cubic-bezier(.28, .11, .32, 1);
	transition: transform 300ms cubic-bezier(.28, .11, .32, 1)
}

@media only screen and (max-width:1068px) {
	.navigation-subcategory.open {
		position: static;
		top: 0;
		left: auto;
		right: auto;
		padding: 0;
		border-bottom: none;
		-webkit-transition: -webkit-transform 300ms ease;
		transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
		transition: transform 300ms ease, -webkit-transform 300ms ease
	}
}

.navigation-subcategories {
	max-width: 1326px;
	margin: 0 auto
}

@media only screen and (max-width:1068px) {
	.navigation-subcategories {
		padding-bottom: 20px;
		border-bottom: 1px solid #d6d6d6
	}
}

@media only screen and (max-width:1068px) {
	.navigation-subcategories.open {
		position: static;
		visibility: visible;
		z-index: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: -webkit-transform 300ms ease;
		transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
		transition: transform 300ms ease, -webkit-transform 300ms ease
	}
}


/****** ****** ****** 3. HOMEPAGE ****** ****** ******/

.hero-slideshow-section .hero-slideshow-container,
.promotions-section .promotions-container,
.product-carousel-widget .carousel-container {
	margin-bottom: 90px
}

@media only screen and (max-width: 1068px) {
	.hero-slideshow-section .hero-slideshow-container,
	.promotions-section .promotions-container,
	.product-carousel-widget .carousel-container {
		margin-bottom: 70px
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow-section .hero-slideshow-container,
	.promotions-section .promotions-container,
	.product-carousel-widget .carousel-container {
		margin-bottom: 50px
	}
}

.hero-slideshow {
	width: 100%;
	margin: 0;
	position: relative;
	list-style-type: none;	  	
	overflow: hidden;
	background: #fafafa
}

.hero-slideshow-container:hover .paddlenav-arrow {
	opacity: .8
}

.hero-slideshow .hero-slide {
	display: block;
	float: left;
	width: 100%;	  	
	overflow: hidden;
	height: 580px
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .hero-slide {
		height: 540px
	}
}

@media only screen and (max-width: 480px) {
	.hero-slideshow .hero-slide {
		height: 620px
	}
}

@media only screen and (min-width: 1069px) and (min-height: 778px) {
	.hero-slideshow .hero-slide {
		height: 687px
	}
}

@media only screen and (max-width: 1068px) and (min-width: 736px) {
	.hero-slideshow .hero-slide {
		height: 640px
	}
}

.hero-slideshow .hero-slide .hero {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	z-index: auto
}

@media only screen and (max-width: 1068px) {
	.hero-slideshow .hero-slide .hero {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .hero-slide .hero {
		padding-left: 6.25%;
		padding-right: 6.25%
	}
}

.hero-slideshow .slick-dots {
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	z-index: 2
}

.hero-slideshow .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0
}

.hero-slideshow .slick-dots li.slick-active {
	pointer-events: none
}

.hero-slideshow .slick-dots button {
	font-size: 0;
	line-height: 0;
	display: block;
	background: rgba(136, 136, 136, .4);
	margin: 0 10px;
	padding: 0;
	width: 10px;
	height: 10px;
	border: none;
	border-radius: 20px;
	cursor: pointer
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .slick-dots button {
		width: 8px;
		height: 8px
	}
}

.hero-slideshow .slick-dots button:hover {
	background: rgba(136, 136, 136, .8)
}

.hero-slideshow .slick-dots li.slick-active button {
	background: #888;
	cursor: default
}

.hero-slideshow .hero-image {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 280px;
	margin: 0 auto
}

@media only screen and (max-width: 1068px) {
	.hero-slideshow .hero-image {
		padding-top: 40px
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .hero-image {
		max-height: 250px;
		padding-top: 30px
	}
}

@media only screen and (min-width: 1069px) {
	.hero-slideshow .hero-image {
		max-height: 550px
	}
}

@media only screen and (max-width: 1068px) and (min-width: 736px) {
	.hero-slideshow .hero-image {
		max-height: 250px
	}
}

@media only screen and (max-width: 1068px) {
	.hero-slideshow .copy-column {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-top: 40px
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .copy-column {
		padding-top: 30px
	}	  
}	

.hero-slideshow .copy-container {
	max-width: 500px;
	margin: 0 auto;
	text-align: center
}

.hero-slideshow .copy-container .button-block {
	margin-top: 30px
}

.hero-slideshow .copy-container .button-block > .button {
	height: 56px;
	line-height: 54px;
	width: 75%;
	margin: 0 auto
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .copy-container .button-block > .button {
		width: 100%
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .copy-container .paragraph-6 {
		font-size: 17px;
		line-height: 1.47059
	}
}

@media only screen and (max-width: 735px) {
	.hero-slideshow .copy-container .paragraph-6 {
		font-size: 14px;
		line-height: 1.42861
	}
}

.promotions-section .heading-container {
	padding-bottom: 30px
}

.promotions-section .promotions-container {
	position: relative
}

.promotions-section .promotions-container .promotion-block {
	margin-bottom: 12px
}

@media only screen and (min-width: 1069px) {
	.promotions-section .promotions-container .promotion-block {
		margin-bottom: 12px
	}

	.promotions-section .promotions-container .promotion-block:nth-child(odd) {
		padding-right: 6px
	}

	.promotions-section .promotions-container .promotion-block:nth-child(even) {
		padding-left: 6px
	}
}

@media only screen and (min-width: 1441px) {
	.promotions-section .promotions-container .promotion-block {
		margin-bottom: 24px
	}

	.promotions-section .promotions-container .promotion-block:nth-child(odd) {
		padding-right: 12px
	}

	.promotions-section .promotions-container .promotion-block:nth-child(even) {
		padding-left: 12px
	}
}

.promotions-section .promotions-container .promotion-block a {
	height: 140px;
	display: block;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06)
}

@media only screen and (max-width: 540px) {
	.promotions-section .promotions-container .promotion-block a {
		height: 100px
	}
}

.promotions-section .promotions-container .promotion-block a:hover {
	border-color: #158cfb;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16)
}

.promotions-section .promotions-container .promotion-block a:hover .promotion-text h3 {
	color: #158cfb
}

.promotions-section .promotions-container .promotion-block .promotion-text {
	width: calc(100% - 175px);
	padding: 20px 30px
}

@media only screen and (max-width: 735px) {
	.promotions-section .promotions-container .promotion-block .promotion-text {
		width: 66.66667%
	}
}

@media only screen and (max-width: 540px) {
	.promotions-section .promotions-container .promotion-block .promotion-text {
		display: table;
		height: 100%;
		width: 66.66667%
	}

	.promotion-wrapper {
		display: table-cell;
		vertical-align: middle
	}
}

.promotions-section .promotions-container .promotion-block .promotion-text .paragraph-6 {
	font-weight: 700 
}

.promotions-section .promotions-container .promotion-block .promotion-text .body-2 {
	margin-top: 6px
}

@media only screen and (max-width: 540px) {
	.promotions-section .promotions-container .promotion-block .promotion-text .body-2 {
		display: none
	}
}

.promotions-section .promotions-container .promotion-block .promotion-image {
	position: relative;
	width: 175px;
	height: 100%;
	background: #e3e3e3;
	overflow: hidden
}

@media only screen and (max-width: 735px) {
	.promotions-section .promotions-container .promotion-block .promotion-image {
		width: 33.33333%
	}
}

.promotions-section .promotions-container .promotion-block .promotion-image .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.promotions-section .promotions-container .promotion-block:nth-child(even) .promotion-image {
	float: right
}

@media only screen and (max-width: 1068px) {
	.featured-categories-section,
	.featured-products-section {
		overflow: hidden
	}

	.featured-categories-section .container,
	.featured-products-section .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}
}

.product-carousel-widget .heading-container {
	padding-bottom: 20px
}

@media only screen and (max-width: 1068px) {
	.product-carousel-widget .heading-container {
		padding-left: 6.25%;
		padding-right: 6.25%
	}
}

.product-carousel-widget .heading-container .paragraph-6 {
	font-weight: 300;
	margin-top: 5px
}

.product-carousel-widget .carousel-container {
	position: relative
}

.product-carousel-widget .paddlenav-arrow {
	opacity: 1;
	background: #f2f2f2;
	color: #333
}

.product-carousel-widget .paddlenav-arrow:hover {
	background: #e3e3e3;
	color: #111
}

.product-carousel-widget .paddlenav-arrow.slick-disabled {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.product-carousel-widget .paddlenav-arrow-next {
	right: -32px
}

.product-carousel-widget .paddlenav-arrow-previous {
	left: -32px
}

.product-carousel-widget .product-list {
	white-space: nowrap;
	font-size: 0;
	list-style: none;
	overflow: hidden;
	margin: 0 -6px
}

@media only screen and (max-width: 1068px) {
	.product-carousel-widget .category-list,
	.product-carousel-widget .product-list {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}
}

.product-carousel-widget .product-list-item {
	width: 20%;
	display: inline-block;
	white-space: normal;
	border: 6px solid #fff;
	vertical-align: top
}

@media only screen and (max-width: 1068px) {
	.product-carousel-widget .product-list-item {
		width: 250px
	}

	.product-carousel-widget .product-list-item:first-child {
		margin-left: 6.25%
	}

	.product-carousel-widget .product-list-item:last-child {
		margin-right: 6.25%
	}
}

.product-carousel-widget .product-list-item a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none
}

.product-carousel-widget .product-list-item .image-container {
	position: relative;
	width: 100%;
	height: 185px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px
}

.product-carousel-widget .product-list-item a:hover .image-container {
	border-color: #158cfb
}

.product-carousel-widget .product-list-item .image-container .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border: 15px solid transparent
}

.product-carousel-widget .product-list-item .image-container .fallback {
	background: #f2f2f2;
	color: #888;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding-top: 80px;
	text-align: center
}

.product-carousel-widget .product-list-item .details-container {
	padding-right: 15px;
	margin-bottom: 25px
}

.product-carousel-widget .product-list-item .details-container .promotion {
	min-height: 20px;
	font-weight: 500;
	color: #ef5602;
	margin-bottom: 6px
}

.product-carousel-widget .product-list-item .details-container .product-name {
	font-weight: 600;
	color: #111
}

.product-carousel-widget .product-list-item a:hover .product-name {
	color: #158cfb
}

.product-carousel-widget .product-list-item .details-container .product-price {
	color: #333;
	margin: 0 0 20px
}

.product-carousel-widget .product-list-item .details-container .product-price .muted {
	color: #888;
	text-decoration: line-through;
	margin-left: 4px
}

.product-carousel-widget .see-all-container {
	margin-top: 15px
}

@media only screen and (max-width: 1068px) {
	.product-carousel-widget .see-all-container {
		padding-left: 6.25%
	}
}

.featured-categories-section .heading-container {
	padding-bottom: 30px
}

.featured-categories-section .product-carousel-widget .category-list {
	white-space: nowrap;
	font-size: 0;
	list-style: none;
	margin: 0 -12px
}
@media only screen and (min-width: 1069px) {
	.featured-categories-section .product-carousel-widget .category-list {
		overflow: hidden
	}
}

.featured-categories-section .product-carousel-widget .product-list-item {
	border-width: 12px
}

@media only screen and (max-width: 1068px) {
	.featured-categories-section .product-carousel-widget .product-list-item {
		width: 150px
	}
}

.featured-categories-section .product-carousel-widget .product-list-item .image-container {
	height: auto;
	background: #fafafa;
	border-color: transparent;
	border-radius: 50%;
	padding-top: 100%
}

.featured-categories-section .product-carousel-widget .product-list-item .image-container .fallback {
	padding-top: calc(50% - 11px)
}

.featured-categories-section .product-carousel-widget .product-list-item .product-name {
	height: auto;
	font-weight: 400
}

.newsletter-signup-section {
	padding-top: 90px;
	padding-bottom: 120px;
	color: #fff;
	background: #0067b9;
	text-align: center
}

@media only screen and (max-width: 1068px) {
	.newsletter-signup-section {
		padding-top: 70px;
		padding-bottom: 90px
	}
}

@media only screen and (max-width: 735px) {
	.newsletter-signup-section {
		padding-top: 60px;
		padding-bottom: 70px
	}
}

.newsletter-signup-section .copy-wrapper {
	max-width: 700px;
	margin: 0 auto;
	padding-bottom: 50px
}

@media only screen and (max-width: 1068px) {
	.newsletter-signup-section .copy-wrapper {
		padding-bottom: 40px
	}
}

.newsletter-signup-section .copy-wrapper h2 {
	color: inherit
}

.newsletter-signup-section .newsletter-signup-form {
	max-width: 700px;
	margin: 0 auto
}

.newsletter-signup-section .newsletter-signup-form .form-textbox {
	background: #fff
}

.newsletter-signup-section .newsletter-signup-form .form-textbox:focus {
	border-color: 6bf;
	box-shadow: 0 0 0 3px rgba(102, 187, 255, 0.8)
}

.newsletter-signup-section .newsletter-signup-form .button {
	background: #111;
	color: #fff;
	height: 54px;
	width: auto;
	position: absolute;
	top: 1px;
	right: 1px;
	display: inline-block;
	font-size: 17px;
	line-height: 52px;
	font-weight: 500;
	padding: 0 25px;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.newsletter-signup-section .newsletter-signup-form .button:hover {
	background: #158cfb
}

.newsletter-signup-section .newsletter-signup-form .button:active {
	background: #0067b9
}

@media only screen and (max-width: 735px) {
	.newsletter-signup-section .newsletter-signup-form .button {
		position: relative;
		width: 100%;
		border-radius: 4px;
		margin-bottom: 20px
	}

	.newsletter-signup-section .newsletter-signup-form .button:active {
		border-color: #fff
	}
}

.newsletter-signup-section #mc_embed_signup input.mce_inline_error {
	border-color: #e00;
	background: #fef0f0
}

.newsletter-signup-section #mc_embed_signup input.mce_inline_error + .form-label {
	color: #e00
}

.newsletter-signup-section #mc_embed_signup input.mce_inline_error:focus {
	border-color: #158cfb;
	background: #fff
}

.newsletter-signup-section #mc_embed_signup div.mce_inline_error {
	margin: 0;
	padding: 0;
	background: transparent;
	z-index: 1;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px
}


/****** ****** ****** 4. ACCOUNT ****** ****** ******/

.account-page {
    padding-top: 90px;
    margin-bottom: 120px;
}
  
@media only screen and (max-width: 1068px) {
	.account-page {
		padding-top: 70px;
		margin-bottom: 90px;
	}
}
  
@media only screen and (max-width: 735px) {
	.account-page {
		padding-top: 50px;
		margin-bottom: 70px;
	}
}

.account-page .loadindicator-wrapper {
	padding-top: 45px;
	min-height: 735px
}

.account-page .cancel-button {
	display: inline-block;
	margin: 20px auto 0
}

.login.account-page .module-register {
    display: none
}

.register.account-page .module-login {
    display: none
}
  
.account-page .heading-4 {
    margin-bottom: 25px
}
  
.account-page .errata {
    margin-top: -5px;
    margin-bottom: 25px
}
  
.account-page .password-reset-indicator,
.account-page .password-reset-timeout,
.account-page .password-reset-fail,
.account-page .checkout-login-failure,
.account-page .registration-conflict {
    position: relative;
  	min-height: 60px;
    overflow: hidden;
  	margin-top: 0;
    margin-bottom: 30px;
    background: #fff;
  	border-radius: 4px
}

.account-page .password-reset-indicator {
    display: none;
    border: 1px solid #390
}

.account-page .password-reset-timeout {
    display: block;
    border: 1px solid #ef5602;
    background: #fff
}

.account-page .password-reset-fail,
.account-page .checkout-login-failure,
.account-page .registration-conflict {
  	display: none;
	border: 1px solid #e00
}

.account-page .password-reset-indicator i,
.account-page .password-reset-timeout i,
.account-page .password-reset-fail i,
.account-page .checkout-login-failure i,
.account-page .registration-conflict i {
    font-size: 24px;
    padding: 18px 13px;
    color: #fff;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0
}

.account-page .password-reset-indicator i {
    background: #390
}

.account-page .password-reset-timeout i {
    background: #ef5602
}

.account-page .password-reset-fail i,
.account-page .checkout-login-failure i,
.account-page .registration-conflict i {
  	background: #e00
}

.account-page .password-reset-indicator p,
.account-page .password-reset-timeout p,
.account-page .password-reset-fail p,
.account-page .checkout-login-failure p,
.account-page .registration-conflict p {
    padding: 10px 20px 10px 70px
}
  
.account-page .button {
	margin-top: 20px
}

.account-page .login-register-toggle {
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	padding-bottom: 25px;
	font-weight: 300;
	text-align: center
}

.account-page .login-register-toggle .body-1 {
	font-weight: 300;
	color: #666
}

.account-page .login-register-toggle button {
	font-weight: 400;
	color: #158cfb
}

.account-page .login-register-toggle button:hover {
	text-decoration: underline
}

.account-page .return-container {
	margin-bottom: 30px
}

.account-page .search-by-zip {
	max-width: 490px;
	padding-bottom: 30px
}

@media only screen and (max-width: 735px) {
	.account-page .search-by-zip {
		max-width: 100%
	}
}

.account-page .search-by-zip .search-icon,
.account-page .search-by-zip .clear-icon {
	position: absolute;
	z-index: 1;
	vertical-align: middle
}

.account-page .search-by-zip .search-icon {
	top: 14px;
	line-height: 30px;
	left: 11px;
	width: 30px;
	height: 30px
}

.account-page .search-by-zip .clear-icon {
	display: none;
	top: 16px;
	right: 11px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 30px;
	background: #d6d6d6
}

.account-page .search-by-zip .search-icon .icon,
.account-page .search-by-zip .clear-icon .icon {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.account-page .search-by-zip .search-icon .icon::after,
.account-page .search-by-zip .clear-icon .icon::after {
	position: relative;;
	margin-top: 0
}

.account-page .search-by-zip .search-icon .icon::after {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #888	  
}

.account-page .search-by-zip .clear-icon .icon::after {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #fff
}

.account-page .search-by-zip .search-icon:hover .icon::after {
	color: #333
}

.account-page .search-by-zip .clear-icon:hover {
	background: #acacac
}

.account-page .pagination-block {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 40px;
	font-size: initial
}

.account-page .pagination-block ul {
	list-style: none;
	margin: 0
}

.account-page .pagination-block li {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.account-page .paddlenav-arrow {
	display: inline-block;
	top: 0;
	opacity: 1;
	margin-top: 0
}

@media only screen and (max-width: 1068px) {
	.account-page .paddlenav-arrow {
		display: inline-block !important
	}
}

.account-page .paddlenav-arrow-previous {
	left: auto;
	right: 0
}

.account-page .paddlenav-arrow-next {
	left: 0;
	right: auto
}

.account-page .pagination-spacing {
	height: 45px;
	line-height: 45px;
	color: #888;
	padding: 0 60px
}

@media only screen and (max-width: 735px) {
	.account-page .pagination-spacing {
		padding: 0 30px  
	}
}

.account-hub {
	margin-bottom: 50px
}

@media only screen and (max-width: 1068px) {
	.account-hub {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 735px) {
	.account-hub {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 735px) {
	.account-hub.container {
		padding-left: 0;
		padding-right: 0
	}
}

.account-hub .account-profile {
	background: #fafafa;
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	padding-top: 40px;
	padding-left: 6.25%;
	padding-right: 6.25%;
	padding-bottom: 40px;
	margin-bottom: 50px
}

@media only screen and (min-width: 736px) {
	.account-hub .account-profile {
		background: #fff;
		margin-top: 60px;
		padding: 35px 40px;
		border: 1px solid #d6d6d6;
		border-radius: 4px;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
		margin-bottom: 60px
	}
}

@media only screen and (min-width: 1069px) {
	.account-hub .account-profile {
		padding: 40px 50px
	}
}

.account-profile .welcome-container {
	margin-bottom: 25px
}

.account-profile .welcome-container p {
	margin-top: 6px  
}

.account-information .account-information-list {
	margin: 0;
	list-style: none
}

.account-information .ail-list-item {
	margin-bottom: 15px
}

.account-information .ail-list-item:last-child {
	padding-bottom: 0
}

.account-information .ail-icon-container {
	display: table-cell;
	padding-right: 10px;
}

.account-information .ail-icon-container i {
	font-size: 24px;
	line-height: 25px;
	vertical-align: top
}

.account-information .ail-icon-container i.warning {
	color: #d6d6d6
}

.account-information .ail-content-container {
	display: table-cell;
	vertical-align: middle
}

.account-information .ail-content-outer {
	display: table-cell;
	vertical-align: top;
	padding-right: 8px
}

.account-information .ail-content-inner {
	display: table;
	table-layout: fixed;
	width: 100%
}

.account-information .ail-title {
	display: table-cell
}

.account-information .ail-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.account-information .ail-text.email-address {
	text-transform: lowercase
}

.account-information .ail-edit-link {
	display: block;
	white-space: nowrap;
	vertical-align: top
}

@media only screen and (min-width: 1441px) {
	.account-information .ail-edit-link {
		display: table-cell;
		text-align: right
	}
}

@media only screen and (max-width: 735px) {
	.account-information .ail-edit-link {
		display: table-cell;
		text-align: right
	}
}

@media only screen and (max-width: 480px) {
	.account-information .ail-edit-link {
		display: block;
		text-align: left
	}
}

.account-overview {
	margin-top: 0;
	padding-left: 6.25%;
	padding-right: 6.25%;
	margin-bottom: 60px
}

@media only screen and (min-width: 736px) {
	.account-overview {
		margin-top: 60px;
		padding-right: 0
	}
}

@media only screen and (max-width: 735px) {
	.account-page .registered-contacts-wrapper .text-center {
		text-align: left
	}

	.account-page .registered-contacts-wrapper .text-right {
		text-align: left;
		margin: 10px 0 15px
	}
}

.address-book.account-page {
	padding-top: 20px
}

.address-book .icon::after {
	position: relative
}

.address-book .address-block-body {
	font-size: 0;
	text-align: left;
	margin-bottom: 120px
}

.address-book .address-column {
	display: inline-block;
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 400;
	padding-right: 15px;
	padding-bottom: 20px;
	vertical-align: top
}

@media only screen and (max-width: 735px) {
	.address-book .address-column {
		padding-right: 0
	}
}

.address-book .address-column-inner,
.address-book .new-address-column {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06)	  
}

.address-book .address-column-inner {
	padding: 20px 30px 40px
}

.address-book .new-address-column {
	position: relative;
	display: table;
	text-decoration: none
}

@media only screen and (max-width: 735px) {
	.address-book .address-column-inner {
		padding-left: 25px;
		padding-right: 25px
	}
}

.address-book .address-column-list {
	list-style: none;
	margin: 0
}

.address-book .addcol-actions {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

.address-book .addcol-actions-inner {
	background: #fafafa;
	padding: 10px 15px;
	text-align: right
}

@media only screen and (max-width: 735px) {
	.address-book .addcol-actions-inner {
		padding: 0
	}
}

.address-book .addcol-action-button {
	color: #158cfb;
	display: inline-block		
}

@media only screen and (min-width: 736px) {
	.address-book .addcol-action-button:hover {
		text-decoration: underline 
	}

	.address-book .addcol-action-button:last-child {
		margin-left: 15px
	}
}

@media only screen and (max-width: 735px) {
	.address-book .addcol-action-button {
		color: #333;
		background: #fafafa;
		float: left;
		width: 50%;
		text-align: center;
		text-decoration: none;
		margin: 0;
		padding: 10px 0
	}

	.address-book .addcol-action-button:hover {
		color: #158cfb
	}

	.address-book .delete-address-button {
		color: #fff;
		background: #158cfb;
		font-weight: 600
	}

	.address-book .delete-address-button:hover {
		color: #fff;
		background: #147bcd
	}
}

.address-book .new-address-column-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.address-book .add-address-icon {
	color: #158cfb;
	font-size: 48px;
	vertical-align: middle
}

.address-book .add-address-label {
	font-weight: 600
}

.order-history.account-page {
	padding-top: 20px 
}

.order-history .headings {
	padding: 0 30px 10px;
	border-bottom: 1px solid #d6d6d6;
	color: #888
}

.order-history .recent-orders-empty {
	padding-top: 20px
}

.order-list .order-section {
	padding: 20px 30px
}

.account-hub .order-list .order-section {
	font-size: 14px;
	line-height: 1.42861;
	padding: 15px 20px
}

.order-list .order-section:nth-child(odd) {
	background: #fafafa
}

.order-list .order-section .details,
.order-list .order-section .links {
	padding-top: 15px
}

.account-hub .order-list .order-section .details,
.account-hub .order-list .order-section .links {
	padding-top: 10px
}

@media only screen and (max-width: 1068px) {
	.account-hub .order-list .order-section .small-hide {
		display: none
	}

	.account-hub .order-list .order-section .small-show {
		display: block
	}

	.account-hub .order-list .order-section .small-6 {
		width: 50%
	}

	.account-hub .order-list .order-section .small-12 {
		width: 100%
	}
}

.account-hub .order-list .pagination-block {
	display: none
}

.account-hub .see-all-orders {
	text-align: center;
	margin-top: 40px
}

.account-page.order-detail {
	padding-top: 20px	  
}

.order-detail .heading-container {
	padding-bottom: 30px
}

.order-detail .heading-container .button,
.line-item .reorder .button {
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	margin-top: 0
}

.order-detail .heading-container .heading-4 {
	margin: 0 
}

.order-detail .order-information {
	margin-top: 40px
}

.order-detail .ship-bill-block {
	margin-top: 40px;
	padding-bottom: 50px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px
}

@media only screen and (max-width: 735px) {
	.order-detail .ship-bill-block {
		margin-top: 25px
	}

	.order-detail .date-ship-block .column:first-child,
	.order-detail .ship-bill-block .column:first-child {
		margin-bottom: 25px
	}
}

.order-detail .ship-bill-block ul {
	list-style: none;
	margin: 0
}

.order-detail .ship-bill-block .offset {
	margin-top: 10px
}

.line-item {
	position: relative;
	padding: 40px 0;
	border-bottom: 1px solid #d6d6d6
}

@media only screen and (min-width: 1069px) {
	.line-item:last-child {
		border-bottom: 0
	}
}

.line-item .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 115px
}

.line-item .image img {
	display: block;
	max-width: 100%;
	height: auto
}

.line-item .fallback {
	background: #e3e3e3;
	width: 100%;
	height: 100%;
	border-radius: 115px;
	display: table;
	text-align: center
}

.line-item .fallback p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	color: #666
}

.line-item .details {
	width: 100%;
	min-height: 115px;
	padding-left: 145px;
	color: #888
}

.line-item .description {
	font-weight: 700;
	margin: 0	  
}

.line-item .description a {
	display: block;
	color: #333;
	text-decoration: none
}

.line-item .description a:hover {
	color: #158cfb 
}

.line-item .price,
.line-item .backorder {
	margin-top: 10px
}

.line-item .quantity {
	margin-top: 6px  
}

.line-item .backorder {
	color: #e00
}

.line-item .reorder {
	margin-top: 20px
}

.line-item .line-price {
	text-align: right;
	color: #333
}

.line-item .item-number {
	position: absolute;
	right: 0;
	bottom: 0
}

.line-item .mobile-item-number {
	margin: 0
}

.order-detail .order-summary-container {
	margin-top: 40px;
	margin-bottom: 40px
}

@media only screen and (max-width: 1068px) {
	.order-detail .order-summary-container {
		margin-top: 20px
	}
}

.order-detail .order-summary-container .summary-heading {
	margin-bottom: 20px 
}

.order-detail .order-summary-container .summary-subtotal {
	line-height: 35px
}

.order-detail .order-summary-container .summary-total {
	margin-top: 20px;
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	margin-bottom: 30px
}

@media only screen and (max-width: 1068px) {
	.order-detail.shopping-cart .order-summary-container .summary-total {
		margin-bottom: 60px
	}
}

.order-detail .order-summary-container .summary-total strong {
	font-weight: 700;
	color: #111 
}

.order-detail .summary-button {
	margin-top: 40px;
	margin-bottom: 60px
}

.order-detail .summary-button .button {
	height: 56px;
	line-height: 54px;
	font-size: 17px
}

@media only screen and (max-width: 1068px) {
	.order-detail .order-summary-container .summary-subtotal,
	.order-detail .order-summary-container .summary-total {
		text-align: right
	}

	.order-detail .order-summary-container .summary-total {
		margin-bottom: 90px  
	}

	.mobile-reorder {
		margin-bottom: 60px
	}
}

@media only screen and (max-width: 735px) {
	.order-detail .order-summary-container .summary-total {
		margin-bottom: 40px  
	}
}

.order-detail .order-summary-container .summary-support strong {
	font-weight: 700
}

.order-detail .order-summary-container .muted {
	color: #888
}
	
.payment-option-container {
	margin-bottom: 60px
}

.payment-option-container .card-actions {
	margin-top: 20px;
	margin-bottom: 15px
}

.payment-option-container .button {
	background: #fafafa;
	border-color: #fafafa;
	min-width: 100px;
	height: 35px;
	line-height: 33px;
	font-size: 14px
}

.payment-option-container .button:hover {
	background: #fff;
	border-color: #158cfb 
}

.payment-option-container .button:last-child {
	margin-left: 10px 
}


/****** ****** ****** 5. CART + CHECKOUT ****** ****** ******/

.shopping-cart {
	margin-bottom: 70px
}

@media only screen and (max-width: 1023px) {
	.shopping-cart {
		margin-bottom: 50px
	}
}

.button-paypal {
	border-color: transparent;
	font-style: italic;
	font-weight: 900;
	color: #003087;
	background: #ffc520
}

.button-paypal .intro {
	font-style: normal;
	color: #333;
	font-weight: 500
}

.button-paypal .caption { /* Changes to minicart -- 16 Aug 2018 */
	font-size: 14px;
	font-style: normal;
	color: #333;
	font-weight: 500
}

.button-paypal .pal {
	color: #009cde
}

.button-paypal:hover { /* Changes to minicart -- 16 Aug 2018 */
	border-color: transparent;
	background: #f6b600;

	color: inherit
}

.button-paypal:active {
	border-color: transparent;
	background: #f6b600;
	color: inherit
}




.pdh-input-container {
	position: relative;
	margin-right: 20px
}

@media only screen and (max-width: 1068px) {
	.pdh-input-container {
		margin-right: 10px
	}
}

.pdh-input-container .pdh-input {
	padding-right: 46px
}

@media only screen and (max-width: 1023px) {
	.shopping-cart .pdh-input-container .pdh-input {
		padding-right: 16px
	}
}

@media only screen and (max-width: 735px) {
	.pdh-input-container .pdh-input {
		padding-right: 16px
	}
}

.pdh-input-container .pdh-input.parsley-error {
	border-color: #e00;
	background-color: rgba(238, 0, 0, 0.1);
}

.pdh-input-container .pdh-input:not(.parsley-error):focus {
	border-color: #158cfb;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5)
}

.pdh-input-container .pdh-qty-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 54px;
	display: block;
	margin: 1px;
	border-left: 1px solid #d6d6d6
}

@media only screen and (max-width: 1023px) {
	.shopping-cart .pdh-input-container .pdh-qty-toggle {
		display: none  
	}
}

@media only screen and (max-width: 735px) {
	.pdh-input-container .pdh-qty-toggle {
		display: none  
	}
}

.pdh-input-container .pdh-qty-toggle .arrow {
	width: 100%;
	display: block;
	height: 27px;
	text-align: center;
	outline: 0
}

.pdh-input-container .pdh-qty-toggle .arrow.disabled {
	pointer-events: none;
	cursor: default;
	color: #d6d6d6
}

.pdh-input-container .pdh-qty-toggle .arrow i {
	display: block;
	font-size: 24px;
	line-height: 20px
}

.pdh-input-container .pdh-qty-toggle .arrow-up i {
	padding-top: 4px
}

.pdh-input-container .pdh-qty-toggle .arrow-down i {
	padding-bottom: 4px
}

.pdh-input-container .pdh-qty-toggle .arrow-up:hover i,
.pdh-input-container .pdh-qty-toggle .arrow-down:hover i {
	color: #158cfb
}

.pdh-input-container .parsley-errors-list {
	display: none
}

.pdh-input-container .parsley-errors-list.filled {
	width: 165px;
	position: absolute;
	top: auto;
	left: -45px;
	bottom: -80px;
	z-index: 666;
	display: block;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 60px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 60px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 60px rgba(0, 0, 0, 0.07)
}

.pdh-input-container .parsley-errors-list:before {
	width: 16px;
	height: 16px;
	content: "";
	background-color: #fff;
	position: absolute;
	top: -9px;
	left: calc(50% - 8px);
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	z-index: -1;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pdh-input-container .parsley-errors-list > span {
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
	color: #464545;
	padding: 20px
}

.shopping-cart.order-detail {
	padding-top: 65px;
	margin-bottom: 100px
}

@media only screen and (max-width: 1023px) {
	.shopping-cart.order-detail {
		padding-top: 60px;
		margin-bottom: 80px
	}
}

@media only screen and (max-width: 1023px) {
	.emptycart {
		width: 100%;
		max-width: 736px;
		margin: 0 auto
	}
}

.shopping-cart .shoppingcart-header {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    padding-bottom: 2px
}

@media only screen and (max-width: 1023px) {
	.shopping-cart .shoppingcart-header {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
		padding-bottom: 4px
	}
}

.shopping-cart .emptycart-message {

}

.shopping-cart .emptycart-action {
	margin-top: 20px
}

.shopping-cart .emptycart-button {
	width: 360px;
	margin-right: 15px;
	margin-top: 14px
}

@media only screen and (max-width: 1023px) {
	.shopping-cart .emptycart-button {
        width: 100%;
        margin-top: 10px
	}
}

.cart-item-list {
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (max-width: 735px) {
	.cart-item-list {
		margin-bottom: 0
	}
}

.cart-item-container {
	position: relative;
	padding: 60px 0;
	border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width: 1023px) {
	.cart-item-container {
		padding: 40px 0
	}
}

.cart-item-image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 115px
}

@media only screen and (max-width: 735px) {
	.cart-item-image-container {
		width: 80px;
		height: 80px
	}
}

.cart-item-image-container .cart-item-image {
	display: block;
	max-width: 100%;
	height: auto
}

.cart-item-image-container .fallback {
	display: table;
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	border-radius: 115px;
	text-align: center
}

.cart-item-image-container .fallback > p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #888;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px
}

.remove-item-button {
	font-weight: 500;
	color: #158cfb
}

.remove-item-button.loadindicator {
	margin: 0;
	float: right
}

.remove-item-button:hover {
	text-decoration: underline
}

.cart-item-details {
	width: 100%;
	min-height: 115px;
	padding-left: 145px;
	padding-right: 260px
}

@media only screen and (max-width: 735px) {
	.cart-item-details {
		min-height: 0;
		padding-left: 95px;
		padding-right: 40px
	}
}

.cart-item-title {
	margin: 0
}

.cart-item-title a {
	display: block;
	color: #111;
	text-decoration: none
}

.cart-item-title a:hover {
	color: #158cfb
}

.cart-item-productnumber {
	margin-top: 0
}

.cart-item-productprice {
	margin-top: 10px
}

.cart-item-backorder-message {
	margin-top: 10px;
	color: #e00
}

.cart-item-quantity .pdh-input-container::before,
.cart-item-quantity .pdh-input-container::after {
	content: ' ';
	display: table
}

.cart-item-quantity .pdh-input-container::after {
	clear: both
}

.cart-item-quantity {
	max-width: 110px;
	position: absolute;
	top: 0;
	right: 120px
}

@media only screen and (max-width: 735px) {
	.cart-item-quantity {
		max-width: 80px;
		position: relative;
		right: 0;
		margin-top: 20px;
		margin-left: 95px
	}
}

.cart-item-quantity .pdh-input-container {
	margin-right: 0
}

.cart-item-quantity .cart-toggle-quantity-error {
	display: none;
	color: #e00;
	text-align: center;
	padding: 5px 0
}

.cart-item-total {
	width: 100px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right
}

.item-number {
	position: absolute;
	bottom: -20px;
	right: 0;
	color: #888
}

.mobile-remove-lineitem {
	position: absolute;
	top: 0;
	right: 0
}

.mobile-remove-lineitem .icon {
	cursor: pointer
}

.mobile-remove-lineitem .icon::after {
	background: #ccc;
	color: #fff;
	border-radius: 30px;
	font-size: 18px;
	padding: 6px
}

@media only screen and (max-width: 735px) {
	.cart-item-total {
		display: none
	}
}

.shopping-cart .checkout-cta.disabled {
	pointer-events: none;
	cursor: default;
	opacity: .3	  
}

.calculate-shipping-button {
	font-weight: 500;
	color: #158cfb
}

.calculate-shipping-button:hover {
	text-decoration: underline
}

.shipping-estimate-modal {
	display: none
}

.shipping-estimate-container {
	min-height: 508px;
	padding: 90px 100px 80px;
	z-index: 0
}

@media only screen and (max-width: 735px) {
	.shipping-estimate-container {
		min-height: 100vh;
		padding: 70px 6.25% 6.25%
	}
}

.shipping-estimate-container .subheading-4 {
	margin-bottom: .8em
}

.shipping-estimate-container .form-textbox {
	padding-right: 115px
}

.shipping-estimate-container .button {
	height: 54px
}

.shipping-estimate-container .button {
	background: #fafafa;
	color: #158cfb;
	border-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	height: 54px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-left: 20px;
	padding-right: 20px;
	margin: 1px
}

.shipping-estimate-container .button:hover {
	background: #158cfb;
	color: #fff
}

.shipping-estimate-container .button:active {
	background: #0070c9;
	color: #fff
}

.shipping-estimate-container .loading-overlay {
	display: none;
	position: relative;
	top: 0;
	margin: 30px 0
}

.shipping-estimate-container .rate-table .row {
	padding: 10px 15px
}

.shipping-estimate-container .rate-table .row:first-child {
	margin-top: 20px
}

.shipping-estimate-container .rate-table .row:nth-child(odd) {
	background: #fafafa
}

.shipping-estimate-container ~ .close-shipping-estimate {
	position: absolute;
	top: 15px;
	right: 15px
}

.shipping-estimate-container ~ .close-shipping-estimate .icon::after {
	background: #ccc;
	color: #fff;
	border-radius: 30px;
	font-size: 18px;
	padding: 6px
}

.shipping-estimate-container ~ .close-shipping-estimate:hover .icon::after {
	background: #888
}


/****** ****** ****** 6. FOOTER ****** ****** ******/

.breadcrumb-container {
	background: #101010
}

.breadcrumb-container.light {
	background: #fff
}

.breadcrumbs {
	position: relative;
	font-size: 12px;
	line-height: 1.33341;
	font-weight: 500;
	color: #999;
	padding: 17px 0;
	z-index: 1
}

.light .breadcrumbs {
	font-weight: 400;
	color: #d6d6d6
}

.breadcrumbs-list {
	list-style: none
}

.breadcrumbs-list li {
	margin-right: 7px;
	float: left;
	padding: 3px 4px 3px 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.breadcrumbs-list li:before {
	top: -1px;
	font-family: "Material Icons";
	content: 'chevron_right';
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	font-feature-settings: 'liga';
	z-index: 1;
	margin-right: 4px
}

.breadcrumbs-list li:first-child:before {
	display: none 
}

.breadcrumbs-list a {
	color: #999
}

.light .breadcrumbs-list a {
	color: #555
}

.breadcrumbs-list a:hover {
	color: #ccc
}

.light .breadcrumbs-list a:hover {
	color: #333
}

#footerArea {
	font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    background: #f2f2f2;
    color: #333;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

@media only screen and (max-width: 1044px) {
    #footerArea {
        min-width: 320px
    }
}

#footerArea,
#footerArea:before,
#footerArea:after,
#footerArea *,
#footerArea * :before,
#footerArea * :after {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    pointer-events: auto
}

#footerArea *,
#footerArea * :before,
#footerArea * :after {
    font-size: 1em;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit
}

#footerArea img {
    border: 0;
    vertical-align: middle
}

#footerArea a {
    color: #555;
    text-decoration: none
}

#footerArea a:hover {
    color: #333;
    text-decoration: underline
}

#footerArea .gf-content {
    position: relative;
	max-width: 1024px;
	margin: 0 auto;
	padding-left: 6.25%;
	padding-right: 6.25%
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-content {
        padding: 0 22px
    }
}

#footerArea .gf-directory {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory {
        padding-top: 20px;
        padding-bottom: 15px
    }

	#footerArea .checkout-footer .gf-directory {
        padding-top: 25px;
        padding-bottom: 30px
    }
}

#footerArea .gf-directory::before,
#footerArea .gf-directory::after {
    content: ' ';
    display: table
}

#footerArea .gf-directory::after {
    clear: both
}

#footerArea .gf-directory-column {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px;
    width: 25%
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column {
        width: 100%
    }

    #footerArea .gf-directory-column.seals-container {
        display: none
    }
}

#footerArea .gf-directory-column-section {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section {
        border-bottom: 1px solid #d6d6d6;
        overflow: hidden;
        pointer-events: auto
    }
}

#footerArea .gf-directory-column-section ~ .gf-directory-column-section {
    padding-top: 24px
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section ~ .gf-directory-column-section {
        padding-top: 0
    }
}

#footerArea .gf-directory-column-section-title {
	font-size: 12px;
    line-height: 1.33341;
	font-weight: 700;
	color: #333;
    margin-bottom: .8em
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-title {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #f2f2f2;
        cursor: pointer;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 2
    }

    #footerArea .gf-directory-column-section-title:after {
        content: '+';
        float: right;
        font-size: 18px;
        line-height: 1;
        font-weight: 600;
        margin-top: -1px;
        margin-right: 8px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

#footerArea .gf-directory-column-section-list {
    margin-right: 20px;
    list-style: none;
    padding: 0
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-list {
        margin: 0;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 16px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        visibility: hidden;
        z-index: -1;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

#footerArea .gf-directory-column-section-item {
    display: block;
    pointer-events: auto;
    margin-bottom: .8em
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-item {
        margin-bottom: 0
    }
}

#footerArea .gf-directory-column-section-item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-link {
        padding: 6px 14px;
        display: block
    }
}

#footerArea .gf-directory-column-section-item .address-line {
	white-space: nowrap;
	color: #888
}

@media only screen and (max-width: 767px) {
	#footerArea .gf-directory-column-section-item .address-line,
	#footerArea .gf-directory-column-section-item .address-link {
		padding: 2px 14px;
		display: block
	}

	#footerArea .gf-directory-column-section-item .address-link {
		padding-bottom: 6px
	}
}

#footerArea .gf-directory-column-section-item .address-link {
	color: #158cfb
}

#footerArea .gf-directory-column-section-anchor {
    right: 0;
    cursor: default;
    display: none;
    position: absolute;
    top: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}

#footerArea .gf-directory-column-section-anchor:focus {
    width: 25px;
    height: 38px
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-anchor {
        display: block
    }
}

#footerArea .gf-directory-column-section-anchor-close {
    display: none
}

#footerArea .gf-directory-column-section-state {
    display: none
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory-column-section-state:target + .gf-directory-column-section .gf-directory-column-section-title,
    #footerArea .gf-directory-column-section-state:checked + .gf-directory-column-section .gf-directory-column-section-title {
        color: #111
    }

    #footerArea .gf-directory-column-section-state:target + .gf-directory-column-section .gf-directory-column-section-title:after,
    #footerArea .gf-directory-column-section-state:checked + .gf-directory-column-section .gf-directory-column-section-title:after {
        -webkit-transform: rotate(45deg) scale(1.08);
        -ms-transform: rotate(45deg) scale(1.08);
        transform: rotate(45deg) scale(1.08)
    }

    #footerArea .gf-directory-column-section-state:target + .gf-directory-column-section .gf-directory-column-section-list,
    #footerArea .gf-directory-column-section-state:checked + .gf-directory-column-section .gf-directory-column-section-list {
        position: static;
        visibility: visible;
        z-index: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform 300ms ease;
        transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease;
        transition: transform 300ms ease, -webkit-transform 300ms ease
    }

    #footerArea .gf-directory-column-section-state:target + .gf-directory-column-section .gf-directory-column-section-anchor-open,
    #footerArea .gf-directory-column-section-state:checked + .gf-directory-column-section .gf-directory-column-section-anchor-open {
        display: none
    }

    #footerArea .gf-directory-column-section-state:target + .gf-directory-column-section .gf-directory-column-section-anchor-close,
    #footerArea .gf-directory-column-section-state:checked + .gf-directory-column-section .gf-directory-column-section-anchor-close {
        display: block
    }
}

#footerArea .gf-directory+.gf-footer {
    color: #888;
    border-top: 1px solid #d6d6d6;
    padding: 25px 0 50px
}

#footerArea .gf-footer-copyright {
    margin-bottom: 10px
}

#footerArea .checkout-footer .gf-footer-copyright {
	width: auto;
	color: #888;
	margin-right: 30px
}

@media only screen and (max-width: 767px) {
	#footerArea .gf-footer-copyright,
	#footerArea .checkout-footer .gf-footer-copyright {
    	width: 100%
	}
}

@media only screen and (min-width: 768px) {
    #footerArea .gf-footer-links {
        text-align: right
    }

	#footerArea .checkout-footer .gf-footer-links {
		width: auto;
		text-align: left
	}
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-footer-links {
        display: none
    }

	#footerArea .checkout-footer .gf-footer-links {
		display: block;
		margin: 7px 0 10px
	}
}

#footerArea .gf-footer-links > a {
    margin-right: 25px
}

#footerArea .checkout-footer .gf-footer-links > a {
	margin-right: 20px
}

#footerArea .gf-footer-links > a:last-child,
#footerArea .checkout-footer .gf-footer-links > a:last-child {
	margin-right: 0
}

#footerArea .gf-footer-ordertech > a {
    font-weight: 600;
    color: #158cfb
}

#footerArea .checkout-footer .gf-footer-ordertech > a {
	font-weight: 400;
	color: #555
}

#footerArea .checkout-footer .gf-footer-ordertech > a:hover {
	color: #333
}

@media only screen and (max-width: 767px) {
    #footerArea .gf-directory + .gf-footer {
        border-top: 0;
        padding: 20px 0 25px;
        text-align: center
    }

    #footerArea .gf-footer-copyright {
        margin-bottom: 3px
    }
}

#footerArea .privacy-listlink {
	display: none
}

@media only screen and (max-width: 767px) {
	#footerArea .privacy-listlink {
		display: block
	}
}


/****** ****** ****** 7. CATEGORY / SEARCH ****** ****** ******/

.category-search {
	padding-top: 40px;
	margin-bottom: 120px
}

.category-search .container.landing-page {
	padding-top: 38px
}

.category-search .container.fullscreen {
	padding-top: 0;
	padding-left: 22px;
	padding-right: 22px
}

.category-search .heading-section {
	margin-bottom: 22px
}

.category-search .subcategory-section {
	margin-bottom: 60px
}

.category-search .subcategory-section .category-list {
	list-style: none;
	margin: 0 -6px
}

.category-search .subcategory-section .category-listitem {
	width: 20%;
	display: inline-block;
	vertical-align: top
}

@media only screen and (max-width: 1068px) {
	.category-search .subcategory-section .category-listitem {
		width: 25%
	}
}

@media only screen and (max-width: 735px) {
	.category-search .subcategory-section .category-listitem {
		width: 50%
	}
}

.category-search .subcategory-section .category-link {
	display: block;
	border: 6px solid #fff;
	text-decoration: none
}

.category-search .subcategory-section .category-image-container {
	position: relative;
	width: 100%;
	height: 185px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #d6d6d6;
	overflow: hidden;
	margin-bottom: 20px
}

.category-search .subcategory-section .category-link:hover .category-image-container {
	border-color: #158cfb
}

.category-search .subcategory-section .category-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border: 15px solid transparent
}

.category-search .subcategory-section .category-image-container .category-fallback {
	background: #fafafa;
	height: 100%;
	width: 100%;
	display: table;
	text-align: center
}

.category-search .subcategory-section .category-image-container .category-fallback p {
	display: table-cell;
	vertical-align: middle;
	color: #333;
	padding: 10%
}

.category-search .subcategory-section .category-heading {
	height: 50px;
	color: #333;
	margin-bottom: 25px
}

.category-search .subcategory-section .category-link:hover .category-heading {
	color: #158cfb
}

.category-search .sorting-section {
	background: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 84px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d6d6d6;
	z-index: 2
}

@media only screen and (max-width: 1068px) {
	.category-search .sorting-section {
		position: relative;
		top: 0
	}
}

.category-search .sorting-section .container {
	padding-left: 22px;
	padding-right: 22px
}

.category-search .category-sorting {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400
}

.category-search .sorting-section .category-filter-button h2 {
	line-height: 30px;
	color: #333
}

.category-search .sorting-section .category-filter-button h2:before {
	font-size: 17px;
	top: -2px;
	padding-right: 6px
}

.category-search .sorting-section .category-filter-button:hover h2 {
	color: #666
}

.category-search .sorting-section .category-filter-button.open h2 {
	color: #666
}

.category-search .sorting-section .category-filter-button.open:hover h2 {
	color: #333
}

.category-search .sorting-section .clear-filters {
	font-size: 14px;
	line-height: 1.5;
	margin-left: 5px
}

.category-search .sorting-section .clear-filters span {
	color: #d6d6d6
}

.category-search .sorting-section .clear-filters a {
	margin-left: 6px
}

@media only screen and (min-width: 1069px) {
	.category-search .mobile-clear-filters {
		display: none
	}
}

.category-search .sorting-section .sorting-label {
	line-height: 30px;
	padding-right: 10px;
	color: #666
}

.category-search .sorting-section .sort-buttons {
	background-color: #fff;
	border: 1px solid #158cfb;
	border-radius: 3px
}

.category-search .sorting-section .sort-buttons .column {
	display: inline-block;
	font-size: 12px;
	line-height: 28px;
	font-weight: 500;
	color: #158cfb;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #158cfb
}

.category-search .sorting-section .sort-buttons .column:last-child {
	border-right: 0
}

.category-search .sorting-section .sort-buttons .column:hover,
.category-search .sorting-section .sort-buttons .column.selected {
	color: #fff;
	background-color: #158cfb
}

.category-search .sorting-section .mobile-filter-button-container {
	padding-right: 5px
}

.category-search .sorting-section .mobile-sort-button-container {
	padding-left: 5px
}

.category-search .product-section {
	margin-bottom: 90px
}	

.category-search .product-section.container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0
}

.category-search .product-section .faceted-search {
	position: absolute;
	opacity: 0;
	width: 251px;
	padding-left: 22px;
	padding-right: 22px;
	overflow: hidden;
	transition: all .6s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.category-search .product-section.filters-open .faceted-search {
	opacity: 1;
	margin-top: 12px;
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media only screen and (max-width: 1068px) {
	.category-search .product-section.filters-open .faceted-search {
		position: relative;
		top: 0
	}
}

#mobileFacetedSearch,
#mobileSortingContainer {
	pointer-events: none;
	background-color: rgba(50, 50, 50, .90);
	z-index: -1;
	position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	transition: opacity .5s ease-in-out
}

#mobileFacetedSearch.open,
#mobileSortingContainer.open {
	pointer-events: auto;
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
	opacity: 1;
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 1069px) {
	#mobileFacetedSearch,
	#mobileSortingContainer {
		display: none !important
	}
}

#mobileFacetedSearch .filter-wrapper,
#mobileSortingContainer .sort-wrapper {
	height: 100%;
	width: 360px;
	position: fixed;
	top: 0;
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in,-webkit-transform .3s ease-in;
	z-index: 10001;
	background: white;
	overflow-y: scroll;
	padding: 15px 40px 25px  
}

#mobileFacetedSearch .filter-wrapper {
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

#mobileFacetedSearch.open .filter-wrapper {	  
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

#mobileSortingContainer .sort-wrapper {
	right: 0;  
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

#mobileSortingContainer.open .sort-wrapper {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media only screen and (max-width: 735px) {
	#mobileFacetedSearch .filter-wrapper,
	#mobileSortingContainer .sort-wrapper {
		width: 100%
	}
}

#mobileFacetedSearch .close-mobile-filter,
#mobileSortingContainer .close-mobile-sorting {
	position: absolute;
	top: 15px;
	right: 40px;
	z-index: 6
}

#mobileFacetedSearch .close-mobile-filter .icon-close,
#mobileSortingContainer .close-mobile-sorting .icon-close {
	display: inline-block
}

#mobileFacetedSearch .close-mobile-filter .icon-close:after,
#mobileSortingContainer .close-mobile-sorting .icon-close:after {
	font-size: 24px;
	color: #333;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: right
}

#mobileFacetedSearch .close-mobile-filter .icon-close:hover:after,
#mobileSortingContainer .close-mobile-sorting .icon-close:hover:after {
	color: #888
}

#mobileFacetedSearch .mobile-clear-filters {
	margin-top: 22px
}

#mobileFacetedSearch .mobile-clear-filters a {
	font-weight: 500	  
}

#mobileFacetedSearch .mobile-filterby-heading,
#mobileSortingContainer .sorting-label {
	width: calc(100% + 80px);
	margin: 0 -40px 20px;
	padding: 0px 40px 15px;
	border-bottom: 1px solid #666
}

#mobileFacetedSearch .mobile-filterby-heading h2 {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 600;
	color: #111
}

#mobileSortingContainer .sorting-label {
	display: block;
	font-weight: 600;
	color: #111
}

#mobileSortingContainer .sort-buttons {
	width: 100%;
	display: block
}

#mobileSortingContainer .sort-buttons .column {
	float: none;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px
}

#mobileSortingContainer .sort-buttons .column .mobile-offset {
	display: block;
	padding: 16px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
	color: #333;
	border: 1px solid #d6d6d6;
	border-radius: 4px
}

#mobileSortingContainer .sort-buttons .column .mobile-offset:hover {
	border-color: #888
}

#mobileSortingContainer .sort-buttons .column.selected .mobile-offset {
	border-color: #158cfb;
	border-width: 2px;
	padding: 15px
}

.faceted-search .facet {
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden
}

.faceted-search .facet-title-toggle {
	display: block
}

.faceted-search .facet-heading {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 2;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
	color: #333
}

.faceted-search .facet-heading:after {
	content: '+';
	float: right;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	margin-top: -1px;
	margin-right: 8px;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease
}

.faceted-search .facet-heading.open:after {
	-webkit-transform: rotate(45deg) scale(1.08);
	-ms-transform: rotate(45deg) scale(1.08);
	transform: rotate(45deg) scale(1.08)
}

.faceted-search .facet-title-toggle:hover .facet-heading {
	color: #888
}

.faceted-search .toggle-icon {
	display: none;
	display: table-cell;
	padding: 0;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #666
}

.faceted-search .toggle-icon:after {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform: rotate(0) scale(.9);
	transform: rotate(0) scale(.9);
	-webkit-transform-origin: center center;
	transform-origin: center center

}

.faceted-search .toggle-icon.open:after {
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
}

.faceted-search .facet-list {
	margin-bottom: 22px;
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	visibility: hidden;
	z-index: -1;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px)
}

.faceted-search .facet-list.open {
	position: static;
	visibility: visible;
	z-index: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.faceted-search .facet-list ul {
	list-style: none;
	margin: 0
}

.faceted-search .facet-list .facet-listitem {
	margin: 3px 0
}

.faceted-search .facet-list .facet-listitem label {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	padding: 2px 0 2px 6px;
	cursor: pointer
}

.faceted-search .facet-list .facet-listitem label:hover {
	color: #158cfb
}

.faceted-search .facet-list .facet-listitem label.active {
	font-weight: 600;
	color: #158cfb
}

.faceted-search .facet-list .facet-listitem label.active:before {
	top: -1px;
	padding-right: 6px;
	font-family: "Material Icons";
	content: "check";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: 17px;
	line-height: 1;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	font-feature-settings: 'liga';
	z-index: 1
}

.category-search .product-section .product-list {
	width: 100%
}

@media only screen and (min-width: 1069px) {
	.category-search .product-section .product-list {
		transition: all .3s ease-in
	}

	.category-search .product-section.filters-open .product-list {
		width: calc(100% - 251px);
		border-left: 1px solid #d6d6d6
	}
}

.category-search .product-section .product-list-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.category-search .product-section .product {
	position: relative;
	width: 33.33333%;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden
}

@media only screen and (min-width: 1350px) {
	.category-search .product-section .product {
		width: 25%
	}
}

@media only screen and (max-width: 735px) {
	.category-search .product-section .product {
		width: 50%
	}
}

.category-search .product-section .product-wrapper {
	display: block;
	padding: 22px;
	text-decoration: none;
	color: #333
}

@media only screen and (max-width: 735px) {
	.category-search .product-section .product-wrapper {
		padding: 15px
	}
}

.category-search .product-section .product:nth-child(3n) {
	border-right: 1px solid transparent
}

@media only screen and (min-width: 1350px) {
	.category-search .product-section .product:nth-child(3n) {
		border-right: 1px solid #d6d6d6
	}

	.category-search .product-section .product:nth-child(4n) {
		border-right: 1px solid transparent
	}
}

@media only screen and (max-width: 735px) {
	.category-search .product-section .product:nth-child(3n),
	.category-search .product-section .product:nth-child(4n) {
		border-right: 1px solid #d6d6d6
	}

	.category-search .product-section .product:nth-child(2n) {
		border-right: 1px solid transparent
	}
}

.category-search .product-section .product-special-container {
	min-height: 20px;
	margin-bottom: 6px
}

.category-search .product-section .product-special-badge {
	font-weight: 500;
	color: #ef5602;
	white-space: nowrap
}

.category-search .product-section .product-special-badge.out-of-stock {
	color: #888
}

.category-search .product-section .product-image {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 100%
}

.category-search .product-section .product-image {
	display: block
}

.category-search .product-section .product-image.fallback {
	padding-bottom: 100%
}

.category-search .product-section .product-image.fallback {
	background: #333
}

.category-search .product-section .product-image .fallback-message {
	color: #888;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 45%;
	width: 100%
}

.category-search .product-section .quick-view-button-container {
	display: none;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px
}

@media only screen and (min-width: 1069px) {
	.category-search .product-section .product-wrapper:hover .quick-view-button-container {
		display: block 
	}
}

.category-search .product-section .quick-view-button {
	background: #f5f5f5;
	border-color: #d6d6d6;
	color: #333;
	height: 35px;
	line-height: 33px;
	font-size: 14px;
	border-radius: 35px;
	z-index: 2
}

.category-search .product-section .quick-view-button:hover,
.category-search .product-section .quick-view-button:active {
	background: #e3e3e3;
	color: #333
}

.category-search .product-section img {
	display: block;
	max-width: 100%;
	height: auto
}

.category-search .product-section .product-description {
	margin-top: 22px
}

.category-search .product-section .product-heading {
	min-height: 50px;
	max-height: 75px;
	color: #333
}

@media only screen and (max-width: 1068px) {
	.category-search .product-section .product-heading {
		font-size: 14px;
		line-height: 1.5
	}
}

.category-search .product-section .product-wrapper:hover .product-heading {
	color: #158cfb
}

.category-search .product-section .product-itemcode {
	margin-top: 7px
}

.category-search .product-section .product-price {
	font-weight: 700;
	margin-top: 7px
}

.category-search .product-section .product-price .muted {
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
	margin-left: 4px
}

@media only screen and (max-width: 1068px) {
	.category-search .product-section .product-price {
		font-size: 14px;
		line-height: 1.5
	}
}

.category-search .product-section .product-quickshop {
	opacity: 0;
	overflow: hidden;
	transition: none;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid #d6d6d6;
	padding: 22px;
	z-index: 6
}

.category-search .product-section .product-quickshop.open {
	opacity: 1;
	transition: all .6s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.category-search .product-section .product-quickshop.open:hover {
	cursor: default
}

.category-search .product-section .product-quickshop .icon {
	position: absolute;
	top: 2px;
	right: 6px;
	color: #888;
	cursor: pointer
}

.category-search .product-section .product-quickshop .icon:hover {
	color: #666
}

.category-search .product-section .product-quickshop .product-heading {
	min-height: 0;
	max-height: auto
}

.category-search .product-section .product-wrapper:hover .product-quickshop .product-heading {
	color: #333
}

.category-search .product-section .product-quickshop .product-itemcode {
	display: block;
	font-weight: 300;
	margin-top: 7px
}

.category-search .product-section .product-quickshop .product-addtocart {
	margin-top: 20px 
}

.category-search .product-section .product-quickshop .button {
	margin: 0 
}

.category-search .pagination-block {
	background: #fff;
	position: relative;
	display: block;
	text-align: center;
	padding: 40px 0;
	margin-left: -1px
}

.category-search .pagination-block ul {
	list-style: none;
	margin: 0
}

.category-search .pagination-block li {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.category-search .paddlenav-arrow {
	display: inline-block;
	top: 0;
	opacity: 1;
	margin-top: 0
}

@media only screen and (max-width: 1068px) {
	.category-search .paddlenav-arrow {
		display: inline-block !important
	}
}

.category-search .paddlenav-arrow-previous {
	left: auto;
	right: 0;
	margin-right: 60px
}

@media only screen and (max-width: 735px) {
	.category-search .paddlenav-arrow-previous {
		margin-right: 30px
	}
}

.category-search .paddlenav-arrow-next {
	left: 0;
	right: auto;
	margin-left: 60px
}

@media only screen and (max-width: 735px) {
	.category-search .paddlenav-arrow-next {
		margin-left: 30px
	}
}

.category-search .form-textbox {
	height: 45px;
	width: 55px;
	padding: 0;
	margin-bottom: 0;
	text-align: center
}

.category-search .pagination-spacing {
	height: 45px;
	line-height: 45px;
	color: #888;
	padding-left: 10px
}

.marketing-section {
	margin-bottom: 40px;
	transition: all .3s ease-in-out
}	

@media only screen and (min-width: 1069px) {
	.category-search .product-section.filters-open ~ .marketing-section {
		padding-left: 250px 
	}
}

.marketing-section .ratings-overview {
	margin-top: 30px
}

.marketing-section .ratings-overview .sa_review {
	padding: 30px 0 0 0 !important;
	margin: 0
}

.marketing-section .ratings-overview .sa_colorBlack .sa_review {
	color: #333
}

.marketing-section .ratings-overview .sa_wide .sa_info,
.marketing-section .ratings-overview .sa_comments {
	height: auto !important
}

.marketing-section .ratings-overview .sa_displayname,
.marketing-section .ratings-overview .sa_comments {
	font-size: 17px;
	line-height: 1.47059
}

.marketing-section .ratings-overview .sa_date {
	font-size: 12px;
	line-height: 1.5;
	color: #666
}

.marketing-section .ratings-overview .sa_name .sa_location {
	display: none !important
}


/****** ****** ****** 8. PRODUCT ****** ****** ******/

.product-purchase-section {
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width: 1024px) {
	.product-purchase-section {
		padding-top: 35px;
		padding-bottom: 40px
	}
}

@media only screen and (max-width: 1023px) {
	.product-purchase-section .product-detail-hero,
	.productinfo-section .productinfo-panel {
		max-width: 736px;
		margin-left: auto;
		margin-right: auto
	}

	.product-purchase-section .small-12,
	.productinfo-section .small-12 {
		width: 100%;
		max-width: 736px;
		margin-left: auto;
		margin-right: auto
	}
}

@media only screen and (min-width: 1024px) {
	.product-overview {
		margin-top: 20px
	}
}

.product-carousel-container {
	display: block;
	min-height: 400px
}

@media only screen and (max-width:1024px) {
	.product-carousel-container {
		min-height: 0
	}
}

.product-carousel-container .product-carousel {
	position: relative;
	overflow: hidden;
	padding-bottom: 25px
}

.product-carousel .product-carousel-list {
	list-style: none;
	margin: 0
}

.product-carousel .product-carousel-listitem {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1
}

.product-carousel .product-carousel-listitem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto
}

.product-carousel .product-carousel-listitem .fallback {
	background: #eee;
	display: table;
	width: 100%;
	max-width: 450px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px
}

@media only screen and (max-width:540px) {
	.product-carousel .product-carousel-listitem .fallback {
		height: 250px
	}
}

.product-carousel .product-carousel-listitem .fallback p {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.product-carousel .slick-dots {
	display: block;
	padding: 0 30px
}

@media only screen and (max-width: 735px) {
	.product-carousel .slick-dots {
		white-space: nowrap;
		overflow: hidden
	}
}

.product-carousel .slick-dots li {
	display: inline-block;
	margin: 0;
	padding: 0
}

.product-carousel .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 10px;
	margin: 0 10px
}

@media only screen and (min-width: 768px) {
	.product-carousel .slick-dots {
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none
	}

	.product-carousel .slick-dots::-webkit-scrollbar {
		display: none
	}

	.product-carousel .slick-dots li {
		margin: 0 16px 0 0;
		padding: 4px;
		border-bottom: 2px solid #fff
	}

	.product-carousel .slick-dots li:hover {
		border-color: #d6d6d6
	}

	.product-carousel .slick-dots li.slick-active {
		border-color: #666
	}

	.product-carousel .slick-dots li button {
		border-radius: 0;
		height: 48px;
		width: 48px;
		background-repeat: no-repeat;
		background-size: 48px 48px !important;
		margin: 0
	}
}

@media only screen and (max-width: 767px) {
	.product-carousel .slick-dots li button {
		background: rgba(136, 136, 136, .4) !important
	}

	.product-carousel .slick-dots li button:hover {
		background: rgba(136, 136, 136, .8) !important
	}

	.product-carousel .slick-dots li.slick-active button {
		background: #888 !important;
		cursor: default
	}
}

.product-carousel-container .product-carousel-thumbnails {
	position: relative;
	max-width: 100%;
	display: block;
	text-align: center	  
}

.product-carousel-thumbnails .product-carousel-thumbnails-list {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	font-size: 0
}

.product-carousel-thumbnails .product-carousel-thumbnails-listitem {
	background-color: #fff;
	border: 1px solid #d6d6d6;
	position: relative;
	height: 48px;
	width: 48px;
	display: inline-block;
	margin-right: 10px
}

.product-purchase-section .product-special-badge {
	color: #ef5602;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 15px;
	white-space: nowrap
}

.product-purchase-section .product-special-badge.out-of-stock {
	color: #888
}

.product-purchase-section .product-special-badge + .product-special-badge:before {
	content: "\00a0\0026\00a0"
}

.product-purchase-section .product-heading {
	font-size: 32px;
	line-height: 1.125
}

@media only screen and (max-width: 1068px) {
	.product-purchase-section .product-heading {
		font-size: 28px;
		line-height: 1.14286
	}
}

.product-purchase-section .product-itemnumber {
	margin-top: 6px
}

.product-purchase-section .product-price-container {
	margin: 15px 0 20px
}

.product-purchase-section .product-price {
	font-weight: 600;
	color: #111
}

.product-purchase-section .product-price .muted {
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
	margin-left: 5px
}

.product-purchase-section .product-qbp-price {
	margin-top: 15px;
	margin-bottom: 35px
}

.product-purchase-section .product-qbp-price .qbp-heading {
	font-weight: 600;
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px
}

.product-purchase-section .product-qbp-price .qbp-row {
	margin-bottom: 6px
}

.product-purchase-section .product-qbp-price .qbp-price {
	font-weight: 600
}

.product-purchase-section .add-to-cart-container {
	margin-top: 20px
}

.product-purchase-section .pdh-input-container {
	width: 110px;
	position: absolute;
	top: 0;
	left: 0
}

.product-purchase-section .pdh-input-container .pdh-input {
	margin-bottom: 0 
}

@media only screen and (max-width: 1023px) {
	.product-purchase-section .pdh-input-container {
		position: absolute;
		width: 80px  
	}

	.product-purchase-section .pdh-input-container .pdh-input {
		height: 56px
	}

	.product-purchase-section .pdh-input-container .pdh-qty-toggle {
		display: none
	}
}

@media only screen and (max-width: 540px) {
	.product-purchase-section .pdh-input-container {
		display: none  
	}
}

.product-purchase-section .pdh-cta {
	height: 56px;
	line-height: 54px;
	max-width: calc(100% - 120px);
	margin-left: 120px
}

@media only screen and (max-width: 1023px) {
	.product-purchase-section .pdh-cta {
		max-width: calc(100% - 90px);
		margin-left: 90px
	}
}

@media only screen and (max-width: 540px) {
	.product-purchase-section .pdh-cta {
		max-width: 100%;
		margin-left: 0
	}
}

.product-purchase-section .pdh-cta.disabled {
	max-width: 100%;
	margin-left: 0
}

.product-purchase-section .add-to-cart-error {
	color: #e00;
	margin-top: 20px
}

.productinfo-section {
	padding-top: 50px;
	padding-bottom: 70px
}

.productinfo-section .productinfo-panel {
	padding-top: 50px	  	
}

.productinfo-section .productinfo-sidepanel {
	padding-bottom: 30px
}

.productinfo-section .productinfo-sidepanel > h3 {
	font-weight: 600;
	word-wrap: break-word
}

.productinfo-section .productinfo-mainpanel {
	padding-top: 3px;
	padding-bottom: 50px;
	border-bottom: 1px solid #d6d6d6
}

.productinfo-section .productinfo-mainpanel iframe,
.productinfo-section .productinfo-mainpanel img {
	max-width: 100%;
	margin-top: 40px;
	margin-bottom: 40px
}

.productinfo-section .productinfo-mainpanel table,
.productinfo-section .productinfo-mainpanel tr {
	max-width: 100% 
}

.productinfo-section .productinfo-mainpanel table td {
	padding-left: 10px;
	padding-right: 10px
}

.productinfo-section .productinfo-mainpanel a > img {
	display: none 
}

.productinfo-section .productinfo-panel:last-child .productinfo-mainpanel {
	border-bottom: 0 
}

.recommendations-loading {
	min-height: 768px;
	min-height: 100vh;
	margin: 0 auto;
	padding-top: 250px
}

@media only screen and (max-width:1024px) {
	.recommendations-loading {
		padding-top: 180px
	}
}

.recommendations-loading.deliverymethods {
	min-height: 285px;
	padding-top: 90px
}

.recommendations-loading.deliverymethods.paypal {
	min-height: 350px
}

.recommendations-section {
	padding-bottom: 70px
}

.shopping-cart .recommendations-section {
	margin-top: 70px;
	padding-bottom: 20px
}

.recommendations-section .recommendations-heading {
	text-align: center;
	padding-top: 63px;
	border-top: 1px solid #d6d6d6
}

.recommendations-section .recommendations-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px
}

@media only screen and (max-width: 735px) {
	.recommendations-section .recommendations-list {
		margin: 0
	}
}

.recommendations-section .recommendations-product {
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	width: 24%;
	max-width: 25%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 40px 20px
}

@media only screen and (max-width: 1068px) {
	.recommendations-section .recommendations-product {
		width: 49%;
		max-width: calc(50% - 1px)
	}
}

@media only screen and (max-width: 735px) {
	.recommendations-section .recommendations-product {
		border-top: 1px solid #d6d6d6;
		width: 100%;
		max-width: 100%;
		padding: 40px 0 10px;
		margin: 0 auto
	}

	.shopping-cart .recommendations-section .recommendations-product {
		padding-bottom: 40px
	}

	.recommendations-section .recommendations-product:first-child {
		border-top: none
	}
}

.recommendations-section .recommendations-product-inner {
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 30px
}

.shopping-cart .recommendations-section .recommendations-product-inner {
	padding-bottom: 46px
}

.recommendations-section .image {
	width: 170px;
	height: 170px;
	margin: 0 auto 20px
}

.recommendations-section .image a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none
}

.recommendations-section .image img {
	width: 100%;
	height: auto;
	cursor: pointer
}

.recommendations-section .image.free-gift img {
	cursor: default
}

.recommendations-section .image .fallback {
	display: table;
	width: 100%;
	height: 100%;
	background: #eee;
	border-radius: 4px
}

.recommendations-section .image .fallback > p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #333
}

.recommendations-section .promotion {
	min-height: 20px;
	font-weight: 500;
	color: #ef5602;
	margin-bottom: 6px
}

.recommendations-section .title {
	font-weight: 600
}

.recommendations-section .title a {
	display: block;
	color: #111;
	text-decoration: none
}

.recommendations-section .title a:hover {
	color: #158cfb
}

.recommendations-section .price {
	margin: 0 0 20px
}

.recommendations-section .muted {
	color: #888;
	text-decoration: line-through;
	margin-left: 4px
}

.recommendations-section .addtocart-button {
	position: absolute;
	bottom: 0
}

.recommendations-section .additional-recommendations {
	display: none;
	width: 100%
}

.recommendations-section .reveal-additional-recommendations {
	color: #158cfb;
	margin: 0 auto
}

.recommendations-section .reveal-additional-recommendations:hover {
	text-decoration: underline
}

.product-rating .product-just-stars {
	margin-bottom: 20px
}

.product-just-stars:empty,
.product-rating .ind_cnt {
	display: none
}

.product-rating #product_just_stars .on,
.productinfo-mainpanel .stars .on {
	margin-right: 4px
}

.productinfo-mainpanel #review_header,
.productinfo-mainpanel .product_review,
.productinfo-mainpanel #product_page .paging {
	padding-left: 0;
	padding-right: 0
}

.productinfo-mainpanel .product_review {
	border-color: #d6d6d6
}

.productinfo-mainpanel #review_header .percentage.block,	
.productinfo-mainpanel .product_review .images .recommend,
.productinfo-mainpanel .product_review .images .verified {
	display: none
}

@media only screen and (max-width:1024px) {
	.productinfo-mainpanel #review_header .stars.block {
		display: none
	}
}

.productinfo-mainpanel #review_header .overall .color5 {
	background-color: #158cfb
}

.productinfo-mainpanel .pr_link {
	background-color: transparent;
	color: #158cfb;
	font-size: 14px;
	line-height: 1.5;
	padding: 0;
	border-radius: 0
}

.productinfo-mainpanel .pr_link:hover {
	cursor: pointer
}

.productinfo-mainpanel .main-questions {
	display: flex;
	flex-direction: column
}

.productinfo-mainpanel .product_review .stars {
	padding-bottom: 0
}

.productinfo-mainpanel .product_review .rheading {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
	padding-bottom: 0
}

.productinfo-mainpanel .product_review .info {
	order: 9;
	font-size: 12px;
	line-height: 1.5;
	color: #666
}

.productinfo-mainpanel .product_review .comments {
	font-size: 14px;
	line-height: 1.5;
	padding: 0 0 10px
}

.productinfo-mainpanel #shopper_review_page div {
	line-height: 1.5
}

.productinfo-mainpanel #sa_review_section:empty ~ #sa_review_paging {
	display: none
}


/* RoboxPro Addendum */

@media only screen and (max-width: 1023px) {
	.custom-product-page .small-12 {
		width: 100%
	}

	.small-offset-0 {
		margin-left: 0
	}
}

.dark-background {
	position: relative;
	background-color: #1a1a1a;
	color: #fff;
	padding-bottom: 135px
}

.dark-background a {
	color: #6bf
}

@media only screen and (max-width: 1023px) {
	.dark-background {
		padding-bottom: 90px  
	}
}

.dark-background--darker {
	background-color: #101010
}

.dark-background--lighter {
	background-color: #222
}

.dark-background--intro {
	padding-top: 90px;
	padding-bottom: 120px
}

@media only screen and (max-width: 1023px) {
	.dark-background--intro {
		padding-top: 70px;
		padding-bottom: 90px
	} 
}

.dark-background--quote {
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center
}

.dark-background h1, .dark-background h2, .dark-background h3, .dark-background h4, .dark-background h5, .dark-background h6 {
	color: #fff
}

.sticky-image {
	position: sticky;
	position: -webkit-sticky;
	top: 70px;
	padding-top: 120px;
	text-align: center;
	z-index: 1
}

@media only screen and (max-width: 1023px) {
	.sticky-image {
		max-width: 692px;
		float: none;
		position: relative;
		top: 0;
		margin-right: auto;
		margin-left: auto;
		padding-top: 70px;
		padding-bottom: 0
	}
}

.sticky-image--unstuck {
	position: relative;
	top: 0
}

.sticky-image__image {
	height: auto;
	max-height: 580px;
	width: auto;
	max-width: 87.5%
}

@media only screen and (max-width: 1023px) {
	.sticky-image__image {
		max-width: 100%;
		max-height: 100%
	}
}

.sticky-image__image--sidebyside {
	float: left;
	max-width: calc(50% - 3px)
}

.sticky-image__image--sidebyside:first-child {
	margin-right: 6px
}

.copy-container {
	padding-top: 120px
}

@media only screen and (max-width: 1023px) {
	.copy-container {
		max-width: 736px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 90px
	}
}

.copy-container:first-child {
	padding-top: 90px
}

@media only screen and (max-width: 1023px) {
	.copy-container:first-child {
		padding-top: 50px
	}
}

.copy-container--intro {
	max-width: 842px;
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

@media only screen and (max-width: 1023px) {
	.copy-container--intro {
		max-width: 736px;
		text-align: left
	}
}

.copy-container--intro__video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0
}

.copy-container--intro__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.copy-container--intro__heading {
	font-size: 80px;
	line-height: 1.0625;
	font-weight: 500;
	margin-top: 70px;
	margin-bottom: 30px
}

@media only screen and (max-width: 1023px) {
	.copy-container--intro__heading {
		font-size: 40px;
		line-height: 1.15;
		font-weight: 600;
		margin-top: 40px;
		margin-bottom: 25px
	}
}

.copy-container--intro__heading--reduced {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 15px
}

@media only screen and (max-width: 1023px) {
	.copy-container--intro__heading--reduced {
		font-size: 24px;
		line-height: 1.16667
	}
}

.copy-container--intro__body {
	font-size: 24px;
	line-height: 1.20849;
	font-weight: 500;
	margin: 0
}

@media only screen and (max-width: 1023px) {
	.copy-container--intro__body {
		font-size: 19px;
		line-height: 1.26316
	}
}

.copy-container__heading {
	font-size: 40px;
	line-height: 1.15;
	font-weight: 600;
	position: relative;
	padding-bottom: 30px;
	border-bottom: 2px solid #444;
	margin-bottom: 30px
}

@media only screen and (max-width: 1023px) {
	.copy-container__heading {
		font-size: 28px;
		line-height: 1.14286;
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

.copy-container__body {
	font-size: 22px;
	line-height: 1.45455;
	font-weight: 500
}

@media only screen and (max-width: 1023px) {
	.copy-container__body {
		font-size: 19px;
		line-height: 1.47384
	}
}

.copy-container--quote {
	max-width: 842px;
	margin-right: auto;
	margin-left: auto
}

@media only screen and (max-width: 1023px) {
	.copy-container--quote {
		max-width: 692px
	}
}

.techspecs {
	border-top: 2px solid #444;
	padding-top: 60px;
	padding-bottom: 90px;
	color: #ccc
}

@media only screen and (max-width: 1023px) {
	.techspecs {
		max-width: 736px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		padding-top: 60px;
		padding-bottom: 10px
	}
}

.techspecs:first-child {
	border-top: none
}

.techspecs:last-child {
	padding-bottom: 0 
}

.techspecs strong {
	color: #fff 
}

.techspecs__heading {
	font-size: 24px;
	line-height: 1.20849;
	font-weight: 500;
	color: #fff;
	margin-top: -.17647em;
	position: relative;
	width: 23%;
	float: left
}

@media only screen and (max-width: 1023px) {
	.techspecs__heading {
		width: 100%;
		margin-top: 0;
		padding-bottom: 20px;
		border-bottom: 2px solid #444;
		margin-bottom: 20px
	}
}

.techspecs__column {
	width: 74%;
	margin-left: 3%;
	float: left
}

@media only screen and (max-width: 1023px) {
	.techspecs__column {
		width: 100%;
		margin-left: 0
	}
}

.techspecs__column3 {
	min-height: 50px;
	padding-right: 1em;
	margin-bottom: 1em
}

@media only screen and (max-width: 1023px) {
	.techspecs__column3 {
		min-height: 0;
		margin-bottom: .75em
	}
}

.sticky-cta {
	height: auto;
	width: 100%;
	position: fixed;
	top: 84px;
	right: 0;
	left: 0;
	z-index: 9998;
	background: white;
	padding: 11px 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in,-webkit-transform .3s ease-in;
}

@media only screen and (max-width: 1068px) {
	.sticky-cta {
		top: 0
	}
}

.sticky-cta.open {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.sticky-cta__container {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 22px
}

.sticky-cta__heading {
	font-size: 24px;
	line-height: 38px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (max-width: 735px) {
	.sticky-cta__heading {
		line-height: 1.20849;
		margin-bottom: 10px
	}
}

.sticky-cta__price {
	line-height: 38px;
	padding-right: 15px
}


/****** ****** ****** 9. CHECKOUT ****** ****** ******/

.checkout-login.container {
	padding-top: 55px;
	padding-bottom: 90px
}

@media only screen and (max-width: 1023px) {
	.checkout-login.container {
		max-width: 736px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 80px
	}
}

.cl-signin-header {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	padding-bottom: 40px
}

@media only screen and (max-width: 1023px) {
	.cl-signin-header {
		font-size: 28px;
		line-height: 1.14286;
		padding-bottom: 5px
	}
}

.cl-returningcustomer {
	padding-right: 40px;
	border-right: 1px solid #d6d6d6
}

.cl-guestcheckout {
	padding-left: 40px 
}

@media only screen and (max-width: 1023px) {
	.cl-returningcustomer,
	.cl-guestcheckout {
		width: 100%
	}

	.cl-returningcustomer {
		border-right: none;
		border-bottom: 1px solid #d6d6d6;
		padding: 0 0 36px;
		margin-bottom: 21px
	}

	.cl-guestcheckout {
		padding-left: 0
	}
}

.cl-signin-subheader,
.cl-guestcheckout-header {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 600;
	color: #111
}

.cl-signin-subheader {
	margin-bottom: 5px
}

.cl-guestcheckout-header {
	padding-bottom: 20px
}

@media only screen and (max-width: 1023px) {
	.cl-signin-subheader,
	.cl-guestcheckout-header {
		font-size: 17px;
		line-height: 1.47059;
		font-weight: 600
	}

	.cl-signin-subheader {
		margin-bottom: -5px
	}

	.cl-guestcheckout-header {
		padding-bottom: 5px
	}
}

.cl-signin-input {
	margin-top: 20px;
	margin-bottom: 1px
}

@media only screen and (max-width: 1023px) {
	.cl-signin-input {
		margin-top: 15px;
		margin-bottom: -4px
	}
}

.cl-signin-button {
	margin-top: 26px;
	padding-bottom: 10px
}

.cl-signin-forgotpassword {
	margin-top: 5px
}

@media only screen and (max-width: 1023px) {
	.cl-signin-forgotpassword {
		font-size: 12px;
		line-height: 1.33341;
		margin-top: 0
	}
}

.cl-guestcheckout-summary {
	margin: 0 0 30px
}

.cl-guestcheckout-button a:last-child { /* CHECKOUT CHANGES */
	margin-top: 15px
}

.cl-module-messages {
	display: none;
	margin-top: 20px;
	margin-bottom: -5px
}

@media only screen and (max-width:1023px)   {
	.cl-module-messages {
		margin-top: -2px;
		margin-bottom: 0
	}
}

.cl-module-messages.hazardous-materials-message {
	display: block
}

.cl-module-messages.hazardous-materials-message .icon:before {
	top: -1px
}

.cl-module-messages.product-page {
	margin-top: -55px;
	padding-bottom: 45px
}

@media only screen and (max-width: 1024px) {
	.cl-module-messages.product-page {
		max-width: 736px;
		margin: -30px auto 0;
		padding-bottom: 25px
	}
}

.form-alert {
	font-size: 17px;
	line-height: 1.29412;
	background-color: rgba(242, 242, 242, .4);
	background-clip: padding-box;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	padding: 15px 18px;
	margin-bottom: 15px;
	margin-top: 15px
}

@media only screen and (max-width:1023px)   {
	.form-alert {
		padding: 12px 15px;
		line-height: 1.29
	}
}

.form-alert.error {
	border-color: rgba(238, 0, 0, .2);
	background-color: #fef0f0
}

.processing-order-overlay {
	display: none;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 9999
}

.processing-order-overlay .loadindicator-wrapper {
	padding-top: 250px
}

@media only screen and (max-width: 1024px) {
	.processing-order-overlay .loadindicator-wrapper {
		padding-top: 180px
	}
}

.page-header {
	width: 100%;	
	z-index: 9996;
	background-color: white;
	height: 55px
}

.page-header-placeholder {
	display: none;
	height: 55px
}

.page-header.stuck {
	position: fixed;
	top: 0;
	opacity: .95;
	border-bottom: 1px solid #d6d6d6
}

.page-header.stuck + .page-header-placeholder {
	display: block
}

.page-header-content {
	height: inherit;
	padding: 0;
	border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width: 1124px) {
	.page-header-content {
		max-width: 1124px;
		padding: 0 22px !important
	}
}

.page-header-content.container.medium {
	max-width: 1024px
}

.page-header-title {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 500;
	padding-top: 14px
}

@media only screen and (max-width: 1023px) {
	.page-header-title {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 600;
		padding-top: 16px
	}
}

.page-header-label {
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	padding-top: 11px
}

@media only screen and (max-width: 1023px) {
	.page-header-label {
		font-weight: 500
	}
}

.co-order-summary {
	pointer-events: none;
	background-color: rgba(50, 50, 50, .90);
	z-index: -1;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	transition: opacity .5s ease-in-out
}

.co-order-summary.open {
	pointer-events: auto;
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
	opacity: 1;
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.co-order-summary .order-summary-container {
	height: 100%;
	width: 360px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10001;
	background: white;
	padding: 15px 0 25px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in,-webkit-transform .3s ease-in;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

@media only screen and (max-width:735px) {
	.co-order-summary .order-summary-container {
		width: 100%  
	}
}

.co-order-summary.open .order-summary-container {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.co-order-summary .close-order-summary {
	position: absolute;
	top: 15px;
	right: 40px;
	z-index: 6
}

.close-order-summary .icon-close {
	display: block;
	width: 30px;
	height: 30px
}

.close-order-summary .icon-close:after {
	font-size: 24px;
	color: #333;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: right
}

.close-order-summary .icon-close:hover:after {
	color: #888
}

.ordersummary-section {
	padding-bottom: 30px
}

.ordersummary-section header,
.orderdetails-section header{
	margin: 0 auto;
	padding: 0 40px 15px;
	border-bottom: 1px solid #666
}

.ordersummary-section-header,
.orderdetails-section-header {
	font-size: 17px;
	line-height: 1.47059;
	font-weight: 600
}

.ordersummary-section ul {
	width: 100%;
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	list-style-type: none;
	margin-left: 0;
	margin-top: 25px;
	padding: 0 40px
}

.ordersummary-section li {
	width: 100%;
	padding-bottom: 6px
}

.ordersummary-section li.ordersummary-cartcontents {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d6d6d6
}

.ordersummary-section li.ordersummary-totals {
	font-weight: 600;
	border-top: 1px solid #d6d6d6;
	padding: 20px 0 0;
	margin-top: 15px
}

.ordersummary-edit-button {
	color: #158cfb
}

.ordersummary-edit-button:hover {
	text-decoration: underline
}

.orderdetails-section {
	margin-top: 30px
}

.orderdetails-section ul {
	margin-left: 0;
	list-style-type: none;
	padding: 0 40px
}

.orderdetails-section li {
	width: 100%;
	min-height: 65px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 0
}

.orderdetails-section li:last-child {
	border-bottom: none 
}

.orderdetails-inner {
	font-size: 14px;
	line-height: 1.42861;
	display: table;
	padding: 25px 0
}

.orderdetails-inactive {
	color: #888
}

.orderdetails-inactive .orderdetails-edit {
	display: none 
}

.orderdetails-active {
	color: #333
}

.orderdetails-inner-row {
	display: table-cell;
	vertical-align: top;
	float: none
}

.orderdetails-title {
	font-weight: 600
}

.orderdetails-inner-summary {
	margin-top: -2px
}

.checkout {
	position: relative
}

@media only screen and (max-width: 1023px) {	  
	.shopping-cart .small-12,
	.checkout .small-12 {
		width: 100%
	}

	.shopping-cart .small-6 {
		width: 50%
	}

	.shopping-cart .small-offset-0,
	.checkout .small-offset-0 {
		margin-left: 0
	}

	.shopping-cart.container,
	.checkout .container {
		max-width: calc(736px + 12.5%);
		margin-left: auto;
		margin-right: auto
	}
}

.loading-fadein {
  -webkit-animation: loading-fadein-animation ease-in forwards 666ms 1;
  animation: loading-fadein-animation ease-in forwards 666ms 1
}

@-webkit-keyframes loading-fadein-animation {
	from {
		opacity: 0;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}
}

@keyframes loading-fadein-animation {
	from {
		opacity: 0;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}
}

.checkout-shipping {
	opacity: 0
}

.checkout-shipping.guest {
	margin-top: 55px
}

.checkout-delivery,
.checkout-payment,
.checkout-review {
	display: none
}

.checkout-panel {
	margin-bottom: 70px
}

@media only screen and (max-width: 1023px) {
	.checkout-panel {
		margin-bottom: 50px
	}	  
}

.notificationbanner {
	position: relative;
	width: 100%;
	background: #158cfb;
	color: #fff;
	text-align: center
}

.notificationbanner-message {
	position: relative;
	font-weight: 500;
	padding-top: 15px;
	padding-bottom: 15px
}

@media only screen and (max-width: 1023px) {
	.notificationbanner-message {
		font-size: 14px;
		line-height: 1.42861
	}
}

.checkout-header-container {
	margin: 55px 0 40px
}

@media only screen and (max-width: 1023px) {
	.checkout-header-container {
		margin: 45px 0 45px
	}
}

.checkout-header {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600	  
}

@media only screen and (max-width: 1023px) {
	.checkout-header {
	  font-size: 28px;
	  line-height: 1.14286
	}
}

.checkout-sectionheader {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 600;
	margin-bottom: 25px
}

@media only screen and (max-width:1023px) {
	.checkout-sectionheader {
		font-size: 21px;
		line-height: 1.19048
	}
}

.checkout-sectionheader.delivery-sectionheader {
	margin-bottom: 0
}

.checkout-sectionheader.topless {
	margin-top: 0
}

.shipping-address-section { /* CHECKOUT CHANGES */
	padding-bottom: 11px
}

@media only screen and (max-width: 1023px) { /* CHECKOUT CHANGES */
	.shipping-address-section {
		margin-top: 25px
	}
}

.shipping-address .cl-module-messages {
	margin-top: -15px;
	margin-bottom: 0
}

.shipping-address .cl-module-messages.saved-address {
	margin-top: 15px;
	margin-bottom: -15px;
}

.address-section .cl-module-messages {
	margin-top: 0;
	margin-bottom: 15px
}

.address-section .cl-module-messages .form-alert {
	margin: 0
}

.address-section .address-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row
}

.address-section .address-sidebyside {
	vertical-align: bottom
}

@media only screen and (max-width:735px) {
	.address-section .address-sidebyside {
		display: block
	}
}

.address-section .address-field {
	flex: 1;
	overflow: visible
}

.address-section .address-sidebyside .address-field {
	padding-right: 10px
}

@media only screen and (max-width:735px) {
	.address-section .address-sidebyside .address-field {
		padding-right: 0
	}
}

.address-section .company-name {
	padding-top: 20px
}

.address-section .address-sidebyside .address-field:last-child {
	padding-right: 0 
}

.address-field-message {
	width: 100%;
	position: absolute;
	left: 100%;
	top: 0
}

@media only screen and (max-width:1023px) {
	.address-field-message {
		position: static;
		margin-bottom: 15px
	}
}

.address-section .additionals {
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	margin: 7px 150px 0 50px
}

@media only screen and (max-width:1023px) {
	.address-section .additionals {
		font-size: 12px;
		line-height: 1.33341;
		margin: 0
	}
}

.shipping-address-header {
	padding-top: 35px
}

.shipping-savedaddresses {
	padding-bottom: 15px
}

.show-all-saved-addresses-container,
.show-all-saved-cards-container {
	font-size: 14px;
	line-height: 1.42861;
	font-weight: 400;
	margin: 15px 0
}

.saved-addresses-container > .form-selector-double:nth-child(1n+4),
.saved-cards-container > .saved-card-wrapper:nth-child(1n+4) {
	height: 0;
	margin-top: 0;
	visibility: hidden
}

.saved-addresses-container.full > .form-selector-double:nth-child(1n+4),
.saved-cards-container.full > .saved-card-wrapper:nth-child(1n+4) {
	height: auto;
	margin-top: 15px;
	visibility: visible
}

.add-new-address,
.add-new-paymentmethod {
	display: none;
	padding-top: 35px
}

.add-new-address > .address-section,
.add-new-paymentmethod > .add-new-paymentmethod-wrapper {
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.add-new-address > .address-section.open,
.add-new-paymentmethod > .add-new-paymentmethod-wrapper.open{
	opacity: 1
}

.store-new-address-toggle {
	margin-top: 5px
}

.address-section .form-choice ~ .form-label {
	display: inline
}

.address-section .shipping-company-textbox {
	display: none
}

.address-section .shipping-company-textbox > .address-field {
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.address-section .shipping-company-textbox > .address-field.open {
	opacity: 1
}

.form-selector-double {
	margin-top: 15px;
	padding-right: 15px
}

@media only screen and (max-width:1024px) {
	.form-selector-double {
		padding-right: 0
	}
}

.shipping-method-error {
	margin-bottom: -15px
}

.form-selector-double.fullwidth {
	padding-right: 0 
}

.shipping-method-list {
	margin-bottom: 15px
}

.co-accordion {
	display: none
}

.co-accordion-wrapper {
	clear: both;
	padding: 15px 0 5px;	
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.co-accordion-wrapper.open {
	opacity: 1
}

.co-accordion-container {
	width: 325px
}

@media only screen and (max-width:735px) {
	.co-accordion-container {
		width: calc(100% - 69px);
		max-width: 325px
	}
}

.co-accordion-cancel {
	white-space: nowrap
}

.all-carriers-list {
	margin-bottom: 15px
}

.all-carriers-list .button {
	min-width: 80px;
	margin-right: 10px
}

.payment-details-field .cl-module-messages {
	margin-top: -15px;
	margin-bottom: 15px
}

.payment-details-field .cl-module-messages.saved-cards {
	margin-top: 0;
	margin-bottom: -10px
}

.billing-address { /* CHECKOUT CHANGES */
	margin-top: 15px;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px
}

.billing-addressfields { /* CHECKOUT CHANGES */
	/* margin-top: 15px;
	border-top: 1px solid #d6d6d6;
	padding-top: 30px */
}

.checkout-subheader {
	font-weight: 600
}

.billing-address-container {
	display: none
}

.billing-address-container > .billing-address-field {
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.billing-address-container > .billing-address-field.open {
	opacity: 1
}

.billing-address-field {
	margin-top: 35px
}

.billing-address-label {
	font-weight: 600;
	color: #111
}

.saved-card-billingaddress {
	display: none;
	margin-top: 30px;
	border-top: 1px solid #d6d6d6;
	padding: 30px 0
}

.saved-card-billingaddress > .saved-card-billingaddress-inner {
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.saved-card-billingaddress > .saved-card-billingaddress-inner.open {
	opacity: 1
}

.saved-card-billingaddress .saved-card-address-section {
	margin-top: 0
}

.default-address-section {
	padding: 20px 0
}

.purchase-order {
	margin-top: 25px;
	border-top: 1px solid #d6d6d6;
	padding-top: 40px
}

.purchase-order-container {
	padding-bottom: 15px
}

.purchase-order-input {
	display: none
}

.purchase-order-input-container {
	opacity: 0;
	-webkit-transition: opacity 666ms linear 300ms;
	-moz-transition: opacity 666ms linear 300ms;
	transition: opacity 666ms linear 300ms
}

.purchase-order-input-container.open {
	opacity: 1
}

.checkout-continue { /* CHECKOUT CHANGES */
	/* position: relative;
	margin-top: 25px; */
	border-top: 1px solid #d6d6d6;
	/* padding-top: 40px;
	padding-bottom: 30px */

	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f7f7f7;
	padding: 20px 0;
	z-index: 9999
}

/* @media only screen and (max-width:1023px) { CHECKOUT CHANGES
	.checkout-continue {
		padding-bottom: 10px
	}
} */

.checkout-continue .row { /* CHECKOUT CHANGES */
	max-width: calc(1024px + 12.5%);
	margin: 0 auto;
	padding-left: 6.25%;
	padding-right: 6.25%
}

@media only screen and (max-width: 1023px) { /* CHECKOUT CHANGES */
	.checkout-continue .row {
		max-width: calc(736px + 12.5%)
	}
}

.checkout-help {
	background: #101010;
	color: #fff
}

.checkout-help-content {
	padding: 20px 0
}

.checkout-help-content a {
	font-weight: 500;
	color: #6bf
}

.checkout-help-content .muted {
	color: #ccc
}	

.co-review-deliverymethod {
	margin-top: 40px
}

@media only screen and (max-width:1023px) {
	.co-review-deliverymethod {
		margin-top: 0
	}
}

.co-review-deliveryquote {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 600
}

@media only screen and (max-width:1023px) {
	.co-review-deliveryquote {
	  font-size: 24px;
	  line-height: 1.16667;
	  font-weight: 600
	}

	.co-review-deliveryquote.paypal-return {
		padding-top: 40px
	}
}

.co-review-selecteddelivery {
	margin-top: 0
}	


.co-lineitems {
	list-style: none;
	margin: 0
}

.co-lineitem-info {
	padding-top: 60px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 60px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-info {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

.checkout-review .co-lineitem-info {
	padding-top: 40px;
	padding-bottom: 40px
}

@media only screen and (max-width:1023px) { /* CHECKOUT CHANGES */
	.checkout-review .co-lineitem-info {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.co-lineitems li:first-child .co-lineitem-info {
	margin-top: 20px
}

.co-lineitem-image {
	text-align: center;
	padding-right: 40px;
	padding-top: 5px
}

@media only screen and (max-width:1023px) {
	.checkout-review .co-lineitem-image {
		width: 55px;
		height: 55px;
		margin-bottom: 40px;
		padding-right: 0
	}

	.shopping-cart .co-lineitem-image {
		width: 100%;
		height: auto;
		margin-bottom: 40px
	}
}

.co-lineitem-image a {
	display: block;
	text-decoration: none
}

.co-lineitem-image img { /* CHECKOUT CHANGES */
	width: auto;
	height: auto;
	/* max-width: 150px;
	max-height: 200px */
	max-width: 100px;
	max-height: 100px
}

.co-lineitem-image .fallback {
	display: table;
	width: 150px;
	height: 150px;
	border-radius: 4px;
	background: #eee
}

.co-lineitem-image .fallback p {
	display: table-cell;
	vertical-align: middle;
	color: #333
}

.checkout-review .co-lineitem-image .fallback .noimage-mobile {
	display: none
}

@media only screen and (max-width:1023px) {
	.co-lineitem-image img {
		max-width: 55px;
		max-height: 55px
	}

	.checkout-review .co-lineitem-image .fallback {
		width: 55px;
		height: 55px
	}

	.shopping-cart .co-lineitem-image img {
		max-width: 150px;
		max-height: 200px
	}

	.co-lineitem-image .fallback {
		width: 150px;
		height: 150px;
		margin-left: auto;
		margin-right: auto
	}

	.checkout-review .co-lineitem-image .fallback p {
		display: none
	}

	.checkout-review .co-lineitem-image .fallback .noimage-mobile {
		display: block
	}
}

@media only screen and (max-width:1023px) {
	.checkout-review .co-lineitem-content {
		width: 80%;
		padding-left: 20px
	}

	.shopping-cart .co-lineitem-content {
		width: 100%;
		padding-left: 0
	}
}

.co-lineitem-details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.co-lineitem-detailsinfo {
	padding-right: 20px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-detailsinfo {
		padding-right: 0
	}
}

.co-lineitem-title,
.co-quantity-text,
.co-lineitem-price {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 600;
	color: #111
}

@media only screen and (max-width:1023px) {
	.co-lineitem-title,
	.co-quantity-text,
	.co-lineitem-price {
		font-size: 17px;
		line-height: 1.47059
	}

	.shopping-cart .co-lineitem-title,
	.shopping-cart .co-quantity-text,
	.shopping-cart .co-lineitem-price {
		font-size: 21px;
		line-height: 1.19048
	}
}

.co-lineitem-title {
	text-align: left
}

.co-lineitem-title a {
	color: #111
}

.co-lineitem-number {
	margin-top: 6px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-number {
		margin-bottom: 20px
	}
}

.co-lineitem-title a:hover {
	color: #158cfb;
	text-decoration: none
}

.co-lineitem-detailsquantity {
	padding-left: 20px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-detailsquantity {
		padding-left: 0
	}
}

.co-lineitem-detailsquantity .pdh-input-container {
	width: 110px
}

.co-quantity-text label {
	margin-right: 10px
}

@media only screen and (max-width:1023px) {
	.co-quantity-text label {
		margin-right: 5px
	}
}

.co-lineitem-price {
	text-align: right;
	padding-left: 10px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-price {
		text-align: left;
		padding-left: 0
	}

	.shopping-cart .co-lineitem-price {
		text-align: right
	}
}

.co-lineitem-price.original {
	font-weight: 400;
	color: #888;
	text-decoration: line-through;
	margin-top: 4px
}

.co-lineitem-actions-right {
	text-align: right;
	margin-top: 12px
}

@media only screen and (max-width:1023px) {
	.co-lineitem-actions-right {
		margin-top: 8px
	}
}

.co-discount {
	margin-top: 20px;
	border-top: 1px solid #d6d6d6;
	padding-top: 20px
}

.co-backorder {
	margin-top: 20px;
	border-top: 1px solid #d6d6d6;
	padding-top: 20px
}

@media only screen and (max-width:1023px) {
	.co-backorder {
		font-size: 14px;
		line-height: 1.42861;
		margin-top: 0;
		border-top: 0;
		padding-top: 10px
	}

	.shopping-cart .co-backorer {
		padding-top: 0
	}
}

.co-backorder {
	color: #666
}

.co-backorder span:before {
	padding-right: .3em;
	top: -1px;	
	font-family: "Material Icons";
	content: "error_outline";
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	font-feature-settings: 'liga';
	z-index: 1
}

.checkout-review .co-review-title {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 600;
	padding-top: 40px
}

@media only screen and (max-width:1023px) {
	.checkout-review .co-review-title {
		font-size: 21px;
		line-height: 1.19048
	}
}

.co-review-details {
	min-height: 150px;
	border-bottom: 1px solid #d6d6d6
}

.co-review-change {
	margin-top: 10px
}

.checkout-review .co-address-section {
	padding: 40px 0
}

@media only screen and (max-width:1023px) {
	.checkout-review .co-address-section {
		padding: 25px 0
	}

	.checkout-review .co-review-billingaddress .co-address-section {
		padding-top: 0
	}
}

.checkout-review .co-address-section.paypal-return {
	padding-top: 10px
}

.checkout-review .co-address-section.purchaseorder {
	padding-top: 0
}

.checkout-review .co-address-section .co-address-sectionheader {
	font-weight: 600
}

.checkout-review .co-payment-details .co-address-section {
	padding: 40px 0 30px
}

.checkout-review .paypal-deliverymethods {
	margin-bottom: 15px
}

.co-summary {
	padding-top: 40px;
	margin: 0
}

@media only screen and (max-width:1023px) {
	.co-summary {
		padding-top: 15px
	}
}

.co-summary-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.co-summary-label,
.co-summary-value {
	margin-bottom: 6px;
	flex-grow: 1
}

.co-summary-label {
	z-index: 2;
	padding-right: 20px
}

.co-summary-value {
	font-weight: 600;
	text-align: right;
	padding-left: 20px
}

.co-summary-total {
	margin-top: 15px;
	border-top: 1px solid #d6d6d6;
	padding-top: 15px;
}

.co-summary-total .co-summary-label,
.co-summary-total .co-summary-value {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 600;
	color: #111
}

@media only screen and (max-width:1023px) {
	.co-summary-total .co-summary-label,
	.co-summary-total .co-summary-value {
		font-size: 21px;
		line-height: 1.19048
	}
}

.co-review-action {
	padding: 40px 0 20px
}
	
.co-review-action.review { /* CHECKOUT CHANGES */
	border-top: 1px solid #d6d6d6;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f2f2f2;
	padding: 20px 0;
	z-index: 9999
}

.co-review-action.review .row { /* CHECKOUT CHANGES */
	max-width: calc(1024px + 12.5%);
	margin: 0 auto;
	padding-left: 6.25%;
	padding-right: 6.25%
}

@media only screen and (max-width: 1023px) { /* CHECKOUT CHANGES */
	.co-review-action.review .row {
		max-width: calc(736px + 12.5%)
	}
}

.co-review-action .leftbutton {
	padding-right: 7.5px
}

.co-review-action .rightbutton {
	padding-left: 7.5px
}

@media only screen and (max-width:1023px) {
	.co-review-action .leftbutton,
	.co-review-action .rightbutton {
		width: 100%;
		padding: 0;
		margin-bottom: 15px
	}
}

.co-checkout-disclaimer {
	font-size: 12px;
	line-height: 1.33341;
	font-weight: 400;
	color: #666;
	padding-top: 30px
}

.co-review-action .button {
	cursor: pointer
}

.leavingcheckout-alert {
	display: none;
	background: rgba(50, 50, 50, .90);
	padding: 50px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	z-index: 99999
}

@media only screen and (max-width:1023px) {
	.leavingcheckout-alert {
		background: #fff;
		padding: 0
	}
}

.leavingcheckout-alert.open {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.leavingcheckout-overlay {
	display: none;
	position: relative;
	background: white;
	max-width: 736px;
	min-height: 200px;
	min-width: 200px;
	margin: auto
}

@media only screen and (max-width:1023px) {
	.leavingcheckout-overlay {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

.leavingcheckout-overlay-content {
	padding: 90px 100px 80px
}

@media only screen and (max-width:1023px) {
	.leavingcheckout-overlay-content {
		min-height: 100vh;
		padding: 70px 6.25% 6.25%
	}
}

.leavingcheckout-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 80px;
	height: 80px;
	padding: 20px;
	margin: -20px;
	font-size: 40px;
	color: #888
}

.leavingcheckout-close:after {
	vertical-align: top
}

.leavingcheckout-overlay-message {
	margin-top: 30px
}

.leavingcheckout-overlay-button {
	margin-top: 45px
}

.leavingcheckout-close:hover {
	color: #666
}

/****** ****** ****** 10. OTHER ****** ****** ******/

.typography-page {
	margin-bottom: 70px
}

.typography-page .checkout-header-container {
	margin-bottom: 25px
}

.typography-page h2 {
	font-size: 24px;
	line-height: 1.20849;
	font-weight: 500;
	word-break: break-word
}

@media only screen and (max-width:1023px) {
	.typography-page h2 {
		font-size: 19px;
		line-height: 1.26316
	}
}

.typography-page .image {
	display: block;
	max-width: 100%;
	height: auto
}

.navigation-sitemap {
	margin-top: 40px
}

.navigation-menuheading {
	padding-bottom: 20px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px
}

.navigation-menuheading.loner {
	border: none;
	padding: 0;
	margin: 0
}

.navigation-menuheading a {
	font-size: 24px;
	line-height: 1.20849;
	font-weight: 500;
	color: #333
}

@media only screen and (max-width:1023px) {
	.navigation-menuheading a {
		font-size: 19px;
		line-height: 1.26316
	}
}

.navigation-menulist {
	margin-bottom: 70px
}

.navigation-menulist ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	list-style: none;
	margin: 0
}

@media only screen and (max-width:1023px) {
	.navigation-menulist ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}
}

@media only screen and (max-width:735px) {
	.navigation-menulist ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}
}

.navigation-menulist ul li {
	padding-right: 15px;
	margin-bottom: 10px
}

.navigation-menulist ul li a {
	display: block
}

.order-success {
	background: #191919;
	padding: 100px 0
}

@media only screen and (max-width:1023px) {
	.order-success {
	  padding: 75px 0
	}
	
	.order-success .text-center {
		text-align: left
	}
}

.thanks-header {
	font-size: 48px;
	line-height: 1.08365;
	font-weight: 600;
	color: #fff
}

@media only screen and (max-width:1023px) {
	.thanks-header {
		font-size: 32px;
		line-height: 1.125
	}
}

.thanks-subheader {
	font-size: 21px;
	line-height: 1.38105;
	color: #fff;
	padding: 25px 0 15px;
	margin: 0
}

@media only screen and (max-width:1023px) {
	.thanks-subheader {
		font-size: 19px;
		line-height: 1.42115;
		padding: 15px 0 15px;
		word-wrap: break-word
	}
}

.order-success a {
	color: #6bf 
}

.itemlist {
	padding-top: 30px;
	padding-bottom: 30px
}

@media only screen and (max-width:1023px) {
	.itemlist {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.itemlist-product {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	padding: 60px 0;
	border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width:1023px) {
	.itemlist-product {
		flex-direction: column;
		padding: 40px 0
	}
}

.itemlist-product:last-child {
	border-bottom: none
}

.itemlist-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 270px;
	padding-right: 40px;
	height: 270px;
	margin: auto
}

@media only screen and (max-width:1023px) {
	.itemlist-image-container {
		width: 100%;
		height: auto;
		padding-right: 0
	}
}

.itemlist-image {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	vertical-align: middle
}

@media only screen and (max-width:1023px) {
	.itemlist-image {
		max-height: 250px;
		max-width: 250px
	}
}

.itemlist-image-container .fallback {
	display: table;
	height: 100%;
	width: 270px;
	padding: 20px 40px;
	background: #eee;
	border-raidus: 4px
}

@media only screen and (max-width:1023px) {
	.itemlist-image-container .fallback {
		height: 250px;
		width: 250px
	}
}

.itemlist-image-container .fallback p {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.itemlist-info {
	margin: auto;
	margin-left: 40px
}

@media only screen and (max-width:1023px) {
	.itemlist-info {
		padding-top: 35px;
		margin: 0
	}
}

.itemlist-name {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 600
}

@media only screen and (max-width:1023px) {
	.itemlist-name {
		font-size: 24px;
		line-height: 1.16667
	}
}

.itemlist-qty {
	font-size: 21px;
	line-height: 1.38105;
	margin-top: 10px
}

@media only screen and (max-width:1023px) {
	.itemlist-qty {
		font-size: 19px;
		line-height: 1.42115;
		margin-top: 5px
	}
}

.itemlist-backorder .co-backorder span:before {
	display: none
}