body {
    display: block !important;
}

html, mark {
    color: #000
}

dl, h3, menu, ol, p, pre, ul {
    margin: 1em 0
}

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

audio, canvas, video {
    display: inline-block
}

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

[hidden] {
    display: none
}

html {
    background: #fff;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

button, html, input, select, textarea {
    font-family: sans-serif
}
input:focus, textarea:focus, select:focus{outline: none;}

body, figure, form {
    margin: 0
}

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

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

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

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

b, strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after, q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd {
    margin: 0 0 0 40px
}

menu, ol, ul {
    padding: 0 0 0 40px
}

nav ol, nav ul {
    list-style: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

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

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

@media screen {
    .clear, .clearfix:after, .grid-container:after {
        clear: both
    }

    .clear {
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }

    .clearfix:after, .clearfix:before, .grid-container:after, .grid-container:before {
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }

    .grid-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .mobile-grid-10, .mobile-grid-100, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-33, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-5, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-66, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .tablet-grid-10, .tablet-grid-100, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-33, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-5, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-66, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px
    }

    .grid-parent {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .mobile-grid-100:after, .mobile-grid-100:before {
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }

    .mobile-grid-100:after {
        clear: both
    }

    .mobile-pull-10, .mobile-pull-15, .mobile-pull-20, .mobile-pull-25, .mobile-pull-30, .mobile-pull-33, .mobile-pull-35, .mobile-pull-40, .mobile-pull-45, .mobile-pull-5, .mobile-pull-50, .mobile-pull-55, .mobile-pull-60, .mobile-pull-65, .mobile-pull-66, .mobile-pull-70, .mobile-pull-75, .mobile-pull-80, .mobile-pull-85, .mobile-pull-90, .mobile-pull-95, .mobile-push-10, .mobile-push-15, .mobile-push-20, .mobile-push-25, .mobile-push-30, .mobile-push-33, .mobile-push-35, .mobile-push-40, .mobile-push-45, .mobile-push-5, .mobile-push-50, .mobile-push-55, .mobile-push-60, .mobile-push-65, .mobile-push-66, .mobile-push-70, .mobile-push-75, .mobile-push-80, .mobile-push-85, .mobile-push-90, .mobile-push-95 {
        position: relative
    }

    .hide-on-mobile {
        display: none !important
    }

    .mobile-grid-5 {
        float: left;
        width: 5%
    }

    .mobile-prefix-5 {
        margin-left: 5%
    }

    .mobile-suffix-5 {
        margin-right: 5%
    }

    .mobile-push-5 {
        left: 5%
    }

    .mobile-pull-5 {
        left: -5%
    }

    .mobile-grid-10 {
        float: left;
        width: 10%
    }

    .mobile-prefix-10 {
        margin-left: 10%
    }

    .mobile-suffix-10 {
        margin-right: 10%
    }

    .mobile-push-10 {
        left: 10%
    }

    .mobile-pull-10 {
        left: -10%
    }

    .mobile-grid-15 {
        float: left;
        width: 15%
    }

    .mobile-prefix-15 {
        margin-left: 15%
    }

    .mobile-suffix-15 {
        margin-right: 15%
    }

    .mobile-push-15 {
        left: 15%
    }

    .mobile-pull-15 {
        left: -15%
    }

    .mobile-grid-20 {
        float: left;
        width: 20%
    }

    .mobile-prefix-20 {
        margin-left: 20%
    }

    .mobile-suffix-20 {
        margin-right: 20%
    }

    .mobile-push-20 {
        left: 20%
    }

    .mobile-pull-20 {
        left: -20%
    }

    .mobile-grid-25 {
        float: left;
        width: 25%
    }

    .mobile-prefix-25 {
        margin-left: 25%
    }

    .mobile-suffix-25 {
        margin-right: 25%
    }

    .mobile-push-25 {
        left: 25%
    }

    .mobile-pull-25 {
        left: -25%
    }

    .mobile-grid-30 {
        float: left;
        width: 30%
    }

    .mobile-prefix-30 {
        margin-left: 30%
    }

    .mobile-suffix-30 {
        margin-right: 30%
    }

    .mobile-push-30 {
        left: 30%
    }

    .mobile-pull-30 {
        left: -30%
    }

    .mobile-grid-35 {
        float: left;
        width: 35%
    }

    .mobile-prefix-35 {
        margin-left: 35%
    }

    .mobile-suffix-35 {
        margin-right: 35%
    }

    .mobile-push-35 {
        left: 35%
    }

    .mobile-pull-35 {
        left: -35%
    }

    .mobile-grid-40 {
        float: left;
        width: 40%
    }

    .mobile-prefix-40 {
        margin-left: 40%
    }

    .mobile-suffix-40 {
        margin-right: 40%
    }

    .mobile-push-40 {
        left: 40%
    }

    .mobile-pull-40 {
        left: -40%
    }

    .mobile-grid-45 {
        float: left;
        width: 45%
    }

    .mobile-prefix-45 {
        margin-left: 45%
    }

    .mobile-suffix-45 {
        margin-right: 45%
    }

    .mobile-push-45 {
        left: 45%
    }

    .mobile-pull-45 {
        left: -45%
    }

    .mobile-grid-50 {
        float: left;
        width: 50%
    }

    .mobile-prefix-50 {
        margin-left: 50%
    }

    .mobile-suffix-50 {
        margin-right: 50%
    }

    .mobile-push-50 {
        left: 50%
    }

    .mobile-pull-50 {
        left: -50%
    }

    .mobile-grid-55 {
        float: left;
        width: 55%
    }

    .mobile-prefix-55 {
        margin-left: 55%
    }

    .mobile-suffix-55 {
        margin-right: 55%
    }

    .mobile-push-55 {
        left: 55%
    }

    .mobile-pull-55 {
        left: -55%
    }

    .mobile-grid-60 {
        float: left;
        width: 60%
    }

    .mobile-prefix-60 {
        margin-left: 60%
    }

    .mobile-suffix-60 {
        margin-right: 60%
    }

    .mobile-push-60 {
        left: 60%
    }

    .mobile-pull-60 {
        left: -60%
    }

    .mobile-grid-65 {
        float: left;
        width: 65%
    }

    .mobile-prefix-65 {
        margin-left: 65%
    }

    .mobile-suffix-65 {
        margin-right: 65%
    }

    .mobile-push-65 {
        left: 65%
    }

    .mobile-pull-65 {
        left: -65%
    }

    .mobile-grid-70 {
        float: left;
        width: 70%
    }

    .mobile-prefix-70 {
        margin-left: 70%
    }

    .mobile-suffix-70 {
        margin-right: 70%
    }

    .mobile-push-70 {
        left: 70%
    }

    .mobile-pull-70 {
        left: -70%
    }

    .mobile-grid-75 {
        float: left;
        width: 75%
    }

    .mobile-prefix-75 {
        margin-left: 75%
    }

    .mobile-suffix-75 {
        margin-right: 75%
    }

    .mobile-push-75 {
        left: 75%
    }

    .mobile-pull-75 {
        left: -75%
    }

    .mobile-grid-80 {
        float: left;
        width: 80%
    }

    .mobile-prefix-80 {
        margin-left: 80%
    }

    .mobile-suffix-80 {
        margin-right: 80%
    }

    .mobile-push-80 {
        left: 80%
    }

    .mobile-pull-80 {
        left: -80%
    }

    .mobile-grid-85 {
        float: left;
        width: 85%
    }

    .mobile-prefix-85 {
        margin-left: 85%
    }

    .mobile-suffix-85 {
        margin-right: 85%
    }

    .mobile-push-85 {
        left: 85%
    }

    .mobile-pull-85 {
        left: -85%
    }

    .mobile-grid-90 {
        float: left;
        width: 90%
    }

    .mobile-prefix-90 {
        margin-left: 90%
    }

    .mobile-suffix-90 {
        margin-right: 90%
    }

    .mobile-push-90 {
        left: 90%
    }

    .mobile-pull-90 {
        left: -90%
    }

    .mobile-grid-95 {
        float: left;
        width: 95%
    }

    .mobile-prefix-95 {
        margin-left: 95%
    }

    .mobile-suffix-95 {
        margin-right: 95%
    }

    .mobile-push-95 {
        left: 95%
    }

    .mobile-pull-95 {
        left: -95%
    }

    .mobile-grid-33 {
        float: left;
        width: 33.33333%
    }

    .mobile-prefix-33 {
        margin-left: 33.33333%
    }

    .mobile-suffix-33 {
        margin-right: 33.33333%
    }

    .mobile-push-33 {
        left: 33.33333%
    }

    .mobile-pull-33 {
        left: -33.33333%
    }

    .mobile-grid-66 {
        float: left;
        width: 66.66667%
    }

    .mobile-grid-66r {
        float: right;
        width: 66.66667%
    }

    .mobile-prefix-66 {
        margin-left: 66.66667%
    }

    .mobile-suffix-66 {
        margin-right: 66.66667%
    }

    .mobile-push-66 {
        left: 66.66667%
    }

    .mobile-pull-66 {
        left: -66.66667%
    }

    .mobile-grid-100 {
        clear: both;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-grid-100:after, .tablet-grid-100:before {
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }

    .tablet-grid-100:after {
        clear: both
    }

    .tablet-pull-10, .tablet-pull-15, .tablet-pull-20, .tablet-pull-25, .tablet-pull-30, .tablet-pull-33, .tablet-pull-35, .tablet-pull-40, .tablet-pull-45, .tablet-pull-5, .tablet-pull-50, .tablet-pull-55, .tablet-pull-60, .tablet-pull-65, .tablet-pull-66, .tablet-pull-70, .tablet-pull-75, .tablet-pull-80, .tablet-pull-85, .tablet-pull-90, .tablet-pull-95, .tablet-push-10, .tablet-push-15, .tablet-push-20, .tablet-push-25, .tablet-push-30, .tablet-push-33, .tablet-push-35, .tablet-push-40, .tablet-push-45, .tablet-push-5, .tablet-push-50, .tablet-push-55, .tablet-push-60, .tablet-push-65, .tablet-push-66, .tablet-push-70, .tablet-push-75, .tablet-push-80, .tablet-push-85, .tablet-push-90, .tablet-push-95 {
        position: relative
    }

    .hide-on-tablet {
        display: none !important
    }

    .tablet-grid-5 {
        float: left;
        width: 5%
    }

    .tablet-prefix-5 {
        margin-left: 5%
    }

    .tablet-suffix-5 {
        margin-right: 5%
    }

    .tablet-push-5 {
        left: 5%
    }

    .tablet-pull-5 {
        left: -5%
    }

    .tablet-grid-10 {
        float: left;
        width: 10%
    }
/*
    .tablet-prefix-10 {
        margin-left: -4%;
    }
*/
    .tablet-suffix-10 {
        margin-right: 10%
    }

    .tablet-push-10 {
        left: 10%
    }

    .tablet-pull-10 {
        left: -10%
    }

    .tablet-grid-15 {
        float: left;
        width: 15%
    }

    .tablet-prefix-15 {
        margin-left: 15%
    }

    .tablet-suffix-15 {
        margin-right: 15%
    }

    .tablet-push-15 {
        left: 15%
    }

    .tablet-pull-15 {
        left: -15%
    }

    .tablet-grid-20 {
        float: left;
        width: 20%
    }
    .tablet-grid-20.range-product {
        width:19%;
    }

    .tablet-prefix-20 {
        margin-left: 20%
    }

    .tablet-suffix-20 {
        margin-right: 20%
    }

    .tablet-push-20 {
        left: 20%
    }

    .tablet-pull-20 {
        left: -20%
    }

    .tablet-grid-25 {
        float: left;
        width: 25%
    }

    .tablet-prefix-25 {
        margin-left: 25%
    }

    .tablet-suffix-25 {
        margin-right: 25%
    }

    .tablet-push-25 {
        left: 25%
    }

    .tablet-pull-25 {
        left: -25%
    }

    .tablet-grid-30 {
        float: left;
        width: 30%
    }

    .tablet-prefix-30 {
        margin-left: 30%
    }

    .tablet-suffix-30 {
        margin-right: 30%
    }

    .tablet-push-30 {
        left: 30%
    }

    .tablet-pull-30 {
        left: -30%
    }

    .tablet-grid-35 {
        float: left;
        width: 35%
    }

    .tablet-prefix-35 {
        margin-left: 35%
    }

    .tablet-suffix-35 {
        margin-right: 35%
    }

    .tablet-push-35 {
        left: 35%
    }

    .tablet-pull-35 {
        left: -35%
    }

    .tablet-grid-40 {
        float: left;
        width: 40%;
    }

    .tablet-prefix-40 {
        margin-left: 40%
    }

    .tablet-suffix-40 {
        margin-right: 40%
    }

    .tablet-push-40 {
        left: 40%
    }

    .tablet-pull-40 {
        left: -40%
    }

    .tablet-grid-45 {
        float: left;
        width: 45%
    }

    .tablet-prefix-45 {
        margin-left: 45%
    }

    .tablet-suffix-45 {
        margin-right: 45%
    }

    .tablet-push-45 {
        left: 45%
    }

    .tablet-pull-45 {
        left: -45%
    }

    .tablet-grid-50 {
        float: left;
        width: 50%
    }

    .tablet-prefix-50 {
        margin-left: 50%
    }

    .tablet-suffix-50 {
        margin-right: 50%
    }

    .tablet-push-50 {
        left: 50%
    }

    .tablet-pull-50 {
        left: -50%
    }

    .tablet-grid-55 {
        float: left;
        width: 55%
    }

    .tablet-prefix-55 {
        margin-left: 55%
    }

    .tablet-suffix-55 {
        margin-right: 55%
    }

    .tablet-push-55 {
        left: 55%
    }

    .tablet-pull-55 {
        left: -55%
    }

    .tablet-grid-60 {
        float: left;
        width: 60%
    }

    .tablet-prefix-60 {
        margin-left: 60%
    }

    .tablet-suffix-60 {
        margin-right: 60%
    }

    .tablet-push-60 {
        left: 60%
    }

    .tablet-pull-60 {
        left: -60%
    }

    .tablet-grid-65 {
        float: left;
        width: 65%
    }

    .tablet-prefix-65 {
        margin-left: 65%
    }

    .tablet-suffix-65 {
        margin-right: 65%
    }

    .tablet-push-65 {
        left: 65%
    }

    .tablet-pull-65 {
        left: -65%
    }

    .tablet-grid-70 {
        float: left;
        width: 70%
    }

    .tablet-prefix-70 {
        margin-left: 70%
    }

    .tablet-suffix-70 {
        margin-right: 70%
    }

    .tablet-push-70 {
        left: 70%
    }

    .tablet-pull-70 {
        left: -70%
    }

    .tablet-grid-75 {
        float: left;
        width: 75%
    }

    .tablet-prefix-75 {
        margin-left: 75%
    }

    .tablet-suffix-75 {
        margin-right: 75%
    }

    .tablet-push-75 {
        left: 75%
    }

    .tablet-pull-75 {
        left: -75%
    }

    .tablet-grid-80 {
        float: left;
        width: 80%
    }

    .tablet-prefix-80 {
        margin-left: 80%
    }

    .tablet-suffix-80 {
        margin-right: 80%
    }

    .tablet-push-80 {
        left: 80%
    }

    .tablet-pull-80 {
        left: -80%
    }

    .tablet-grid-85 {
        float: left;
        width: 85%
    }

    .tablet-prefix-85 {
        margin-left: 85%
    }

    .tablet-suffix-85 {
        margin-right: 85%
    }

    .tablet-push-85 {
        left: 85%
    }

    .tablet-pull-85 {
        left: -85%
    }

    .tablet-grid-90 {
        float: left;
        width: 90%
    }

    .tablet-prefix-90 {
        margin-left: 90%
    }

    .tablet-suffix-90 {
        margin-right: 90%
    }

    .tablet-push-90 {
        left: 90%
    }

    .tablet-pull-90 {
        left: -90%
    }

    .tablet-grid-95 {
        float: left;
        width: 95%
    }

    .tablet-prefix-95 {
        margin-left: 95%
    }

    .tablet-suffix-95 {
        margin-right: 95%
    }

    .tablet-push-95 {
        left: 95%
    }

    .tablet-pull-95 {
        left: -95%
    }

    .tablet-grid-33 {
        float: left;
        width: 33.33333%
    }

    .tablet-prefix-33 {
        margin-left: 33.33333%
    }

    .tablet-suffix-33 {
        margin-right: 33.33333%
    }

    .tablet-push-33 {
        left: 33.33333%
    }

    .tablet-pull-33 {
        left: -33.33333%
    }

    .tablet-grid-66 {
        float: left;
        width: 66.66667%
    }

    .tablet-grid-66r {
        float: right;
        width: 66.66667%
    }

    .tablet-prefix-66 {
        margin-left: 66.66667%
    }

    .tablet-suffix-66 {
        margin-right: 66.66667%
    }

    .tablet-push-66 {
        left: 66.66667%
    }

    .tablet-pull-66 {
        left: -66.66667%
    }

    .tablet-grid-100 {
        clear: both;
        width: 100%
    }
}

@media screen and (min-width: 1025px) {
    .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95 {
        float: left
    }

    .grid-100, .grid-100:after {
        clear: both
    }

    .grid-100:after, .grid-100:before {
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0
    }

    .pull-10, .pull-15, .pull-20, .pull-25, .pull-30, .pull-33, .pull-35, .pull-40, .pull-45, .pull-5, .pull-50, .pull-55, .pull-60, .pull-65, .pull-66, .pull-70, .pull-75, .pull-80, .pull-85, .pull-90, .pull-95, .push-10, .push-15, .push-20, .push-25, .push-30, .push-33, .push-35, .push-40, .push-45, .push-5, .push-50, .push-55, .push-60, .push-65, .push-66, .push-70, .push-75, .push-80, .push-85, .push-90, .push-95 {
        position: relative
    }

    .hide-on-desktop {
        display: none !important
    }

    .grid-5 {
        width: 5%
    }

    .prefix-5 {
        margin-left: 5%
    }

    .suffix-5 {
        margin-right: 5%
    }

    .push-5 {
        left: 5%
    }

    .pull-5 {
        left: -5%
    }

    .grid-10 {
        width: 10%
    }

    .prefix-10 {
        margin-left: 10%
    }

    .suffix-10 {
        margin-right: 10%
    }

    .push-10 {
        left: 10%
    }

    .pull-10 {
        left: -10%
    }

    .grid-15 {
        width: 15%
    }

    .prefix-15 {
        margin-left: 15%
    }

    .suffix-15 {
        margin-right: 15%
    }

    .push-15 {
        left: 15%
    }

    .pull-15 {
        left: -15%
    }

    .grid-20 {
        width: 20%
    }
    .grid-20.range-product {
        width:19%;
    }

    .prefix-20 {
        margin-left: 20%
    }

    .suffix-20 {
        margin-right: 20%
    }

    .push-20 {
        left: 20%
    }

    .pull-20 {
        left: -20%
    }

    .grid-25 {
        width: 25%
    }

    .prefix-25 {
        margin-left: 25%
    }

    .suffix-25 {
        margin-right: 25%
    }

    .push-25 {
        left: 25%
    }

    .pull-25 {
        left: -25%
    }

    .grid-30 {
        width: 30%
    }

    .prefix-30 {
        margin-left: 30%
    }

    .suffix-30 {
        margin-right: 30%
    }

    .push-30 {
        left: 30%
    }

    .pull-30 {
        left: -30%
    }

    .grid-35 {
        width: 35%
    }

    .prefix-35 {
        margin-left: 35%
    }

    .suffix-35 {
        margin-right: 35%
    }

    .push-35 {
        left: 35%
    }

    .pull-35 {
        left: -35%
    }

    .grid-40 {
        width: 40%
    }

    .prefix-40 {
        margin-left: 40%
    }

    .suffix-40 {
        margin-right: 40%
    }

    .push-40 {
        left: 40%
    }

    .pull-40 {
        left: -40%
    }

    .grid-45 {
        width: 45%
    }

    .prefix-45 {
        margin-left: 45%
    }

    .suffix-45 {
        margin-right: 45%
    }

    .push-45 {
        left: 45%
    }

    .pull-45 {
        left: -45%
    }

    .grid-50 {
        width: 50%
    }

    .prefix-50 {
        margin-left: 50%
    }

    .suffix-50 {
        margin-right: 50%
    }

    .push-50 {
        left: 50%
    }

    .pull-50 {
        left: -50%
    }

    .grid-55 {
        float: left;
        width: 55%
    }

    .prefix-55 {
        margin-left: 55%
    }

    .suffix-55 {
        margin-right: 55%
    }

    .push-55 {
        left: 55%
    }

    .pull-55 {
        left: -55%
    }

    .grid-60 {
        width: 60%
    }

    .prefix-60 {
        margin-left: 60%
    }

    .suffix-60 {
        margin-right: 60%
    }

    .push-60 {
        left: 60%
    }

    .pull-60 {
        left: -60%
    }

    .grid-65 {
        width: 65%
    }

    .prefix-65 {
        margin-left: 65%
    }

    .suffix-65 {
        margin-right: 65%
    }

    .push-65 {
        left: 65%
    }

    .pull-65 {
        left: -65%
    }

    .grid-70 {
        width: 70%
    }

    .prefix-70 {
        margin-left: 70%
    }

    .suffix-70 {
        margin-right: 70%
    }

    .push-70 {
        left: 70%
    }

    .pull-70 {
        left: -70%
    }

    .grid-75 {
        width: 75%
    }

    .prefix-75 {
        margin-left: 75%
    }

    .suffix-75 {
        margin-right: 75%
    }

    .push-75 {
        left: 75%
    }

    .pull-75 {
        left: -75%
    }

    .grid-80 {
        width: 80%
    }

    .prefix-80 {
        margin-left: 80%
    }

    .suffix-80 {
        margin-right: 80%
    }

    .push-80 {
        left: 80%
    }

    .pull-80 {
        left: -80%
    }

    .grid-85 {
        width: 85%
    }

    .prefix-85 {
        margin-left: 85%
    }

    .suffix-85 {
        margin-right: 85%
    }

    .push-85 {
        left: 85%
    }

    .pull-85 {
        left: -85%
    }

    .grid-90 {
        width: 90%
    }

    .prefix-90 {
        margin-left: 90%
    }

    .suffix-90 {
        margin-right: 90%
    }

    .push-90 {
        left: 90%
    }

    .pull-90 {
        left: -90%
    }

    .grid-95 {
        width: 95%
    }

    .prefix-95 {
        margin-left: 95%
    }

    .suffix-95 {
        margin-right: 95%
    }

    .push-95 {
        left: 95%
    }

    .pull-95 {
        left: -95%
    }

    .grid-33 {
        width: 33.33333%
    }

    .prefix-33 {
        margin-left: 33.33333%
    }

    .suffix-33 {
        margin-right: 33.33333%
    }

    .push-33 {
        left: 33.33333%
    }

    .pull-33 {
        left: -33.33333%
    }

    .grid-66 {
        width: 66.66667%
    }

    .grid-66r {
        float: right;
        width: 66.66667%
    }

    .prefix-66 {
        margin-left: 66.66667%
    }

    .suffix-66 {
        margin-right: 66.66667%
    }

    .push-66 {
        left: 66.66667%
    }

    .pull-66 {
        left: -66.66667%
    }

    .grid-100 {
        width: 100%
    }
}

/* product.min */

.accordion-a section .content textarea, .accordion-help section .content textarea {
    max-height: 500px;
    max-width: 100%
}

.js .accordion-a section header, .js .accordion-help section header {
    cursor: pointer
}

#lookbook-outer-wrap .group-images ul li .accordion-a, .accordion-a section, .accordion-a section header {
    display: block
}

.js .accordion-a section header.no-outline, .js .accordion-a section header:active {
    outline: 0
}

.js .accordion-a section[aria-expanded=true] .content {
    visibility: visible
}

.js .accordion-a section[aria-expanded=false] .content {
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

.js .accordion-a:not(.no-transition) section .content:not(.no-transition) {
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -ms-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: height, padding-bottom, padding-top, visibility;
    -moz-transition-property: height, padding-bottom, padding-top, visibility;
    -o-transition-property: height, padding-bottom, padding-top, visibility;
    -ms-transition-property: height, padding-bottom, padding-top, visibility;
    transition-property: height, padding-bottom, padding-top, visibility
}

.accordion-help, .accordion-help section, .accordion-help section header {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: 300
}

.accordion-a section .content, .accordion-a section header h1 {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px
}

.js .accordion-help section header.no-outline, .js .accordion-help section header:active {
    outline: 0
}

.accordion-help section .content {
    overflow: hidden;
    padding-left: 25px
}

.js .accordion-help section[aria-expanded=true] .content {
    visibility: visible;
    border-bottom: 1px solid #000
}

#lookbook-outer-wrap, .MagicHotspots, .js .accordion-a section[aria-expanded=true] header:before, .js .accordion-help section[aria-expanded=true] header:before, .t_UpdateQueue {
    visibility: hidden
}

.js .accordion-help section[aria-expanded=false] .content {
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

.js .accordion-help:not(.no-transition) section .content:not(.no-transition) {
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -ms-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: height, padding-bottom, padding-top, visibility;
    -moz-transition-property: height, padding-bottom, padding-top, visibility;
    -o-transition-property: height, padding-bottom, padding-top, visibility;
    -ms-transition-property: height, padding-bottom, padding-top, visibility;
    transition-property: height, padding-bottom, padding-top, visibility
}

.js .accordion-a section[aria-expanded=true] header {
    background-image: url('//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-up-retina.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center right
}

.js .accordion-a section[aria-expanded=false] header {
    background-image: url('//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-down-retina.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center right
}

.accordion-a section header {
    position: relative;
    border-top: 1px solid #000
}

.accordion-a section:last-child {
    border-bottom: 1px solid #000
}

.accordion-a section header h1 {
    text-transform: uppercase;
    margin: 0;
    height: 40px;
    line-height: 45px
}

.accordion-a section .content {
    overflow: hidden;
    padding: 0 !important;
    position: relative
}

.accordion-a section .content blockquote {
    color: #ccc;
    font-size: 22px;
    font-style: italic;
    margin: 15px 0
}

.accordion-a section .content:first-child {
    margin-top: 0
}

.accordion-a section .content h1 {
    font-size: 13px;
    margin: 30px 0 0
}

.accordion-a section .content:last-child {
    margin-bottom: 0
}

.accordion-a section .content ol li + li {
    margin-top: 5px
}

.accordion-a section .content p {
    margin: 15px 0;
    font-family: "freight-text-pro", serif;
    font-weight: 300;
    font-size: 15px;
}

.accordion-a section .content pre {
    border: 3px solid #f3f3f3;
    border-radius: 5px;
    margin: 15px 0;
    padding: 10px;
    white-space: pre-wrap
}

.accordion-a.dark section .content pre {
    background-color: rgba(255, 255, 255, .05);
    border: 0;
    border-radius: 5px
}

.js .accordion-help section[aria-expanded=true] header {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-up-retina.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: 1px solid #fff
}

.js .accordion-help section[aria-expanded=false] header {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-down-retina.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center right
}

.accordion-help section header {
    position: relative;
    border-bottom: 1px solid #000
}

.accordion-help section header h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 25px
}

.accordion-help section .content {
    color: #000;
    font-size: 14px;
    padding: 0 0 40px 25px;
    position: relative;
    font-weight: 300;
    letter-spacing: 1px
}

.accordion-help section .content blockquote {
    color: #ccc;
    font-size: 22px;
    font-style: italic;
    margin: 15px 0
}

.accordion-help section .content:first-child {
    margin-top: 0
}

.accordion-help section .content h1 {
    margin: 30px 0 0
}

.accordion-help section .content:last-child {
    margin-bottom: 0
}

.accordion-help section .content ol li + li {
    margin-top: 5px
}

.accordion-help section .content p {
    margin: 15px 0
}

.accordion-help section .content pre {
    border: 3px solid #f3f3f3;
    border-radius: 5px;
    margin: 15px 0;
    padding: 10px;
    white-space: pre-wrap
}

.accordion-help.dark section .content pre {
    background-color: rgba(255, 255, 255, .05);
    border: 0;
    border-radius: 5px
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    overflow: hidden
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('../img/bx_loader.gif') center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #d6d6d6;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(//s3-eu-west-1.amazonaws.com/toast-staging/css/img/RecentView_LeftArrow.png) center center no-repeat;
    background-size: 15px 15px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(//s3-eu-west-1.amazonaws.com/toast-staging/css/img/RecentView_RightArrow.png) center center no-repeat;
    background-size: 15px 15px
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: 0 0;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.t_ContentContainer {
    color: #333;
    font-size: 11px;
    line-height: 17px;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.t_Content_black, .t_Content_dark, .t_Content_gray {
    color: #efefef
}

.t_ContentContainer a, .t_ContentContainer a:hover {
    color: #8e8e8e;
    text-decoration: none;
    background: 0;
    border: 0
}

.t_ContentContainer a:hover {
    text-decoration: underline
}

.t_Content_black a, .t_Content_black a:hover, .t_Content_dark a, .t_Content_dark a:hover {
    color: #ccc
}

.t_Content_gray a, .t_Content_gray a:hover {
    color: #232323
}

.t_Content_blue, .t_Content_green, .t_Content_red {
    color: #efefef;
    font-size: 11px;
    line-height: 17px;
    padding: 10px
}

.t_Content_blue a, .t_Content_blue a:hover, .t_Content_green a, .t_Content_green a:hover, .t_Content_red a, .t_Content_red a:hover {
    text-decoration: none;
    background: 0;
    border: 0;
    color: #ccc
}

.t_Content_blue a:hover, .t_Content_green a:hover, .t_Content_red a:hover {
    text-decoration: underline
}

.t_Content_tiny {
    color: #efefef;
    font-size: 11px;
    line-height: 16px;
    padding: 6px 9px
}

.t_CloseState, .t_Tooltip, .t_iframeShim {
    margin: 0;
    padding: 0
}

.t_Content_tiny a, .t_Content_tiny a:hover {
    color: #b3b3b3;
    text-decoration: none;
    background: 0;
    border: 0
}

.t_Tooltip {
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.t_Tooltip.t_hidden {
    opacity: 0
}

.t_Tooltip.t_visible {
    opacity: 1
}

.t_Skin {
    position: absolute;
    top: 0;
    left: 0
}

.t_Skin * {
    zoom: 1
}

.t_Bubble {
    position: relative
}

.t_Background, .t_Close, .t_Stem {
    position: absolute
}

.t_Close {
    top: 0
}

.t_CloseButtonShift {
    position: relative;
    overflow: hidden;
    float: left
}

.t_CloseState, .t_Content, .t_Shadow, .t_iframeShim {
    position: absolute;
    left: 0
}

.t_Content {
    top: 0
}

.t_iframeShim {
    top: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}

.t_Shadow {
    top: 0;
    margin: 0;
    padding: 0
}

.t_Shadow .t_ShadowInnerWrapper, .t_ShadowBubble {
    position: relative;
    padding: 0;
    margin: 0;
    float: left
}

.t_ShadowBackground, .t_ShadowStem, .t_UpdateQueue {
    position: absolute
}

.t_ShadowBackground *, .t_ShadowStem * {
    float: left
}

.t_CloseButtonShadow {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.t_UpdateQueue {
    top: -15000px;
    left: -15000px;
    width: 5000px;
    height: 5000px
}

.t_UpdateQueue .t_Content, .t_UpdateQueue .t_Tooltip {
    position: relative;
    overflow: visible;
    float: left;
    top: auto;
    left: auto;
    width: 100%
}

.t_Tooltip .t_ContentContainer {
    float: left;
    clear: both;
    position: relative
}

.t_UpdateQueue .t_ContentContainer {
    position: absolute;
    top: 0;
    left: 0
}

.MagicZoomPlus, .MagicZoomPlus:hover {
    display: inline-block;
    /*cursor: pointer;*/
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%
}

.MagicZoomPlusHint, .MagicZoomPlusLoading {
    color: #444;
    font-size: 8pt;
    text-align: left
}

.MagicZoomPlus img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    height: auto
}

.MagicZoomPlus > img {
    width: 100%
}

.MagicZoomPlus.magic-for-ie8 > img {
    max-width: none !important
}

.MagicZoomPlus.magic-for-ie5 img, .MagicZoomPlus.magic-for-ie7 > img {
    width: auto
}

td > .MagicZoomPlus.magic-for-ie8 > img, td > .MagicZoomPlus > img {
    max-width: none;
    width: auto
}

.MagicThumb-expanded > div > div > div > img, .MagicZoomBigImageCont img, .magic-temporary-img img {
    max-height: none !important;
    max-width: none !important
}

.MagicZoomPlus span {
    display: none !important
}

.MagicZoomPlusHint {
    background: url(../graphics/hint.gif) 2px 50% no-repeat;
    font-family: sans-serif;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-decoration: none
}

.MagicZoomLoading, .MagicZoomPlusLoading {
    font-family: sans-serif;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-decoration: none
}

.MagicZoomPlusLoading {
    background: url(../graphics/loader.gif) 2px 50% no-repeat #fff;
    border: 1px solid #ccc;
    line-height: 1.5em
}

.MagicZoomPlus-ExternalText {
    display: none
}

.MagicZoomBigImageCont {
    background: #fff;
    transition: none !important
}

.MagicZoomBigImageCont img {
    height: auto !important;
    width: auto !important
}

.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important
}

.MagicZoomPup {
    background: #dadad1;
    border: 3px solid #aaa;
    cursor: pointer
}

.MagicZoomLoading {
    background: url(../graphics/loader.gif) 2px 50% no-repeat #fff;
    border: 1px solid #ccc;
    color: #444;
    font-size: 8pt;
    line-height: 1.5em;
    text-align: left
}

.MagicHotspots {
    display: none
}

.MagicHotspots a {
    border: 1px solid #ccc;
    display: block !important;
    position: absolute !important
}

.MagicHotspots a:hover {
    border: 1px solid red
}

.MagicThumb-expanded-thumbnail {
    cursor: default
}

.MagicThumb-expanded {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    outline: 0;
    padding: 0;
    transition: none !important
}

.MagicThumb-expanded img {
    background: #fff
}

.MagicThumb-caption {
    background: #ccc;
    border: 0 !important;
    color: #333;
    font: 400 10pt Verdana, Helvetica;
    min-height: 18px !important;
    padding: 8px;
    outline: 0 !important;
    text-align: left
}

.MagicThumb-buttons {
    display: block;
    height: 24px
}

.MagicThumb-buttons a {
    height: 24px;
    margin: 0 1px !important;
    overflow: hidden;
    width: 24px
}

.MagicThumb-expanded > div > div > div > img {
    height: auto !important;
    width: auto !important
}

.MagicThumb-background {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.MagicBoxShadow {
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
    border-collapse: separate;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important
}

.MagicBoxGlow {
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px #888;
    box-shadow: 0 0 4px 4px #888;
    border-collapse: separate;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important
}

#lookbook-outer-wrap #bodyContainer {
    max-width: 1000px;
    margin: 0 auto
}

#lookbook-outer-wrap #topNav {
    display: none
}

#lookbook-outer-wrap .lookbook-menu {
    border-top: 1px solid #c8c8c8;
    padding: 10px 0 40px
}

#lookbook-outer-wrap .lookbook-menu ul {
    position: relative;
    left: 50%;
    float: left;
    clear: both;
    list-style: none;
    text-align: left
}

#lookbook-outer-wrap .lookbook-menu ul li {
    display: inline-block;
    margin: 0 5px;
    color: #000;
    position: relative;
    left: -50%;
    cursor: pointer;
    text-align: left
}

#lookbook-outer-wrap ul.productBook {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
    display: none
}

#lookbook-outer-wrap img.catImagesJQ {
    margin: 7px;
    display: block
}

#lookbook-outer-wrap ul.productLine {
    display: none
}

#lookbook-outer-wrap ul.productLine h2 {
    font-size: 20px
}

#lookbook-outer-wrap .current-book, #lookbook-outer-wrap .current-line {
    text-decoration: underline
}

#lookbook-outer-wrap h3.products-shown {
    text-align: center;
    margin: 0 0 5px;
    font-size: 15px;
    text-transform: uppercase
}

#jersey-outer-wrap .group-images ul li, #lookbook-outer-wrap .group-images ul li {
    margin: 0 5px;
    color: transparent;
    min-width: 50px;
    max-width: 110px;
    position: relative;
    display: inline-block;
    padding: 0
}

#lookbook-outer-wrap .group-images ul {
    position: relative;
    left: 50%;
    float: left;
    clear: both;
    list-style: none;
    text-align: left
}

#lookbook-outer-wrap .group-images ul li {
    left: -50%;
    cursor: pointer;
    text-align: left
}

#jersey-outer-wrap .group-images ul {
    text-align: center
}

#jersey-outer-wrap .group-images ul li {
    cursor: pointer;
    text-align: left
}

#lookbook-outer-wrap #arrowLeft, #lookbook-outer-wrap #arrowRight {
    width: 50px;
    height: 50px;
    top: 50%;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/lookbook/assets/iconSprite.png);
    display: none;
    z-index: 9999;
    cursor: pointer
}

#lookbook-outer-wrap #arrowLeft {
    position: absolute;
    margin-top: -30px;
    left: -15px;
    margin-left: 0;
    background-position: 50px 50px
}

#lookbook-outer-wrap #leftArrowWrap, #lookbook-outer-wrap #rightArrowWrap {
    position: absolute
}

#lookbook-outer-wrap #arrowLeft:hover {
    background-position: 50px 50px
}

.lookbook-navigations {
    min-height: 50px;
    font-size: 16px !important;
    margin: 40px 7% 5px;
    position: relative
}

.lookbook-navigations a span {
    margin-right: 10px
}

.lookbook-navigations .lookbook-index {
    margin: 0;
    float: right;
    font-weight: 300
}

.lookbook-navigations .back-to-catalogue {
    float: left;
    font-weight: 300;
    text-transform: uppercase
}

#lookbook-outer-wrap #arrowRight {
    position: absolute;
    margin-top: -25px;
    right: -15px;
    margin-right: 0;
    background-position: 50px 100px
}

#lookbook-outer-wrap #arrowRight:hover {
    background-position: 50px 100px
}

#lookbook-outer-wrap #outerCenter {
    padding-top: 10px;
    margin: -10% 2% 0
}

#lookbook-outer-wrap #outerWrap {
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto
}

.lookbook-loader {
    position: absolute;
    left: 50%;
    z-index: 1000;
    margin-left: -12px
}

@media screen and (max-width: 767px) {
    .lookbook-loader {
        margin-top: -24px
    }
}

.slide-panel {
    width: 10000px;
    margin: -9% 0 0;
    padding: 0;
    left: -50%;
    position: relative
}

#lookbook-outer-wrap .mainImgLeft {
    max-height: 800px;
    max-width: 540px
}

#lookbook-outer-wrap .mainImgRight {
    float: left;
    max-height: 800px;
    max-width: 540px
}

#lookbook-outer-wrap #innerLeft, #lookbook-outer-wrap #innerRight {
    display: inline-block;
    background: #fff;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer
}

#lookbook-outer-wrap #innerLeft {
    float: left;
    right: 50%;
    width: 100%
}

#lookbook-outer-wrap #innerRight {
    float: left;
    left: 100%;
    width: 100%
}

#lookbook-outer-wrap #innerLeft img {
    float: left;
    right: 100%
}

#lookbook-outer-wrap #innerRight img {
    float: left;
    left: 100%
}

#lookbook-outer-wrap .lookbook-buy-off {
    max-width: 1000px;
    margin: -100px auto 0
}

@media screen and (max-width: 767px) {
    #lookbook-outer-wrap .lookbook-buy-off {
        margin: -75px auto 0
    }
}

@media screen and (max-width: 500px) {
    #lookbook-outer-wrap .lookbook-buy-off {
        margin: -45px auto 0
    }
}

.lookbook-link-right .arrow, .slash_separator, .social-icons-wrapper a {
    margin-left: 10px
}

#social-lookbook a, #social_lookbook span {
    text-transform: uppercase
}

#social-lookbook img {
    margin-bottom: -5px
}

#social-lookbook {
    position: absolute;
    right: 0;
    display: inline;
    width: auto !important;
    padding: 0;
    margin-top: 25px
}

.slash_separator {
    margin-right: 10px
}

.top-title {
    position: relative;
    margin-bottom: 10px;
    font-size: 0
}

.lookbook-link-left, .lookbook-link-right {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 0;
    width: 50%;
    letter-spacing: 1px;
    font-weight: 300;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.lookbook-link-right {
    text-align: right;
    float: right
}

.lookbook-link-left .arrow {
    margin-right: 10px
}

#slidePanel, .panel-container {
    -webkit-backface-visibility: hidden !important;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

body {
    -webkit-backface-visibility: hidden
}

.no-js .liquid-slider {
    height: 350px;
    overflow: scroll
}

.ls-preloader {
    background: url(../img/loading.gif) center 75px no-repeat;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.ls-wrapper {
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    position: relative
}

.ls-wrapper .liquid-slider {
    background: 0 0;
    width: 1030px;
    float: left;
    overflow: hidden;
    position: relative
}

.ls-wrapper .panel-container {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.ls-wrapper .liquid-slider .panel-container .fade {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.ls-wrapper .liquid-slider .panel {
    width: 1030px;
    display: block;
    float: left
}

.ls-wrapper .liquid-slider .panel-wrapper {
    padding: 20px;
    position: relative
}

.ls-wrapper .ls-nav a {
    background: #d8d8d8;
    color: #333;
    margin-right: 1px;
    padding: 10px 15px;
    outline: 0
}

.ls-wrapper .ls-nav a:hover {
    background: #f2f2f2;
    color: #333;
    text-shadow: none
}

.ls-wrapper .ls-nav .current {
    background: #f2f2f2
}

.currentCrossLink {
    font-weight: 700
}

.ls-wrapper .ls-nav ul {
    padding: 0;
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden
}

.ls-wrapper .ls-nav ul li {
    display: inline
}

.ls-wrapper .ls-nav ul li a {
    display: block;
    float: left;
    text-decoration: none
}

.ls-wrapper .ls-nav {
    overflow: hidden;
    clear: both
}

.ls-wrapper .ls-select-box {
    width: 100%;
    height: 35px;
    overflow: hidden;
    background: #ddd
}

.ls-wrapper .ls-select-box select {
    width: 150%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 5px;
    font-size: 110%;
    border: 0;
    height: 35px;
    cursor: pointer;
    outline: 0
}

.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right {
    float: left
}

.ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a {
    background: #000;
    color: #fff;
    padding: 5px;
    width: 100px;
    display: block;
    text-align: center;
    text-decoration: none
}

.ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow {
    width: 50px;
    height: 50px;
    bottom: 135px;
    margin-top: -25px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/lookbook/assets/iconSprite.png);
    z-index: 9999;
    cursor: pointer;
    position: relative;
    float: left
}

.ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a {
    display: block
}

.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow {
    clear: both
}

.ls-wrapper .ls-nav-right-arrow {
    right: -55px;
    margin-right: 0;
    background-position: 50px 100px
}

.ls-wrapper .ls-nav-left-arrow {
    left: -55px;
    margin-left: 0;
    background-position: 50px 50px;
    display: none
}

.arrows .liquid-slider {
    margin: 0 10px
}

.ls-responsive .liquid-slider {
    width: 100%;
    margin: 0
}

.ls-responsive .liquid-slider .panel .panel-wrapper {
    padding: 10px
}

.ls-responsive .ls-nav-left {
    position: absolute;
    left: 0;
    z-index: 2
}

.ls-responsive .ls-nav-left a {
    background: #9a9a9a;
    width: 80px
}

.ls-responsive .ls-nav-left a:hover {
    background: #747474
}

.ls-responsive .ls-nav-right {
    position: absolute;
    right: 0;
    z-index: 2
}

.ls-responsive .ls-nav-right a {
    background: #9a9a9a;
    width: 80px
}

.ls-responsive .ls-nav-right a:hover {
    background: #747474
}

.ls-responsive .ls-nav-left-arrow {
    position: absolute;
    left: -18px;
    z-index: 2
}

.ls-responsive .ls-nav-right-arrow {
    position: absolute;
    right: -18px;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .ls-responsive .liquid-slider .panel .panel-wrapper {
        padding: 20px 25px
    }
}

#product_intro {
    font-family: "freight-text-pro", serif;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px
}

/* outfitpage.min.css */

.instaSprite, .leftSprite, .rightSprite {
    background-size: auto
}

.landing-tile-129p7, .landing-tile-55p2 {
    min-height: 250px
}

.landing-tile-129p7, .landing-tile-55p2, .landing-tile-63p8 {
    display: block;
    position: relative
}

.landing-tile-129p7, .landing-tile-129p7:after, .landing-tile-55p2:after {
    content: '';
    display: block
}

.landing-tile-55p2:after {
    padding-top: 55.2%
}

.landing-tile-129p7:after {
    padding-top: 129.7%
}

@media screen and (min-width: 1024px) {
    .landing-tile-68 {
        content: '';
        display: block
    }
}

#instagram {
    margin: 0;
    padding: 0;
    overflow: hidden
}

#instagramSlider .instagram.sprite {
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 20px
}

#instagramSlider header {
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    font-size: 12px;
    width: 100%;
    padding: 10px 20px;
    background-color: #e9e9e9;
    margin-bottom: 2px
}

#instagramSlider header a {
    text-transform: none;
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

#instagramSlider nav {
    text-align: right
}

#instagramSlider nav li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px
}

#instagramBody {
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

#instagramBody .instagram-img-holder {
    position: relative;
    display: inline-block;
    width: 20%
}

.instagram-rollover {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 4px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 5px;
    white-space: normal;
    opacity: 0;
    transition: .3s
}

.instagram-img-holder:hover .instagram-rollover {
    opacity: 1
}

#instagramBody img {
    border: 2px solid #FFF;
    width: 100%
}

#instagramBody .slide-left, #instagramBody .slide-right {
    margin-top: -16px;
    left: 0
}

#instagramBody .slide-right {
    right: 0;
    left: auto
}

#instagramInner {
    opacity: 0;
    line-height: 1
}

#instagramInner.fadeIn {
    opacity: 1;
    transition: opacity .3s
}

.instagram-filter {
    cursor: pointer
}

.instagram-filter.selected-filter {
    text-decoration: underline
}

#instagram li {
    list-style: none;
    float: left;
    margin: 0 20px 20px 0
}

.main-slider {
    position: relative
}

.slide-left, .slide-right {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    background-color: rgba(255, 255, 255, .8);
    left: 5px;
    cursor: pointer
}

.slide-right {
    right: 5px;
    left: auto
}

.slide-left .sprite, .slide-right .sprite {
    height: 32px;
    width: 32px;
    margin: 9px 10px
}

.sprite {
    background-image: url(//d117fiyhpld8f9.cloudfront.net/content-images/ss16/320/spritesheet_v4.png);
    display: block
}

.sprite.chevron-right {
    height: 15px;
    width: 10px;
    background-position: -22px -91px
}

.sprite.chevron-left {
    height: 15px;
    width: 10px;
    background-position: -10px -91px
}

.sprite.short-black-arrow {
    background-position: -8px -75px;
    width: 55px;
    height: 12px
}

#newFooter li:last-of-type {
    margin-bottom: 14.4px;
    margin-left: 4px
}

#instagramSlider {
    line-height: 32px;
    text-transform: none;
    margin-top: 25px;
    margin-bottom: 25px
}

.instaSprite {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/icons/Instagram_40px.png)
}

.rightSprite {
    background-image: url(//d117fiyhpld8f9.cloudfront.net/content-images/ss16/32/TOAST_WEB_Spritesheet_RightArrow.png)
}

.leftSprite {
    background-image: url(//d117fiyhpld8f9.cloudfront.net/content-images/ss16/32/TOAST_WEB_Spritesheet_LeftArrow.png)
}

/*#basket-upsell, #mini-basket-upsell{display:none;}*/

/* Landingpage */

.height-23-perc {
    height: 23%
}

.line-height-36 {
    line-height: 36px
}

#hamper-signup-form input, #men-signup-form input, #men-signup-form select, #oftheland-signup-form input, #oftheland-signup-form select, #onetoanother-signup-form input {
    padding: 8px 5px;
    border: none;
    min-width: 0
}

#hamper-signup-form input, #oftheland-signup-form input, #oftheland-signup-form select {
    border: 1px solid #000
}

.border-1, .border-10, .border-15, .border-2, .border-3, .border-4, .border-5, .border-black, .border-grey, .border-saleRed, .border-white {
    border-style: solid
}

#hamper-signup-form label, #men-signup-form label, #oftheland-signup-form label, #onetoanother-signup-form label {
    line-height: 34px
}

@media screen and (max-width: 767px) {
    #hamper-signup-form label, #men-signup-form label {
        line-height: 20px
    }
}

@media screen and (min-width: 1025px) {
    .prefix-12p5 {
        margin-left: 12.5%
    }

    .suffx-12p5 {
        margin-right: 12.5%
    }

    .prefix-37p5 {
        margin-left: 37.5%
    }

    .suffx-37p5 {
        margin-right: 37.5%
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet-prefix-12p5 {
        margin-left: 12.5%
    }

    .tablet-suffx-12p5 {
        margin-right: 12.5%
    }

    .tablet-prefix-15p6 {
        margin-left: 15.666666666%
    }

    .tablet-suffx-15p6 {
        margin-right: 15.66666666%
    }

    .tablet-prefix-37p5 {
        margin-left: 37.5%
    }

    .tablet-suffx-37p5 {
        margin-right: 37.5%
    }
}

.font-white {
    color: #fff
}

.font-black {
    color: #000
}

.font-orange {
    color: #F58373
}

.font-orangeRed {
    color: #ff4b4a
}

.font-saleRed {
    color: #FD6A58
}

.font-lightBlue {
    color: #bfddf9
}

.font-maroon {
    color: #AC181B
}

.font-blue {
    color: #3092D6
}

.font-red {
    color: red
}

.font-rust {
    color: #c95837
}

.bg-lightBlack {
    background-color: #323136
}

.bg-brightOrange {
    background-color: #ff4f1e
}

.bg-pumpkinOrange {
    background-color: #FF692D
}

.bg-lightBlue {
    background-color: #3092D6
}

.bg-royalBlue {
    background-color: #0E67CB
}

.bg-skyBlue {
    background-color: #bfdff8
}

.bg-duskyBlue {
    background-color: #1188b3
}

.bg-navy {
    background-color: #05104A
}

.bg-lighterNavy {
    background-color: #393768
}

.bg-canaryYellow {
    background-color: #FEF278
}

.bg-darkGrey {
    background-color: #26232D
}

.bg-mediumGrey {
    background-color: #454A50
}

.bg-lightGrey {
    background-color: #e9e9e9
}

.bg-beige {
    background-color: #E9E4DE
}

.bg-saleRed {
    background-color: #FD6A58
}

.bg-saleOrangeRed {
    background-color: #ff675c
}

.bg-darkBlue {
    background-color: #38394d
}

.bg-jade {
    background-color: #386568
}

.bg-lookbookGreen {
    background-color: #02a75b
}

.bg-mustard {
    background-color: #F7C24C
}

.bg-brightMustard {
    background-color: #F9D247
}

.bg-darkMustard {
    background-color: #daad07
}

.bg-aqua {
    background-color: #45B9D2
}

.bg-greenAqua {
    background-color: #a2dfda
}

.bg-rust {
    background-color: #B26040
}

.bg-postBoxRed {
    background-color: #B51E25
}

.bg-cream {
    background-color: #faf3e0
}

.bg-white {
    background-color: #FFF
}

.bg-black {
    background-color: #000
}

.bg-turquoise {
    background-color: #289EAA
}

.bg-transparent-black {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.bg-transparent-black-medium {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.bg-transparent-black-darker {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.bg-transparent-white {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, .6)
}

.bg-salmon {
    background-color: #FD665B
}

.rollover {
    will-change: opacity;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    opacity: 0;
    transition: .3s
}

.rollover:hover {
    opacity: 1
}

.border-white {
    border-color: #fff
}

.border-black {
    border-color: #000
}

.border-grey {
    border-color: #aaa
}

.border-saleRed {
    border-color: #FD6A58
}

.border-1 {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-3 {
    border-width: 3px
}

.border-4 {
    border-width: 4px
}

.border-5 {
    border-width: 5px
}

.border-10 {
    border-width: 10px
}

.border-15 {
    border-width: 15px
}

.box-shadow-l {
    box-shadow: 6px 6px 18px 3px rgba(0, 0, 0, .8)
}

.box-shadow-s {
    box-shadow: 4px 4px 15px -2px rgba(0, 0, 0, .8)
}

.landingPage {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin-left: calc(-20px + 10px)
}

.archive-post, .landingPage:not(.category-description) {
    border: 5px solid #fff
}

.about-us-page .font-white a {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .about-us-main-tile.grid-95 {
        margin-left: 2.5%;
        margin-right: 2.5%
    }
}

.landing-tile-103p5, .landing-tile-127p6, .landing-tile-30, .landing-tile-32, .landing-tile-54, .landing-tile-63p8, .landing-tile-69, .landing-tile-78, .landing-tile-80p9, .landing-tile-about-contact, .landing-tile-banner, .landing-tile-caption, .landing-tile-full, .landing-tile-half, .landing-tile-long, .landing-tile-med, .landing-tile-med-square, .landing-tile-one-third, .landing-tile-quarter, .landing-tile-quarter-tall, .landing-tile-short, .landing-tile-short-square, .landing-tile-square, .landing-tile-tall, .landing-tile-three-quarters, .landing-tile-tt, .landing-tile-tt-img {
    display: block;
    position: relative
}

.landing-tile-banner:after {
    padding-top: 10.8%;
    display: block;
    content: ""
}

.landing-tile-103p5:after, .landing-tile-30:after, .landing-tile-32:after, .landing-tile-54:after, .landing-tile-63p8:after, .landing-tile-69:after, .landing-tile-78:after, .landing-tile-80p9:after, .landing-tile-about-contact:after, .landing-tile-caption:after, .landing-tile-long:after, .landing-tile-med-square:after, .landing-tile-one-third:after, .landing-tile-quarter-tall:after, .landing-tile-quarter:after, .landing-tile-short-square:after, .landing-tile-square:after, .landing-tile-tt-img:after, .landing-tile-tt:after {
    content: '';
    display: block
}

.landing-tile-caption:after {
    padding-top: 25%
}

.landing-tile-30:after {
    padding-top: 30%
}

.landing-tile-32:after {
    padding-top: 32%
}

.landing-tile-about-contact:after, .landing-tile-tt:after {
    padding-top: 40%
}

.landing-tile-long:after {
    padding-top: 42%
}

.landing-tile-54:after {
    padding-top: 54%
}

.landing-tile-quarter:after {
    padding-top: 60.1%
}

.landing-tile-63p8:after {
    padding-top: 63.8%
}

.landing-tile-69:after {
    padding-top: 69%
}

.landing-tile-tt-img:after {
    padding-top: 70%
}

.landing-tile-quarter-tall:after {
    padding-top: 75%
}

.landing-tile-one-third:after {
    padding-top: 76.1%
}

.landing-tile-78:after {
    padding-top: 78%
}

.landing-tile-80p9:after {
    padding-top: 80.9%
}

.landing-tile-short-square:after {
    padding-top: 84%
}

.landing-tile-med-square:after {
    padding-top: 92%
}

.landing-tile-square:after {
    padding-top: 98%
}

.landing-tile-103p5:after {
    padding-top: 103.5%
}

.landing-tile-short:after {
    padding-top: 116%;
    display: block;
    content: ""
}

.landing-tile-127p6:after, .landing-tile-full:after, .landing-tile-half:after, .landing-tile-med:after, .landing-tile-tall:after, .landing-tile-three-quarters:after {
    content: ''
}

.landing-tile-full:after, .landing-tile-half:after {
    padding-top: 120.2%;
    display: block
}

.landing-tile-127p6:after {
    padding-top: 127.6%;
    display: block
}

.landing-tile-med:after {
    padding-top: 133.1%;
    display: block
}

.landing-tile-tall:after {
    padding-top: 137.5%;
    display: block
}

.landing-tile-three-quarters:after {
    padding-top: 186.1%;
    display: block
}

.landing-tile-content, .landing-tile-tt-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 10px solid #fff
}

.landing-tile-tt-content {
    top: 63.5%
}

.landing-tile-full-black-border:before, .landing-tile-full-grey-border:before, .landing-tile-half-black-border:before, .landing-tile-half-grey-border:before, .landing-tile-quarter-black-border:before, .landing-tile-quarter-grey-border:before, .landing-tile-three-quarters-black-border:before, .landing-tile-three-quarters-grey-border:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #000;
    visibility: visible;
    height: auto;
    width: auto;
    z-index: 1
}

.landing-tile-full-grey-border:before, .landing-tile-half-grey-border:before, .landing-tile-quarter-grey-border:before, .landing-tile-three-quarters-grey-border:before {
    border-color: #c9c9c9
}

.tileLabel {
    display: inline-block;
    padding: 7px 11px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.tileLabelShort, .tileLabelTall {
    box-sizing: border-box;
    display: inline-block
}

.tileLabelTall {
    padding: 12px 11px;
    -moz-box-sizing: border-box
}

.tileLabelShort {
    padding: 4px 11px;
    -moz-box-sizing: border-box
}

.tileLabelShortWider {
    display: inline-block;
    padding: 4px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.hiddenLabel {
    opacity: 0;
    transition: 150ms
}

.underCaption {
    top: 82.5%;
    padding-left: 20px
}

.underCaptionCenter {
    top: 82.5%
}

.light-font {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif !important
}

.med-font {
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif !important
}

.times-font {
    font-family: "Times New Roman", Times, serif !important
}

.arial-font {
    font-family: arial, helvetica, sans-serif
}

.about-us-page p {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif !important;
    letter-spacing: 1px
}

.font-0 {
    font-size: 0
}

.font-10 {
    font-size: 10px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-30 {
    font-size: 30px
}

.font-32 {
    font-size: 32px
}

.font-34 {
    font-size: 34px
}

.font-36 {
    font-size: 36px
}

.font-40 {
    font-size: 40px
}

.font-44 {
    font-size: 44px
}

.font-46 {
    font-size: 46px
}

.font-50 {
    font-size: 50px
}

.font-60 {
    font-size: 60px
}

.font-68 {
    font-size: 68px
}

.font-72 {
    font-size: 72px
}

.font-78 {
    font-size: 78px
}

.font-82 {
    font-size: 82px
}

.font-92 {
    font-size: 92px
}

.font-100 {
    font-size: 100px
}

.font-xxs {
    font-size: 10px
}

.font-xs {
    font-size: 12px
}

.font-s {
    font-size: 14px
}

.font-ms {
    font-size: 15px
}

.font-m {
    font-size: 16px
}

.font-xm {
    font-size: 18px
}

.font-l {
    font-size: 20px
}

.font-ll {
    font-size: 22px
}

.font-xl {
    font-size: 24px
}

.font-xml {
    font-size: 26px
}

.font-xxl {
    font-size: 32px
}

.font-xxll {
    font-size: 40px
}

.font-xxxl {
    font-size: 42px
}

.font-xxxll {
    font-size: 44px
}

.font-xxxxl {
    font-size: 72px
}

.font-xxxxxl {
    font-size: 80px
}

.font-xxxxxxl {
    font-size: 92px
}

.no-spacing {
    letter-spacing: initial
}

.one-spacing {
    letter-spacing: 1px
}

.two-spacing {
    letter-spacing: 2px
}

.three-spacing {
    letter-spacing: 3px
}

.four-spacing {
    letter-spacing: 4px
}

.five-spacing {
    letter-spacing: 5px
}

.six-spacing {
    letter-spacing: 6px
}

.seven-spacing {
    letter-spacing: 7px
}

.eight-spacing {
    letter-spacing: 8px
}

.ten-spacing {
    letter-spacing: 10px
}

.fourteen-spacing {
    letter-spacing: 14px
}

.no-border-top {
    border-top-width: 0
}

.no-border-right {
    border-right-width: 0
}

.no-border-bottom {
    border-bottom-width: 0
}

.no-border-left {
    border-left-width: 0
}

.no-border {
    border-width: 0
}

ul.centerText {
    height: 100%
}

li.centerText {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

ul.centerText .outerContainer {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden
}

ul.centerText .outerContainer .innerContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

ul.centerText .outerContainer .top {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    margin: 0 auto
}

ul.centerText .outerContainer .bottom {
    vertical-align: bottom
}

ul.centerText .outerContainer .topRight {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    margin: 0 auto;
    text-align: right
}

.middle, .stripe a, .table-cell, ul.centerText .outerContainer .lower {
    vertical-align: middle
}

ul.centerText .outerContainer .lower {
    display: table-cell;
    width: 100%;
    margin: 0 auto;
    padding: 40% 0 0;
    text-align: center
}

ul.centerText .outerContainer .higher {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 15%;
    text-align: center
}

ul.centerText li {
    width: 100%;
    height: 100%
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-600 {
    font-weight: 600
}

.line-height-initial {
    line-height: initial
}

.line-height-1 {
    line-height: 1
}

.line-height-1p5 {
    line-height: 1.5
}

.uppercase {
    text-transform: uppercase !important
}

.underline {
    text-decoration: underline
}

.text-transform-none {
    text-transform: none !important
}

.no-wrap {
    white-space: nowrap
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.anchor-fix, .lt-ie9 a {
    position: relative
}

.clear-after:after {
    display: block;
    content: "";
    clear: both
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.absolute-bottom {
    bottom: 0
}

.width-100-perc {
    width: 100%
}

.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.anchor-fix {
    z-index: 2
}

.stripe-holder {
    display: table;
    height: 100%;
    width: 100%
}

.stripe, .table-row {
    display: table-row
}

.stripe a {
    display: table-cell;
    border-top: solid 6.67px #FFF;
    border-bottom: 6.67px solid #fff
}

.stripe.first-stripe a {
    border-top: 0;
    border-bottom: 12.33px solid #fff
}

.stripe.last-stripe a {
    border-bottom: 0;
    border-top: 12.33px solid #fff
}

.table {
    display: table;
    width: 100%
}

.table-cell {
    display: table-cell
}

.max-width-60 {
    max-width: 60px;
    width: 100%
}

.max-width-100 {
    max-width: 100px;
    width: 100%
}

.max-width-110 {
    max-width: 110px;
    width: 100%
}

.max-width-120 {
    max-width: 120px;
    width: 100%
}

.max-width-140 {
    max-width: 140px;
    width: 100%
}

.max-width-150 {
    max-width: 150px;
    width: 100%
}

.max-width-160 {
    max-width: 160px;
    width: 100%
}

.max-width-170 {
    max-width: 170px;
    width: 100%
}

.max-width-180 {
    max-width: 180px;
    width: 100%
}

.max-width-200 {
    max-width: 200px;
    width: 100%
}

.max-width-300 {
    max-width: 300px;
    width: 100%
}

.max-width-330 {
    max-width: 330px;
    width: 100%
}

.max-width-350 {
    max-width: 350px;
    width: 100%
}

.max-width-400 {
    max-width: 400px;
    width: 100%
}

.max-width-450 {
    max-width: 450px;
    width: 100%
}

.max-width-500 {
    max-width: 500px;
    width: 100%
}

.max-width-600 {
    max-width: 600px;
    width: 100%
}

.max-width-700 {
    max-width: 700px;
    width: 100%
}

.padding-0 {
    padding: 0
}

.padding-left-0 {
    padding-left: 0
}

.padding-left-5 {
    padding-left: 5px
}

.padding-left-10 {
    padding-left: 10px
}

.padding-left-15 {
    padding-left: 15px
}

.padding-left-20 {
    padding-left: 20px
}

.padding-left-25 {
    padding-left: 25px
}

.padding-left-30 {
    padding-left: 30px
}

.padding-left-40 {
    padding-left: 40px
}

.padding-left-50 {
    padding-left: 50px
}

.padding-left-55 {
    padding-left: 55px
}

.padding-left-60 {
    padding-left: 60px
}

.padding-left-65 {
    padding-left: 65px
}

.padding-left-70 {
    padding-left: 70px
}

.padding-left-90 {
    padding-left: 90px
}

.padding-left-10perc {
    padding-left: 10%
}

.padding-left-35-perc {
    padding-left: 35%
}

.padding-top-0 {
    padding-top: 0
}

.padding-top-5 {
    padding-top: 5px
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-15 {
    padding-top: 15px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-25 {
    padding-top: 25px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-35 {
    padding-top: 35px
}

.padding-top-40 {
    padding-top: 40px
}

.padding-top-50 {
    padding-top: 50px
}

.padding-top-60 {
    padding-top: 60px
}

.padding-top-70 {
    padding-top: 70px
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-90 {
    padding-top: 90px
}

.padding-top-120 {
    padding-top: 120px
}

.padding-top-7-perc {
    padding-top: 7%
}

.padding-top-10-perc {
    padding-top: 10%
}

.padding-top-15-perc {
    padding-top: 15%
}

.padding-top-20-perc {
    padding-top: 20%
}

.padding-top-25-perc {
    padding-top: 25%
}

.padding-top-35-perc {
    padding-top: 35%
}

.padding-top-40-perc {
    padding-top: 40%
}

.padding-top-45-perc {
    padding-top: 45%
}

.padding-top-65-perc {
    padding-top: 65%
}

.padding-top-80-perc {
    padding-top: 80%
}

.padding-bottom-0 {
    padding-bottom: 0
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-25 {
    padding-bottom: 25px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-35 {
    padding-bottom: 35px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.padding-bottom-70 {
    padding-bottom: 70px
}

.padding-bottom-80 {
    padding-bottom: 80px
}

.padding-bottom-90 {
    padding-bottom: 90px
}

.padding-bottom-15-perc {
    padding-bottom: 15%
}

.padding-bottom-20-perc {
    padding-bottom: 20%
}

.padding-bottom-30-perc {
    padding-bottom: 30%
}

.padding-right-0 {
    padding-right: 0
}

.padding-right-5 {
    padding-right: 5px
}

.padding-right-10 {
    padding-right: 10px
}

.padding-right-15 {
    padding-right: 15px
}

.padding-right-20 {
    padding-right: 20px
}

.padding-right-25 {
    padding-right: 25px
}

.padding-right-30 {
    padding-right: 30px
}

.padding-right-40 {
    padding-right: 40px
}

.padding-right-50 {
    padding-right: 50px
}

.padding-right-55 {
    padding-right: 55px
}

.padding-right-60 {
    padding-right: 60px
}

.padding-right-65 {
    padding-right: 65px
}

.padding-right-70 {
    padding-right: 70px
}

.padding-right-90 {
    padding-right: 90px
}

.padding-right-35-perc {
    padding-right: 35%
}

.padding-right-perc-3 {
    padding-right: 3%
}

.padding-right-perc-5 {
    padding-right: 5%
}

.padding-right-perc-7 {
    padding-right: 7%
}

.padding-right-perc-8 {
    padding-right: 8%
}

.padding-right-perc-10 {
    padding-right: 10%
}

.padding-left-perc-3 {
    padding-left: 3%
}

.padding-left-perc-5 {
    padding-left: 5%
}

.padding-left-perc-7 {
    padding-left: 7%
}

.padding-left-perc-8 {
    padding-left: 8%
}

.padding-left-perc-10 {
    padding-left: 10%
}

.margin-0 {
    margin: 0
}

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

.margin-left-5 {
    margin-left: 5px
}

.margin-left-10 {
    margin-left: 10px
}

.margin-left-15 {
    margin-left: 15px
}

.margin-left-20 {
    margin-left: 20px
}

.margin-left-25 {
    margin-left: 25px
}

.margin-left-30 {
    margin-left: 30px
}

.margin-left-35 {
    margin-left: 35px
}

.margin-left-40 {
    margin-left: 40px
}

.margin-left-50 {
    margin-left: 50px
}

.margin-left-60 {
    margin-left: 60px
}

.margin-left-70 {
    margin-left: 70px
}

.margin-top-0 {
    margin-top: 0
}

.margin-top-5 {
    margin-top: 5px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

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

.margin-top-25 {
    margin-top: 25px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-35 {
    margin-top: 35px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-top-35-perc {
    margin-top: 35%
}

.margin-top-65-perc {
    margin-top: 65%
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-25 {
    margin-bottom: 25px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-bottom-7-perc {
    margin-bottom: 7%
}

.margin-bottom-20-perc {
    margin-bottom: 20%
}

.margin-bottom-22-perc {
    margin-bottom: 22%
}

.margin-bottom-23-perc {
    margin-bottom: 23%
}

.margin-bottom-25-perc {
    margin-bottom: 25%
}

.margin-bottom-30-perc {
    margin-bottom: 30%
}

.margin-right-0 {
    margin-right: 0
}

.margin-right-5 {
    margin-right: 5px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-right-20 {
    margin-right: 20px
}

.margin-right-25 {
    margin-right: 25px
}

.margin-right-30 {
    margin-right: 30px
}

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

.margin-top-minus-10 {
    margin-top: -10px
}

.margin-top-minus-5 {
    margin-top: -5px
}

.margin-top-minus-20percent {
    margin-top: -20%
}

.margin-top-minus-10percent {
    margin-top: -10%
}

.margin-bottom-minus-40 {
    margin-bottom: -40px
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-bottom-2 {
    margin-bottom: 2px
}

.margin-zero {
    margin: 0
}

@media screen and (min-width: 1023px) {
    .landing-tile-full:hover .hiddenLabel, .landing-tile-half:hover .hiddenLabel, .landing-tile-quarter:hover .hiddenLabel, .landing-tile-three-quarters:hover .hiddenLabel {
        opacity: 1
    }
}

@media screen and (max-width: 1024px) {
    .tablet-landing-tile-half:after {
        padding-top: 120.2%;
        display: block;
        content: ''
    }

    .tablet-landing-tile-relative:after {
        padding: 0
    }

    .tablet-landing-tile-relative .landing-tile-content {
        position: relative
    }

    .tablet-landing-tile-relative div.outerContainer, .tablet-landing-tile-relative li.centerText, .tablet-landing-tile-relative ul.centerText {
        height: auto
    }

    .tablet-font-11 {
        font-size: 11px
    }

    .tablet-font-12 {
        font-size: 12px
    }

    .tablet-font-13 {
        font-size: 13px
    }

    .tablet-font-14 {
        font-size: 14px
    }

    .tablet-font-15 {
        font-size: 15px
    }

    .tablet-font-16 {
        font-size: 16px
    }

    .tablet-font-18 {
        font-size: 18px
    }

    .tablet-font-20 {
        font-size: 20px
    }

    .tablet-font-24 {
        font-size: 24px
    }

    .tablet-font-28 {
        font-size: 28px
    }

    .tablet-font-30 {
        font-size: 30px
    }

    .tablet-font-36 {
        font-size: 36px
    }

    .tablet-font-40 {
        font-size: 40px
    }

    .tablet-font-52 {
        font-size: 52px
    }

    .tablet-font-xxs {
        font-size: 9px
    }

    .tablet-font-xs {
        font-size: 10px
    }

    .tablet-font-sm {
        font-size: 11px
    }

    .tablet-font-s {
        font-size: 12px
    }

    .tablet-font-m {
        font-size: 14px
    }

    .tablet-font-ms {
        font-size: 15px
    }

    .tablet-font-xm {
        font-size: 16px
    }

    .tablet-font-l {
        font-size: 18px
    }

    .tablet-font-xl {
        font-size: 20px
    }

    .tablet-font-xxl {
        font-size: 28px
    }

    .tablet-font-xxxl {
        font-size: 36px
    }

    .tablet-font-xxxxl {
        font-size: 42px
    }

    .tablet-font-xxxxxl {
        font-size: 52px
    }

    .tablet-padding-left-10 {
        padding-left: 10px
    }

    .tablet-padding-left-15 {
        padding-left: 15px
    }

    .tablet-padding-left-20 {
        padding-left: 20px
    }

    .tablet-padding-left-30 {
        padding-left: 30px
    }

    .tablet-padding-left-40 {
        padding-left: 40px
    }

    .tablet-padding-right-20 {
        padding-right: 20px
    }

    .tablet-padding-right-30 {
        padding-right: 30px
    }

    .tablet-padding-right-40 {
        padding-right: 40px
    }

    .tablet-padding-top-5-perc {
        padding-top: 5%
    }

    .tablet-padding-top-10-perc {
        padding-top: 10%
    }

    .tablet-padding-top-0 {
        padding-top: 0
    }

    .tablet-padding-top-5 {
        padding-top: 5px
    }

    .tablet-padding-top-10 {
        padding-top: 10px
    }

    .tablet-padding-top-15 {
        padding-top: 15px
    }

    .tablet-padding-top-20 {
        padding-top: 20px
    }

    .tablet-padding-top-30 {
        padding-top: 30px
    }

    .tablet-padding-top-40 {
        padding-top: 40px
    }

    .tablet-padding-top-50 {
        padding-top: 50px
    }

    .tablet-padding-bottom-0 {
        padding-bottom: 0
    }

    .tablet-padding-bottom-5 {
        padding-bottom: 5px
    }

    .tablet-padding-bottom-10 {
        padding-bottom: 10px
    }

    .tablet-padding-bottom-15 {
        padding-bottom: 15px
    }

    .tablet-padding-bottom-20 {
        padding-bottom: 20px
    }

    .tablet-padding-bottom-40 {
        padding-bottom: 40px
    }

    .tablet-padding-right-perc-3 {
        padding-right: 3%
    }

    .tablet-padding-left-perc-3 {
        padding-left: 3%
    }

    .tablet-padding-right-perc-7 {
        padding-right: 7%
    }

    .tablet-padding-left-perc-7 {
        padding-left: 7%
    }

    .tablet-margin-top-0 {
        margin-top: 0
    }

    .tablet-margin-top-10 {
        margin-top: 10px
    }

    .tablet-margin-top-20 {
        margin-top: 20px
    }

    .tablet-margin-bottom-0 {
        margin-bottom: 0
    }

    .tablet-margin-bottom-5 {
        margin-bottom: 5px
    }

    .tablet-margin-bottom-10 {
        margin-bottom: 10px
    }

    .tablet-margin-bottom-20 {
        margin-bottom: 20px
    }

    .tablet-margin-left-10 {
        margin-left: 10px
    }

    .tablet-margin-left-30 {
        margin-left: 30px
    }

    .tablet-margin-right-10 {
        margin-right: 10px
    }

    .tablet-max-width-reset {
        width: 90%;
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .tablet-max-width-190 {
        max-width: 190px
    }

    .tablet-max-width-300 {
        max-width: 300px
    }

    .tablet-border-right-10 {
        border-right-width: 10px
    }

    .tablet-no-border-left {
        border-left-width: 0
    }

    .tablet-no-border-right {
        border-right-width: 0
    }

    ul.centerText .outerContainer .tablet-middle {
        vertical-align: middle
    }
}

@media screen and (max-width: 767px) {
    .label, .mobile-no-border-right {
        border-right-width: 0
    }

    .landing-tile-tt-content, .mobile-landing-tile-relative .landing-tile-content {
        position: relative
    }

    .mobile-font-12 {
        font-size: 12px
    }

    .mobile-font-14 {
        font-size: 14px
    }

    .mobile-font-15 {
        font-size: 15px
    }

    .mobile-font-16 {
        font-size: 16px
    }

    .mobile-font-18 {
        font-size: 18px
    }

    .mobile-font-20 {
        font-size: 20px
    }

    .mobile-font-22 {
        font-size: 22px
    }

    .mobile-font-24 {
        font-size: 24px
    }

    .mobile-font-26 {
        font-size: 26px
    }

    .mobile-font-30 {
        font-size: 30px
    }

    .mobile-font-50 {
        font-size: 50px
    }

    .mobile-font-black {
        color: #000
    }

    .mobile-bg-transparent-white {
        background-color: #FFF;
        background-color: rgba(255, 255, 255, .6)
    }

    .mobile-one-spacing {
        letter-spacing: 1px
    }

    .mobile-two-spacing {
        letter-spacing: 2px
    }

    .mobile-font-xxs {
        font-size: 7px
    }

    .mobile-font-xs {
        font-size: 8px
    }

    .mobile-font-s {
        font-size: 10px
    }

    .mobile-font-sm {
        font-size: 11px
    }

    .mobile-font-m {
        font-size: 12px
    }

    .mobile-font-xm {
        font-size: 13px
    }

    .mobile-font-l {
        font-size: 15px
    }

    .mobile-font-xl {
        font-size: 16px
    }

    .mobile-font-xml {
        font-size: 18px
    }

    .mobile-font-xxl {
        font-size: 22px
    }

    .mobile-font-xxxl {
        font-size: 30px
    }

    .mobile-font-xxxxl {
        font-size: 34px
    }

    .mobile-font-xxxxxl {
        font-size: 48px
    }

    .mobile-font-xxxxxxl {
        font-size: 60px
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .mobile-padding-top-30 {
        padding-top: 30px
    }

    .mobile-padding-top-50-perc {
        padding-top: 50%
    }

    .mobile-padding-right-40 {
        padding-right: 40px
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px
    }

    .mobile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-padding-bottom-10-perc {
        padding-bottom: 10%
    }

    .mobile-padding-bottom-20 {
        padding-bottom: 20px
    }

    .mobile-padding-bottom-30 {
        padding-bottom: 30px
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .mobile-padding-left-15 {
        padding-left: 15px
    }

    .mobile-padding-left-20 {
        padding-left: 20px
    }

    .mobile-padding-left-25 {
        padding-left: 25px
    }

    .mobile-padding-left-30 {
        padding-left: 30px
    }

    .mobile-padding-left-35 {
        padding-left: 35px
    }

    .mobile-padding-left-40 {
        padding-left: 40px
    }

    .mobile-padding-0 {
        padding: 0
    }

    .mobile-padding-top-0 {
        padding-top: 0
    }

    .mobile-padding-right-0 {
        padding-right: 0
    }

    .mobile-padding-right-10 {
        padding-right: 10px
    }

    .mobile-padding-right-15 {
        padding-right: 15px
    }

    .mobile-padding-right-20 {
        padding-right: 20px
    }

    .mobile-padding-right-25 {
        padding-right: 25px
    }

    .mobile-padding-right-30 {
        padding-right: 30px
    }

    .mobile-padding-right-35 {
        padding-right: 35px
    }

    .landing-tile-tt:after, .mobile-landing-tile-relative:after {
        padding: 0
    }

    .mobile-padding-bottom-0 {
        padding-bottom: 0
    }

    .mobile-padding-left-0 {
        padding-left: 0
    }

    .mobile-margin-top-5 {
        margin-top: 5px
    }

    .mobile-margin-top-10 {
        margin-top: 10px
    }

    .mobile-margin-top-20 {
        margin-top: 20px
    }

    .mobile-margin-bottom-0 {
        margin-bottom: 0
    }

    .mobile-margin-bottom-5 {
        margin-bottom: 5px
    }

    .mobile-margin-bottom-10 {
        margin-bottom: 10px
    }

    .mobile-margin-bottom-15 {
        margin-bottom: 15px
    }

    .mobile-margin-bottom-20 {
        margin-bottom: 20px
    }

    .mobile-margin-bottom-40 {
        margin-bottom: 40px
    }

    .mobile-margin-bottom-10-perc {
        margin-bottom: 10%
    }

    .mobile-center {
        text-align: center
    }

    .no-border-bottom, .no-border-left, .no-border-right, .no-border-top {
        border-width: 10px
    }

    .mobile-no-border-top {
        border-top-width: 0
    }

    .mobile-no-border-bottom {
        border-bottom-width: 0
    }

    .mobile-no-border-left {
        border-left-width: 0
    }

    .mobile-landing-tile-relative div.outerContainer, .mobile-landing-tile-relative li.centerText, .mobile-landing-tile-relative ul.centerText {
        height: auto
    }

    .mobile-border-5 {
        border-width: 5px
    }

    .mobile-max-width-200 {
        max-width: 200px
    }

    .mobile-max-width-full {
        max-width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .mobile-absolute-bottom {
        position: absolute;
        bottom: 0;
        left: 0
    }

    ul.centerText .outerContainer .mobile-bottom {
        vertical-align: bottom
    }
}

#lightbox-buy-off {
    color: #000;
    width: 100%
}

.modal .group-buy-off {
    border-top: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0
}

.newLandingTileContent {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 10px solid #fff
}

/* Bootstrap grid */

@-ms-viewport {
    width: device-width
}

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

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }

    .visible-print-block {
        display: block !important
    }

    .visible-print-inline {
        display: inline !important
    }

    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 1025px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-left: -10px;
    margin-right: 0px;
    clear: both;
}

.col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px; /* padding-left:10px; *//* padding-right:10px; */
}

.col, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .col, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix-bs, .clearfix-bs:after, .clearfix-bs:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix-bs:after, .container-fluid:after, .container:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

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

/* Top of main */

a, body {
    color: #000
}

#breadcrumb, .marketing-message, .nav-bar, header .mobile-nav-bar {
    text-transform: uppercase
}

.filter-options select, .product-qty select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.filter-options section ul, .filters-selected ul li, .mini-basket .basket-items, .product-accordion li, .product-details li, .review-content-review, .toggleDiv ul, .upper-group .colour-tiles ul, ul {
    list-style: none
}

#aspnetForm > header, #mainContent, .hidden, .invisible, .product-page {
    visibility: hidden
}

button, html, input, select, textarea {
    color: #222
}

#noscript {
    display: none;
    background-color: #323236;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    font-family: arial;
    text-align: center
}

body, input {
    font-family: "freight-sans-pro", sans-serif;
}

#mainContent {
    zoom: 1;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}

::-moz-selection {
    background: #323236;
    text-shadow: none;
    color: #FFF
}

::selection {
    background: #323236;
    text-shadow: none;
    color: #FFF
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

address {
    font-style: normal
}

body {
    line-height: 1.4;
    margin: 0 auto;
    text-align: left;
    font-size: 12px
}

.max-width-1000 {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

.max-width-1080 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px
}

a {
    text-decoration: none
}

label {
    margin-right: 1%
}

input {
    height: 32px;
    padding: 0 38px 0 10px;
    min-width: 200px;
    border: 1px solid #4d4d4f;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block
}
.product-info h1 {
    font-family: "freight-sans-pro", sans-serif;
    margin-top: 30px;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 600;
}

#cookie-banner, .marketing-message, .nav-bar, header .mobile-nav-bar {
    font-size: 11px;
    letter-spacing: 1px
}

.nav-bar {
    color: #4d4d4f;
    line-height: 40px;
    background-color: initial;
    max-width: 1100px;
    margin: 0 auto
}

header .nav-bar-left {
    background-color: initial;
    margin-top: 6px
}

.marketing-message {
    background: #000;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    z-index: 1001
}

#cookie-banner {
    background-color: #DDD;
    text-align: center;
    padding: 8px 3px;
    font-family: arial
}

#cookie-banner a {
    font-weight: 700
}

#cookie-dismiss {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle
}

header .mobile-nav-bar {
    position: relative;
    background-color: initial;
    margin-top: 6px;
    color: #4d4d4f;
    width: 70%;
    line-height: 35px;
    display: none;
    height: 40px
}

.sprite, .sprite.close, .sprite.main-logo, .sprite.small-up-arrow {
    display: inline-block
}

header > nav {
    float: left
}

.sprite {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/icons/spritesheet_absolute_v4.png)
}

.sprite.main-logo {
    width: 120px;
    height: 40px;
    background-position: -9px -5px
}

.sprite.close {
    width: 9px;
    height: 9px;
    background-position: -10px -186px
}

.sprite.small-down-arrow {
    width: 8px;
    height: 5px;
    display: inline-block;
    background-position: -11px -150px
}

.sprite.small-up-arrow {
    width: 8px;
    height: 5px;
    background-position: -11px -135px
}

.sprite.shadow-arrow {
    background-position: -98px -56px;
    height: 17px;
    width: 84px
}

.sprite.long-black-arrow {
    background-position: -245px -52px;
    height: 11px;
    width: 84px
}

.sprite.review-star-1, .sprite.review-star-1half, .sprite.review-star-2, .sprite.review-star-2half, .sprite.review-star-3, .sprite.review-star-3half, .sprite.review-star-4, .sprite.review-star-4half, .sprite.review-star-5, .sprite.review-star-half {
    background-position: -11px -485px;
    height: 9px;
    width: 48px
}

.sprite.facebook, .sprite.instagram, .sprite.pinterest, .sprite.twitter {
    height: 32px;
    width: 32px
}

.sprite.review-star-4 {
    background-position: -21px -485px
}

.sprite.review-star-3 {
    background-position: -31px -485px
}

.sprite.review-star-2 {
    background-position: -41px -485px
}

.sprite.review-star-1 {
    background-position: -51px -485px
}

.sprite.review-star-4half {
    background-position: -11px -506px
}

.sprite.review-star-3half {
    background-position: -21px -506px
}

.sprite.review-star-2half {
    background-position: -31px -506px
}

.sprite.review-star-1half {
    background-position: -41px -506px
}

.sprite.review-star-half {
    background-position: -51px -506px
}

.sprite.facebook {
    background-position: 0 -303px
}

.sprite.twitter {
    background-position: -54px -303px
}

.sprite.pinterest {
    background-position: -113px -303px
}

.sprite.instagram {
    background-position: -174px -303px
}

.sprite.chevron-left, .sprite.chevron-right {
    height: 15px;
    width: 10px;
    background-position: -22px -93px
}

.sprite.chevron-left {
    background-position: -10px -93px
}

.tstSliderOuter {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    position: relative;
    font-size: 0
}

.tstSliderLeft, .tstSliderRight {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    border-left: solid 5px #fff;
    width: 30px
}

.tstSlide, .tstSliderInner {
    width: 100%
}

.tstSliderRight {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: solid 5px #fff
}

.tstSlide {
    border: 5px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.tstSliderLeft .sprite, .tstSliderRight .sprite {
    top: 50%;
    margin-top: -7px;
    position: absolute;
    left: 15px
}

.tstSliderRight .sprite {
    left: auto;
    right: 15px
}

.tstSliderOverlay {
    background-color: rgba(255, 255, 255, .8)
}

.nav-bar ul #topBasketContainer, .nav-bar ul .login-item, .nav-bar ul .wishlist-btn {
    margin-top: 6px;
    line-height: 35px;
    float: right;
    display: block
}

.nav-bar ul .login-item {
    margin-right: 0;
    margin-left: 0;
    text-align: right
}

.nav-bar ul #topBasketContainer {
    margin-right: 0;
    margin-left: 20px;
    text-align: right;
    min-width: 100%
}

#pleaseRelease, .category-nav, .desktop-filters-holder, .filter-types a, .product, .range-product, .tablet-filters-holder {
    text-align: center
}

.left-draw .nav-wrapper nav .search-nav {
    background-color: #e9e9e9;
    height: 80px
}

#breadcrumb {
    margin-top: 10px;
    padding-top: 5px;
}

#breadcrumb li {
    font-family: font-family: "freight-sans-pro", sans-serif;
    display: inline-block;
    background-image: url(//d117fiyhpld8f9.cloudfront.net/content-images/aw17/1500/BreadcrumbArrowC.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 18px;
    margin-right: 0;
    font-size: 12px;
    letter-spacing: 1px
}

#breadcrumb li:first-child {
    margin-left: 0;
    padding-left: 0
}

#breadcrumb li:last-child {
    background: 0
}

.static-page-header {
    margin-bottom: 30px
}

.static-page-header h1 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px
}

#didyoumean a, .filter-types a {
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif;
    text-transform: uppercase
}

.static-page-header .breadcrumb {
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px
}

.static-page-header .breadcrumb li {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px
}

.back-to-category {
    margin: 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.back-to-category a {
    font-weight: 400
}

.bx-wrapper img {
    margin: 0 auto
}

.filter-token, .filter-token-disabled {
    margin: 5px;
    float: left;
    cursor: pointer;
    background-color: #fff
}

.filters-selected .filter-token-disabled {
    background-color: #c7c7c7;
    cursor: default
}

.filter-options section ul li a.selected, .filter-options section ul li a:hover, .filter-types a.selected, .filters-selected ul li {
    background-color: #e9e9e9
}

.filter-token-disabled a {
    cursor: default
}

.main-content .filters {
    letter-spacing: 1px;
    padding-top: 20px
}

.filter-types a {
    border: 1px solid #000;
    padding: 6px 0;
    display: inline-block;
    width: 100%;
    max-width: 230px;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: .3s
}

.filter-types a.selected {
    border-color: #e9e9e9
}

.filter-types a:after {
    content: "";
    margin-left: 10px;
    width: 8px;
    height: 7px;
    display: inline-block;
    background-position: -11px -150px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/icons/spritesheet_absolute_v4.png)
}

.filter-types a.selected:after {
    background-position: -11px -134px
}

.filter-types span {
    margin-right: 7px;
    line-height: 15px
}

.filter-types span:last-child {
    margin-right: 0
}

.filters-selected ul li {
    padding: 8px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    margin: 5px 10px 5px 0
}

.filters-selected ul li.clear-filter {
    padding-right: 10px;
    text-align: center;
    clear: right;
    cursor: pointer
}

.filters-selected ul li:after {
    content: "x";
    padding-left: 10px;
    font-family: arial;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    padding-top: 1px;
    background-color: #e9e9e9
}

.filter-options section p, .filter-options section ul li h5 {
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif
}

.filters-selected ul li.clear-filter:after {
    content: "";
    display: none
}

.filter-options {
    position: relative;
    letter-spacing: 1px;
    height: 0;
    overflow: hidden;
    margin-top: 20px
}

.filter-options section {
    display: inline-block;
    padding: 0 10px
}

.filter-options select {
    padding: 5px;
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-radius: 0;
    height: 30px;
    background-position: right top;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-down.png);
    background-repeat: no-repeat
}

.filter-options section p, .filter-options section ul li a, .filter-options section ul li h5 {
    font-size: 13px;
    padding: 2px 10px
}

.full-opacity {
    opacity: 1 !important
}

.filter-options section ul li h5 {
    font-weight: 400
}

.filter-options section p {
    margin: 10px 0 5px;
    font-weight: 400
}

.accordion-help section .content p, .accordion-help section .content pre, .accordion-help section header h1 {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

.filter-options li {
    margin: 8px 0
}

.close-filter-options {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 0;
    letter-spacing: 1px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/CloseButton20px.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent
}

.search-nav input.searchBox-Nav, .searchbutton {
    background-image: url(//d2xfispw8k8nwr.cloudfront.net/images/iconSearch.png);
    background-repeat: no-repeat
}

#remember-filters {
    float: right;
    text-transform: uppercase;
    padding: 5px 0 5px 20px;
    display: none
}

.close-filter-options:hover {
    color: transparent
}

.product-details:after {
    clear: both;
    display: table;
    content: " ";
    margin-bottom: 50px
}

.category-product-items {
    padding-top: 20px;
    margin-bottom: 50px
}

.grid-16 {
    width: 16.666666666%;
    float: left
}

.category-product-items .product {
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    padding-bottom: 10px
}

.cat-prod-details {
    margin-top: -24px
}

.cat-prod-details h3 {
    margin-top: 23px
}

.category-product-items .lazy-load {
    opacity: 0
}

#pleaseRelease {
    text-transform: uppercase;
    background-color: #ddd;
    padding: 10px;
    font-size: 16px;
    margin-top: 25px
}

.category-product-items .product span.sale, .product-info span.sale {
    text-decoration: line-through;
    color: red;
    margin-right: 5px
}

.searchbutton {
    height: 25px;
    line-height: 25px;
    width: 22px;
    padding: 0;
    margin: -12.5px 0 0;
    display: inline-block;
    border: 0;
    background-color: #fff;
    background-size: 120%;
    color: transparent;
    position: absolute;
    top: 50%;
    right: 3px;
    min-width: 0
}

#ctl00_ctl01_searchForm {
    margin-top: -1px
}

.buy-off-container .share, .help-nav #topBasketContainer, .help-nav input, .hidden-message, .recentlyViewed ul li, .slide-view-overlay .fullscreen-view, .splashPlay, .your-wishlist-items-container {
    display: none
}

.accordion-help section .content p {
    font-size: 15px
}

#resultsDetailTitle {
    font-size: 14px
}

#resultsDetailTitle:first-letter {
    text-transform: uppercase
}

.results-info-wrapper {
    margin-top: 15px;
    letter-spacing: 1px;
    font-size: 14px
}

.resultsHeader {
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif;
    font-weight: 400
}

.category-nav-list li a, .product p, .range-product p {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

.search-nav input.searchBox-Nav {
    border-right: #fff;
    border-left: #fff;
    border-top: #fff;
    margin: 15px 0 0 10px;
    background-position: center right
}

a.btn-navbar.drawBtn {
    position: absolute;
    left: 9px;
    top: 4px !important;
}

.closeMobNav {
    height:40px; width:40px; background-color:#E9E9E9; padding:5px; display:block; position:fixed; left:270px; z-index:9999
}

a.btn-navbar.basketBtn {
    position: absolute;
    right: 0px;
    top: 15px
}

.close-nav-btn, .product-info-btn {
    top: 20px;
    background-repeat: no-repeat
}

.basketBtn.hide-on-desktop img {
    width: 34px;
    margin-top: 1px;
    margin-right: -3px
}

.nav-bar .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    background-color: #4a4a4a;
    margin: 5px auto 0;
}

.nav-bar img.mobileLogo {
    display: none
}

.category-container img.desktopLogo {
    margin: 46px auto 40px;
    display: block;
    width: 146px
}

.category-description, .category-full-width-banner {
    margin-top: 20px
}

a.desktopLogoHome {
    width: 146px;
    height: 50px;
    margin: 0 auto 30px;
    display: block
}

.category-nav {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: height 0, opacity 0 ease-in;
    -ms-transition: none
}

.category-nav-list {
    width: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    display: none
}

.category-nav-list > div {
    height: 0;
    opacity: 0;
    z-index: 1;
    transition: height 50ms, opacity .1s;
    -moz-transition: height 50ms, opacity .1s;
    -webkit-transition: height 50ms, opacity .1s;
    -o-transition: height 50ms, opacity .1s;
    -ms-transition: height 50ms, opacity .1s
}

.category-nav-list li {
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    line-height: 25px;
    max-width: 180px;
    text-transform: uppercase;
    list-style-type: none
}

.category-nav-list li a {
    padding: 5px;
    font-size: 13px;
    letter-spacing: 1px
}

.category-nav-list li a.current, .category-nav-list li a:hover {
    background-color: #e9e9e9
}

.category-listing a:hover, .category-nav-list li a:hover, .custom-listing a:hover {
    background-color: #e9e9e9;
    padding: 5px
}

.category-listing a.red-link, .custom-listing a.red-link {
    color: #b93618
}

.close-nav-btn, .close-nav-btn:hover {
    color: transparent
}

.close-nav-btn {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 6%;
    letter-spacing: 1px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/CloseButton20px.png);
    background-size: 20px 20px;
    background-position: center
}

.category-listing, .custom-listing {
    padding-top: 15px
}

#ctl00_globalMainContent_btnCheckout, a#addToBasket, div.addToBasket {
    float: left;
    width: 49% !important;
    height: 100%;
    display: block
}

a#addToBasket, div#addToBasket {
    border: 1px solid #323236;
    color: #fff;
    background-color: #323236;
    font-family: "freight-sans-pro", sans-serif;
}

.range-product {
    cursor: pointer
}

.product, .range-product {
    position: relative;
    padding: 0 20px
}

.product.out-of-stock {
    opacity: .6
}

.product img.product-image {
    margin-bottom: 25px
}

.product h3, .range-product h3 {
    font-size: 13px;
    font-weight: 400;
    height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
}

.product p, .range-product p {
    font-size: 14px;
    font-family: "freight-sans-pro", sans-serif;
    margin-top: 5px
}

img.range-lifestyle {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 30px solid #FFF !important;
    border-top: solid 60px #fff !important;
    opacity: 1;
    transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s
}

img.range-lifestyle.visuallyHidden {
    opacity: 0
}

.product .review-rating-stars {
    padding-top: 0;
    overflow: visible;
    height: 1px;
    display: block
}

.product .review-rating-stars .stars-block {
    overflow: hidden;
    display: block;
    padding-top: 1px
}

.product .review-rating-stars .stars-maintain-width {
    position: absolute;
    left: 50%;
    margin-left: -36px
}

.product .number-of-reviews {
    font-size: 14px;
    margin-left: 5px;
    letter-spacing: 1px;
    vertical-align: super
}

.product-info-btn {
    position: absolute;
    right: 20px;
    height: 30px;
    width: 30px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/info_icon.png);
    background-position: center bottom;
    color: transparent;
    cursor: pointer;
    display: none
}

.main-content .slides .small-cut-out {
    margin-top: 150px;
    margin-bottom: 150px
}

#social {
    margin-bottom: 20px;
    float: left
}

#social a {
    float: left;
    margin-right: 5px
}

.page-404 h2 {
    font-size: 16px;
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif;
    margin: 30px 10px 0
}

.footerSubTitle, .page-404 p {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

.page-404 p {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px
}

.page-404 p a {
    font-weight: 700
}

img.grid-image {
    width: 100%
}

.center-me {
    margin-top: 460px
}

#footerInner {
    max-width: 1080px;
    margin: 18px auto 0;
    text-transform: uppercase;
    padding-top: 15px;
    border-top: solid 1px #000
}

#newFooter {
    height: auto;
    padding: 0 10px 30px;
    color: #000
}

#newFooter li {
    display: block;
    text-align: left;
    line-height: 1em;
    margin-bottom: 15px
}

#newFooter li:last-of-type {
    margin-bottom: 0
}

.footerSubTitle {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 5px 0 30px
}

#socialLinks ul {
    text-align: left;
    margin-left: -8px
}

#socialLinks a img {
    height: 40px
}

#socialLinks li {
    display: inline-block;
    margin-right: 5px
}

.footerMainLink {
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 1em;
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif
}

#secondaryLinks ul {
    font-size: 12px;
    letter-spacing: 1px
}

#mainLinks {
    width: 58%;
    float: left
}

#mainLinksColTwo {
    width: 47%;
    margin-left: 3%;
    float: left
}

#socialLinks {
    width: 28%;
    float: left
}

#secondaryLinks {
    width: 14%;
    float: left
}

.browse-left, .browse-right {
    display: inline-block;
    width: 15px;
    height: 15px;
    color: transparent
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.browse-controls {
    margin: 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 300;
}

.browse-left {
    margin: 0 20px;
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/BrowseLeft.png) center no-repeat;
    background-size: 15px 15px
}

.browse-right {
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/BrowseRight.png) center no-repeat;
    background-size: 15px 15px;
    margin-right: 10px
}

a.browse-left, a.browse-left:hover, a.browse-right, a.browse-right:hover {
    color: transparent
}

.product-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif
}

.product-info p {
    font-family: "freight-sans-pro", sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 0 5px;
    float: left;
}

#mainContent .product-details section header h2 {
    font-family: "freight-sans-pro", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    height: 40px;
    line-height: 40px
}

.five-column-recs h3.product-label {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 95%;
    padding-left: 10px
}

h3.product-label {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 95%;
    padding-left: 10px;
}
h3.product-label span.colour-showing {
    font-weight:300;
}

#mainContent .five-column-recs .you-may-be-label {
    padding: 35px 0;
    margin-top: 60px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
    text-align: left
}

.five-column-recs .product h3 {
    font-weight: 600;
    font-size: 14px;
    margin-top: 20px
}

.five-column-recs {
    margin-bottom: 30px
}

.five-column-recs .product p, .five-column-recs .range-product p {
    font-size: 14px;
    margin-top: 10px
}

h3.product-label-sizes {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-right: 3px
}

.size-selected {
    background: #323236;
    color: #fff;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
}

.product-accordion {
    margin: 15px 0
}

.product-accordion li {
    margin-left: 10px
}

.product-accordion .review-list li {
    margin-left: 0
}

.product-accordion li:before {
    content: "- ";
    margin-left: -10px
}

#reviewContainer .review-dropdown li:before, #reviewContainer .review-list li:before, .ir:before {
    content: ""
}

.product-button {
    line-height: 45px;
    font-size: 14px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
    letter-spacing: 1px
}

.product-button.add-to-bag {
    margin-top: 10px;
    cursor: pointer;
    width: 100%;
}

.buy-off-container .add-to-bag {
    color: #fff;
    background-color: #323236
}

.product-button.checkout {
    cursor: pointer;
    margin-bottom: 20px;
    display: none
}

a#ctl00_globalMainContent_btnCheckout {
    border: 1px solid #f2f2f2;
    background: #f2f2f2
}

ul.product-sizes li {
    border: 1px solid #323236;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    min-width: 45px;
    margin-right: 3px;
    text-transform: uppercase;
    padding: 5px;
    margin-bottom: 3px;
    font-family: "freight-sans-pro", sans-serif;
}

ul.product-sizes-split {
    float: left;
    margin-bottom: 15px
}

ul.product-sizes li.out-of-stock {
    border: 1px dashed #000;
    opacity: .2
}

#addedToBasket, .stock-message, .stock-message-added, .stock-message-out-of-stock {
    color: #000;
    background: #FFF;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 0;
    display: none
}

.stock-message-low {
    clear: left;
    float: left;
    font-size: 14px;
    color: red;
    letter-spacing: 1px
}

#added-to-basket span, #addedToBasket span, .stock-message span, .size-warning span.stock-message-text {
    font-family: "freight-sans-pro", sans-serif;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px dashed #000;
    padding: 15px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

#addedToBasket {
    background: 0;
    margin-bottom: 0;
    margin-top: 20px;
    display: block
}

ul.product-sizes li:last-child {
    border-right: 1px solid #000;
    margin-right: 0
}

ul.product-swatches {
    float: left
}

.product-page {
    min-height: 200px
}

.product-page .grid-image {
    margin-top: 37px
}

.hover-details {
    position: absolute;
    top: 40%;
    width: 100%;
    height: 43px;
    left: 0;
    font-size: 12px;
    margin-left: 0;
    margin-top: -42px
}

.product .trouser-length p {
    font-size: 13px
}

.hover-details h3 {
    text-transform: none
}

ul.slides {
    list-style: none
}

.info-draw, .modal-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 9999
}

.info-draw .size-fit-info {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 14px
}

.info-draw .size-fit-info section {
    margin: 5px 0
}

.info-draw h1 {
    margin: 0 0 0 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 18px;
    font-weight: 300
}

.info-draw .regions h4, .info-draw .size-row span, .info-draw .sizes span, .info-draw h3, .info-draw p {
    font-size: 14px
}

.modal-wrapper .slides li {
    display: block
}

.recentlyViewed {
    margin-bottom: 15px
}

.recentlyViewed .bx-wrapper .bx-controls-direction .bx-prev {
    top: -15px;
    right: 38px;
    left: auto;
    width: 15px;
    height: 15px
}

.recentlyViewed .bx-wrapper .bx-controls-direction .bx-next {
    top: -15px;
    right: 0;
    width: 15px;
    height: 15px
}

.viewportOverlay {
    display: none;
    position: fixed !important;
    position: absolute;
    background: #fff;
    border-top: 2px solid #e9e9e9;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998
}

.buy-off-close, .closeViewportOverlay, .info-draw-close, .overlay-close {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    z-index: 1;
    background-image: url(//media.toa.st/content-images/website_build/500/Close_60px.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent !important
}

.buy-off-close {
    position: absolute
}

.closeViewportOverlay {
    right: 25px;
    top: 30%;
    margin-top: 25px;
    color: transparent
}
/*
.info-draw-close, .overlay-close:hover {
    color: transparent
}
*/
.slide-view-overlay {
    top: 0;
    left: 0;
    background: #fff
}

.slide-view-overlay p {
    color: #000;
    position: fixed;
    top: 35px;
    left: 20px;
    font-size: 20px;
    font-weight: 100
}

.slide-view-overlay .grid-image {
    margin-top: 50px
}

.overlay-nav-bar {
    position: fixed;
    z-index: 9999;
    left: 20px;
    bottom: 20px
}

.overlay-nav-bar li {
    background: #d6d6d6;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 20px;
    margin: 12px 5px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer
}

.mini-basket .mini-details, .mini-basket .mini-img, .share li {
    display: inline-block
}

.overlay-nav-bar li.selected {
    background: #4d4d4f
}

.fullscreen-view, .share li a {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center
}

.overlay-title {
    position: fixed;
    z-index: 9999;
    left: 20px;
    top: 20px;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 400
}

.share {
    margin: 0 0 30px
}

.share li {
    margin: 0 4px 0 0
}

.share li a {
    width: 15px;
    height: 15px;
    display: block;
    background-size: 15px 15px
}

.share .fb a {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/Facebook_30px.png)
}

.share .tw a {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/Twitter_30px.png)
}

.share .pin a {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/Pinterest_30px.png)
}

.group-product-description .product-description-content .desc-prod-code {
    display: block;
    margin: 10px 0 0;
    padding: 10px 0 0;
    text-transform: uppercase
}

.desc-prod-code {
    display: block;
    margin: 10px 0 0;
    padding: 10px 0 0;
    text-transform: uppercase;
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
}

.back-to-category {
    float: left
}

.fullscreen-view {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/fullscreen_icon.png);
    float: right;
    margin: -50px 50px 0 0
}

.product-qty select {
    font-size: 12px;
    min-width: 61px;
    padding: 5px 13px;
    appearance: none;
    text-indent: .01px;
    text-overflow: '';
    border-radius: 0;
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/DownArrow_60px.png) right center no-repeat;
    background-size: 30px 30px;
    margin-left: 10px;
    border: 1px solid #000
}

.prod-vid {
    max-height: 680px;
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/splash_img.png) center no-repeat #FFF
}

.shopHeaderExpanded, a.helpHeader, a.shopHeader {
    width: 100%;
    font-weight: 400;
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center right;
    letter-spacing: 1px;
    float: left
}

.grid-container .bx-wrapper .bx-viewport, .modal-wrapper .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0
}

#basket-notification, .mini-basket {
    box-shadow: 0 0 12px rgba(0, 0, 0, .5)
}

a.helpHeader {
    text-indent: 25px;
    font-size: 26px;
    border-bottom: 1px solid #000;
    line-height: 90px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-up-retina.png);
    cursor: pointer
}

.shopHeaderExpanded, a.shopHeader, a.shopHeader:hover {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-right-retina.png)
}

.shopsContainer {
    margin-top: 20px;
    float: left
}

.shopHeaderExpanded, a.shopHeader {
    text-indent: 15px;
    font-size: 20px;
    border-bottom: 1px solid #c8c8c8;
    line-height: 60px
}

.shopHeaderExpanded {
    text-indent: 0
}

a.shopHeader span.shopName {
    float: left
}

span.shopAddress {
    padding: 0;
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

.medFont, .toggleDiv h1, .toggleDiv h2, .upper-group h1 {
    font-family: "freight-sans-pro", sans-serif
}

a.helpHeader.activeHelp {
    border-bottom: 0;
    background: 0
}

.toggleDiv h1, .toggleDiv h2 {
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 16px
}

.toggleDiv h1 {
    font-size: 22px
}

.toggleDiv h2 {
    font-size: 16px
}

.toggleDiv p {
    line-height: 22px;
    margin: 20px 0
}

#help-press ul {
    margin: 15px 0
}

.basket-timer, .basket-timer-txt {
    text-transform: uppercase;
    font-weight: 700
}

#generalContainerBasket .errors {
    padding: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    background: #f12b23;
    color: #FFF;
    letter-spacing: 1px;
    text-align: center
}

#topBasketContainer .basket-items {
    padding-bottom: 11px
}

.mini-basket {
    max-width: 325px;
    padding: 10px 20px 20px;
    background-color: #fff;
    position: fixed;
    top: 55px;
    right: 26px;
    border: 1px solid #ccc;
    z-index: 1000;
    width: 325px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.mini-basket .basket-items li {
    margin: 0;
    padding: 8px 5px 7px;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    min-width: 298px
}

.mini-basket .mini-img img {
    max-width: 60px
}

.mini-basket .basket-items span {
    vertical-align: top
}

.mini-basket .remove-item {
    position: absolute;
    top: 5px;
    right: 5px;
    color: transparent;
    height: 20px;
    width: 20px;
    background-image: url(//media.toa.st/content-images/website_build/500/Close_60px.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    cursor: pointer
}

.mini-basket .bx-wrapper .bx-next, .mini-basket .bx-wrapper .bx-prev {
    background-size: 30px 30px;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 32px;
    left: 0;
    text-indent: -9999px;
    z-index: 9999;
    outline: 0;
    background-repeat: no-repeat
}

.mini-basket .remove-item span {
    cursor: pointer
}

.mini-basket .bx-wrapper .bx-prev {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-up.png);
    top: 0;
    margin-top: -12px
}

.mini-basket .bx-wrapper .bx-next {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-down.png);
    margin-top: -25px;
    top: 100%
}

.mini-basket .bx-wrapper {
    padding: 25px 0 28px
}

.mini-basket .mini-details {
    vertical-align: top;
    width: 200px;
    padding-left: 15px
}

.mini-basket .mini-details span {
    display: block;
    font-size: 12px;
    margin: 0 0 2px
}

.mini-basket .mini-details .prod-cost {
    margin: 0 12px 0 0;
    float: left
}

.mini-basket .mini-details .prod-error {
    min-height: 15px;
    color: red
}

.mini-basket .mini-basket-error {
    border: 1px dotted #b93618
}

.mini-basket .mini-basket-sub-total {
    text-align: center;
    font-size: 13px;
    margin: 15px 0
}

#basket-notification, #mini-basket-overflow {
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase
}

.mini-basket .marketing-area {
    border: 1px dashed #d1d1d1;
    border-radius: 15px;
    margin: 15px 0
}

.mini-basket .marketing-area p {
    width: 100%;
    text-align: center
}

.mini-basket .go-to-basket, .mini-basket .go-to-checkout {
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    height: 30px;
    line-height: 30px;
    background-color: #ddd
}

.mini-basket .go-to-checkout {
    text-align: center;
    background-color: #252525;
    color: #fff;
    margin-top: 10px
}

#basket-notification {
    border: 1px solid #186aa2;
    position: fixed;
    top: 10px;
    right: -150px;
    background-color: #FFF;
    opacity: .5;
    width: 120px;
    transition: .3s;
    z-index: 1000;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.buy-off-container, .group-product-image, .upper-group .colour-tiles ul {
    position: relative
}

#basket-notification a {
    color: #186aa2;
    display: block;
    height: 100%;
    padding: 10px
}

#basket-notification.open {
    opacity: 1;
    right: -1px
}

#mini-basket-overflow {
    margin-top: 10px;
    border: 1px solid #000
}

#mini-basket-overflow a {
    padding: 7px 0;
    display: block
}

.buyOffPageItem {
    overflow: hidden;
    height: 0;
    display: block;
    transition: height .6s;
    -moz-transition: height .6s;
    -webkit-transition: height .6s;
    -o-transition: height .6s;
    -ms-transition: height .6s
}

.buyOffPageItem select {
    min-width: 130px;
    width: 41%;
    margin: 10px 0 0
}

.buyOffDetails {
    margin: 10% 0 0;
    font-size: 14px
}

.buyOffDetails a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    overflow: hidden
}

.buyOffDetails a:hover {
    color: #6f6f6f
}

.prodPrice {
    font-size: 14px;
    font-weight: 700
}

.prodDescription {
    float: left;
    font-size: 12px;
    text-align: justify
}

.nowPrice, .previousPrice {
    font-size: 18px;
    font-weight: 700
}

.previousPrice {
    color: #cc1616;
    text-decoration: line-through
}

.nowPrice {
    display: block
}

.selectLabel {
    display: inline-block;
    width: 30%
}

.buyOffDetails .addToBasket, .buyOffDetails .goToCheckout {
    margin: 10px 0;
    display: block;
    padding: 5px 15px;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.buyOffDetails .goToCheckout {
    background-color: #e9e9e9;
    color: #000
}

.buyOffDetails .addToBasket:hover, .buyOffDetails .goToCheckout:hover {
    background-color: #5a5858;
    color: #fff
}

.productImage {
    display: inline-block
}

.productImage img {
    width: 100%;
    display: inline-block
}

.prodImage img {
    width: 90%;
    margin: 0 5%
}

#lookbook-outer-wrap .group-images {
    padding-top: 5px
}

.bedlinen-buy-off img {
    cursor: pointer
}

.group-images span {
    padding-bottom: 18px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

#lookbook-outer-wrap .group-images-set-one {
    margin-bottom: 5px
}

.group-images img, .group-product-image img {
    width: 100%
}

.upper-group h1 {
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    font-family: "freight-text-pro", serif;
}

.group-product-description h3, .shopsPage, .upper-group p {
    font-weight: 100;
    letter-spacing: 1px
}

.upper-group {
    margin-top: 30px
}

.upper-group p {
    font-family: "freight-text-pro", serif;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight:300;
    max-width: 600px;
    margin: 20px auto
}

.upper-group .colour-tiles {
    margin: 30px 0
}

.upper-group .colour-tiles ul {
    left: 50%;
    float: left;
    clear: both;
    text-align: left
}

.upper-group .colour-tiles ul li {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #000;
    margin: 0 5px;
    color: transparent;
    position: relative;
    left: -50%;
    cursor: pointer;
    text-align: left
}

.upper-group .colour-tiles div.mix-container {
    width: 26px;
    height: 26px;
    margin: 0 5px;
    border: 1px solid #000;
    float: left
}

.upper-group .colour-tiles div.mix {
    background-color: #d4d6d6;
    width: 13px;
    height: 13px;
    margin: 0;
    float: left;
    border: 0
}

.buy-off-container .price-strike-through {
    text-decoration: line-through;
    display: inline-block
}

.buy-off-container #salePrice {
    color: red;
    margin-left: 20px;
    display: inline-block
}

.group-product-description h3 {
    text-transform: uppercase;
    font-size: 14px
}

.group-product-description .content {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px
}

.group-product-description .desc-prod-code {
    margin: 0
}

.group-buy-off {
    border-top: 1px solid #e9e9e9;
    margin-top: 20px;
    padding-top: 40px;
    margin-bottom: 30px
}

#lookbook-outer-wrap .group-buy-off {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 5px
}

.group-product-image .spinner {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin: -12px
}

#more-content-arrow, #toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    right: 10px;
    text-indent: -999px
}

.homepageContainer .group-buy-off {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.group-product-image .main-product-image {
    margin-top: 33px
}

.duvets .group-product-image .main-product-image, .duvets .product-info h3, .pillowcases .group-product-image .main-product-image, .pillowcases .product-info h3, .sheets .group-product-image .main-product-image, .sheets .product-info h3 {
    margin-top: 0
}

.range-product-out-of-stock {
    opacity: .2
}

#map-canvas {
    margin: 20px 0;
    padding: 0 10px;
    height: 500px;
    width: 100%;
    float: left
}

.shopHeaderExpanded {
    margin-top: 20px;
    border-top: 1px solid #c8c8c8;
    background-image: none;
    border-bottom: 0;
    font-size: 16px
}

#toTop, .main-content .MagicZoomBigImageCont {
    border: 0
}

#more-content-arrow, #more-content-arrow-hover {
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/ui.down-and-toTop-arrow.png) left -76px no-repeat;
    width: 51px;
    height: 25px;
    overflow: hidden
}

.shopsPage {
    font-size: 15px
}

.shopHours {
    padding-left: 10px;
    padding-right: 10px
}

.shop-more-info {
    padding-right: 40px
}

.shop-gallery h2 {
    margin-bottom: 20px
}

#delivery-exclusions .content div, #shipping-charges table {
    margin: 10px 0
}

#toTop {
    bottom: 65px;
    overflow: hidden;
    width: 51px;
    height: 25px;
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/ui.down-and-toTop-arrow.png) left -25px no-repeat
}

#toTopHover {
    background: url(//d1kh76s6bjh8ww.cloudfront.net/site/ui.down-and-toTop-arrow.png) left top no-repeat;
    width: 51px;
    height: 25px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0
}

#more-content-arrow {
    bottom: 35px;
    border: 0;
    cursor: default
}

#shoppingAccordion .delivery-charges-link, #shoppingAccordion .exclusions-link, .relationship-also-bought a {
    text-decoration: underline
}

#more-content-arrow-hover {
    display: block;
    float: left;
    opacity: 0;
    -moz-opacity: 0
}

#delivery-exclusions .pale-bg, #shipping-charges .tableTitle {
    background-color: #f2f2f2
}

#toTop:active, #toTop:focus {
    outline: 0
}

#shipping-charges h3 {
    margin-top: 15px
}

#shipping-charges .deliveryAreas p {
    margin: 8px 0
}

.homepageContainer .space-me {
    padding-top: 11%
}

.second-row, .third-row {
    margin-top: 50px
}

.homepageContainer {
    padding: 30px
}

.homepageContainer .red {
    background: red
}

.homepageContainer .blue {
    background: #00f
}

.homepageContainer h1 {
    font-size: 28px;
    font-weight: 300
}

.homepageContainer h2 {
    font-size: 22px;
    font-weight: 300
}

.homepageContainer h3 {
    font-size: 18px;
    font-weight: 300
}

.homepageContainer .product h3 {
    height: auto;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase
}

.homepageContainer .center-me {
    text-align: center;
    margin: 0
}

.homepageContainer .first-row-text, .homepageContainer .second-row-text {
    margin: 40px 0
}

.homepageContainer h2.fourth-row-text {
    margin: 70px 0 0
}

.homepageContainer h3.fourth-row-text {
    margin: 0 0 40px;
    text-transform: none
}

.homepageContainer .fifth-row {
    margin-bottom: 70px
}

.homepageContainer .second-row .space-me {
    margin-top: 11%
}

.homepageContainer .third-row-text {
    margin: 10px 0 0
}

.homepageContainer h2.seventh-row-text {
    margin: 0 0 30px;
    text-transform: none
}

.homepageContainer .product img:hover {
    opacity: 1
}

.christmas-banner, .homepageContainer h3, .lightFont {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif
}

.editorial-buy-off .buy-off-container, .homepageContainer .buy-off-container {
    height: 0;
    opacity: 0;
    transition: height .4s, opacity 350ms;
    -moz-transition: height .4s, opacity 350ms;
    -webkit-transition: height .4s, opacity 350ms;
    -o-transition: height .4s, opacity 350ms;
    -ms-transition: height .4s, opacity 350ms;
    overflow: hidden;
    position: relative
}

.main-content .MagicZoomPlus {
    margin-top: 37px;
    width: 100% !important
}

.mini-basket .bx-wrapper {
    width: 328px
}

.mini-basket .bx-viewport ul li {
    width: 288px
}

.buy-off-container .add-to-bag, .buy-off-container .product-button.checkout, .buy-off-container .product-label, .buy-off-container .qtyList, .buy-off-container .stock-message, .buy-off-container .stock-message-added {
    margin-left: 0
}

.stock-message {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px
}

.buy-off-container .stock-message-added {
    margin-top: 20px
}

.buy-off-container .add-to-bag {
    border: 1px solid #000
}

.buy-off-container .product-button.checkout {
    padding-left: 0;
    padding-right: 0
}

.buy-off-container .product-label {
    padding-left: 0
}

.buy-off-container .stock-message, .buy-off-container .stock-message-added {
    padding: 0
}

.left-draw .nav-wrapper li .left-draw-scroll-indicator, .left-draw .nav-wrapper li .left-draw-scroll-indicator:hover {
    opacity: 1;
    position: absolute;
    right: 70px;
    display: none;
    width: 17px;
    top: 101%;
    color: transparent;
    cursor: default;
    background: url(//s3-eu-west-1.amazonaws.com/toast-images/img/arrow-down-transbg.png) no-repeat
}

.remove-right-margin {
    margin-right: 0
}

.christmas-banner {
    text-align: center;
    font-size: 52px;
    font-weight: 100;
    letter-spacing: 2px;
    color: #ffb600;
    text-transform: none;
    margin-bottom: 10px
}

#add-review span, .christmas-banner-text, .read-more-reviews, .review-content-title {
    text-transform: uppercase
}

.christmas-banner-text {
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif
}

.price-strike-through, .relationship-also-bought .sale {
    text-decoration: line-through
}

.recommendation-price {
    width: 30%;
    float: left;
    margin-left: 23%;
    margin-right: 5%
}

.recommendation-sale {
    float: left;
    color: red
}

#review-section header h2, #reviewSummaryContainer, #reviewSummaryContainer .review-rating-ratio, #reviewSummaryContainer .review-rating-ratio-number, #reviewSummaryContainer .review-stars-container {
    display: inline
}

#reviewSummaryContainer .review-stars-container {
    margin-left: 10%
}

#reviewSummaryContainer .review-rating-stars {
    vertical-align: sub;
    display: inline-block
}

.group-images span.review-dropdown-title, .review-rating-stars span {
    padding-bottom: 0
}

#reviewSummaryContainer .review-rating-stars span {
    display: block;
    overflow: hidden
}

#review-content-datetime, #reviewContainer .review-author {
    display: inline
}

#reviewSummaryContainer .review-rating-ratio-number {
    margin-left: 2%
}

#reviewSummaryContainer .review-rating-ratio-number .ratingValue {
    vertical-align: text-bottom
}

#reviewContainer abbr[title], .product-reviews-bottom abbr[title] {
    border-bottom: 0
}

#reviewContainer.no-reviews {
    padding-bottom: 30px;
    padding-top: 8px;
    margin-bottom: 5px
}

#add-review span {
    background-color: #fff;
    border: 1px solid #000;
    padding: 6px;
    color: #000;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}

.review-rating-stars-container {
    float: left
}

.review-content-title-container {
    clear: left;
    padding-top: 25px
}

.review-content-summary-body {
    margin-top: 10px
}

.review-secondary-ratings {
    margin-top: 10px;
    margin-bottom: 15px
}

#reviewContainer .review-content-slider, .review-content-secondary-ratings-label {
    margin: 15px 0
}

.review-content-slider-container {
    display: block
}

.review-content-meta-wrapper {
    float: right;
    text-align: right
}

.review-content-slider-bar {
    display: block;
    height: 3px;
    z-index: 1
}

.review-content-slider-segment {
    width: 20%;
    height: 3px;
    background-color: #cecece;
    border-left: 2px solid #fff;
    display: block;
    float: left;
    z-index: 1;
    box-sizing: border-box
}

.review-content-slider-segment.selected {
    background-color: #000
}

.review-content-review {
    margin: 20px 0;
    border-bottom: 2px solid #000
}

#review-section .review-content-review:last-child {
    border-bottom: 0
}

.review-content-slider-sublabel2 {
    float: right
}

abbr.review-rating-stars-on {
    overflow: hidden;
    display: block
}

#review-section button {
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif;
    text-align: right;
    width: 100%
}

.review-dropdown-target {
    height: 25px
}

.review-dropdown-target button {
    float: right;
    background: 0;
    border: 0;
    text-transform: uppercase;
    outline: 0
}

.review-dropdown-title {
    display: block;
    padding-right: 25px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-down-retina.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: right;
    margin-right: -5px;
}

#remember-filters .remember-check, #remember-filters.selected .remember-check {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center right
}

.review-dropdown {
    position: relative;
    padding: 3px 0;
    overflow: visible;
    margin-bottom: 10px
}

.review-dropdown-item {
    padding: 4px 50px 4px 12px;
    cursor: pointer
}

.review-dropdown-item:first-child {
    padding: 8px 12px 4px
}

.review-dropdown-item:last-child {
    padding: 4px 12px 8px
}

.review-dropdown-item:hover {
    background-color: #dfdfdf
}

.review-dropdown-select {
    background-color: #fff;
    position: absolute;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    right: 1px;
    top: 30px;
    width: 190%;
    max-width: 210px
}

#reviewContainer.no-reviews .review-dropdown, #reviewContainer.no-reviews .review-list {
    display: none
}

.product-reviews-bottom {
    font-size: 14px;
    padding: 0 10px
}

.read-more-reviews {
    text-align: center;
    display: block;
    padding: 5px 10px;
    background-color: #ececec;
    margin-top: 20px
}

.accordion-a section .content p.noReviews {
    margin-bottom: 0
}

.first-to-review-summary {
    margin-left: 5%;
    letter-spacing: 1px;
    text-decoration: underline;
    font-family: "freight-sans-pro", sans-serif;
}

#remember-filters .remember-check {
    font-size: 26px;
    vertical-align: sub;
    margin-right: 10px;
    padding-right: 20px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/icons/tickbox_unchecked.png)
}

#remember-filters.selected .remember-check {
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/icons/tickbox_checked.png)
}

#bv-mboxzone-lightbox .email-note {
    padding-left: 25px !important;
    font-size: 12px !important;
    color: grey !important
}

#bv-mboxzone-lightbox .bv-subject-name-header {
    text-transform: uppercase !important;
    color: #000 !important;
    text-align: center !important
}

#bv-mboxzone-lightbox #bv-radio-isrecommended-false-label, #bv-mboxzone-lightbox #bv-radio-isrecommended-true-label {
    color: #000 !important
}

#bv-mboxzone-lightbox #bv-mbox-lightbox-list .bv-radio-container-li-active .bv-radio-wrapper-label {
    color: #fff !important
}

#bv-mboxzone-lightbox .bv-sliderscore-helper-1, #bv-mboxzone-lightbox .bv-sliderscore-helper-2 {
    font-size: 12px !important
}

#bv-mboxzone-lightbox .bv-sliderscore-helper-2 {
    padding-top: 1px !important
}

#bv-mboxzone-lightbox .bv-submission .bv-rating-link, #bv-mboxzone-lightbox li label.bv-radio-wrapper-label {
    border-color: #a8a8a8 !important;
    border-radius: 0 !important;
    text-shadow: none !important
}

#bv-mboxzone-lightbox .bv-cleanslate .bv-submission .bv-fieldset-radio-wrapper .bv-rating-input:first-child .bv-rating-link, #bv-mboxzone-lightbox .bv-radio-group ul li:first-child .bv-radio-wrapper-label, #bv-mboxzone-lightbox .bv-rating-input:first-child .bv-rating-link {
    border-left-color: #a8a8a8 !important;
    border-radius: 0 !important;
    text-shadow: none !important
}

#bv-mboxzone-lightbox .bv-radio-wrapper-label-focused .bv-sliderdot, #bv-mboxzone-lightbox .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-slider-rating .bv-radio-group ul li .bv-radio-wrapper-label:hover .bv-sliderdot, #bv-mboxzone-lightbox .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-slider-rating .bv-radio-group ul li.bv-radio-container-li-active .bv-radio-wrapper-label .bv-sliderdot {
    color: #242424 !important
}

#bv-mboxzone-lightbox ul li.bv-radio-container-li-active .bv-radio-wrapper-label-focused {
    background-color: #ededed !important
}

#bv-mboxzone-lightbox .bv-fieldset-isrecommended-group ul li.bv-radio-container-li-active .bv-radio-wrapper-label-focused, #bv-mboxzone-lightbox .bv-fieldset-netpromoterscore-wrapper ul li.bv-radio-container-li-active .bv-radio-wrapper-label-focused {
    background-color: #333 !important
}

#bv-mboxzone-lightbox .bv-form-actions-submit {
    color: #fff !important;
    background-color: #161616 !important
}

#bv-mboxzone-lightbox .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active {
    background-color: #fff !important
}

#bv-mboxzone-lightbox .bv-fieldset {
    border: none !important;
    border-left: solid 1px #979797 !important
}

#bv-mboxzone-lightbox .bv-fieldset-agreedtotermsandconditions, #bv-mboxzone-lightbox .bv-fieldset-userlocation {
    border-left: none !important
}

#bv-mboxzone-lightbox .bv-fieldset .bv-fieldset-label-text {
    letter-spacing: 1px !important
}

#bv-mboxzone-lightbox .bv-fieldsets-actions .bv-fieldset {
    border-top: none !important
}

#bv-mboxzone-lightbox .bv-submission-star-rating-control.bv-heat-map-off .bv-submission-star-rating-on .bv-rating-link {
    background-color: #242424 !important
}

#bv-mboxzone-lightbox .bv-radio-container-li-active .bv-radio-netpromoterscore .bv-radio-wrapper-label, #bv-mboxzone-lightbox .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore .bv-radio-group .bv-radio-container-li-active .bv-radio-wrapper-label {
    background-color: #333 !important
}

#bv-mboxzone-lightbox .bv-mbox-wide .bv-mbox {
    background-color: #fff !important
}

#bv-mboxzone-lightbox .bv-submission-star-rating .bv-rating-link {
    border-radius: 0 !important
}

#bv-mboxzone-lightbox .bv-mbox-content-container .bv-mbox-breadcrumb {
    border-left: solid 1px #979797 !important
}

.bv-standalone-container #bv-mboxzone-lightbox {
    margin-bottom: 50px !important
}

.fp-controls, .fp-message, .fp-time {
    display: none
}

.peerius-bg-img {
    box-sizing: border-box;
    margin: 7%
}

@media screen and (max-width: 767px) {
    .nav-bar img.toast-logo {
        width: auto;
        height: 44px;
        margin: 12px 0 0 -64px;
        position: absolute;
        left: 50%;
        top: -4px
    }

    header .mobile-nav-bar {
        position: relative;
        background-color: initial;
        color: #4d4d4f;
        width: 100%;
        line-height: 35px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px
    }

    .main-content .MagicZoomPlus {
        margin-top: 0
    }

    .mobile-prod-image {
        padding: 0 10px
    }

    .homepageContainer {
        padding: 20px 10px 0
    }

    .homepageContainer .first-row-text, .homepageContainer .second-row-text {
        margin: 20px 0
    }

    .homepageContainer .second-row .space-me {
        margin-top: 0
    }

    .homepageContainer h2.fourth-row-text {
        margin: 20px 0 10px
    }

    .homepageContainer h3.fourth-row-text {
        margin: 0 0 20px
    }

    .homepageContainer .fifth-row, .homepageContainer .sixth-row {
        margin: 0 0 30px
    }

    .homepageContainer .sixth-row-right {
        margin: 20px 0 0
    }

    .homepageContainer .fourth-row img {
        padding-bottom: 15px
    }

    .homepageContainer h3 {
        line-height: 18px
    }

    .homepageContainer .product {
        padding: 0
    }

    .homepageContainer .product h3 {
        text-align: center;
        width: 100%
    }

    .product-info {
        padding-left: 10px
    }
}

@media only screen and (max-width: 320px) {
    .slide-right-list {
        height: 75%;
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media screen and (min-width: 321px) and (max-width: 480px) {
    .slide-right-list {
        height: 55%;
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media screen and (max-width: 767px) {
    #footerInner, #newFooter li, #socialLinks ul {
        text-align: center;
        margin-left: 0;
        margin-right: 0
    }

    #socialLinks ul {
        margin-left: -5px
    }

    .footerSubTitle {
        padding-bottom: 25px
    }

    #socialLinks .footerSubTitle {
        padding-bottom: 10px
    }

    #secondaryLinks ul {
        padding-top: 15px
    }

    #mainLinks, #mainLinksColTwo, #secondaryLinks, #socialLinks {
        width: 100%;
        margin: 0
    }

    #secondaryLinks ul li {
        padding: 10px 0;
        margin-bottom: 0
    }

    #newFooter, .category-nav-list, .homepageContainer .space-me {
        padding-top: 0
    }

    .back-to-category {
        margin: 10px 0 0
    }

    .upper-group header {
        margin-left: 5%;
        margin-right: 5%
    }

    .product-info h1, .product-info h3 {
        margin-top: 10px
    }

    .product-info p {
        margin: 0
    }

    .mobile-main-image, .product-info > .stock-message-low {
        margin-bottom: 10px
    }

    .category-container {
        margin-top: 0
    }

    .desc-prod-code, .group-product-description .product-description-content .desc-prod-code {
        margin-top: 20px;
        padding: 0
    }

    h3.product-label {
        margin-bottom: 5px
    }

    .you-may-also-like {
        margin-bottom: 10px
    }

    .product-sizes {
        margin-bottom: 15px
    }

    .upper-group h1 {
        margin-top: 10px;
    }

    .upper-group p {
        margin: 10px auto
    }

    .group-buy-off {
        margin-top: 0
    }

    .nav-bar img.mobileLogo {
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -50px;
        width: 100px;
        height: 34px
    }

    #breadcrumb.range-breadcrumb {
        margin-bottom: 20px
    }

    .swatch {
        min-width: 40px
    }

    .shopHeaderExpanded {
        line-height: 1.2;
        margin-bottom: 10px;
        padding-left: 10px
    }

    .shop-more-info {
        padding-right: 0
    }

    .bx-wrapper .bx-next {
        right: 0
    }

    .bx-wrapper .bx-prev {
        left: -11px
    }

    .product-info h3 {
        margin-top: 15px
    }

    .product h3, .range-product h3 {
        overflow: hidden
    }

    #breadcrumb li, .back-to-category a {
        font-size: 14px
    }

    #toTopHover {
        display: none
    }

    .product-accordion {
        margin: 10px 0 20px
    }

    ul.product-sizes li {
        font-family: "freight-sans-pro", sans-serif;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 13px;
        min-width: 35px
    }

    .product-page .grid-image {
        margin-top: 0
    }

    .product-page .bx-wrapper {
        margin: 0 auto 30px
    }

    ul.product-swatches {
        margin-bottom: 0
    }

    .filter-types span {
        display: inline;
        width: auto;
        text-align: center
    }

    .filter-types a {
        max-width: 100%
    }

    .filter-types ul {
        display: block
    }

    .filter-options section {
        text-align: center
    }

    .close-filter-options {
        right: 10px
    }

    .filters-selected {
        margin-top: 5px
    }

    .browse-left {
        margin: 0 10px
    }

    .browse-right {
        margin-right: 0
    }

    .mobile-logo {
        display: none
    }

    .remove-padding {
        margin: 0
    }

    .group-product-image .main-product-image {
        margin-top: 5%;
        margin-bottom: 10%
    }

    .upper-group .range-product {
        padding: 20px
    }

    a.shopHeader {
        line-height: 20px;
        font-size: 22px;
        padding: 15px 0
    }

    a.shopHeader:hover {
        background-image: url(//d1kh76s6bjh8ww.cloudfront.net/img/icon-arrow-accordion-right-retina.png)
    }

    a.shopHeader span.shopName {
        font-size: 20px;
        text-transform: uppercase;
        float: left;
        padding-bottom: 10px;
        padding-left: 15px
    }

    a.shopHeader span.shopAddress {
        font-size: 16px;
        text-transform: none;
        float: left;
        padding-left: 15px
    }

    #remember-filters {
        padding: 5px 10px 5px 20px
    }
}

@media screen and (min-width: 1024px) {
    #lookbook-outer-wrap #imgNames .grid-image {
        height: 243px
    }

    #lookbook-outer-wrap .panel-wrapper .grid-image {
        height: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #breadcrumb.range-breadcrumb {
        margin-top: 10px;
        margin-bottom: 20px
    }

    #breadcrumb {
        padding-left: 20px
    }

    .category-description, .filter-options, .filters-selected, .main-content .filters {
        padding-left: 20px;
        padding-right: 20px
    }

    .remove-padding {
        margin: 0
    }

    .mobile-logo {
        display: none
    }

    .splashPlay {
        position: absolute;
        height: 50px;
        width: 50px;
        left: 50%;
        margin-left: -25px;
        margin-top: -25px;
        top: 50%;
        background: url(//d2xfispw8k8nwr.cloudfront.net/css/img/play_white.png) center no-repeat;
        background-size: 46px;
        display: block
    }

    .category-nav-list .close-filter-options {
        right: 53px
    }

    .filter-options .close-filter-options {
        right: 0
    }

    .swatch {
        min-width: 60px
    }

    .product-page {
        margin-left: 20px
    }
}

.wishlist-details, .wishlist-details-wrapper {
    position: relative
}

@media screen and (max-width: 1024px) {
    .max-width-1000 {
        max-width: 1000px;
        padding: 0
    }

    #footerInner, .results-info-wrapper {
        padding-left: 20px
    }

    .close-nav-btn {
        right: 5%
    }

    ul.product-sizes-split {
        margin-bottom: 12px
    }

    ul.product-sizes-split li {
        margin-bottom: 3px
    }

    #footerInner {
        padding-right: 20px
    }

    #socialLinks li {
        margin-right: -5px
    }
}

@media screen and (min-width: 1024px) {
    .mobile-logo {
        display: none
    }
}

#shoppingAccordion .cross-size-guide, .info-draw .cross-size-guide {
    overflow: visible;
    margin: 20px 0
}

#shoppingAccordion .cross-size-guide h3, .info-draw .cross-size-guide h3 {
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 14px
}

.regions, .sizes {
    display: inline-block;
    margin-right: 10px
}

.sizes span:nth-child(odd) {
    background-color: transparent
}

.sizes .size-row:nth-child(odd), .sizes .size-row:nth-child(odd) span {
    background-color: #e9e9e9
}

.regions h4, .sizes .size-row {
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 13px
}

.sizes {
    margin-top: -19px;
    margin-right: 0;
    width: 77%
}

.sizes span {
    display: inline-block;
    min-width: 60px;
    width: 11%;
    text-align: center
}

#men-fit .sizes span {
    width: 24%
}

#fitted-sizes .sizes span {
    width: 13%
}

.sizes .horizontal-headers {
    font-weight: 700
}

.guide-link, .pdf-link {
    display: block;
    margin: 20px 0 10px;
    width: 200px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    font-size: 13px
}

.guide-link:hover, .pdf-link:hover {
    color: #a8a8a8
}

.pdf-link {
    width: 240px
}

.regions {
    width: 20%
}

#shoppingAccordion .empty-cell, .info-draw .empty-cell {
    color: transparent
}

#shoppingAccordion section article, .info-draw section article {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    margin-right: 5%
}

#shoppingAccordion section article:last-child, .info-draw section article:last-child {
    border-bottom: 0
}

#bedlinen-fit .sizes span {
    width: 24%
}

#bedlinen-fit .sizes {
    display: inline-block;
    width: 75%;
    margin-right: 0
}

#bedlinen-fit .size-row {
    display: block;
    width: 100%
}

#size-fit h3 {
    text-transform: uppercase
}

#size-fit ul {
    list-style: disc
}

.careers_nav_list, .menu {
    list-style: none
}

#size-fit .size-fit-list {
    margin: 20px
}

.size-fit-container {
    border: 1px solid #e9e9e9;
    padding: 0 5px;
    height: auto
}

@media screen and (max-width: 767px) {
    .regions h4, .sizes .horizontal-headers span, .sizes span {
        text-align: center
    }

    #shoppingAccordion .cross-size-guide, .info-draw .cross-size-guide {
        overflow: visible;
        margin: 0;
        width: 95%
    }

    #shoppingAccordion .cross-size-guide h3, .info-draw .cross-size-guide h3 {
        margin: 15px 0 0
    }

    .regions {
        margin-left: 15%
    }

    #bedlinen-fit .regions {
        margin-left: 48%
    }

    .regions, .sizes {
        width: 100%;
        margin-right: 0;
        border-right: 0;
        border-bottom: 0
    }

    .regions h4, .sizes .size-row {
        display: inline-block;
        width: 32%;
        margin-right: -5px
    }

    #bedlinen-fit .regions h4 {
        width: 48%
    }

    .sizes, .sizes span {
        display: block;
        width: auto
    }

    .sizes {
        margin: 5px 0 0
    }

    .sizes span {
        min-width: 0
    }

    #easy-sizes .regions h4, #easy-sizes .sizes .size-row {
        width: 27%
    }

    #men-fit .sizes {
        width: 100%
    }

    #men-fit .horizontal-headers, #shoe-fit .horizontal-headers {
        width: 32%
    }

    #men-fit .regions, #shoe-fit .regions {
        margin-left: 32%
    }

    #fitted-sizes .sizes span, #men-fit .sizes span {
        width: auto
    }

    #men-fit .no-horizontals, #shoe-fit .no-horizontals, .no-horizontals {
        margin-left: 0
    }

    #easy-sizes .sizes .horizontal-headers, .sizes .horizontal-headers {
        width: 15%
    }

    #shoppingAccordion section article, .info-draw section article {
        border-bottom: 0;
        padding-bottom: 10px;
        margin-right: 5%
    }

    #bedlinen-fit .sizes span {
        width: auto
    }

    #bedlinen-fit .sizes {
        display: inline-block;
        width: 100%;
        margin-right: 0
    }

    #bedlinen-fit .size-row {
        width: 48%;
        display: inline-block
    }

    #bedlinen-fit .regions {
        margin-right: 0
    }

    .sizes .size-row:nth-child(odd), .sizes .size-row:nth-child(odd) span {
        background-color: transparent
    }

    .sizes .size-row span:nth-child(odd) {
        background-color: #e9e9e9
    }
}

.view-wishlist-wrapper, .wishlist-wrapper {
    margin: 0 auto;
    float: none
}

.view-wishlist-wrapper .wish-item-qty, .view-wishlist-wrapper .wishlist-edit-btn {
    display: none
}

.expanding-wish-sharer {
    height: 130px;
    opacity: 1;
    margin-bottom: 60px;
    transition: height 350ms, opacity 250ms;
    -moz-transition: height 350ms, opacity 250ms;
    -webkit-transition: height 350ms, opacity 250ms;
    -o-transition: height 350ms, opacity 250ms;
    -ms-transition: height 350ms, opacity 250ms;
    position: relative
}

.expanding-wish-sharer span {
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 32px
}

.wish-sharer-closed {
    height: 0;
    opacity: 0;
    z-index: 1;
    margin-bottom: 0
}

.wishlist-product {
    margin-top: 40px
}

.wishlist-image {
    padding: 0 20px 20px
}

.wishlist-add-all, .wishlist-add-to-bag-btn {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}

.wishlist-details h3 {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center
}

.wishlist-details .wish-item-title {
    font-size: 13px;
    height: 32px;
    text-align: center
}

#mainContent .wishlist-details-wrapper p {
    margin: 10px 0;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center
}

#mainContent .wishlist-delete-btn, .slash-seperator, .wishlist-edit-btn {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0
}

#mainContent .slash-seperator {
    margin: 0 25px
}

.wishlist-add-all {
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    transition: background-color .5s, color .5s;
    -moz-transition: background-color .5s, color .5s;
    -webkit-transition: background-color .5s, color .5s;
    -o-transition: background-color .5s, color .5s;
    -ms-transition: background-color .5s, color .5s
}

.wishlist-button-container {
    text-align: center;
    margin: 10px 0 0
}

.wishlist-add-to-bag-btn {
    margin: 10px 0;
    letter-spacing: 1px !important;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    transition: background-color .5s, color .5s;
    -moz-transition: background-color .5s, color .5s;
    -webkit-transition: background-color .5s, color .5s;
    -o-transition: background-color .5s, color .5s;
    -ms-transition: background-color .5s, color .5s
}

.view-wishlist-wrapper .wishlist-add-to-bag-btn {
    margin: 40px 0 10px
}

.grey-wish-btn {
    background-color: #9c9c9c;
    color: #fff
}

.view-wishlist-wrapper .wishListQtylist {
    padding: 3px 6px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    margin-top: 5px
}

.wishlist-wrapper .group-buy-off {
    padding-top: 0;
    margin-bottom: 0
}

#mainContent .price-of-item, #mainContent .price-of-item span {
    font-size: 14px
}

.strike-through {
    text-decoration: line-through;
    color: red
}

.empty-wishlist-text a, .new-sub-nav-list li a:hover {
    text-decoration: underline
}

.sale-price {
    margin: 0 0 0 10px
}

.wishlist-exterior-wrapper > h1 {
    text-align: center;
    margin: 30px 0 0;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1px
}

.wishlist-exterior-wrapper .buy-off-container {
    height: 0;
    opacity: 0;
    transition: height .4s, opacity 350ms;
    -moz-transition: height .4s, opacity 350ms;
    -webkit-transition: height .4s, opacity 350ms;
    -o-transition: height .4s, opacity 350ms;
    -ms-transition: height .4s, opacity 350ms;
    overflow: hidden
}

.wishlist-message {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px dashed #000;
    padding: 15px 0;
    text-indent: 10px
}

.wishlist-update-message {
    margin-bottom: 10px
}

.share-my-list span {
    border: 1px solid #000;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    margin: 10px 0;
    text-align: center
}

.wishlist-options-wrapper {
    margin-top: 40px
}

.add-to-wishlist, .delete-from-wishlist, .wishlist-update-item {
    float: left;
    border: 1px solid #000;
    cursor: pointer;
    display: block;
    width: 48%;
    margin-left: 4px;
    height: 100%
}

.delete-from-wishlist {
    margin-left: 0;
    width: 100%;
}

#mainContent .copy-url {
    font-size: 13px;
    letter-spacing: 1px;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -151px
}

#mainContent .url-to-copy {
    padding: 10px;
    font-size: 13px;
    border: 1px dashed #000;
    font-weight: 700;
    width: auto;
    display: inline-block;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -73px
}

#mainContent .view-wishlist-title h2 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase
}

#mainContent .group-images .wishlist-product span {
    padding: 0;
    font-size: 13px
}

#mainContent .wishlist-exterior-wrapper .buy-off-container span {
    font-size: 14px;
    text-align: inherit
}

.wishlist-exterior-wrapper #social img {
    width: initial
}

.buy-off-container .add-wishlist-item-wrapper, .buy-off-container .remove-wishlist-item-wrapper {
    padding: 0 1px
}

.empty-wishlist-text {
    text-align: center;
    padding: 40px 0;
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .wishlist-image {
        padding: 0 10px 10px
    }
}

@media screen and (max-width: 767px) {
    .wishlist-image {
        padding: 0 2px 2px
    }
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px
}

.ir:before {
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important
}

.visuallyHidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

#mainContent:after, .clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

#mainContent:after, .clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.careers_wrapper, .careers_wrapper img {
    width: 100%
}

.careers_feature, .careers_top {
    padding: 0 3%
}

.careers_top h1 {
    font-size: 24px;
    text-align: center;
    margin: 0 0 30px
}

.careers_left {
    width: 32%;
    float: left;
    margin: 70px 3% 40px 0;
    font-size: 13px
}

.careers_nav_list li {
    text-align: right;
    margin: 5px 0;
    text-transform: uppercase
}

.careers_right {
    width: 62%;
    float: left;
    margin: 40px 3% 40px 0;
    font-size: 13px
}

.careers_right ul {
    margin: 0 0 0 20px
}

h2.careers {
    margin: 0
}

.careers_job_wrapper {
    background-color: #ededed;
    border: 1px solid #c8c8c8;
    padding: 10px;
    margin: 15px 0
}

.careers_job_wrapper div {
    margin: 5px 0
}

.careers_vacancies_download {
    font-weight: 700
}

#bodyContainer #imgNames.ss14 {
    margin: 0 11px
}

#bodyContainer #imgNames.ss14 a.catImagesJQLink img {
    margin: 2px 0
}

.product-label a, .product-size-charts {
    text-decoration: underline;
    text-transform: uppercase
}

.toast-logo {
    width: 140px;
    margin-bottom: -2px;
    padding-right: 10px
}

.primary-categories ul {
    font-size: 0
}

.primary-categories li {
    display: inline;
    font-size: 16px;
    text-transform: uppercase;
}

.new-sub-nav-list li, .primary-categories li.separator, input.searchBox-Nav {
}

.primary-categories li a {
    font-size: 15px;
    /*margin-right: -5px*/
}

.primary-categories .new-sub-nav-list li a {
    font-size: 13px;
    font-family: "freight-text-pro", serif;
}

.separator {
    padding: 0 5px
}

.primary-categories {
    padding: 0;
    line-height: 0
}

.search-item {
    float: right
}

.right-side-nav {
    padding: 0;
    font-size: 12px
}

.right-side-nav li {
    text-transform: uppercase
}

.user-options {
    min-width: 100px;
    margin-top: 4px
}

.right-side-nav .user-options li, .right-side-nav .user-options li#topBasketContainer {
    text-align: right;
    width: 100%;
    letter-spacing: 1px;
    font-size: 11px;
    line-height: 16px
}

#ctl00_ctl01_searchForm.searchForm {
    position: relative;
    float: right
}

.search-box .search-item {
    margin-top: 2px;
    width: 100%;
    position: relative
}

input.searchBox-Nav {
    border-right: #fff;
    border-left: #fff;
    border-top: #fff;
    height: 40px;
    line-height: 30px;
    padding: 0 35px 0 10px;
    font-size: 13px;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%
}

header.main-header {
    background-color: #fff;
    top: 0;
    left: 0;
    opacity: .9;
    padding: 6px 0;
    z-index: 1000;
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 0 0 0 transparent;
    transition: .15s
}

header.main-header.fixed {
    position: fixed;
    top: 0
}

.marketing-message {
    top: 0
}

#mainContent {
    margin-top: 0
}

.category-container {
    display: block;
    background-color: #fff;
    opacity: .9;
    position: absolute;
    margin-top: 0;
    top: 120px;
    z-index: 100
}

.category-container.fixed {
    position: fixed;
    top: 79px
}

.left-draw {
    display: none
}

@media screen and (max-width: 1400px) {
    header.main-header.fixed {
        padding-top: 10px
    }

    .toast-logo {
        width: 125px;
        padding-right: 10px;
        margin-top: 5px
    }

    .separator {
        padding: 0 5px
    }

    input.searchBox-Nav {
        border-right: #fff;
        border-left: #fff;
        border-top: #fff;
        height: 36px
    }

    .right-side-nav .user-options li, .right-side-nav .user-options li#topBasketContainer {
        font-size: 10px
    }

    #ctl00_ctl01_searchForm {
        margin-top: 0
    }

    .user-options {
        padding-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .primary-categories {
        padding: 25px 0 0 5px
    }

    input.searchBox-Nav {
        border-right: #fff;
        border-left: #fff;
        border-top: #fff;
        padding: 0 10px;
        width: 100%;
        max-width: 200px;
        max-width: calc(100% - 20px);
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .category-nav-list.hide-on-mobile, .main-header .nav-bar .hide-on-mobile {
        display: none !important
    }

    .mobile-nav-bar, .mobile-nav-bar .btn-navbar, .nav-bar img.mobileLogo {
        display: block !important
    }

    #mainContent {
        margin-top: 0
    }

    .marketing-message, header.main-header {
        position: inherit
    }

    .nav-bar img.mobileLogo {
        display: block;
        position: absolute;
        left: 50.5%;
        top: -3px;
        margin: 0 0 0 -60px;
        width: 120px;
        height: 41px
    }

    header .mobile-nav-bar {
        position: relative;
        background-color: initial;
        color: #4d4d4f;
        width: 100%;
        line-height: 35px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px
    }

    .left-draw {
        display: block;
        height: 100%;
        position: fixed;
        visibility: hidden;
        /*z-index: 0;*/
        -webkit-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
        background-color: #e9e9e9;
        border-right: 1px solid #cacaca
    }

    .is-draw-visible {
        visibility: visible;
        z-index: 1001;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .left-draw .nav-wrapper {
        display: block;
        position: relative;
        height: 100%;
        overflow: auto;
        width: 270px;
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden
    }

    .left-draw .nav-wrapper > nav {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 0 ease-in-out;
        -moz-transition: -moz-transform 0 ease-in-out;
        -ms-transition: -ms-transform 0 ease-in-out;
        -o-transition: -o-transform 0 ease-in-out;
        transition: transform 0 ease-in-out
    }

    .left-draw .nav-wrapper li {
        float: none;
        display: block;
        line-height: 18px
    }

    .left-draw .nav-wrapper li a, .left-draw .nav-wrapper li label {
        padding: 8px 15px;
        margin-right: 0;
        font-size: 16px;
        font-weight: 200;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase
    }

    .sub-list-basket span {
        display: block;
        font-size: 14px
    }

    .left-draw-basket li {
        border-bottom: 1px solid #cacaca
    }

    .left-draw .nav-wrapper .sub-list-basket li:last-of-type {
        border: 0
    }

    .left-draw .nav-wrapper li a {
        display: block
    }

    .left-draw .nav-wrapper li a:hover {
        color: #666
    }

    #ctl00_ctl01_btnSearch {
        display: none
    }

    .category-listing, .custom-listing {
        border: 0;
        padding: 0
    }

    .nav-option, .slide-right-list {
        border-bottom: 1px solid #cacaca
    }

    .category-listing ul {
        padding: 0
    }

    .main-content {
        /*
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -moz-transform .2s ease-in-out;
        -ms-transition: -ms-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        z-index: 1;

        background: #fff*/
    }

    .draw-visible-main-content {
        /*
        -webkit-transform: translateX(270px);
        -moz-transform: translateX(270px);
        -ms-transform: translateX(270px);
        -o-transform: translateX(270px);
        transform: translateX(270px);
        */
        min-width: 320px
    }

    .help-nav #topBasketContainer .basket-items {
        padding: 11px 15px
    }

    .help-nav.nav-draw-ul {
        margin-top: 10px
    }

    .slide-right-list {
        position: absolute;
        float: none;
        display: block;
        top: 0;
        right: 0;
        left: auto;
        width: 0;
        height: 100%;
        min-width: 0;
        background: #e9e9e9;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
        list-style: none;
        border-left: 1px solid #cacaca;
        -webkit-transition: width .2s ease-in-out;
        -moz-transition: width .2s ease-in-out;
        -ms-transition: width .2s ease-in-out;
        -o-transition: width .2s ease-in-out;
        transition: width .2s ease-in-out
    }

    .slide-right-list li {
        width: auto
    }

    .slide-list-visible {
        width: 220px;
        z-index: 100
    }

    .is-subdraw-visible {
        -webkit-transition: background-position .2s ease-in-out;
        -moz-transition: background-position .2s ease-in-out;
        -ms-transition: background-position .2s ease-in-out;
        -o-transition: background-position .2s ease-in-out;
        transition: background-position .2s ease-in-out;
        background-position: 90px
    }

    .is-inactive > li > a, .is-inactive > li > label {
        opacity: .2
    }

    .left-draw .is-inactive > li > a:hover {
        background: 0 0
    }

    .left-draw .nav-option .is-active, .left-draw .nav-option .is-active:hover {
        background: #e9e9e9;
        color: #fff;
        opacity: 1
    }

    .left-draw .nav-wrapper nav .search-nav {
        height: 55px
    }
}

.new-cat-nav .relative {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-cat-nav {
    color: #000;
    transition: none;
    text-align: center;
    display: inline-block
}

.new-cat-nav > li {
    padding: 13px;
    cursor: pointer
}

.separator {
    cursor: default
}

.nav-spacer {
    height: 1.7em
}

.close-tablet-menu-btn {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: 0;
    letter-spacing: 1px;
    background-image: url(//d1kh76s6bjh8ww.cloudfront.net/site/CloseButton20px.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    cursor: pointer
}

.new-sub-nav-feature, .new-sub-nav-list {
    width: 242px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    letter-spacing: 0;
    white-space: normal
}

.new-sub-nav-feature img, .upArrow {
    width: 100%
}

.new-sub-nav-list li {
    display: block;
    font-size: 13px;
    color: #000;
    line-height: 1.7;
    text-align: left;
    margin: 0 15px 0 25px;
    text-transform: none;
    letter-spacing: 1px
}

.new-sub-nav-list li b, li.new-sub-nav-list-heading {
    font-weight: 500
}

li.new-sub-nav-list-heading, li.new-sub-nav-list-heading a {
    color: #000;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "freight-sans-pro", sans-serif !important
}

.curatedLink a, .curatedLink, .main-link, .main-link a {
    font-size: 14px !important;
    font-family: "freight-sans-pro", sans-serif !important
}

.new-sub-nav-feature {
    padding: 10px 20px 10px 10px;
    line-height: 0
}

.new-sub-nav-feature h2 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 5px
}

.new-sub-nav-feature p {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    margin-top: 5px
}

.continue-shopping, .menu__title, .uppercase {
    text-transform: uppercase
}

.new-sub-nav {
    display: none;
    position: absolute;
    height: auto;
    border-top: 0;
    top: 14px;
    left: -10px;
    padding-bottom: 15px;
    background-color: #FFF;
    cursor: default;
    white-space: nowrap
}

.selected .new-sub-nav {
    display: block;
    box-shadow: 0 2px 2px rgba(180, 180, 180, .3), 3px 2px 2px rgba(180, 180, 180, .3);
    -moz-box-shadow: 0 2px 2px rgba(180, 180, 180, .3), 3px 2px 2px rgba(180, 180, 180, .3)
}

.main-header {
    opacity: 1 !important
}

.fixedRight .new-sub-nav {
    right: 10px;
    left: auto !important
}

.upArrow {
    position: absolute;
    bottom: -10px;
    display: none;
    z-index: 102;
    left: 0
}

.upArrow img {
    width: 12px
}

.selected .upArrow {
    display: inline-block
}

header.main-header.fixed.shadow {
    box-shadow: 0 1px 8px 2px rgba(180, 180, 180, .5)
}

li.main-link a {
}

@media screen and (max-width: 1024px) {
    .main-header {
        box-shadow: none
    }
}

#newHeaderBlackout {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
    z-index: 2
}

#newHeaderBlackout.show {
    opacity: .5;
    filter: alpha(opacity=50)
}

.mobile-sub-list, .mobile-sub-nav {
    overflow: hidden;
    height: 0;
    background-color: #f7f7f7
}

.mobile-sub-list {
    background-color: #fff
}

.left-draw .nav-wrapper .mobile-sub-nav li a {
    font-size: 12px;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-right: solid 1px #ddd
}

.left-draw .nav-wrapper .mobile-sub-nav li a:hover {
    color: #999
}

.left-draw .nav-wrapper .mobile-sub-nav li .mobile-sub-list li a {
    padding-left: 35px
}

li .mobile-sub-list, li .mobile-sub-nav {
    height: 0
}

.mobile-nav-expanded + li .mobile-sub-nav, .mobile-sub-nav-expanded + li .mobile-sub-list {
    height: auto
}

.mobile-nav-checkout {
    background-color: #323236
}

.left-draw .nav-wrapper li.mobile-nav-checkout a {
    color: #FFF
}

body.welcome {
    overflow: hidden
}

#country-popup-backdrop, #welcome-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1000;
    display: none;
    overflow-y: scroll
}

#country-popup-backdrop, .welcome #welcome-backdrop {
    display: table
}

.country-mat {
    display: none
}

.welcome-inner {
    display: table-cell;
    vertical-align: middle
}

.continue-shopping, .welcome-mat-content {
    display: inline-block
}

#country-popup, #welcome-mat {
    max-width: 500px;
    width: 90%;
    background-color: #DDD;
    margin: 50px auto;
    box-shadow: 0 0 12px rgba(0, 0, 0, .8);
    position: relative;
    padding: 50px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center
}

#welcome-mat h2 {
    font-size: 18px;
    font-family: HelveticaNeueLT-MediumCond, pragmatica-web-condensed, arial, sans-serif;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px
}

#welcome-mat .has-flag {
    position: absolute;
    top: 5px;
    left: 8px
}

#welcome-mat li {
    margin-left: 10px
}

#welcome-mat li:before {
    content: "- ";
    margin-left: -10px
}

.continue-shopping {
    padding: 5px 15px;
    background-color: #323236;
    color: #FFF;
    border: 0;
    font-family: HelveticaNeueLT-LightCond, pragmatica-web-condensed, arial, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 30px;
    cursor: pointer
}

.mat-close {
    height: 25px;
    width: 25px;
    background-color: #FFF;
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 25px;
    border: 0;
    padding: 0
}

.country-select, .menu--dropdown, .menu__title {
    position: relative
}

#media-checker {
    font-family: desktop
}

.country-select {
    line-height: 1;
    width: 60px;
    text-align: right;
    display: none;
    float: left;
    margin-top: 12px
}

.utilityLoginReg {
    width: 146px;
    float: left;
    height: 20px;
    text-align: right;
    margin-left: -3px
}

.utilityFirstRow {
    width: 100%;
    float: left;
    height: 20px;
    height: 0
}

.utilityFirstRow li {
    float: left
}

.searchCol {
    width: 44%;
    float: left;
    margin-top: 12px
}

.utilityCol {
    width: 56%;
    float: left
}

.wishListHolder {
    width: 115px;
    float: left;
    text-align: right;
    height: 0
}

.utilityCurrency {
    float: right;
    height: 20px
}

.login-item {
    float: right;
    height: 20px
}

.right-side-nav input {
    min-width: initial;
}

.right-side-nav strong {
    font-weight: 400
}

.right-side-nav li {
    list-style: none
}

.searchButton, .searchButton input {
    background-color: #ffffff;
    border: none;
    width: 60px !important;
    float: left;
    text-transform: uppercase;
    margin-top: 12px;
    margin-left: 4px;
    font-size: 12px
}

.searchField {
    width: 100px !important;
    float: left;
    border: none;
    border-bottom: 1px solid #000000;
    margin-top: 1px;
    font-family: "freight-sans-pro", sans-serif
}

.searchCol input {
    padding: 0;
}

input#ctl00_ctl01_txtSearch {
    width: 110px !important;
    min-width: 110px !important
}

input#ctl00_ctl01_btnSearch {
    width: 60px !important;
    min-width: 60px !important
}

/*Category & Product Pages*/
.content .details, .content ul li {
    font-family: "freight-text-pro", serif;
    font-weight: 300;
    font-size: 15px;
}

.provenance-details, #product-acc-desc .content p, .ymal li {
    font-family: "freight-text-pro", serif;
    font-weight: 300;
    font-size: 15px;
}

h3.product-label span.product-label-colour {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 300;
}

.review-content-slider-sublabel1, .review-content-slider-sublabel2 {
    font-size: 12px;
}

.product-qty select {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 500;
}

#addToWishlist {
    font-family: "freight-sans-pro", sans-serif;
}

.accountLeftInner > .creditTermsRight {
    display: none
}

.accountLeftInner > .creditTermsRight ~ .creditTermsRight {
    display: inline-block;
}

.product-info .review-rating-stars span {
    display: block;
    overflow: hidden
}

.product-info .review-rating-stars {
    vertical-align: sub;
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.topReviews {
    font-size: 13px;
    position: relative;
    top: 2px;
    left: 5px;
}

@media screen and (max-width: 1024px) {
    .main-header .nav-bar .hide-on-mobile {
        display: block !important
    }

    .left-side-nav, .right-side-nav {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .product-info .review-rating-stars {
        margin-left: 0px
    }
}

.menu__item div, .menu__title {
    display: inline-block
}

.menu--dropdown.active .menu__items {
    bottom: auto;
    padding-bottom: 20px
}

.menu {
    margin: 0;
    padding: 0;
    z-index: 2000
}

.menu__title {
    margin-top: 20px;
    cursor: pointer;
    margin: 0 0 6px;
    background-color: #fff;
    letter-spacing: 1px;
    color: #000;
    z-index: 1000
}

.menu__item.ships-to {
    margin: 10px 0 20px 5px;
    text-align: left;
    color: #000;
    font-size: 13px;
}

.menu__item.has-flag-row {
    padding-top: 5px;
    display: none;
}

.menu__items {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 85px;
    padding: 0 5px;
    background-color: #fff;
    position: absolute;
    line-height: 2;
    top: 20px;
    left: auto;
    right: -6px;
    z-index: 2000;
    height: 0;
    overflow: hidden;
    text-align: center
}

.menu__item {
    margin: 3px 0 4px;
    line-height: 1
}

.active .menu__items {
    border: 0;
    height: 0
}

.menu--dropdown.active .menu__items {
    border: 1px solid #888;
    height: auto;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, .8)
}

.country-select .menu__title.has-flag div {
    display: block
}

.country-select .menu__title.has-flag span.flag {
    margin-right: 0;
    margin-bottom: 5px
}

.has-flag {
    padding: 2px 0;
    background-color: transparent
}

.has-flag span.flag {
    display: inline-block;
    width: 20px;
    height: 12px;
    background-repeat: no-repeat;
    position: relative;
    top: 2px
}

.has-flag span.flag.med {
    width: 28px;
    height: 17px
}

.has-flag span.flag.large {
    width: 35px;
    height: 22px
}

.has-flag-uk span.flag {
    background-position: 0 0
}

.has-flag-uk span.flag.med {
    background-position: 0 -35px
}

.has-flag-uk span.flag.large {
    background-position: 0 -13px
}

.has-flag-us span.flag {
    background-position: -42px 0
}

.has-flag-us span.flag.med {
    background-position: -58px -35px
}

.has-flag-us span.flag.large {
    background-position: -72px -13px
}

.has-flag-eu span.flag {
    background-position: -21px 0
}

.has-flag-eu span.flag.med {
    background-position: -29px -35px
}

.has-flag-eu span.flag.large {
    background-position: -36px -13px
}

.has-flag-row span.flag {
    background-position: -63px 0
}

.has-flag-row span.flag.large {
    background-position: -107px -13px
}

.has-flag a {
    display: block
}

.search-box .flag {
    display: none
}

.country-select .has-flag span.flag {
    margin-right: 5px;
    margin-left: 0;
    display: none;
}

.country-select .menu__title.has-flag-row.has-flag span.flag {
    background-image: none;
    margin-bottom: 0
}

.country-select .menu__title.has-flag-row.has-flag span.flag:after {
    content: "Other"
}

#country-popup .flag.large {
    margin-right: 10px;
    margin-bottom: -4px
}

#country-popup ul {
    display: inline-block;
    text-align: left
}

.site-chooser {
    color: #0a5096;
    cursor: pointer
}

.restricted-eu, .restricted-row, .restricted-uk, .restricted-us {
    display: block
}

.range-price-eur, .range-price-gbp, .range-price-usd, html.eu .restricted-eu, html.row .restricted-row, html.uk .restricted-uk, html.us .restricted-us {
    display: none
}

html.eu .range-price-eur, html.row .range-price-gbp, html.uk .range-price-gbp, html.us .range-price-usd {
    display: block
}


@media screen and (max-width: 1024px) {
    #media-checker {
        font-family: tablet
    }

    .country-select {
        text-align: left;
        width: 100% !important
    }

    .has-flag {
        padding: 0
    }

    .country-select .has-flag span.flag {
        display: inline-block;
        margin: 0 !important
    }

    .menu__items {
        width: 90px;
        top: 25px;
        right: auto;
        left: 50%;
        margin-left: -45px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    #newFooter li.menu__item {
        text-align: center
    }

    .welcome #welcome-backdrop, .welcome .welcome-inner {
        display: block
    }

    .country-select .menu__title.has-flag div {
        display: inline-block
    }

    .country-select .menu__title.has-flag span.flag {
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    #media-checker {
        font-family: mobile
    }

    .country-select {
        text-align: center
    }

    .menu__items {
        left: 50%;
        margin-left: -45px;
        padding-top: 0 !important
    }

    .has-flag div {
        display: inline-block
    }

    #welcome-mat {
        margin-top: 10px;
        margin-bottom: 10px
    }
}