.awesomplete [hidden] {
    display: none
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0,0,0,0)
}

.awesomplete {
    display: inline-block;
    position: relative
}

    .awesomplete > input {
        display: block
    }

    .awesomplete > ul {
        position: absolute;
        left: 0;
        z-index: 1;
        min-width: 100%;
        box-sizing: border-box;
        list-style: none;
        padding: 0;
        margin: 0;
        background: #fff
    }

        .awesomplete > ul:empty {
            display: none
        }

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

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

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
    max-width: none
}

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

button, input {
    *overflow: visible;
    line-height: normal
}

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

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

    button, input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], label, select {
        cursor: pointer
    }

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

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

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

.bread {
    display: none
}

#article {
    position: relative
}

    #article.resource-headline {
        margin-bottom: -10px
    }

@media(min-width:0px) and (max-width:599px) {
    #article {
        font-size: 80%;
        top: -4px
    }
}

.article-box {
    background: #fff
}

#article h1 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 30px
}

@media(min-width:0px) and (max-width:599px) {
    #article h1 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 20px
    }
}

#article h1.page-header {
    position: absolute;
    z-index: 2;
    top: 15vw;
    color: #fff;
    width: 100%;
    font-size: 7vw;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 2px 3px rgba(0,0,0,.5)
}

@media(min-width:1430px) {
    #article h1.page-header {
        top: 200px;
        font-size: 6em
    }
}

#article h1.page-header span {
    font-size: .5em;
    line-height: 1em;
    display: block
}

#article h1.page-header.resource-header {
    top: 5vw;
    font-size: 5vw;
    text-transform: uppercase
}

@media(min-width:0px) and (max-width:599px) {
    #article h1.page-header.resource-header {
        top: 4vw;
        line-height: 1.3em
    }
}

#article h1.page-header.resource-header span {
    text-transform: capitalize
}

#article .header-image {
    text-align: center;
    max-height: 538px;
    position: relative;
    z-index: 1
}

@media(min-width:0px) and (max-width:599px) {
    #article .header-image {
        top: -3px
    }
}

@media(min-width:600px) {
    #article .header-image {
        overflow: hidden
    }
}

#article .header-image img {
    width: 100%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #aaa
}

.text-warning {
    color: #c09853
}

.text-error {
    color: #cf3700
}

.text-info {
    color: #24556d
}

.text-success {
    color: #468847
}

.header-1 .header-2 small, .header-3 small, .header-4 small, .header-5 small, .header-6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #dadbd9
}

.header-1 .header-2.uiChrome, .header-3.uiChrome, .header-4.uiChrome, .header-5.uiChrome, .header-6.uiChrome, h1.uiChrome, h2.uiChrome, h3.uiChrome, h4.uiChrome, h5.uiChrome, h6.uiChrome {
    margin: 0;
    padding: 8px 10px 6px !important;
    border-bottom-color: #aeb0ad !important;
    border-radius: 4px 4px 0 0
}

.header-2, h2 {
    font-size: 24px;
    line-height: 30px
}

.header-3, h3 {
    font-size: 18px;
    line-height: 20px
}

.header-4, h4 {
    font-size: 14px;
    line-height: 20px
}

.header-5, h5 {
    font-size: 12px;
    line-height: 20px
}

.header-6, h6 {
    font-size: 10px;
    line-height: 20px
}

h1 small {
    font-size: 24px
}

h2 small {
    font-size: 18px
}

h3 small, h4 small {
    font-size: 14px
}

ol.inline, ul.inline {
    margin-left: 0;
    list-style: none
}

    ol.inline > li, ul.inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

ul.styled-list li {
    margin: 10px 0;
    line-height: 20px;
    font-size: 16px
}

dl {
    margin-bottom: 16px
}

dd, dt {
    line-height: 16px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 8px
}

.dl-horizontal {
    *zoom: 1
}

    .dl-horizontal:after, .dl-horizontal:before {
        display: table;
        content: "";
        line-height: 0
    }

    .dl-horizontal:after {
        clear: both
    }

    .dl-horizontal dt {
        float: left;
        width: 35%;
        clear: left;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 38%
    }

hr {
    margin: 16px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #dadbd9
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 16px;
    border-left: 5px solid #eee
}

    blockquote p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px
    }

    blockquote small {
        display: block;
        line-height: 16px;
        color: #dadbd9
    }

        blockquote small:before {
            content: "\2014   \A0"
        }

    blockquote.pull-right {
        float: right;
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: right
        }

            blockquote.pull-right small:before {
                content: ""
            }

            blockquote.pull-right small:after {
                content: "\A0   \2014"
            }

    blockquote:after, blockquote:before, q:after, q:before {
        content: ""
    }

address {
    display: block;
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.3em;
    font-size: 75%
}

    address ul {
        margin: 0
    }

    address li {
        display: block
    }

.feature-list-container {
    overflow: hidden;
    border: 1px solid #aeb0ad;
    box-shadow: 1px 0 0 hsla(0,0%,100%,.3);
    margin-bottom: 10px;
    border-radius: 4px
}

@media(min-width:946px) {
    .feature-list-container {
        margin: 0 0 10px 10px;
        float: right;
        max-width: 28%
    }
}

.feature-list-heading {
    font-weight: 600;
    line-height: 14px;
    margin: 15px 15px 10px
}

.feature-list {
    float: left;
    margin: 0 0 15px 15px
}

    .feature-list li {
        line-height: 20px;
        display: block
    }

form {
    margin: 0
}

.fieldset, .fieldset-bottom, fieldset {
    padding: 20px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #dadbd9
}

    .fieldset-bottom select, .fieldset select, fieldset select {
        margin-bottom: 15px
    }

    .fieldset-bottom h2, .fieldset-bottom h2 + p.small, .fieldset-bottom h3, .fieldset-bottom h3 + p.small, .fieldset h2, .fieldset h2 + p.small, .fieldset h3, .fieldset h3 + p.small, fieldset h2, fieldset h2 + p.small, fieldset h3, fieldset h3 + p.small {
        float: left;
        clear: left;
        width: 180px
    }

    .fieldset-bottom .control-group, .fieldset .control-group, fieldset .control-group {
        margin-left: 210px
    }

    .fieldset-bottom.full h2, .fieldset-bottom.full h2 + p.small, .fieldset-bottom.full h3, .fieldset-bottom.full h3 + p.small, .fieldset.full h2, .fieldset.full h2 + p.small, .fieldset.full h3, .fieldset.full h3 + p.small, fieldset.full h2, fieldset.full h2 + p.small, fieldset.full h3, fieldset.full h3 + p.small {
        float: none;
        width: auto;
        margin-bottom: 0
    }

    .fieldset-bottom.full label, .fieldset.full label, fieldset.full label {
        margin-top: 8px
    }

@media(min-width:0px) and (max-width:599px) {
    .fieldset-bottom h3, .fieldset-bottom h3 + p.small, .fieldset h3, .fieldset h3 + p.small, fieldset h3, fieldset h3 + p.small {
        float: none;
        clear: none;
        width: 100%
    }

    .fieldset-bottom .control-group, .fieldset .control-group, fieldset .control-group {
        margin-left: 0
    }
}

.fieldset-bottom {
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding: 16px;
    border-bottom: 0
}

legend {
    display: block;
    padding: 0 0 10px;
    font-size: 1em;
    line-height: 32px;
    color: #a6a9a5;
    text-shadow: 0 1px 0 #fff;
    font-weight: 600;
    border: 0;
    float: left;
    width: 100%
}

    legend small {
        font-size: 12px;
        color: #dadbd9
    }

button, input, select.sized, textarea {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    font-family: proxima_nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media(min-width:946px) {
    button, input, select.sized, textarea {
        font-family: proxima_nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select.sized, textarea {
    display: inline-block;
    height: 16px;
    padding: 6px 6px 4px;
    margin-bottom: 5px;
    font-size: .8em;
    line-height: 16px;
    color: #3b3d3b;
    border-radius: 3px;
    vertical-align: middle
}

select {
    display: inline-block;
    margin-left: 0
}

.uneditable-input, input, textarea {
    width: 206px
}

textarea {
    height: auto
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    background-color: #fff;
    border: 1px solid #aeb0ad;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border .2s linear,box-shadow .2s linear
}

    .uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        border-color: rgba(95,183,9,.8);
        outline: 0;
    }

input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
    line-height: normal
}

input[type=checkbox] {
    margin-top: -5px
}

input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] {
    width: auto
}

input[type=file], select.sized {
    height: 26px;
    *margin-top: 4px;
    line-height: 26px
}

select.sized {
    width: 220px;
    border: 1px solid #aeb0ad;
    background-color: #fff
}

select[multiple], select[size] {
    height: auto
}

.uneditable-input, .uneditable-textarea {
    color: #dadbd9;
    background-color: #fcfcfc;
    border-color: #aeb0ad;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #aeb0ad
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aeb0ad
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #aeb0ad
}

.checkbox, .radio {
    min-height: 16px;
    padding-left: 20px;
    margin-bottom: 4px;
    line-height: 1.5em
}

    .checkbox input[type=checkbox], .radio input[type=radio] {
        float: left;
        margin-left: -20px
    }

.controls > .checkbox:first-child, .controls > .radio:first-child {
    padding-top: 5px
}

.checkbox.inline, .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

    .checkbox.inline + .checkbox.inline, .radio.inline + .radio.inline {
        margin-left: 10px
    }

.input-mini {
    width: 30px
}

.input-small {
    width: 60px
}

.input-medium {
    width: 90px
}

.input-large {
    width: 150px
}

.input-xlarge {
    width: 240px
}

.input-xxlarge {
    width: 390px
}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type=checkbox][disabled], input[type=checkbox][readonly], input[type=radio][disabled], input[type=radio][readonly] {
    background-color: transparent
}

.control-group.warning .checkbox, .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #c09853;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
        border-color: #a47e3c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e
    }

.control-group.warning .input-append .add-on, .control-group.warning .input-prepend .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error .checkbox, .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #cf3700
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #cf3700;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
        border-color: #9c2900;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ff6b36
    }

.control-group.error .input-append .add-on, .control-group.error .input-prepend .add-on {
    color: #cf3700;
    background-color: #cf3700;
    border-color: #cf3700
}

.control-group.success .checkbox, .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
        border-color: #356635;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b
    }

.control-group.success .input-append .add-on, .control-group.success .input-prepend .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .checkbox, .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
    color: #24556d
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #24556d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
        border-color: #183747;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #3e90b9
    }

.control-group.info .input-append .add-on, .control-group.info .input-prepend .add-on {
    color: #24556d;
    background-color: #c4ebff;
    border-color: #24556d
}

div.input_error {
    color: #cf3700;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px
}

.checkbox.input_error, .radio.input_error, input.input_error, select.input_error, textarea.input_error {
    color: #cf3700
}

input.input_error, input[type=number].input_error, input[type=text].input_error, select.input_error, textarea.input_error {
    border-color: #cf3700;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    input.input_error:focus, input[type=number].input_error:focus, input[type=text].input_error:focus, select.input_error:focus, textarea.input_error:focus {
        border-color: #9c2900;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ff6b36
    }

.form-horizontal .help-inline, .form-horizontal .input-append, .form-horizontal .input-prepend, .form-horizontal .uneditable-input, .form-horizontal input, .form-horizontal select, .form-horizontal textarea, .form-inline .help-inline, .form-inline .input-append, .form-inline .input-prepend, .form-inline .uneditable-input, .form-inline input, .form-inline select, .form-inline textarea, .form-search .help-inline, .form-search .input-append, .form-search .input-prepend, .form-search .uneditable-input, .form-search input, .form-search select, .form-search textarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle
}

.form-horizontal .hide, .form-inline .hide, .form-search .hide {
    display: none
}

.form-inline .btn-group, .form-inline label, .form-search .btn-group, .form-search label {
    display: inline-block
}

.form-inline .input-append, .form-inline .input-prepend, .form-search .input-append, .form-search .input-prepend {
    margin-bottom: 0
}

.form-inline .checkbox, .form-inline .radio, .form-search .checkbox, .form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-search .radio input[type=radio] {
        float: left;
        margin-right: 3px;
        margin-left: 0
    }

.form-inline input, .form-inline label, .form-inline select {
    margin-bottom: 0
}

.form-inline select {
    margin-top: -1px
}

.control-group {
    margin-bottom: 8px
}

    .control-group select {
        width: 220px
    }

@media(min-width:946px) {
    .control-group input, .control-group select {
        max-width: 86%
    }
}

legend + .control-group {
    margin-top: 16px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 16px;
    *zoom: 1
}

    .form-horizontal .control-group:after, .form-horizontal .control-group:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form-horizontal .control-group:after {
        clear: both
    }

.form-horizontal .control-label {
    float: left;
    width: 110px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 130px;
    *margin-left: 0
}

    .form-horizontal .controls:first-child {
        *padding-left: 130px
    }

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .input-append + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 8px
}

.form-horizontal .form-actions {
    padding-left: 130px
}

.three_digits {
    width: 30px
}

.four_digits {
    width: 38px
}

.global-select {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: .3em
}

    .global-select:after {
        color: #3b3d3b;
        font-family: fontello;
        content: "\E7A7";
        font-size: 16px;
        padding: 0;
        position: absolute;
        right: 16px;
        top: .2em;
        bottom: .2em;
        z-index: 1;
        pointer-events: none
    }

    .global-select:hover {
        border: 1px solid #888
    }

    .global-select select {
        width: 110%;
        max-width: 110%;
        min-width: 110%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: window;
        text-indent: .01px;
        text-overflow: "";
        font-size: 16px;
        font-weight: 400;
        background: 0 0;
        border: none;
        color: #444;
        outline: none;
        padding: .4em 19% .4em .8em;
        line-height: 1.2;
        margin: 0
    }

        .global-select select:focus {
            outline: none
        }

        .global-select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000
        }

        .global-select select::-ms-expand {
            display: none
        }

.select--minimal {
    border: 0;
    box-shadow: none;
    background: url(../../med//drpdwn-minimal.jpg) no-repeat 100% #fff;
    background-size: 27px 54px
}

@media only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .select--minimal {
        background-image: url(../../med/drpdwn-minimal_x2.jpg)
    }
}

.input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap
}

    .input-append .dropdown-menu, .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .dropdown-menu, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
        font-size: 16px
    }

    .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
        position: relative;
        margin-bottom: 0;
        *margin-left: 0;
        vertical-align: top;
        border-radius: 0 3px 3px 0
    }

        .input-append .uneditable-input:focus, .input-append input:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus {
            z-index: 2
        }

    .input-append .add-on, .input-prepend .add-on {
        display: inline-block;
        width: auto;
        height: 16px;
        min-width: 16px;
        padding: 4px 5px;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        background-color: #eee;
        border: 1px solid #ccc
    }

    .input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle {
        vertical-align: top;
        border-radius: 0
    }

    .input-append .active, .input-prepend .active {
        background-color: #49e800;
        border-color: #3D7504
    }

    .input-prepend .add-on, .input-prepend .btn {
        margin-right: -1px
    }

        .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
            border-radius: 3px 0 0 3px
        }

            .input-append .uneditable-input + .btn-group .btn:last-child, .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child {
                border-radius: 0 3px 3px 0
            }

    .input-append .add-on, .input-append .btn, .input-append .btn-group {
        margin-left: -1px
    }

        .input-append .add-on:last-child, .input-append .btn-group:last-child > .dropdown-toggle, .input-append .btn:last-child {
            border-radius: 0 3px 3px 0
        }

    .input-prepend.input-append .uneditable-input, .input-prepend.input-append input, .input-prepend.input-append select {
        border-radius: 0
    }

        .input-prepend.input-append .uneditable-input + .btn-group .btn, .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn {
            border-radius: 0 3px 3px 0
        }

    .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
        margin-right: -1px;
        border-radius: 3px 0 0 3px
    }

    .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
        margin-left: -1px;
        border-radius: 0 3px 3px 0
    }

    .input-prepend.input-append .btn-group:first-child {
        margin-left: 0
    }

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 16px
}

    .table td, .table th {
        padding: 8px;
        line-height: 16px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #dadbd9
    }

    .table th {
        font-weight: 700
    }

    .table thead th {
        vertical-align: bottom
    }

    .table caption + thead tr:first-child td, .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
        border-top: 0
    }

    .table tbody + tbody {
        border-top: 2px solid #dadbd9
    }

    .table .table {
        background-color: #fff
    }

.table-bordered {
    border: 1px solid #dadbd9;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    border-radius: 4px
}

    .table-bordered td, .table-bordered th {
        border-left: 1px solid #dadbd9
    }

    .table-bordered caption + tbody tr:first-child td, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + thead tr:first-child th, .table-bordered tbody:first-child tr:first-child td, .table-bordered tbody:first-child tr:first-child th, .table-bordered thead:first-child tr:first-child th {
        border-top: 0
    }

        .table-bordered tbody:first-child tr:first-child td:first-child, .table-bordered thead:first-child tr:first-child th:first-child {
            border-top-left-radius: 4px
        }

        .table-bordered tbody:first-child tr:first-child td:last-child, .table-bordered thead:first-child tr:first-child th:last-child {
            border-top-right-radius: 4px
        }

    .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child, .table-bordered thead:last-child tr:last-child th:first-child {
        border-radius: 0 0 0 4px;
        border-bottom-left-radius: 4px
    }

    .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child, .table-bordered thead:last-child tr:last-child th:last-child {
        border-bottom-right-radius: 4px
    }

    .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered caption + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child {
        border-top-left-radius: 4px
    }

    .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered caption + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child {
        border-top-right-radius: 4px
    }

.table-condensed {
    font-size: 11px;
    font-family: Helvetica,Arial
}

    .table-condensed td, .table-condensed th {
        padding: 3px 2px 2px;
        line-height: 12px
    }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f6f7f5
}

.table--fluid {
    font-size: 13px;
    margin-bottom: .75em
}

    .table--fluid td, .table--fluid th {
        vertical-align: middle
    }

    .table--fluid tr {
        display: block;
        position: relative;
        padding: 6px 0;
        margin: 0 0 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0,0,0,.17)
    }

        .table--fluid tr:last-child {
            margin-bottom: 0
        }

    .table--fluid thead tr:first-child {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table--fluid tr td {
        display: block;
        border: 0;
        padding: 5px 8px
    }

        .table--fluid tr td:before {
            content: "";
            position: relative;
            font-weight: 600;
            width: 30%;
            display: inline-block
        }

@media(min-width:945px) {
    .table--fluid {
        font-size: 14px
    }
}

@media(min-width:620px) {
    .table--fluid tr {
        display: table-row;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }

    .table--fluid thead tr:first-child {
        position: relative;
        top: auto;
        left: auto
    }

    .table--fluid tr td:before {
        content: none !important
    }

    .table--fluid tr td {
        display: table-cell;
        padding: 8px
    }
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #f5f5f5
}

.table-stylized td {
    text-align: left
}

.excel-table, .section-container .table, .table-stylized {
    font-size: .8em;
    border-top: 1px solid #aeb0ad;
    border-right: none;
    margin-bottom: 0
}

    .excel-table td, .section-container .table td, .table-stylized td {
        vertical-align: middle;
        text-align: center;
        padding-bottom: 5px
    }

        .excel-table td:first-child, .section-container .table td:first-child, .table-stylized td:first-child {
            text-align: left
        }

        .excel-table td:last-child, .section-container .table td:last-child, .table-stylized td:last-child {
            border-right: 1px solid #dadbd9
        }

    .excel-table thead th, .section-container .table thead th, .table-stylized thead th {
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        padding-bottom: 5px;
        text-shadow: 0 1px 0 #dadbd9;
        color: #3b3d3b;
        font-size: 10px;
        line-height: 1.3em;
        text-transform: uppercase;
        background-image: linear-gradient(#e4e5e4,#cfd1cf);
        box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3);
        border: 1px solid #a9aba8;
        border-right: none;
        border-left: 1px solid rgba(59,61,59,.25);
        border-bottom: 1px solid #a1a4a0
    }

        .excel-table thead th:first-child, .section-container .table thead th:first-child, .table-stylized thead th:first-child {
            text-align: left;
            border-left: 1px solid #aeb0ad
        }

        .excel-table thead th:last-child, .section-container .table thead th:last-child, .table-stylized thead th:last-child {
            border-right: 1px solid rgba(59,61,59,.25)
        }

    .excel-table tbody tr:first-child td, .section-container .table tbody tr:first-child td, .table-stylized tbody tr:first-child td {
        border-top: none
    }

.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #eef0ed;
    border: 1px solid #d6dbd3;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #fff,0 1px 2px rgba(0,0,0,.07)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well--subtle {
    border: 1px solid #efefef;
    background: #fbfbfb;
    box-shadow: none;
    font-size: .9em
}

.well--hover {
    background-color: #f3f5f2;
    border: 1px solid #dee2dc
}

a.well--hover:hover {
    background-color: #eef0ed;
    border: 1px solid #d6dbd3
}

.well-large {
    padding: 24px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    border-radius: 3px
}

.fade {
    opaCity: 0;
    transition: opaCity .15s linear
}

    .fade.in, .fade.show {
        opaCity: 1
    }

.opaque {
    opaCity: .5;
    transition: opaCity .15s linear
}

    .opaque.in, .opaque.show {
        opaCity: 1
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

    .collapse.in, .collapse.show {
        height: auto
    }

@keyframes fadeIn {
    0% {
        opaCity: 0
    }

    to {
        opaCity: 1
    }
}

.icon-spinner {
    animation: spin 2.5s infinite linear;
    display: inline-block
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opaCity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opaCity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes zoomInUp {
    0% {
        opaCity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opaCity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomIn {
    0% {
        opaCity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opaCity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes fadeInDown {
    0% {
        opaCity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opaCity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInUp {
    0% {
        opaCity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opaCity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opaCity: .2
}

    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opaCity: .4
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 16px;
    *line-height: 16px;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
    color: #3b3d3b;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.75);
    background-color: #cccecc;
    background-image: linear-gradient(180deg,#dadbd9,#b8bab7);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #b8bab7;
    border: 1px solid rgba(0,0,0,.2);
    *border: 0;
    border-radius: 5px;
    *margin-left: .3em;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25),0 2px 2px rgba(0,0,0,.17);
    -webkit-font-smoothing: antialiased
}

    .btn.active, .btn.disabled, .btn:active, .btn:hover, .btn[disabled] {
        color: #3b3d3b;
        background-color: #b8bab7;
        *background-color: #abaeaa
    }

    .btn:first-child {
        *margin-left: 0
    }

    .btn:hover {
        color: #3b3d3b;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        background-position: 0 -15px
    }

    .btn.active, .btn:active {
        background-color: #d3d9d1;
        background-image: none;
        outline: 0;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
    }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opaCity: .35;
        box-shadow: none
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.btn-checkout.active, .btn-danger.active, .btn-info.active, .btn-inverse.active, .btn-orange.active, .btn-primary.active, .btn-success.active {
    color: hsla(0,0%,100%,.75)
}

.btn-danger {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #da4f49;
    background-image: linear-gradient(180deg,#ee5f5b,#bd362f);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #bd362f
}

    .btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:hover, .btn-danger[disabled] {
        color: #fff;
        background-color: #bd362f;
        *background-color: #a9302a
    }

.btn-success {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #5bb75b;
    background-image: linear-gradient(180deg,#62c462,#51a351);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #51a351
}

    .btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:hover, .btn-success[disabled] {
        color: #fff;
        background-color: #51a351;
        *background-color: #499249
    }

@keyframes pulseColor {
    0% {
        background: #c67355
    }

    to {
        background: #e86333
    }
}

.btn-yellow {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #fac930;
    background-image: linear-gradient(180deg,#ffd450,#f3b800);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #f3b800
}

    .btn-yellow.active, .btn-yellow.disabled, .btn-yellow:active, .btn-yellow:hover, .btn-yellow[disabled] {
        color: #fff;
        background-color: #f3b800;
        *background-color: #daa500
    }

.btn-red {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #d43800;
    background-image: linear-gradient(180deg,#e83e00,#b53000);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #b53000
}

    .btn-red.active, .btn-red.disabled, .btn-red:active, .btn-red:hover, .btn-red[disabled] {
        color: #fff;
        background-color: #b53000;
        *background-color: #9c2900
    }

.btn-select {
    background: #fff;
    border: 1px solid #aeb0ad;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4),0 2px 2px rgba(0,0,0,.05);
    border-radius: 3px;
    width: 100%;
    color: #3b3d3b;
    margin-bottom: 0;
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 1.2em;
    font-weight: 400;
    -webkit-font-smoothing: auto
}

    .btn-select:hover {
        background: #eef0ed
    }

    .btn-select .icon-down-micro {
        font-size: 25px;
        line-height: 23px;
        height: 12px;
        float: right;
        display: inline-block
    }

    .btn-select + .dropdown-menu {
        width: 100%;
        border-radius: 3px;
        left: -1px
    }

        .btn-select + .dropdown-menu a {
            padding: 5px 13px
        }

.credit-text {
    display: inline-block;
    line-height: 1.7em;
    margin-left: 8px
}

button.btn, input[type=submit].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

    button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button.btn.btn-large, input[type=submit].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px
    }

    button.btn.btn-small, input[type=submit].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px
    }

    button.btn.btn-mini, input[type=submit].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px
    }

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #5FB709;
    border-radius: 0
}

    .btn-link:hover {
        color: #3D7504;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:hover {
        color: #3b3d3b;
        text-decoration: none
    }

.checkout-submit.apple-pay {
    border: none
}

.btn-toolbar {
    font-size: 0;
    margin-top: 6px;
    margin-bottom: 6px
}

    .btn-toolbar .btn-group {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        .btn-toolbar .btn + .btn, .btn-toolbar .btn + .btn-group, .btn-toolbar .btn-group + .btn {
            margin-left: 5px
        }

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em
}

    .btn-group:first-child {
        *margin-left: 0
    }

    .btn-group + .btn-group {
        margin-left: 5px
    }

    .btn-group > .btn {
        position: relative;
        border-radius: 0
    }

        .btn-group > .btn + .btn {
            margin-left: -1px
        }

    .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
        font-size: 16px
    }

    .btn-group > .btn-mini {
        font-size: 12px;
        text-transform: none
    }

    .btn-group > .btn-small {
        font-size: 12px
    }

    .btn-group > .btn-large {
        font-size: 16px
    }

    .btn-group > .btn:first-child {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .btn-group > .btn-mini:first-child {
        margin-left: 0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .btn-group > .btn-mini.dropdown-toggle, .btn-group > .btn-mini:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .btn-group > .btn.large:first-child {
        margin-left: 0;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
        z-index: 2
    }

    .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
        outline: 0
    }

    .btn-group > .btn + .dropdown-toggle {
        padding: 5px 8px
    }

    .btn-group > .btn-mini + .dropdown-toggle {
        padding: 2px 8px
    }

    .btn-group > .btn-small + .dropdown-toggle {
        *padding-top: 5px;
        *padding-bottom: 4px
    }

    .btn-group > .btn-large + .dropdown-toggle {
        padding: 7px 12px
    }

    .btn-group.open .dropdown-toggle {
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
    }

    .btn-group.open .btn.dropdown-toggle {
        background-color: #b8bab7
    }

    .btn-group.open .btn-primary.dropdown-toggle {
        background-color: #5FB709
    }

    .btn-group.open .btn-warning.dropdown-toggle {
        background-color: #f78c00
    }

    .btn-group.open .btn-danger.dropdown-toggle {
        background-color: #bd362f
    }

    .btn-group.open .btn-success.dropdown-toggle {
        background-color: #51a351
    }

    .btn-group.open .btn-info.dropdown-toggle {
        background-color: #5FB709
    }

    .btn-group.open .btn-inverse.dropdown-toggle {
        background-color: #545852
    }

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-large .caret, .btn-mini .caret, .btn-small .caret {
    margin-top: 3px
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.dropup .btn-large .caret {
    border-bottom: 5px solid #000;
    border-top: 0
}

.btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    .btn-group-vertical > .btn {
        display: block;
        float: none;
        max-width: 100%;
        border-radius: 0
    }

        .btn-group-vertical > .btn + .btn {
            margin-left: 0;
            margin-top: -1px
        }

        .btn-group-vertical > .btn:first-child {
            border-radius: 4px 4px 0 0
        }

        .btn-group-vertical > .btn:last-child {
            border-radius: 0 0 4px 4px
        }

    .btn-group-vertical > .btn-large:first-child {
        border-radius: 6px 6px 0 0
    }

    .btn-group-vertical > .btn-large:last-child {
        border-radius: 0 0 6px 6px
    }

.btn-mini {
    padding: 5px 10px 4px;
    font-size: 11px;
    line-height: 10px;
    border-radius: 3px;
    text-transform: none
}

    .btn-mini [class*=" icon-"], .btn-mini [class^=icon-] {
        margin-top: -1px
    }

.btn-small {
    padding: 7px 12px 6px;
    *padding: 5px12px7px;
    font-size: 13px;
    line-height: 12px;
    border-radius: 3px
}

    .btn-small [class*=" icon-"], .btn-small [class^=icon-] {
        margin-top: 0
    }

.btn-large {
    padding: 17px 30px 15px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 5px
}

    .btn-large [class*=" icon-"], .btn-large [class^=icon-] {
        margin-top: 4px
    }

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

.btn-cart {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #d43800;
    background-image: linear-gradient(180deg,#e83e00,#b53000);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #b53000;
    border-radius: 4px
}

    .btn-cart.active, .btn-cart.disabled, .btn-cart:active, .btn-cart:hover, .btn-cart[disabled] {
        color: #fff;
        background-color: #b53000;
        *background-color: #9c2900
    }

    .btn-cart.disabled {
        opaCity: 1;
        font-size: 12px;
        border-color: #9b4f34;
        animation: pulseColor .75s infinite alternate
    }

.btn-checkout, .btn-orange, .rounded-list li:before {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #fca129;
    background-image: linear-gradient(180deg,#ffae45,#f78c00);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #f78c00;
    text-transform: capitalize
}

    .btn-checkout.active, .btn-checkout.disabled, .btn-checkout:active, .btn-checkout:hover, .btn-checkout[disabled], .btn-orange.active, .btn-orange.disabled, .btn-orange:active, .btn-orange:hover, .btn-orange[disabled] {
        color: #fff;
        background-color: #f78c00;
        *background-color: #de7e00
    }

.btn-checkout--quick {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #6CCF0A;
    background-image: linear-gradient(180deg,#BEFA83,#5FB709);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #5FB709;
    margin-top: 10px
}

    .btn-checkout--quick.active, .btn-checkout--quick.disabled, .btn-checkout--quick:active, .btn-checkout--quick:hover, .btn-checkout--quick[disabled] {
        color: #fff;
        background-color: #5FB709;
        *background-color: #3D7504
    }

.btn-custom {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #663898;
    background-image: linear-gradient(180deg,#7a43b6,#48286b);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #48286b
}

    .btn-custom.active, .btn-custom.disabled, .btn-custom:active, .btn-custom:hover, .btn-custom[disabled] {
        color: #fff;
        background-color: #48286b;
        *background-color: #3c2159
    }

.btn-glass {
    background-image: linear-gradient(#eef0ed,#fff);
    box-shadow: inset 0 1px 0 #fff,0 2px 2px rgba(0,0,0,.17);
    border-left: 1px solid #2077a3;
    border: 1px solid #8d908b;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: capitalize
}

    .btn-glass, .btn-glass:hover {
        background-color: #fff
    }

.btn.btn-icon {
    position: relative;
    padding-left: 45px;
    width: 100%;
    font-weight: 700;
    text-align: left
}

    .btn.btn-icon span {
        font-size: 72%;
        display: block;
        text-align: left;
        font-weight: 600
    }

    .btn.btn-icon [class^=icon-] {
        background: rgba(0,0,0,.2);
        padding: 4px;
        font-size: 1.2em;
        line-height: 21px;
        height: 20px;
        width: 20px;
        display: block;
        position: absolute;
        left: 8px;
        text-align: center;
        top: 50%;
        margin-top: -13px;
        border-radius: 50%;
        box-shadow: 0 1px 0 hsla(0,0%,100%,.1),inset 0 2px 1px rgba(0,0,0,.15)
    }

.btn-info {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #419CD3;
    background-image: linear-gradient(180deg,#7DC6E6,#4C82DD);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #5FB709
}

    .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled] {
        color: #fff;
        background-color: #4C82DD;
        *background-color: #2052A6
    }

.btn-inverse {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #636860;
    background-image: linear-gradient(180deg,#6d736a,#545852);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #545852
}

    .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:hover, .btn-inverse[disabled] {
        color: #fff;
        background-color: #545852;
        *background-color: #474b45
    }

.btn-light {
    color: #3b3d3b;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.75);
    background-color: #f1f3f1;
    background-image: linear-gradient(180deg,#fbfcfb,#e3e7e2);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #e3e7e2;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 hsla(0,0%,100%,.3);
    border: 1px solid #aeb0ad
}

    .btn-light.active, .btn-light.disabled, .btn-light:active, .btn-light:hover, .btn-light[disabled] {
        color: #3b3d3b;
        background-color: #e3e7e2;
        *background-color: #d6dbd3
    }

    .btn-light.active {
        background-color: #a9aba8;
        color: #3b3d3b;
        border-color: #7b7e79
    }

.btn-primary {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #419CD3;
    background-image: linear-gradient(180deg,#7DC6E6,#4C82DD);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #5FB709
}

    .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled] {
        color: #fff;
        background-color: #4C82DD;
        *background-color: #2052A6
    }


.btn-ui {
    color: #3b3d3b;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.75);
    background-color: #d4d5d4;
    background-image: linear-gradient(180deg,#e7e7e6,#b8bab7);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #b8bab7;
    box-shadow: none
}

    .btn-ui.active, .btn-ui.disabled, .btn-ui:active, .btn-ui:hover, .btn-ui[disabled] {
        color: #3b3d3b;
        background-color: #b8bab7;
        *background-color: #abaeaa
    }

.btn--transparent {
    background: 0 0;
    border: 2px solid #fff;
    text-shadow: none;
    box-shadow: none;
    color: #fff
}

    .btn--transparent:hover {
        background: #fff;
        color: #000
    }

.alert {
    padding: 12px 35px 12px 14px;
    margin-bottom: 16px;
    background-color: #ffeebf;
    border: 1px solid #ffe08c;
    border-radius: 4px;
    color: #484848;
    font-size: 14px;
    line-height: 18px
}

    .alert a {
        font-weight: 700;
        color: #484848;
        text-decoration: underline
    }

        .alert a:hover {
            color: #626262;
            text-decoration: none
        }

    .alert h4 {
        margin: 0
    }

    .alert .close {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 16px
    }

.alert-general {
    background-color: #fff;
    border-color: #dadbd9;
    position: relative;
    padding: 12px
}

    .alert-general strong {
        color: #cf3700;
        font-size: 110%
    }

    .alert-general div {
        padding-left: 30px
    }

    .alert-general i {
        font-size: 20px;
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%)
    }

.alert-danger, .alert-error, .error, .error_message {
    background-color: #f8d0c8;
    border-color: #f3b1a4
}

.alert-basic {
    background-color: #fff;
    border-color: #dadbd9
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-info {
    background-color: #ccebf3;
    border-color: #a3dbe9
}

.alert-autoreorder {
    background-color: #feeed8;
    border-color: #f78c00
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0
    }

    .alert-block p + p {
        margin-top: 5px
    }

.alert .block-link {
    float: right;
    display: block;
    text-decoration: underline
}

.nav {
    margin-left: 0;
    margin-bottom: 16px;
    list-style: none
}

    .nav > li > a {
        display: block
    }

        .nav > li.active > a, .nav > li > a:hover {
            text-decoration: none;
            background-color: #5FB709;
            background-image: linear-gradient(180deg,#5FB709,#3D7504);
            background-repeat: repeat-x;
            color: #fff;
            text-shadow: 0 -1px 0 #1c5900
        }

            .nav > li.active > a span, .nav > li > a:hover span {
                color: #fff !important
            }

        .nav > li > a > img {
            max-width: none
        }

    .nav > .pull-right {
        float: right
    }

.nav-header {
    display: block;
    padding: 20px 20px 18px;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #dadbd9
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-list, .nav-list ul {
    margin-bottom: 0
}

    .nav-list li {
        border-bottom: 1px solid #dadbd9;
        padding: 10px 0
    }

        .nav-list li:last-child {
            border-bottom: 0
        }

    .nav-list .nav-header, .nav-list > li > a {
        text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
        font-weight: 600
    }

    .nav-list > li > a {
        padding: 12px 12px 10px;
        border-bottom: 1px solid #dadbd9
    }

    .nav-list [class*=" icon-"], .nav-list [class^=icon-] {
        margin-right: 2px
    }

    .nav-list .divider {
        *width: 100%;
        height: 1px;
        margin: 7px 1px;
        *margin: -5px05px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #fff
    }

.nav-pills, .nav-tabs {
    *zoom: 1
}

    .nav-pills:after, .nav-pills:before, .nav-tabs:after, .nav-tabs:before {
        display: table;
        content: "";
        line-height: 0
    }

    .nav-pills:after, .nav-tabs:after {
        clear: both
    }

    .nav-pills > li, .nav-tabs > li {
        float: left
    }

        .nav-pills > li > a, .nav-tabs > li > a {
            padding-right: 12px;
            padding-left: 12px;
            margin-right: 2px;
            line-height: 14px
        }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
            line-height: 16px;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

.nav-pills > li > a {
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    border-radius: 4px;
    border: 1px solid #dadbd9
}

    .nav-pills > .active > a, .nav-pills > li > a:hover {
        color: #fff;
        background-color: #5FB709;
        border: 1px solid #3D7504
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li > a {
        margin-right: 0
    }

.nav-tabs.nav-stacked {
    border-bottom: 0
}

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
        border-radius: 0
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li:last-child > a {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li.active > a, .nav-tabs.nav-stacked > li > a:hover {
        border-color: #3D7504;
        box-shadow: inset 0 1px 0 #1c9bd9
    }

.nav-pills.nav-stacked > li > a {
    margin: 0;
    border: none !important
}

.nav-tabs .dropdown-menu {
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: #5FB709;
    border-bottom-color: #5FB709;
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #3D7504;
    border-bottom-color: #3D7504
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #aeb0ad;
    border-bottom-color: #aeb0ad
}

.nav > .dropdown.active > a:hover {
    cursor: pointer
}

.nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color: #fff;
    background-color: #dadbd9;
    border-color: #dadbd9
}

.nav li.dropdown.open.active .caret, .nav li.dropdown.open .caret, .nav li.dropdown.open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opaCity: 1
}

.tabs-stacked .open > a:hover {
    border-color: #dadbd9
}

.tabbable {
    *zoom: 1
}

    .tabbable:after, .tabbable:before {
        display: table;
        content: "";
        line-height: 0
    }

    .tabbable:after {
        clear: both
    }

.tab-content {
    overflow: auto
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0
}

.pill-content > .pill-pane, .tab-content > .tab-pane {
    display: none
}

.pill-content > .active, .tab-content > .active {
    display: block
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0
    }

        .tabs-below > .nav-tabs > li > a {
            border-radius: 0 0 4px 4px
        }

            .tabs-below > .nav-tabs > li > a:hover {
                border-bottom-color: transparent;
                border-top-color: #ddd
            }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #ddd #ddd
    }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none
}

    .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        border-radius: 4px 0 0 4px
    }

        .tabs-left > .nav-tabs > li > a:hover {
            border-color: #eee #ddd #eee #eee
        }

    .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #fff
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        border-radius: 0 4px 4px 0
    }

        .tabs-right > .nav-tabs > li > a:hover {
            border-color: #eee #eee #eee #ddd
        }

    .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #fff
    }

.sidenav-reviews {
    font-size: 13px;
    line-height: 1.4em;
    padding: 10px
}

    .sidenav-reviews:hover {
        box-shadow: inset 0 1px 0 #fff,inset 0 0 15px hsla(100,8%,85%,.57);
        cursor: pointer
    }

    .sidenav-reviews.box {
        display: block;
        margin-right: 10px;
        border-radius: 4px !important;
        border: 1px solid #dadbd9 !important
    }

    .sidenav-reviews .title-link {
        border-bottom: 1px solid #dadbd9;
        display: table;
        padding: 5px 0 8px;
        font-weight: 600
    }

        .sidenav-reviews .title-link p {
            display: table-cell;
            vertical-align: middle;
            line-height: 15px;
            padding-left: 7px
        }

    .sidenav-reviews .rating {
        padding: 7px 0 0
    }

    .sidenav-reviews .review-name {
        color: #3b3d3b;
        font-weight: 700
    }

    .sidenav-reviews .review-body {
        padding: 8px 5px 5px;
        line-height: 15px;
        color: #3b3d3b
    }

    .sidenav-reviews .btn-info {
        width: 100%;
        padding: 8px 0 5px
    }

    .sidenav-reviews img {
        display: table-cell;
        vertical-align: middle;
        min-width: 64px;
        max-width: 64px
    }

.nav > .disabled > a {
    color: #dadbd9
}

    .nav > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: default
    }

.pagination {
    margin-top: 5px
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0
    }

        .pagination ul > li {
            display: inline
        }

            .pagination ul > li > a, .pagination ul > li > span {
                float: left;
                text-decoration: none;
                border-radius: 4px;
                color: #3b3d3b;
                text-shadow: 0 1px 0 #fff;
                background-color: #f0f0f0;
                background-image: linear-gradient(180deg,#fff,#dadbd9);
                background-repeat: repeat-x;
                border: 1px solid #b3b5b2;
                box-shadow: inset 0 1px 0 #fff,0 1px 2px #dadbd9;
                font-size: 13px;
                line-height: 13px;
                padding: 9px 8px 5px;
                font-weight: 600;
                margin-left: 5px;
                min-width: 10px;
                text-align: center
            }

                .pagination ul > li > a:hover {
                    color: #fff;
                    text-shadow: 0 1px 0 #02070b;
                    background-color: #3D7504;
                    background-image: linear-gradient(180deg,#5FB709,#3D7504);
                    background-repeat: repeat-x;
                    border-color: #3D7504;
                    box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad
                }

                    .pagination ul > li > a:hover:active {
                        background-color: #5FB709;
                        background-image: linear-gradient(180deg,#3D7504,#1c5900);
                        background-repeat: repeat-x;
                        box-shadow: inset 0 1px 2px #02070b,0 1px 0 #fff
                    }

        .pagination ul > .active > a, .pagination ul > .active > span {
            cursor: default;
            text-shadow: 0 1px 0 #02070b;
            color: #fff;
            background-color: #3D7504;
            background-image: linear-gradient(180deg,#5FB709,#3D7504);
            background-repeat: repeat-x;
            border-color: #3D7504;
            box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad
        }

        .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span {
            color: #a1a4a0;
            cursor: default
        }

            .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:hover:hover, .pagination ul > .disabled > span:hover {
                color: #a1a4a0
            }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            padding: 8px 8px 5px
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            padding: 7px 8px 5px;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            width: auto
        }

            .pagination ul > li:last-child > a i, .pagination ul > li:last-child > span i {
                font-size: 13px;
                position: relative;
                top: 1px
            }

#paging .pull-left {
    margin-top: 12px;
    margin-bottom: 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 20px
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-mini ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > a, .pagination-small ul > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-mini ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > a, .pagination-small ul > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 13.6px
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 12px
}

.pager {
    margin: 16px 0;
    list-style: none;
    text-align: center;
    *zoom: 1
}

    .pager:after, .pager:before {
        display: table;
        content: "";
        line-height: 0
    }

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:hover {
                text-decoration: none;
                background-color: #f5f5f5
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span {
        color: #dadbd9;
        background-color: #fff;
        cursor: default
    }

.modal-open .modal .dropdown-menu, .modal-open .modal .dropdown.open {
    *z-index: 2050
}

.modal-open .modal .popover {
    z-index: 2060
}

.modal-open .modal .tooltip {
    z-index: 2080
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: #000
}

    .modal-backdrop.fade {
        opaCity: 0
    }

    .modal-backdrop.show {
        opaCity: .5
    }

.modal {
    position: fixed;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 70%;
    margin: 0 0 0 -35%;
    background-color: #fff;
    border: 1px solid #6a6a6a;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0,0,0,.4)
}

@media(min-width:1430px) {
    .modal {
        width: 1000px;
        margin-left: -500px
    }
}

@media(min-width:946px) {
    .modal.modal-sm {
        width: 500px;
        margin-left: -250px
    }

        .modal.modal-sm .modal-body {
            max-height: 500px
        }
}

@media(min-width:600px) {
    .modal.modal-xs {
        width: 250px;
        margin-left: -125px
    }

        .modal.modal-xs .modal-body {
            min-height: 0
        }
}

@media(min-width:600px) {
    .modal.modal--accessories {
        width: 400px !important;
        margin-left: -200px !important;
        left: 50%
    }
}

.modal.fade {
    transition: all .2s ease;
    transform: translate3d(0,-30px,0)
}

    .modal.fade.in, .modal.fade.show {
        transform: translateZ(0)
    }

.modal .lt-ie9 .modal.fade {
    display: none;
    filter: alpha(opaCity=0)
}

.modal .lt-ie9 .modal.fade, .modal .lt-ie9 .modal.in, .modal .lt-ie9 .modal.show {
    display: block;
    filter: alpha(opaCity=100)
}

.modal .lt-ie9.no-js .modal {
    display: none
}

.modal .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #dadbd9
}

.modal .modal-header--gray-lg {
    background: #f6f7f5;
    font-weight: 600;
    font-size: 19px;
    padding: 15px 20px
}

    .modal .modal-header--gray-lg .close {
        font-size: 24px
    }

    .modal .modal-header--gray-lg + .modal-body {
        padding-left: 20px;
        padding-right: 20px
    }

.modal .modal-header .close {
    opaCity: .4
}

.modal .modal-header h3 {
    margin: 0;
    line-height: 22px
}

.modal .modal-header .sub-text {
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 auto 5px;
    text-align: left;
    color: #484a47
}

.modal .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 750px;
    min-height: 200px;
    padding: 15px
}

    .modal .modal-body .loading {
        background: #fff url(/med/loader.gif) no-repeat 50%;
        background-size: 25px 25px;
        width: 100%;
        height: 200px
    }

    .modal .modal-body .ag-single .product-image {
        border-right: none
    }

    .modal .modal-body .ag-single .highlights {
        margin: 0 0 4%
    }

        .modal .modal-body .ag-single .highlights li {
            font-size: 1em;
            padding-left: 30px
        }

@media(min-width:0px) and (max-width:599px) {
    .modal .modal-body .ag-single.modal-review-wrap .add-to-cart, .modal .modal-body .ag-single.modal-review-wrap .details, .modal .modal-body .ag-single.modal-review-wrap .pricing, .modal .modal-body .ag-single.modal-review-wrap .product-image {
        width: 100%;
        float: none
    }

    .modal .modal-body .ag-single.modal-review-wrap .add-to-cart {
        margin: 0 !important
    }
}

.modal .modal-body .ag-single .pricing {
    margin: 20px 0;
    text-align: center
}

    .modal .modal-body .ag-single .pricing .free-shipping {
        margin: 10px auto 0
    }

.modal .modal-body .ag-single .add-to-cart {
    margin: 0 9%
}

.modal .modal-body .ag-single .map-pricing, .modal .modal-body .ag-single .out-of-stock {
    width: 45%;
    margin-top: 15px
}

    .modal .modal-body .ag-single .map-pricing .enter-email, .modal .modal-body .ag-single .out-of-stock .enter-email {
        margin-top: 15px
    }

        .modal .modal-body .ag-single .map-pricing .enter-email h2, .modal .modal-body .ag-single .out-of-stock .enter-email h2 {
            text-align: center;
            line-height: .9em;
            color: #cf3700
        }

        .modal .modal-body .ag-single .map-pricing .enter-email p, .modal .modal-body .ag-single .out-of-stock .enter-email p {
            text-align: center;
            line-height: .9em;
            font-size: .8em;
            color: #cf3700
        }

    .modal .modal-body .ag-single .map-pricing .input-append form, .modal .modal-body .ag-single .out-of-stock .input-append form {
        text-align: center;
        margin-top: 15px
    }

    .modal .modal-body .ag-single .map-pricing .input-append .btn-mini, .modal .modal-body .ag-single .out-of-stock .input-append .btn-mini {
        height: 28px;
        line-height: 0
    }

.modal .modal-body .ag-single .modal-review-wrap .add-to-cart, .modal .modal-body .ag-single .modal-review-wrap .details, .modal .modal-body .ag-single .modal-review-wrap .pricing, .modal .modal-body .ag-single .modal-review-wrap .product-image {
    width: 100%;
    float: none
}

.modal .modal-body .ag-single .modal-review-wrap .add-to-cart {
    margin: 0
}

.modal .modal-body .ag-single .details {
    overflow: hidden
}

    .modal .modal-body .ag-single .details .overallreview {
        margin: 0 0 4%
    }

        .modal .modal-body .ag-single .details .overallreview #reviews {
            display: inline
        }

        .modal .modal-body .ag-single .details .overallreview .rating {
            top: 3px;
            left: 10px;
            font-size: 1.5em;
            position: relative
        }

    .modal .modal-body .ag-single .details .fadetext {
        position: relative;
        bottom: 0;
        height: 120px;
        background-color: hsla(0,0%,100%,.4);
        background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
        background-repeat: repeat-x;
        background-color: transparent
    }

.modal .modal-form {
    margin-bottom: 0
}

.modal .modal-footer {
    padding: 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1
}

    .modal .modal-footer:after, .modal .modal-footer:before {
        display: table;
        content: "";
        line-height: 0
    }

    .modal .modal-footer:after {
        clear: both
    }

    .modal .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal--accessories .modal-footer {
    box-sizing: border-box
}

    .modal--accessories .modal-footer .btn {
        float: left
    }

    .modal--accessories .modal-footer .btn-cart {
        width: 60%
    }

        .modal--accessories .modal-footer .btn-cart + .btn-close {
            margin-left: 2%
        }

    .modal--accessories .modal-footer .btn-close {
        width: 38%
    }

.modal--accessories .ag-single select {
    top: 0
}

.modal--accessories .messages {
    margin-top: 15px;
    margin-bottom: 0
}

.modal--accessories .form__error {
    font-size: 14px;
    text-align: center
}

.modal--multi-addr *, .modal--multi-addr:after, .modal--multi-addr :before {
    box-sizing: border-box
}

.modal--multi-addr .modal-header {
    background: #f6f7f5;
    font-weight: 600;
    font-size: 19px;
    padding: 15px 20px;
    border-radius: 4px 4px 0 0;
    position: relative
}

.modal--multi-addr .close {
    transform: translateY(-50%);
    font-size: 28px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: 0
}

.modal--multi-addr .modal--footer {
    background: 0 0;
    border: 0
}

.modal__table {
    width: 100%;
    display: table;
    table-layout: fixed
}

.modal__table-cell {
    text-align: left;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px
}

    .modal__table-cell:fist-child {
        margin-top: 0
    }

@media(min-width:768px) {
    .modal__table-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        width: auto
    }
}

.modal__table-cell:first-child {
    padding-left: 0
}

.modal__table-cell:last-child {
    padding-right: 0
}

.modal__text {
    font-size: 14px;
    line-height: 1.3
}

.modal__action {
    font-weight: 600;
    margin-right: 15px
}

    .modal__action:last-child {
        margin-right: 0
    }

@media(min-width:768px) {
    .modal__btns {
        width: 50%
    }
}

.modal__btn-split {
    width: 49%;
    margin-left: 2%;
    float: left;
    margin-top: 0
}

    .modal__btn-split:first-child {
        margin-left: 0
    }

@media(min-width:768px) {
    .modal__btn-split {
        width: 50%;
        float: none
    }
}

.modal__total {
    font-weight: 600;
    font-size: 18px
}

@media(min-width:768px) {
    .modal__total {
        text-align: right
    }
}

#user-data-policy-modal {
    position: fixed
}

.modal.bs-native {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    margin: 0;
    width: 100%;
    opaCity: 0;
    pointer-events: none;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: none
}

body .main-col .box .modal.bs-native {
    opaCity: 0
}

    body .main-col .box .modal.bs-native.show {
        opaCity: 1
    }

.modal.bs-native .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-30px);
    box-shadow: 0 3px 7px rgba(0,0,0,.4)
}

.modal.bs-native.in, .modal.bs-native.show {
    pointer-events: all;
    opaCity: 1
}

    .modal.bs-native.in .modal-dialog, .modal.bs-native.show .modal-dialog {
        transition: transform .3s ease-out;
        transform: translate(0)
    }

.modal.bs-native .modal-dialog {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0
}

.modal.bs-native .modal-content {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    background-color: #fff
}

.modal.bs-native .modal-title {
    margin: 0
}

.modal.bs-native .modal-body {
    *zoom: 1
}

    .modal.bs-native .modal-body:after, .modal.bs-native .modal-body:before {
        display: table;
        content: "";
        line-height: 0
    }

    .modal.bs-native .modal-body:after {
        clear: both
    }

.modal.bs-native .ag-carousel-nav .ag-car-next:after, .modal.bs-native .ag-carousel-nav .ag-car-prev:after {
    height: 0
}

@media(min-width:600px) {
    .modal--lg.bs-native, .modal--md.bs-native, .modal--sm.bs-native, .modal--xs.bs-native {
        max-width: none
    }
}

@media(min-width:600px) {
    .modal--xs, .modal--xs.bs-native .modal-dialog {
        max-width: 250px
    }
}

@media(min-width:600px) {
    .modal--sm, .modal--sm.bs-native .modal-dialog {
        max-width: 400px
    }
}

@media(min-width:600px) {
    .modal--md, .modal--md.bs-native .modal-dialog {
        max-width: 600px
    }
}

@media(min-width:600px) {
    .modal--lg, .modal--lg.bs-native .modal-dialog {
        max-width: 800px
    }
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #dadbd9;
    position: relative;
    font-weight: 600;
    border-radius: 4px 4px 0 0
}

    .modal-header .close {
        transform: translateY(-50%);
        font-size: 28px;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: 0;
        color: #aeb0ad
    }

    .modal-header h3 {
        margin: 0;
        line-height: 22px
    }

    .modal-header .sub-text {
        font-size: 12px;
        line-height: 17px;
        text-transform: uppercase;
        font-weight: 400;
        margin: 0 auto 5px;
        text-align: left;
        color: #484a47
    }

.modal-header--gray {
    background: #f6f7f5
}

.modal--login .modal-logo {
    display: block;
    max-width: 220px;
    margin: 0 auto -10px
}

.modal--login .modal-footer {
    text-align: center;
    padding: 0 15px 20px;
    margin-top: -12px;
    background: 0 0;
    border-top: 0
}

.modal--login .password-link {
    margin-top: 5px;
    margin-bottom: 10px
}

.modal--login .link--gray {
    color: #a9aba8
}

    .modal--login .link--gray:hover {
        color: #3b3d3b
    }

.modal--login .modal-body--padded {
    padding: 15px 30px 25px;
    min-height: 0;
    max-width: 400px;
    margin: 0 auto
}

@media(min-width:600px) {
    .modal--login.modal:not(.bs-native) {
        max-width: 500px !important;
        margin: 0 auto !important;
        right: 0;
        left: 0;
        position: relative
    }

    .modal--login.bs-native .modal-dialog {
        max-width: 500px
    }
}

.cutdown {
    font-size: 15px;
    line-height: 1.4
}

    .cutdown .modal-dialog {
        max-width: 780px !important
    }

        .cutdown .modal-dialog .modal-body {
            padding: 0
        }

.cutdown__column {
    padding: 25px
}

.cutdown__column--bordered {
    border-top: 1px solid #ddd
}

@media(min-width:600px) {
    .cutdown__column--bordered {
        border-top: none;
        border-left: 1px solid #ddd
    }
}

.cutdown__table {
    width: 100%;
    font-size: 13px;
    border-top: 1px solid #ddd
}

    .cutdown__table td {
        height: 23px
    }

    .cutdown__table tr:first-child td {
        padding-top: 10px
    }

.cutdown__form {
    margin-bottom: 13px
}

    .cutdown__form label {
        font-size: 14px;
        margin-bottom: 4px
    }

.cutdown__info__name {
    margin-bottom: 3px
}

.cutdown__info__number {
    color: #777;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd
}

.cutdown .help-text {
    font-size: 12px;
    color: #888;
    line-height: 1.2
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    padding: 5px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 16px;
    font-size: 11px;
    opaCity: 0
}

    .tooltip.in {
        opaCity: .8
    }

    .tooltip.top {
        margin-top: -3px
    }

    .tooltip.right {
        margin-left: 3px
    }

    .tooltip.bottom {
        margin-top: 3px
    }

    .tooltip.left {
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

#cart .more-info {
    color: #0073a8;
    z-index: 2;
    position: relative;
    font-size: 15px
}

    #cart .more-info:hover {
        color: #00628f
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover.gbb-popover {
        width: 300px;
        transform: translate(-100%,-50%);
        margin-left: -15px
    }

        .popover.gbb-popover.show {
            display: block;
            opaCity: 0
        }

        .popover.gbb-popover.in {
            opaCity: 1
        }

        .popover.gbb-popover .loading {
            background: #fff url(../../med/loader.gif) no-repeat 50%;
            background-size: 50px;
            width: 100%;
            height: 100px
        }

        .popover.gbb-popover .popover-body, .popover.gbb-popover .popover-content {
            font-size: 1.1rem
        }

        .popover.gbb-popover .details {
            flex: 1
        }

.popover-header, .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

    .popover-header:empty, .popover-title:empty {
        display: none
    }

.popover-body, .popover-content {
    padding: 9px 14px;
    font-size: 13px;
    line-height: 1.4em
}

    .popover-body > p, .popover-content > p {
        margin-bottom: 0
    }

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

    .popover .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right .arrow:after {
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.popover .popover-title {
    min-height: 15px
}

.bs-popover-bottom .arrow, .bs-popover-top .arrow {
    left: 50% !important
}

    .bs-popover-bottom .arrow:after, .bs-popover-top .arrow:after {
        left: 50%
    }

.bs-popover-left .arrow, .bs-popover-right .arrow {
    top: 50% !important
}

    .bs-popover-left .arrow:after, .bs-popover-right .arrow:after {
        top: 50%
    }

.bs-popover-top {
    margin-bottom: 15px
}

    .bs-popover-top .arrow {
        transform: translate(-50%,100%);
        bottom: 0;
        border-top-color: rgba(0,0,0,.25)
    }

        .bs-popover-top .arrow:after {
            border-top-color: #fff;
            bottom: 1px;
            transform: translate(-50%,50%)
        }

.bs-popover-right {
    margin-left: 15px
}

    .bs-popover-right .arrow {
        transform: translate(-100%,-50%);
        left: 0;
        border-right-color: rgba(0,0,0,.25);
        border-left: 0
    }

        .bs-popover-right .arrow:after {
            border-right-color: #fff;
            left: 6px;
            transform: translate(-50%,-50%);
            border-left: 0
        }

.bs-popover-bottom {
    margin-top: 15px
}

    .bs-popover-bottom .arrow {
        transform: translate(-50%,-100%);
        top: 0;
        border-bottom-color: rgba(0,0,0,.25)
    }

        .bs-popover-bottom .arrow:after {
            border-bottom-color: #fff;
            top: 1px;
            transform: translate(-50%,-50%)
        }

.bs-popover-left {
    margin-right: 15px
}

    .bs-popover-left .arrow {
        transform: translate(100%,-50%);
        right: 0;
        border-left-color: rgba(0,0,0,.25)
    }

        .bs-popover-left .arrow:after {
            border-left-color: #fff;
            right: 1px;
            transform: translate(50%,-50%)
        }

.media, .media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1
}

    .media:first-child {
        margin-top: 0
    }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media .pull-left {
    margin-right: 10px
}

.media .pull-right {
    margin-left: 10px
}

.media-list {
    margin-left: 0;
    list-style: none
}

.badge {
    display: inline-block;
    padding: 1px 7px 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    color: #fff;
    vertical-align: top;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    margin-right: -10px;
    background-color: #dadbd9;
    border-radius: 9px;
    float: right;
    margin-top: 1px
}

    .badge:empty {
        display: none
    }

a.badge:focus, a.badge:hover, a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-important {
    background-color: #f78c00
}

    .badge-important[href] {
        background-color: #9c2900
    }

.badge-warning {
    background-color: #f78c00
}

    .badge-warning[href] {
        background-color: #c46f00
    }

.badge-success {
    background-color: #468847
}

    .badge-success[href] {
        background-color: #356635
    }

.badge-info {
    background-color: #0094de
}

    .badge-info[href] {
        background-color: #0072ab
    }

.badge-inverse {
    background-color: #3b3d3b
}

    .badge-inverse[href] {
        background-color: #222322
    }

.tag {
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    vertical-align: baseline;
    white-space: nowrap;
    padding: 2px 6px 1px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    display: inline
}

    .tag, .tag:hover {
        color: #fff
    }

.tag-important {
    background-color: #cf3700
}

    .tag-important:hover[href] {
        background-color: #9c2900
    }

.tag-warning {
    background-color: #f78c00
}

    .tag-warning:hover[href] {
        background-color: #c46f00
    }

.tag-success {
    background-color: #468847
}

    .tag-success:hover[href] {
        background-color: #356635
    }

.tag-info {
    background-color: #24556d
}

    .tag-info:hover[href] {
        background-color: #183747
    }

.tag-inverse {
    background-color: #949793
}

    .tag-inverse:hover[href] {
        background-color: #888b86
    }

.tag-shipping {
    background-color: #0073a8
}

.tag-outline {
    background-color: transparent;
    text-shadow: none;
    border: 1px solid transparent;
    color: #468847;
    padding-top: 3px;
    line-height: 11px;
    padding-bottom: 2px
}

    .tag-outline:hover[href] {
        border-color: rgba(70,136,71,.5);
        color: #468847
    }

.plus-enrolled .tag-shipping, [hidden] {
    display: none !important
}

label.payment {
    cursor: default
}

label.militaryShippingZipCodeInfo {
    display: none
}

.ag-filter .filter-list__section .icon-question .filter-list__content:after, .bundle-item .bundle-status:before, .matchup-thumbs li.winning:after, .shootout-checkbox.active {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    text-transform: none
}

[hidden] {
    display: none !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-capitalize {
    text-transform: capitalize
}

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

.display-inline-block {
    display: inline-block
}

.display-block {
    display: block
}

.text-strike {
    text-decoration: line-through
}

.text-red {
    color: #cf3700
}

.text-light-green {
    color: #2c8c00
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.mw-100 {
    max-width: 100%
}

.mw-90 {
    max-width: 90%
}

.mw-80 {
    max-width: 80%
}

body .page-container {
    position: relative
}

    body .page-container #footer, body .page-container #page, body .page-container .article-box .section, body .page-container .cart-security, body .page-container .main-col .box *, body .page-container .toolbar {
        opaCity: 1
    }

.ag-filter .filter-list__section .icon-question .filter-list__content:after, .bundle-item .bundle-status:before, .matchup-thumbs li.winning:after, .shootout-checkbox.active {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    text-transform: none
}

.around-icon {
    display: inline-block
}

.icon-compare:before {
    content: "\E0A6"
}

.icon-eye:before {
    content: "\E70A"
}

.icon-tags:before {
    content: "\E70D"
}

.icon-rss:before {
    content: "\E73A"
}

.icon-expand:before {
    content: "\E744"
}

.icon-left-open:before {
    content: "\E75D"
}

.icon-up-micro:before {
    content: "\E7A8"
}

.icon-minus:before {
    content: "\E800"
}

.bundle-item .bundle-child.backordered .bundle-status:before, .icon-clock:before {
    content: "\E802"
}

.icon-video:before {
    content: "\E805"
}

.icon-truck:before {
    content: "\E806"
}

.icon-wrench:before {
    content: "\E807"
}

.icon-attention:before {
    content: "\E808"
}

.icon-dollar:before {
    content: "\E809"
}

.icon-select-empty:before {
    content: "\E80A"
}

.icon-calendar:before {
    content: "\E80B"
}

.icon-cancel:before {
    content: "\E80C"
}

.icon-home:before {
    content: "\E80D"
}

.icon-export:before {
    content: "\E80E"
}

.icon-download:before {
    content: "\E80F"
}

.icon-play-circled:before {
    content: "\E810"
}

.icon-pause:before {
    content: "\E811"
}

.icon-volume:before {
    content: "\E812"
}

.icon-volume-mute:before {
    content: "\E813"
}

.icon-users:before {
    content: "\E818"
}

.icon-heart:before {
    content: "\E819"
}

.icon-gamepad:before {
    content: "\E81A"
}

.icon-medkit:before {
    content: "\E81B"
}

.icon-food:before {
    content: "\E81C"
}

.icon-thumbs-up:before {
    content: "\E81D"
}

.icon-thumbs-down:before {
    content: "\E81E"
}

.icon-history:before {
    content: "\E820"
}

.icon-select:before {
    content: "\E853"
}

.icon-mail:before {
    content: "\E856"
}

.icon-photo:before {
    content: "\E859"
}

.icon-grid:before {
    content: "\E860"
}

.icon-text:before {
    content: "\E863"
}

.icon-phone:before {
    content: "\E866"
}

.icon-award:before {
    content: "\E868"
}

.icon-box:before {
    content: "\E872"
}

.icon-globe:before {
    content: "\E876"
}

.icon-reload:before {
    content: "\E877"
}

.icon-amazon:before {
    content: "\E879"
}

.icon-print:before {
    content: "\E880"
}

.icon-pin:before {
    content: "\E81F"
}

.icon-minus-circle:before {
    content: "\E821"
}

.icon-plus-circle:before {
    content: "\E822"
}

.icon-facebook-line:before {
    content: "\F09A"
}

.icon-pinterest-line:before {
    content: "\F231"
}

.icon-gplus:before {
    content: "\F30F"
}

.icon-picture:before {
    content: "\E823"
}

.icon-fontsize:before {
    content: "\E824"
}

.icon-attention-circled:before {
    content: "\E825"
}

.icon-info-circled:before {
    content: "\E826"
}

.modal-open {
    position: relative;
    overflow: hidden
}

    .modal-open.page-overflow .modal-scrollable, .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .page-container .navbar-fixed-top {
        overflow-y: scroll
    }

@media(max-width:979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .page-container .navbar-fixed-top {
        overflow-y: visible
    }
}

.modal-scrollable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.modal {
    outline: none;
    position: absolute;
    margin-top: 0;
    overflow: visible
}

    .modal, .modal.fade.in {
        top: 10%
    }

.modal-body {
    max-height: none;
    overflow: visible
}

.modal.modal-absolute {
    position: absolute;
    z-index: 950
}

.modal .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px
}

.modal-backdrop.modal-absolute {
    position: absolute;
    z-index: 940
}

.modal-backdrop, .modal-backdrop.fade.in {
    opaCity: .5;
    filter: alpha(opaCity=50)
}

.modal.compare-box.affix .compare-container, .modal.container {
    width: 940px;
    margin-left: -470px
}

.modal-overflow.modal {
    top: 1%
}

    .modal-overflow.modal.fade {
        top: -100%
    }

        .modal-overflow.modal.fade.in {
            top: 1%
        }

.modal-overflow .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media(min-width:1200px) {
    .modal.compare-box.affix .compare-container, .modal.container {
        width: 1170px;
        margin-left: -585px
    }
}

@media(max-width:979px) {
    .modal, .modal.compare-box.affix .compare-container, .modal.container, .modal.modal-overflow {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }

        .modal.compare-box.affix .compare-container.fade.in, .modal.container.fade.in, .modal.fade.in, .modal.modal-overflow.fade.in {
            top: 2%;
            bottom: auto
        }

    .modal-body, .modal-overflow .modal-body {
        position: static;
        margin: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important
    }

    .modal-footer, .modal-overflow .modal-footer {
        position: static
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes shake {
    0%,to {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}

.shake {
    animation-name: shake
}

.toolbar, .uiChrome {
    background-image: linear-gradient(#e4e5e4,#cfd1cf);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3);
    border: 1px solid #a9aba8
}

@media(reference) {
    .intl-shipping-blurb {
        display: none
    }

        .intl-shipping-blurb.banner {
            display: block;
            margin: 0;
            border-radius: 0;
            background: #dadbd9;
            color: #000;
            border: 0;
            border-bottom: 1px solid #aeb0ad;
            font-size: 12px
        }

            .intl-shipping-blurb.banner .close {
                top: 2px
            }

            .intl-shipping-blurb.banner .circle {
                background: #1c9bd9;
                box-shadow: 0 1px 0 hsla(0,0%,100%,.5),inset 0 1px 3px rgba(0,0,0,.2);
                border-radius: 50%;
                width: 23px;
                height: 23px;
                position: relative;
                text-align: center;
                line-height: 23px;
                display: inline-block;
                margin-right: 5px
            }

            .intl-shipping-blurb.banner .check {
                font-size: 15px;
                color: #fff;
                text-shadow: 0 1px 2px rgba(0,0,0,.2)
            }
}

@media(reference) and (min-width:946px) {
    .intl-shipping-blurb.banner {
        display: none
    }
}

@media(reference) and (min-width:946px) {
    .intl-shipping-blurb {
        display: block;
        float: right;
        font-size: 11px;
        text-shadow: 0 1px 0 hsla(0,0%,100%,.6);
        color: #000;
        line-height: 1;
        margin-top: 8px;
        padding-left: 30px;
        padding-right: 13px;
        position: relative
    }

        .intl-shipping-blurb a {
            color: inherit
        }

        .intl-shipping-blurb strong {
            display: block;
            font-size: 14px
        }

        .intl-shipping-blurb:after, .intl-shipping-blurb:before {
            display: block;
            position: absolute
        }

        .intl-shipping-blurb:before {
            content: " ";
            background: #1c9bd9;
            box-shadow: 0 1px 0 hsla(0,0%,100%,.5),inset 0 1px 3px rgba(0,0,0,.2);
            border-radius: 50%;
            width: 23px;
            height: 23px;
            left: 0;
            top: 1px
        }

        .intl-shipping-blurb:after {
            content: "\E884";
            font-size: 15px;
            color: #fff;
            text-shadow: 0 1px 2px rgba(0,0,0,.2);
            left: 5px;
            top: 5px
        }
}

body.open, html.mobile-open {
    height: 100%;
    overflow: hidden
}

body.open {
    position: relative
}

@media(max-width:945px) {
    #global-navigation {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .open #global-navigation {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media(min-width:600px) and (max-width:945px) {
    #global-navigation {
        box-shadow: none;
        transition: transform .15s ease-in-out
    }

    .open #global-navigation {
        box-shadow: 0 0 20px rgba(0,0,0,.4)
    }
}

.page-container {
    position: relative;
    height: 100%
}

@media(min-width:600px) and (max-width:945px) {
    .page-container:after {
        content: "";
        position: absolute;
        top: 46px;
        z-index: -1;
        width: 100%;
        height: 100%;
        opaCity: 0;
        transition: opaCity .15s ease-in-out
    }

    .open .page-container:after {
        content: "";
        z-index: 5;
        opaCity: 1;
        background-color: rgba(0,0,0,.6)
    }
}

@media(max-width:945px) {
    .has-flyout .flyout, .nav-parent-types .flyout {
        display: block !important
    }
}

@media(min-width:946px) {
    .has-flyout .flyout, .nav-parent-types .flyout {
        height: 0;
        opaCity: 0;
        margin-top: -2000px
    }
}

@media(max-width:945px) {
    .flyout {
        background-image: linear-gradient(-180deg,#fff 23%,#f7f7f7)
    }
}

@media(min-width:946px) {
    .flyout-open .is-open .has-flyout:hover .flyout, .flyout-open .is-open .nav-parent-types:hover .flyout {
        display: block;
        height: auto;
        opaCity: 1;
        margin-top: -2px;
        animation: none
    }
}

@keyframes flyoutNav {
    0% {
        height: 0;
        opaCity: 0;
        margin-top: -2000px
    }

    to {
        height: auto;
        opaCity: 1;
        margin-top: -2px
    }
}

@media(max-width:599px) {
    .home #global-search {
        margin-bottom: 24px;
        top: -1px
    }

    .home.custom-header--uspca #global-search, .home.plus-enrolled #global-search {
        top: 0
    }

    .open #global-search {
        position: relative;
        z-index: 12
    }
}

@media(max-width:599px) {
    .flyout-nav {
        margin-top: 98px
    }
}

@media(max-width:945px) {
    .flyout-nav {
        position: absolute !important;
        top: 0 !important;
        width: 100%;
        height: 100%;
        height: calc(100% - 104px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background-color: #fff
    }
}

@media(min-width:600px) and (max-width:945px) {
    .flyout-nav {
        top: 46px !important;
        max-width: 50%;
        margin-top: 0;
        height: calc(100% - 54px)
    }
}

@media(min-width:946px) {
    .flyout-nav .nav-parent-types .nav-parent-list {
        display: none
    }
}

@media(max-width:945px) {
    .flyout-nav .nav-parent-types:hover .nav-parent-list {
        display: block
    }
}

@media(min-width:946px) {
    .flyout-nav .nav-parent-types:hover .nav-parent-list {
        display: none !important
    }
}

.nav-child.business-type > a {
    position: relative;
    padding-right: 30px;
    border-right: 1px solid #02070b;
    border-radius: 0 5px 5px 0;
    background-color: #287d00;
    background-image: linear-gradient(180deg,#1c9bd9,#3D7504);
    box-shadow: 0 2px 2px rgba(1,3,0,.25),inset 0 1px 0 #50b4f5,inset 1px 0 0 rgba(39,123,173,.5)
}

@media(min-width:1430px) {
    .nav-child.business-type > a {
        border-radius: 0 5px 0 0
    }
}

.nav-child.business-type > a .icon-down-micro {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px
}

.flyout {
    box-sizing: border-box;
    z-index: -1;
    display: none;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 20px 25px 25px;
    background-color: #fff
}

.expand .flyout {
    height: auto
}

@media(max-width:945px) {
    .flyout {
        display: none !important;
        padding: 0 0 0 18px
    }
}

@media(min-width:946px) {
    .flyout {
        position: absolute;
        left: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.25),0 5px 20px 0 rgba(0,0,0,.2)
    }
}

.flyout__title {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #f0f0f0
}

@media(max-width:945px) {
    .flyout__title {
        display: none
    }
}

.flyout__title a {
    margin-left: 15px;
    font-size: 13px
}

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

.categories__column.column--flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end
}

@media(min-width:1140px) {
    .categories__column.column--flex {
        width: 100%;
        float: left
    }
}

.featured-categories {
    box-sizing: border-box;
    margin-bottom: 20px
}

@media(max-width:945px) {
    .featured-categories {
        width: 100%
    }
}

@media(min-width:946px) {
    .featured-categories {
        display: flex;
        justify-content: flex-start;
        flex: 0 100%
    }
}

.featured-categories .featured {
    flex: 1 1 20%;
    box-sizing: border-box;
    margin: 0 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

@media(max-width:945px) {
    .featured-categories .featured {
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px;
        font-weight: 400;
        color: #3b3d3b;
        text-align: left;
        border-bottom: 1px solid #e6e6e6
    }

        .featured-categories .featured:last-of-type {
            border-bottom: 0
        }
}

@media(min-width:946px) {
    .featured-categories .featured {
        text-align: center
    }
}

@media(min-width:946px) and (max-width:1279px) {
    .featured-categories .featured {
        font-size: 14px;
        padding: 0 5px
    }
}

.featured-categories .featured__graphic {
    display: block;
    width: 83px;
    max-width: 80%;
    margin: 0 auto 10px;
    padding: 5px;
    border: 1px solid transparent
}

@media(max-width:945px) {
    .featured-categories .featured__graphic {
        display: none
    }
}

.featured-categories .featured:hover .featured__graphic {
    border: 1px solid #d9ddd7
}

.featured-categories .featured--mobile-parent {
    display: none
}

@media(max-width:945px) {
    .featured-categories .featured--mobile-parent {
        display: block;
        font-weight: 600;
        color: #5FB709
    }
}

.flyout-category {
    width: 100%;
    margin: 0;
    flex: 1 1 20%;
    list-style: none;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media(max-width:945px) {
    .flyout-category {
        display: none
    }
}

.flyout-category__title {
    font-size: 16px;
    font-weight: 600
}

    .flyout-category__title a:focus, .flyout-category__title a:hover {
        color: #3D7504
    }

.flyout-category li {
    width: 90%
}

.sub-category {
    margin-top: 8px
}

    .sub-category, .sub-category a {
        display: block;
        padding-right: 15px;
        font-size: 14px;
        color: #3b3d3b
    }

        .sub-category:focus, .sub-category:hover, .sub-category a:focus, .sub-category a:hover {
            text-decoration: underline
        }

.highlights__column {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    margin-top: 20px
}

@media(min-width:1140px) {
    .highlights__column {
        display: block;
        width: 16.5%;
        margin-top: 0;
        padding-left: 20px;
        float: left
    }
}

.highlights__column.hide {
    display: none
}

.highlight {
    margin-right: 20px
}

@media(min-width:1140px) {
    .highlight {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.highlight a {
    display: inline-block
}

.highlight p {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 600;
    color: #3b3d3b
}

@media(min-width:1140px) {
    .highlight p {
        margin: 10px 0 5px
    }
}

.highlight span {
    font-size: 14px;
    font-weight: 600;
    color: #5FB709
}

.highlight__image, .highlight__text {
    display: inline-block;
    vertical-align: middle
}

@media(min-width:1140px) {
    .highlight__image, .highlight__text {
        display: block;
        width: 100%
    }
}

.highlight__image {
    width: 90px
}

.highlight__text {
    margin-left: 5px
}

@media(min-width:1140px) {
    .highlight__text {
        margin-left: 0
    }
}

@media(min-width:946px) {
    .nav-parent-link {
        padding: 7px 6px 9px
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .nav-parent-link {
        padding: 7px 4px 9px 6px
    }
}

@media(min-width:1280px) {
    .nav-parent-link {
        padding-top: 9px;
        padding-bottom: 11px
    }
}

@media(min-width:946px) and (max-width:1023px) {
    .nav-parent-types {
        max-width: 35px
    }
}

@media(min-width:1024px) and (max-width:1099px) {
    .nav-parent-types {
        max-width: 94px
    }
}

@media(min-width:1100px) {
    .nav-parent-types .nav-parent-link {
        min-width: 75px
    }
}

.nav-parent-list .divider + .nav-child {
    display: none
}

.awesomplete {
    display: block;
    position: static
}

    .awesomplete ul {
        margin-top: 47px;
        z-index: 11;
        border-radius: 5px;
        border: none;
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        background-clip: padding-box
    }

    .awesomplete li {
        position: relative;
        display: flex
    }

        .awesomplete li.first {
            border-top: 1px solid #ddd
        }

    .awesomplete .result:first-child {
        border-radius: 5px 5px 0 0;
        padding: 12px 10px;
        border-left: 0
    }

    .awesomplete .result {
        flex: 1 1 100%;
        padding: 7px 10px 5px;
        white-space: normal;
        font-size: 14px;
        border-left: 1px solid #ddd
    }

    .awesomplete [aria-selected=true] .result {
        background: #41a3d5;
        text-shadow: 0 1px 1px rgba(0,0,0,.25);
        color: #fff
    }

    .awesomplete .result-section {
        flex: 0 0 116px;
        background: #f0faff;
        padding: 8px 4px 0 12px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #0073a8;
        text-shadow: 0 1px #fff
    }

    .awesomplete li:last-child .result-section {
        border-bottom-left-radius: 5px
    }

@media(reference) {
    body {
        margin: 0;
        font-size: 1.1em;
        line-height: 1.5em;
        color: #3b3d3b;
        background-color: #eef0ed;
        background-repeat: repeat;
        font-family: proxima_nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif
    }

        body .mobile-only {
            display: none
        }

    .quicklook {
        display: none !important
    }

    .box, .grid-module, .toggle {
        background: #fff;
        border: 1px solid #dadbd9;
        border-radius: 4px;
        margin-bottom: 20px
    }

        .box:last-child, .grid-module:last-child, .toggle:last-child {
            margin-bottom: 0
        }

        .box + .box, .grid-module + .box, .toggle + .box {
            margin-top: 20px
        }

    .compare-box.affix .compare-container, .container {
        padding: 0 20px;
        *zoom: 1
    }

        .compare-box.affix .compare-container:after, .compare-box.affix .compare-container:before, .container:after, .container:before {
            display: table;
            content: "";
            line-height: 0
        }

        .compare-box.affix .compare-container:after, .container:after {
            clear: both
        }

    .page-white {
        background: #fff;
        padding: 40px 0 20px;
        margin: -30px 0 0
    }

    a {
        color: #5FB709
    }

        a, a:hover {
            text-decoration: none
        }

            a:hover {
                color: #3D7504
            }

    .linklist {
        margin-left: 0;
        text-align: center
    }

        .linklist li {
            display: inline;
            margin: 0;
            padding: 0
        }

            .linklist li a {
                color: #eef0ed;
                padding: 10px 2%
            }

                .linklist li a:hover {
                    color: #fff
                }

                .linklist li a:active {
                    position: relative;
                    top: 1px
                }

    .aside .page-header-2 {
        margin: 0 0 15px;
        font-family: inherit;
        font-weight: 600;
        color: #3b3d3b;
        text-rendering: optimizeLegibility;
        text-shadow: 0 1px 0 #fff;
        font-size: 18px;
        line-height: 20px;
        margin-top: 0
    }

        .aside .page-header-2 small {
            font-weight: 400;
            line-height: 1;
            color: #dadbd9
        }

        .aside .page-header-2.uiChrome {
            margin: 0;
            padding: 8px 10px 6px !important;
            border-bottom-color: #aeb0ad !important;
            border-radius: 4px 4px 0 0
        }

    .aside .box.text {
        font-size: .8em;
        line-height: 1.5em
    }

        .aside .box.text :last-child {
            margin-bottom: 0
        }

    #sidebar .padded {
        padding: 20px
    }
}

@media(reference) and (min-width:946px) {
    body, body button, body input, body select, body textarea {
        font-family: proxima_nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

@media(reference) and (min-width:0px) and (max-width:599px) {
    .compare-box.affix .compare-container, .container {
        padding: 0 10px
    }
}

@media(reference) and (min-width:768px) {
    .compare-box.affix .compare-container, .container {
        margin: 0 auto;
        max-width: 890px
    }
}

@media(reference) and (min-width:946px) {
    .compare-box.affix .compare-container, .container {
        padding: 0 15px;
        max-width: 916px
    }
}

@media(reference) and (min-width:1024px) {
    .compare-box.affix .compare-container, .container {
        padding: 0 10px;
        max-width: 974px
    }
}

@media(reference) and (min-width:1100px) {
    .compare-box.affix .compare-container, .container {
        padding: 0 40px;
        max-width: 1200px
    }
}

@media(reference) and (min-width:1430px) {
    .compare-box.affix .compare-container, .container {
        padding: 0 7%;
        max-width: 1920px
    }
}

@media(reference) and (width:812px) and (orientation:landscape) {
    .compare-box.affix .compare-container, .container {
        padding-left: constant(safe-area-inset-left) !important;
        padding-right: constant(safe-area-inset-right) !important
    }
}

@media(reference) and (min-width:600px) {
    .page-white {
        margin-bottom: -60px;
        padding: 60px 0 30px
    }
}

@media(reference) and (min-width:1100px) {
    .page-white {
        padding: 50px 0 80px;
        margin: -30px 0 -60px
    }
}

@media(reference) and (max-width:1439px) {
    .container-break {
        padding: 0;
        max-width: none
    }
}

.page-header-promo {
    display: none
}

@media(min-width:768px) {
    .page-header-promo {
        display: block;
        float: right;
        margin-top: 5px
    }
}

.header__promo-block {
    display: table;
    padding: 5px;
    border: 1px solid transparent
}

    .header__promo-block:hover {
        background: #e7e9e6;
        border: 1px solid #e0e2df;
        border-radius: 4px
    }

.header__promo-block--light {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #e9ebe8
}

.header__promo-image, .header__promo-text {
    display: table-cell;
    vertical-align: middle
}

.header__promo-image {
    padding-right: 8px;
    border-right: 1px solid #aeb0ad;
    box-shadow: inset -1px 0 0 hsla(0,0%,100%,.3)
}

.header__promo-image--no-border {
    border-right: 0;
    padding-right: 0
}

.header__promo-image .svg-resource {
    width: 25px;
    height: 25px;
    display: block
}

.header__promo-image .promo-image--sm {
    max-width: 50px
}

.header__promo-text {
    padding: 4px 10px;
    max-width: 200px
}

.header__promo-title {
    display: block;
    margin: 0 0 2px;
    color: #3b3d3b;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    text-shadow: 0 1px 0 #fff
}

.header__promo-action {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin: 0
}

.container-product-listing {
    display: flex;
    flex-direction: column
}

    .container-product-listing .padded-subtle, .container-product-listing .page-header-content {
        flex: 1 1 auto;
        order: 1
    }

.container-tuck {
    margin-top: -6px
}

@media(min-width:600px) {
    .container-tuck {
        margin-top: -65px
    }
}

@media(min-width:946px) {
    .fixed-side-right {
        padding-right: 300px
    }

        .fixed-side-right #main {
            float: left
        }

            .fixed-side-right #main > * {
                margin-right: 20px
            }

        .fixed-side-right #sidebar {
            float: right;
            margin-right: -300px;
            width: 300px
        }

    .fixed-side-left {
        padding-left: 300px
    }

        .fixed-side-left #main, .fixed-side-left .grid-main {
            float: right
        }

            .fixed-side-left #main > *, .fixed-side-left .grid-main > * {
                margin-left: 20px
            }

        .fixed-side-left #sidebar, .fixed-side-left .grid-side {
            float: right;
            margin-left: -100%;
            width: 300px
        }

    .fixed-side-left-go-top {
        padding-left: 300px
    }

        .fixed-side-left-go-top #main, .fixed-side-left-go-top .grid-main {
            float: right
        }

            .fixed-side-left-go-top #main > *, .fixed-side-left-go-top .grid-main > * {
                margin-left: 20px
            }

        .fixed-side-left-go-top #sidebar, .fixed-side-left-go-top .grid-side {
            float: left;
            clear: left;
            margin-left: -300px;
            width: 300px
        }

    .fixed-side-right-go-top {
        padding-right: 300px
    }

        .fixed-side-right-go-top #main, .fixed-side-right-go-top .grid-main {
            float: left
        }

            .fixed-side-right-go-top #main > *, .fixed-side-right-go-top .grid-main > * {
                margin-right: 20px
            }

        .fixed-side-right-go-top #sidebar, .fixed-side-right-go-top .grid-side {
            float: right;
            clear: right;
            margin-right: -300px;
            width: 300px
        }

    .fixed-go-to-top {
        position: relative;
        padding-left: 209px
    }

        .fixed-go-to-top #main, .fixed-go-to-top .grid-main {
            float: left;
            position: relative;
            z-index: 2
        }

        .fixed-go-to-top #sidebar, .fixed-go-to-top .grid-side {
            float: left;
            margin-left: -209px;
            width: 209px
        }

        .expand #page, .fixed-go-to-top.hide-filter {
            padding-left: 0;
            left: 0
        }

            .expand #page #main, .fixed-go-to-top.hide-filter #main {
                float: left;
                position: relative;
                z-index: 2
            }

                .expand #page #main > *, .fixed-go-to-top.hide-filter #main > * {
                    margin-left: -1px
                }

            .expand #page #sidebar, .fixed-go-to-top.hide-filter #sidebar {
                display: none
            }

    .small-side-left {
        padding-left: 200px
    }

        .small-side-left #main, .small-side-left .grid-main {
            float: right;
            margin-top: 10px
        }

            .small-side-left #main > *, .small-side-left .grid-main > * {
                margin-left: 20px
            }

        .small-side-left #sidebar, .small-side-left .grid-side {
            margin-top: 20px;
            float: left;
            clear: left;
            margin-left: -200px;
            width: 200px
        }

    .centered {
        width: 644px;
        margin: 0 auto
    }
}

#page #main {
    width: 100%
}

@media(min-width:0px) and (max-width:945px) {
    #page #main {
        margin-bottom: 20px
    }
}

#page #sidebar .box {
    margin-bottom: 20px
}

    #page #sidebar .box + .ag-mini {
        margin-top: 57px
    }

.fixed-go-to-top .ag {
    width: 100%;
    box-sizing: border-box
}

.page-header-content {
    font-size: 13.2px;
    line-height: 22.44px;
    margin-top: 20px
}

@media(min-width:946px) {
    .page-header-content {
        margin: 10px 0 0 214px
    }
}

.page-header-content [data-target="#supporting-content"] {
    display: none
}

.page-header-content #supporting-content {
    height: auto
}

.affix-side {
    position: relative
}

.ag-category + .small p:last-child {
    margin-bottom: 0
}

.toolbar + .box {
    border-radius: 0 0 4px 4px
}

.vid-thumb {
    width: 32%;
    float: left;
    padding-right: 3%
}

    .vid-thumb img {
        padding: 2px;
        border: 1px solid #c9c9c9;
        margin: 0 5px 0 0
    }

@media(min-width:0px) and (max-width:945px) {
    .vid-thumb {
        width: auto
    }
}

.vid-desc {
    width: 64%;
    float: left;
    font-size: .9em;
    line-height: 1.4em
}

.category-banner {
    margin-bottom: 15px
}

    .category-banner a {
        display: block
    }

.page-bottom-content {
    margin-top: 20px;
    width: 96%
}

    .page-bottom-content p:last-child {
        margin-bottom: 0
    }

.padded {
    padding: 2%
}

.padded-vertical {
    padding: 2% 0
}

.padded-subtle {
    margin: 15px 5px 0
}

@media(max-width:945px) {
    .padded-subtle {
        margin: 15px 0 0
    }
}

@media(max-width:599px) {
    .padded-subtle {
        margin: 15px 10px 0
    }
}

.grid-side .padded {
    padding: 20px
}

.banner-ad {
    max-width: 600px;
    width: 60%;
    float: none
}

    .banner-ad + .page-header {
        float: none;
        margin: 16px 0 11px
    }

@media(min-width:1024px) {
    .banner-ad {
        float: right;
        margin-bottom: 10px
    }

        .banner-ad + .page-header {
            width: 40%;
            margin-top: 13px
        }
}

.split {
    width: 49%;
    float: left;
    margin-right: 0 !important;
    margin-bottom: 20px
}

    .split:first-child {
        margin-right: 2% !important
    }

    .split .padded {
        padding: 20px
    }

.frame-container {
    position: relative;
    z-index: 1;
    border-radius: 4px
}

.frame {
    margin-bottom: 20px;
    display: block
}

    .frame, .frame embed, .frame iframe, .frame img, .frame object {
        border-radius: 4px
    }

        .frame img {
            display: block;
            z-index: -1;
            position: relative;
            width: 100%;
            max-width: 100%
        }

.bordered {
    padding: 4px;
    border: 1px solid #c8c9c7;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

    .bordered embed, .bordered iframe, .bordered img, .bordered object {
        border-radius: 2px
    }

.inset {
    padding: 0;
    border: 0;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.35)
}

    .inset img {
        border-radius: 4px
    }

.outset {
    padding: 0;
    border: 0;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.2),0 1px 4px rgba(0,0,0,.5)
}

    .outset img {
        border-radius: 4px
    }

.frame-container .frame .bottom, .frame-container .frame .top {
    position: absolute;
    left: 50%;
    float: left
}

    .frame-container .frame .bottom a, .frame-container .frame .top a {
        float: left;
        position: relative;
        left: -50%
    }

.frame-container .frame .bottom {
    bottom: 10px
}

.frame-container .frame .top {
    top: 10px
}

@media(min-width:600px) {
    .custom-header .banner-search-group {
        width: 40%
    }

    .custom-header .banner-logo {
        position: relative;
        overflow: visible
    }

        .custom-header .banner-logo:after {
            content: "";
            display: block;
            margin-left: 370px
        }

    .custom-header--uspca .banner-logo:after {
        background: url(../../med/uspca-logo.png) no-repeat;
        background-size: 95%;
        background-position: 100%;
        width: 200px;
        height: 60px;
        margin-top: 1px;
        border-left: 1px solid #bdbdbd;
        position: absolute;
        top: 0
    }

    .custom-header--uspca.platinum .banner-logo:after {
        margin-top: 13px
    }

    .custom-header--bens .global-header {
        background: url(../../med/bens-bg.jpg) 0 35px repeat-x;
        box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3)
    }

    .custom-header--bens .banner-search input[type=text] {
        border-color: #3b3d3b;
        box-shadow: 0 2px 2px rgba(0,0,0,.2)
    }

    .custom-header--bens .global-menu {
        border-bottom: 1px solid #3b3d3b;
        box-shadow: none
    }

    .custom-header--bens .banner-logo:after {
        background: url(../../med/bens-logo.png) no-repeat;
        width: 150px;
        height: 100px;
        background-size: 100%;
        margin-top: -6px;
        position: absolute;
        top: 0
    }
}

@media(min-width:600px) and (max-width:890px) {
    .custom-header--uspca .banner-logo:after {
        display: none
    }
}

@media(min-width:600px) and (min-width:890px) and (max-width:1023px) {
    .custom-header--uspca .banner-logo {
        width: 288px;
        height: 52px;
        position: relative;
        top: 7px
    }

        .custom-header--uspca .banner-logo:after {
            margin-left: 294px;
            margin-top: 1px;
            height: 50px
        }

    .custom-header--uspca.platinum .banner-logo {
        width: 288px;
        height: 68px;
        top: 18px
    }

        .custom-header--uspca.platinum .banner-logo:after {
            margin-left: 294px;
            margin-top: 9px
        }
}

@media(min-width:600px) and (min-width:767px) and (max-width:1023px) {
    .custom-header--bens .banner-logo:after {
        margin-left: 294px;
        margin-top: -2px;
        width: 110px
    }
}

@media(min-width:600px) and (min-width:600px) and (max-width:767px) {
    .custom-header--bens .banner-logo {
        height: 68px;
        top: 10px
    }
}

@media(min-width:600px) and (min-width:0px) and (max-width:599px) {
    .custom-header--bens .banner-logo {
        height: 68px;
        top: 16px
    }
}

@media(min-width:600px) and (min-width:600px) and (max-width:767px) {
    .custom-header--bens .banner-logo:after {
        display: none
    }
}

@media(min-width:600px) and (min-width:767px) and (max-width:1023px) {
    .custom-header--bens .banner-logo {
        width: 288px;
        height: 68px;
        top: 18px
    }
}

.product-page {
    position: relative;
    clear: both
}

    .product-page #subject .ag-item {
        padding: 20px;
        z-index: 2;
        position: relative
    }

@media only screen and (min-width:600px) and (max-width:945px) {
    .product-page #subject .ag-item {
        padding: 20px 14px
    }
}

.product-page .ribbon-list {
    margin-left: -27px;
    margin-top: -10px
}

.product-page .save-to-btns {
    padding: 0 20px
}

.super-zoom .product-page .save-to-btns {
    margin-bottom: 20px
}

.product-page .save-to-btns .list-btn {
    margin: 0;
    width: 48%;
    padding-left: 0;
    float: left;
    padding-right: 0
}

.product-page .save-to-btns .btn {
    padding-top: 8px;
    padding-bottom: 7px
}

.product-page .save-to-btns .btn-toolbar {
    margin-bottom: 0
}

.product-page .save-to-btns .btn-group {
    margin-right: 4%
}

    .product-page .save-to-btns .btn-group .btn {
        width: 100%
    }

.product-page .save-to-btns .small {
    text-align: center
}

@media screen and (min-width:600px) and (max-width:1100px) {
    .product-page .save-to-btns .add-to {
        display: none
    }
}

@media(min-width:0px) and (max-width:599px) {
    .product-page .save-to-btns {
        margin-top: -10px;
        padding: 0 15px
    }
}

.product-page .ag-product .ag-item .add-to-cart .configure-contain .label--accessories .icon-question {
    right: 0
}

@media screen and (min-width:600px) {
    .product-page .ag-product .ag-item .add-to-cart .configure-contain .label--accessories .icon-question {
        position: relative;
        right: 0;
        display: inline-block
    }
}

.product-page input.input--accessories {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 8px
}

.product-page input.input--brand {
    margin-bottom: 16px
}

.product-page p.accessories--title {
    color: #3b3d3b
}

.product-page div[data-hypernova-key=LotPricingInfo], .product-page div[data-hypernova-key=YouMayAlsoNeedInfo] {
    display: inline
}

.product-page .main-col .parts-comp-table {
    float: left;
    width: 49%
}

@media(min-width:0px) and (max-width:599px) {
    .product-page .main-col .parts-comp-table {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }
}

.product-page .main-col .parts-comp-table:first-child {
    margin-right: 2%
}

.product-page .main-col .parts-overflow {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 290px;
    border-radius: 4px;
    border: 1px solid #d9ddd7;
    margin-right: 1%;
    width: 100%;
    font-size: .9em
}

    .product-page .main-col .parts-overflow table {
        border-top: none
    }

        .product-page .main-col .parts-overflow table td {
            border-right: none
        }

.product-page .details .popover-hover {
    margin-right: 20px
}

.product-page .details .popover-content {
    font-size: 80%;
    line-height: 1.4em
}

.product-page .details ul li {
    margin-bottom: 10px;
    line-height: 1.2em
}

.product-page .productQuestions {
    margin: 0 0 15px 15px
}

    .product-page .productQuestions .box {
        border-radius: 0 0 4px 4px;
        border-top: none;
        padding: 10px
    }

    .product-page .productQuestions dl {
        font-size: .8em;
        line-height: 1.5em;
        margin: 0 0 10px
    }

        .product-page .productQuestions dl dt {
            margin-bottom: 10px
        }

        .product-page .productQuestions dl dd {
            margin: 0;
            font-size: .9em;
            line-height: 1.4em
        }

.product-page .details > .customer-qa-template {
    background: #fff
}

.product-page .customer-qa-wrapper {
    *zoom: 1;
    border: 1px solid #cfd4d6;
    background: #f6fbfd;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    margin: 17px 25px 25px
}

    .product-page .customer-qa-wrapper:after, .product-page .customer-qa-wrapper:before {
        display: table;
        content: "";
        line-height: 0
    }

    .product-page .customer-qa-wrapper:after {
        clear: both
    }

    .product-page .customer-qa-wrapper .customer-qa {
        margin: 0;
        padding: 18px 38px 18px 18px;
        border-bottom: 1px solid #cfd4d6;
        border-top: none;
        box-shadow: inset 0 1px 0 #fff;
        font-size: 14px
    }

@media(min-width:600px) {
    .product-page .customer-qa-wrapper .customer-qa {
        font-size: 15px
    }
}

.product-page .customer-qa-wrapper .customer-qa:hover {
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5)
}

.product-page .customer-qa-wrapper .customer-qa:last-child {
    border-bottom: 0
}

.product-page .customer-qa-wrapper .customer-qa .customer-question {
    padding: 0;
    border: none !important
}

    .product-page .customer-qa-wrapper .customer-qa .customer-question:after {
        top: 18px;
        right: 24px;
        color: rgba(0,0,0,.3)
    }

.product-page .customer-qa-wrapper .customer-qa .csr-answer {
    margin: 0;
    padding-bottom: 0
}

.product-subhead {
    margin-bottom: 12px;
    margin-top: -10px;
    font-size: 13px;
    line-height: 13px;
    text-shadow: 0 1px 0 #fff;
    order: -1
}

@media(min-width:0px) and (max-width:599px) {
    .product-subhead {
        margin-bottom: 6px
    }
}

.product-subhead .rating {
    display: inline-block;
    font-size: 15px;
    margin-right: 3px
}

.product-subhead__rating-link {
    font-weight: 600
}

    .product-subhead__rating-link:hover {
        text-decoration: underline
    }

@media(min-width:0px) and (max-width:599px) {
    .product-subhead__rating-link {
        display: none
    }
}

.product-subhead .item-number, .product-subhead .mfr-number, .product-subhead__rating-link {
    margin-right: 10px
}

#productVariationBlock .variation-list {
    font-size: .8em;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
}

    #productVariationBlock .variation-list ul {
        margin-bottom: 0
    }

    #productVariationBlock .variation-list li:nth-child(odd) {
        background: #f5f5f5
    }

    #productVariationBlock .variation-list li.var-selected:before {
        display: block;
        content: "\E884";
        float: right;
        font-family: fontello;
        line-height: 26px;
        position: relative;
        left: -10px;
        color: #d2d2d2
    }

    #productVariationBlock .variation-list li.var-selected a {
        color: #c1c1c1
    }

        #productVariationBlock .variation-list li.var-selected a:hover {
            background: #f5f5f5;
            color: #c1c1c1;
            text-shadow: none;
            cursor: default
        }

    #productVariationBlock .variation-list a {
        border-radius: 0
    }

#productVariationBlock #suffixhold .tooltip {
    line-height: 18px
}

.
#productVariationBlock #suffixhold a {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    width: 84px
}

@media(min-width:946px) {
    #productVariationBlock #suffixhold a {
        margin: 0 4% 4% 0;
        width: 22%
    }

        #productVariationBlock #suffixhold a:nth-of-type(4n) {
            margin-right: 0
        }
}

#productVariationBlock #suffixhold a img {
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    border: 1px solid #dadbd9;
    padding: 5%;
    margin: 0;
    display: block;
    width: 100%;
    max-width: 84px;
    box-sizing: border-box
}

#productVariationBlock #suffixhold a.var-selected img {
    border: 1px solid #00a5f7
}

.amount-in-cart {
    border: 1px solid #ddd;
    position: relative;
    background: #f1f3f1;
    padding: 8px 20px 14px;
    overflow: hidden;
    border-top: 0;
    z-index: 1;
    animation: fadeInDown .4s
}

@media(max-width:768px) {
    .amount-in-cart ~ .save-to-btns {
        padding-top: 20px !important
    }
}

@media(min-width:600px) {
    .amount-in-cart {
        margin-bottom: 20px;
        border-radius: 0 0 4px 4px
    }
}

@media(min-width:600px) and (max-width:945px) {
    .amount-in-cart:before {
        top: 0 !important
    }
}

@media(min-width:768px) {
    .side-col .amount-in-cart {
        margin-top: -23px
    }
}

.amount-in-cart:before {
    position: absolute;
    content: " ";
    left: 0;
    top: 1px;
    right: 0;
    height: 4px;
    background-color: rgba(0,0,0,.09);
    background-image: linear-gradient(180deg,rgba(0,0,0,.15),transparent);
    background-repeat: repeat-x;
    background-color: transparent
}

.amount-in-cart .amount, .amount-in-cart .total {
    font-size: .8em;
    margin-bottom: 2px
}

.amount-in-cart .amount {
    font-weight: 700;
    text-align: center
}

.amount-in-cart .total {
    float: right
}

.amount-in-cart .btn {
    box-sizing: border-box;
    width: 49%;
    float: left;
    display: block;
    padding: 8px 0;
    border-radius: 3px;
    position: relative;
    z-index: 1
}

    .amount-in-cart .btn.btn-orange {
        float: right
    }

@media(min-width:0px) and (max-width:320px),(min-width:600px) and (max-width:1100px) {
    .amount-in-cart .btn {
        float: none;
        width: 100%;
        margin-bottom: 6px
    }

        .amount-in-cart .btn.btn-orange {
            float: none;
            margin-bottom: 0
        }
}

@keyframes numberIncrementFade {
    0% {
        opaCity: 1;
        transform: scale(1)
    }

    to {
        opaCity: 0;
        transform: scale(4)
    }
}

.cart-utility .btn-glass {
    position: relative
}

    .cart-utility .btn-glass .number-fade {
        position: absolute;
        height: 30px;
        line-height: 30px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        animation: numberIncrementFade .6s
    }

#zoom {
    position: relative
}

.drift-zoom-pane img {
    max-width: 1000px;
    max-height: 1000px
}

.super-zoom #zoom img {
    max-width: 2000px;
    max-height: 2000px
}

.image-note {
    border: 1px solid #fff;
    outline: 1px solid #000;
    position: absolute
}

    .image-note > .background {
        background: #fff;
        opaCity: .2;
        filter: alpha(opaCity=20);
        width: 100%;
        height: 100%
    }

    .image-note > .note {
        background: #fff
    }

#close-super-zoom {
    display: none;
    z-index: 1
}

#gallery {
    width: 70%;
    float: left;
    position: relative;
    box-sizing: border-box
}

    #gallery .box {
        padding: 20px 20px 10px;
        margin-bottom: 0;
        border-radius: 4px 4px 0 0;
        border-bottom: none;
        overflow: hidden;
        min-height: 300px
    }

        #gallery .box.no-thumbnails {
            padding: 20px 20px 0
        }

            #gallery .box.no-thumbnails .thumbnails {
                display: none
            }

@media(min-width:0px) and (max-width:945px) {
    #gallery .box {
        padding-bottom: 0
    }
}

#gallery #zoom .blocker {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    animation: fadeIn .3s both
}

#gallery #no-zoom, #gallery #zoom {
    padding: 0;
    margin: 0 auto
}

    #gallery #no-zoom.movement .zoomImg, #gallery #zoom.movement .zoomImg {
        opaCity: 0 !important
    }

    #gallery #no-zoom #mainImage, #gallery #no-zoom #mainImage img, #gallery #zoom #mainImage, #gallery #zoom #mainImage img {
        margin: 0 auto;
        display: block;
        max-height: 500px
    }

#gallery .disclaimerText {
    text-align: left;
    font-size: .8em;
    line-height: 18px;
    max-width: 63%;
    margin-bottom: 0;
    float: left;
    width: 100%
}

@media(min-width:1100px) {
    #gallery .disclaimerText {
        text-align: center;
        clear: both;
        float: none;
        margin: 0 auto;
        padding-top: 20px
    }
}

@media(min-width:1100px) {
    #gallery .box {
        padding: 20px 204px 20px 20px
    }

        #gallery .box.no-thumbnails {
            padding: 20px
        }
}

#gallery #zoom {
    width: 100%;
    float: left;
    padding: 0
}

    #gallery #zoom a {
        margin: 0 auto
    }

        #gallery #zoom a img {
            max-height: 500px
        }

#gallery #no-zoom {
    width: 100%;
    float: left;
    text-align: center
}

    #gallery #no-zoom img {
        margin: 0 auto;
        display: block;
        max-height: 500px
    }

.thumbnails {
    *zoom: 1;
    position: relative
}

    .thumbnails:after, .thumbnails:before {
        display: table;
        content: "";
        line-height: 0
    }

    .thumbnails:after {
        clear: both
    }

@media(max-width:1099px) {
    .thumbnails {
        margin-top: 20px
    }
}

.thumbnails ul {
    margin: 0
}

.thumbnails li {
    display: block;
    cursor: pointer;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

    .thumbnails li img {
        padding: 4px;
        max-width: 36px;
        height: 36px;
        border: 1px solid #dadbd9;
        box-shadow: 0 2px 2px rgba(0,0,0,.05);
        box-sizing: border-box
    }

    .thumbnails li .icon-play {
        color: #fff;
        text-shadow: 0 2px 5px rgba(0,0,0,.8);
        position: absolute;
        font-size: 1.7em;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0,0,0,.4)
    }

    .thumbnails li.active img {
        border: 1px solid #00a5f7;
        box-shadow: 0 0 6px rgba(0,148,222,.3)
    }

@media(min-width:768px) {
    .thumbnails li:hover img {
        border: 1px solid #00a5f7;
        box-shadow: 0 0 6px rgba(0,148,222,.3)
    }
}

@media(min-width:946px) {
    .thumbnails li img {
        max-width: 60px;
        height: 60px
    }

    .thumbnails li .icon-play {
        text-shadow: 0 2px 5px rgba(0,0,0,.8);
        font-size: 2em;
        line-height: 1.8em
    }
}

@media(min-width:1100px) {
    .thumbnails {
        margin-right: -194px;
        float: right;
        width: 184px;
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden
    }

        .thumbnails li {
            float: left;
            margin-left: 5%;
            margin-right: 1%;
            margin-bottom: 15px;
            width: 43%
        }

            .thumbnails li a {
                display: block;
                width: 76px;
                height: 76px;
                position: relative
            }

            .thumbnails li img {
                max-width: 76px;
                height: 76px;
                width: 100%
            }

            .thumbnails li .icon-play {
                text-shadow: 0 2px 5px rgba(0,0,0,.6);
                font-size: 2.5em;
                line-height: 1.8em;
                background: rgba(0,0,0,.3);
                width: auto;
                height: auto;
                top: 4px;
                right: 4px;
                bottom: 4px;
                left: 4px;
                line-height: 1.5
            }
}

.social-share {
    *zoom: 1;
    position: relative;
    z-index: 2;
    background-color: #eee;
    background-image: linear-gradient(180deg,#f3f4f3,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cdcecc;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3);
    border-radius: 0 0 4px 4px;
    margin-bottom: 20px
}

    .social-share:after, .social-share:before {
        display: table;
        content: "";
        line-height: 0
    }

    .social-share:after {
        clear: both
    }

    .social-share .custom-social {
        padding: 0 7px
    }

    .social-share .btn-group {
        padding-right: 7px
    }

    .social-share .icon-help {
        margin-right: 2px;
        font-size: 11px
    }

@media(min-width:946px) {
    #zoom {
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in
    }

    .super-zoom .pdp-v3 #zoom .gallery-img {
        max-height: 1000px
    }

    .super-zoom .pdp-v3 #gallery {
        z-index: 2;
        float: none;
        width: calc(100% + 420px)
    }

        .super-zoom .pdp-v3 #gallery .thumbnails {
            max-height: 900px
        }

        .super-zoom .pdp-v3 #gallery + .aside {
            position: relative
        }

        .super-zoom .pdp-v3 #gallery #close-super-zoom {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            line-height: 45px;
            font-size: 50px;
            width: 44px;
            height: 44px;
            text-align: center;
            color: #aeb0ad;
            z-index: 101
        }

        .super-zoom .pdp-v3 #gallery #zoom, .super-zoom .pdp-v3 #gallery .box {
            height: 100%
        }

            .super-zoom .pdp-v3 #gallery #zoom #mainImage {
                max-width: 1000px;
                max-height: 100%;
                width: 100%
            }

        .super-zoom .pdp-v3 #gallery #no-zoom, .super-zoom .pdp-v3 #gallery #zoom {
            cursor: -webkit-zoom-out;
            cursor: -moz-zoom-out;
            cursor: zoom-out
        }
}

.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

    .onoffswitch .onoffswitch-label {
        color: #ccc;
        text-shadow: 0 1px 1px hsla(0,0%,100%,.8);
        height: 12px;
        padding: 2px 2px 1px;
        margin: 0;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 3px;
        background: #ececec;
        box-shadow: 0 0 4px rgba(0,0,0,.1),inset 0 1px 3px 0 rgba(0,0,0,.1);
        display: block;
        overflow: hidden;
        cursor: pointer
    }

    .onoffswitch .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin .3s ease-in 0s
    }

        .onoffswitch .onoffswitch-inner:after, .onoffswitch .onoffswitch-inner:before {
            display: block;
            float: left;
            width: 50%;
            height: 13px;
            padding: 0;
            line-height: 13px;
            font-size: 12px;
            color: #fff;
            box-sizing: border-box
        }

        .onoffswitch .onoffswitch-inner:before {
            content: "On";
            padding-left: 5px;
            color: #5FB709
        }

        .onoffswitch .onoffswitch-inner:after {
            content: "Off";
            padding-right: 15px;
            background-color: #eee;
            color: #999;
            text-align: right;
            height: 17px;
            line-height: 18px;
            right: -10px;
            position: relative;
            margin-top: -3px
        }

    .onoffswitch .onoffswitch-switch {
        display: block;
        width: 18px;
        height: 15px;
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 3px;
        background: #fff;
        background-image: linear-gradient(0deg,#ececec,#fff);
        box-shadow: inset 0 1px 0 0 hsla(0,0%,100%,.5);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 30px;
        transition: all .3s ease-in 0s
    }

    .onoffswitch .onoffswitch-checkbox {
        display: none
    }

        .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
            background: #f78c00
        }

            .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
                margin-left: 0;
                text-shadow: none
            }

                .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:before {
                    color: #fff
                }

            .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
                right: 0;
                background-image: linear-gradient(180deg,#ffa126,#df7f00)
            }

.subscription {
    padding: 15px;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px
}

    .subscription.active {
        background-color: rgba(247,140,0,.15);
        border: 1px solid #f78c00
    }

    .subscription.alert {
        padding: 0;
        overflow: hidden;
        margin: 15px 0 40px
    }

        .subscription.alert .header {
            padding: 20px
        }

            .subscription.alert .header .close {
                top: 20px;
                right: 0
            }

            .subscription.alert .header .icon {
                float: left;
                width: 50px;
                height: 50px;
                font-size: 45px;
                border: 2px solid #f78c00;
                border-radius: 100px;
                color: #f78c00;
                line-height: 50px;
                text-align: center;
                margin-right: 15px
            }

                .subscription.alert .header .icon .icon-check {
                    font-size: 30px;
                    top: -4px;
                    position: relative
                }

            .subscription.alert .header h3 {
                font-size: 24px;
                width: auto;
                float: none;
                clear: none;
                margin: 5px 0 0;
                line-height: 25px;
                overflow: hidden
            }

                .subscription.alert .header h3 span {
                    font-size: 13px;
                    line-height: 15px;
                    font-weight: 400;
                    display: block
                }

                .subscription.alert .header h3.success {
                    margin: 13px 0 0
                }

        .subscription.alert .alert-list {
            color: #3b3d3b;
            padding: 0 20px 10px;
            background-color: #fff;
            border-top: 1px solid #f78c00
        }

            .subscription.alert .alert-list .item-listing {
                padding: 10px 0
            }

                .subscription.alert .alert-list .item-listing:hover {
                    background-color: #fff
                }

                .subscription.alert .alert-list .item-listing .order-thumb {
                    width: 60px;
                    min-height: 60px
                }

                .subscription.alert .alert-list .item-listing .col1 {
                    width: 85px
                }

                .subscription.alert .alert-list .item-listing .col4 {
                    width: 25%
                }

            .subscription.alert .alert-list .cta {
                float: right;
                font-size: 15px;
                text-align: right;
                margin-right: 10px;
                margin-top: 25px;
                margin-bottom: 10px
            }

                .subscription.alert .alert-list .cta span {
                    color: #5FB709;
                    font-weight: 700;
                    font-size: 23px
                }

                .subscription.alert .alert-list .cta div {
                    color: #b2b7b1;
                    font-size: 11px;
                    margin-top: 4px
                }

            .subscription.alert .alert-list .btn {
                float: right;
                margin-top: 17px
            }

        .subscription.alert.merge-toggle {
            width: 60%;
            padding: 10px;
            margin: 15px auto 0;
            font-size: 13px
        }

            .subscription.alert.merge-toggle input {
                float: left;
                margin: 0 10px 0 0
            }

            .subscription.alert.merge-toggle span {
                overflow: hidden;
                display: block;
                line-height: 13px
            }

    .subscription .subtop {
        padding-right: 60px
    }

    .subscription .subText {
        float: left;
        line-height: 13px
    }

        .subscription .subText span {
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 10px;
            display: block;
            line-height: 16px
        }

            .subscription .subText span i {
                font-size: 22px;
                position: relative;
                top: 2px;
                margin-right: 5px
            }

                .subscription .subText span i:before {
                    transform: scaleX(-1)
                }

    .subscription .onoffswitch {
        float: right;
        margin-right: -60px
    }

        .subscription .onoffswitch .onoffswitch-switch {
            height: 15px
        }

    .subscription .onoffswitch-inner:before {
        color: #f78c00
    }

    .subscription .subOption {
        padding: 10px 0 0 20px;
        clear: both;
        line-height: 25px
    }

        .subscription .subOption input[type=radio] {
            float: left;
            margin: 5px 0 0 -25px
        }

        .subscription .subOption select {
            margin-bottom: 0;
            margin-top: 6px;
            width: 100%
        }

    .subscription .subSelect {
        float: right;
        width: 100%;
        margin-top: 6px;
        line-height: 13px
    }

.pdp-v3 {
    display: flex;
    flex-direction: column
}

.page-header {
    order: -2
}

@media(max-width:768px) {
    .product-page {
        display: flex;
        flex-direction: column
    }
}

.product-page .main-col {
    margin-bottom: 15px;
    float: left;
    width: 70%
}

    .product-page .main-col .padded {
        *zoom: 1;
        padding: 20px
    }

        .product-page .main-col .padded:after, .product-page .main-col .padded:before {
            display: table;
            content: "";
            line-height: 0
        }

        .product-page .main-col .padded:after {
            clear: both
        }

@media(min-width:600px) and (max-width:945px) {
    .product-page .main-col {
        width: 100%;
        float: none
    }
}

.product-page .side-col {
    margin: 0 0 20px 1.5%;
    float: right;
    clear: right;
    width: 28.5%
}

    .product-page .side-col .padded {
        padding: 20px
    }

    .product-page .side-col .padded-vertical {
        padding: 20px 0
    }

.product-page .lastPurchased {
    margin: 0 0 10px;
    padding: 5px 35px 5px 12px;
    font-size: 12px;
    line-height: 15px
}

    .product-page .lastPurchased:hover {
        background-color: #d3f0ff
    }

    .product-page .lastPurchased:before {
        font-size: 27px;
        line-height: 58px;
        content: "\E801";
        text-align: center;
        height: 50px;
        position: absolute;
        right: 22px;
        margin-top: -13px;
        font-family: fontello;
        font-weight: 400;
        font-style: normal;
        display: inline-block;
        text-decoration: none;
        text-indent: 0;
        text-shadow: 0 1px 0 #fff
    }

    .product-page .lastPurchased.reorder {
        background-color: #feeed8;
        border-color: #f78c00;
        color: #834b00
    }

        .product-page .lastPurchased.reorder:hover {
            background-color: #fff3e1
        }

@media(min-width:0px) and (max-width:599px) {
    .product-page .lastPurchased {
        margin: 0 10px 10px
    }
}

.product-page h3 .icon-question {
    font-size: 13px;
    position: relative;
    top: -1px
}

.product-page h3 .popover {
    font-weight: 400
}

@media(min-width:600px) and (max-width:945px) {
    .social-share .custom-social {
        display: none
    }

    .product-page #gallery {
        width: 54%
    }

    .product-page #subject {
        width: 44.5%
    }

    .product-page .aside, .product-page .main-col {
        width: 100%;
        margin-left: 0;
        float: none;
        clear: both
    }

    #no-zoom, #zoom {
        margin: 0 0 20px;
        width: 100%
    }
}

@media(min-width:0px) and (max-width:599px) {
    .product-page #gallery .box {
        border-radius: 0
    }

    .product-page #gallery .social-share {
        border-width: 0 0 1px;
        border-radius: 0
    }

    .product-page .feature {
        float: none;
        width: 100%;
        margin-left: 0;
        order: 1
    }

    .product-page .main-col .details {
        font-size: 14px;
        line-height: 20px;
        order: 0
    }

    .product-page .main-col .box {
        display: flex;
        flex-direction: column
    }
}

@media(min-width:0px) and (max-width:599px) {
    .product-page #gallery, .product-page .main-col, .product-page .side-col {
        float: none;
        width: 100%;
        margin: 0
    }
}

.downloads {
    *zoom: 1
}

    .downloads:after, .downloads:before {
        display: table;
        content: "";
        line-height: 0
    }

    .downloads:after {
        clear: both
    }

    .downloads .item {
        float: left;
        text-align: center;
        margin-right: 8%;
        margin-bottom: 20px;
        display: block;
        width: 28%
    }

        .downloads .item:nth-child(3n) {
            margin-right: 0
        }

        .downloads .item img {
            width: 100%;
            border: 1px solid #dadbd9;
            box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3),0 1px 2px rgba(0,0,0,.1)
        }

        .downloads .item:hover img, .downloads .item:hover span.fake {
            border: 1px solid #aeb0ad
        }

        .downloads .item:last-child {
            margin-right: 0
        }

    .downloads span {
        display: block;
        margin-top: 5px;
        font-size: 13px;
        line-height: 13px
    }

    .downloads .download_info {
        clear: both;
        font-size: .7em;
        line-height: 1.4em;
        margin-bottom: 0
    }

.warranty-info {
    font-size: .75em;
    line-height: 1.2em
}

    .warranty-info b {
        display: block;
        margin-bottom: 5px
    }

    .warranty-info p a:first-child {
        display: none
    }

    .warranty-info br {
        display: block
    }

        .warranty-info br + br {
            display: none
        }

    .warranty-info p:last-child {
        margin-bottom: 0
    }

.highlights {
    margin: 0 0 20px
}

    .highlights li {
        display: block;
        font-size: .8em;
        line-height: 1.2em;
        color: #3b3d3b;
        padding-left: 20px;
        position: relative;
        margin-bottom: 10px
    }

        .highlights li:before {
            position: absolute;
            left: 0;
            top: 0;
            color: #1c9bd9;
            font-size: 1em
        }

.side-col .side-header {
    font-weight: 700;
    font-size: 15px;
    display: block
}

.side-col .shipping-brief {
    margin-bottom: 0
}

    .side-col .shipping-brief p {
        margin-bottom: 5px
    }

.side-col .side-description {
    font-size: 14px;
    line-height: 18px
}

.side-col .side-float .side-header {
    float: left;
    clear: left;
    width: 51%;
    text-align: left;
    margin: 0
}

.side-col .side-float .side-description {
    text-align: right;
    margin-left: 35%;
    display: block;
    line-height: 30px
}

.side-col .side-float .rating + a {
    display: inline !important
}

.side-col .side-float .rating {
    display: inline
}

.side-col .vendor-logo {
    width: 80%;
    background: #fff;
    padding: 0 10%;
    display: block;
    margin: 0 0 15px;
    margin-top: 10px;
}

    .side-col .vendor-logo img {
        margin: 0 auto;
        display: block
    }

.side-col .vendor-text {
    display: block;
    text-align: center;
    font-size: .8em;
    line-height: 1.2em;
    margin-top: 10px;
}

.meta .popover-content p {
    margin-bottom: 10px;
    font-size: .9em;
    line-height: 1.4em
}

    .meta .popover-content p:last-child {
        margin-bottom: 0
    }

.meta dd, .meta dt {
    margin-bottom: 7px
}

    .meta dd:last-of-type, .meta dt:last-of-type {
        margin-bottom: 0
    }

.meta .reviews strong {
    float: left;
    margin-right: 5px
}

.meta .reviews a {
    top: 0;
    position: relative
}

.meta .rating {
    margin-top: 0;
    height: auto
}

    .meta .rating + a {
        display: block
    }

.meta a.btn {
    margin-top: 5px
}

.side-col .downloads + div {
    margin-top: 20px
}

.side-col .side-section {
    clear: both
}

    .side-col .side-section .header-4 {
        border: none;
        margin: 0;
        padding: 0
    }

#whiteGloveButton {
    border-top: 1px solid #dadbd9;
    padding: 20px 0;
    text-align: center
}

    #whiteGloveButton > p {
        font-style: italic;
        font-size: 1.1em;
        line-height: 1em;
        margin: 0;
        color: #616460;
        display: block;
        padding: 3px 0 0;
        text-shadow: 0 1px 0 hsla(0,0%,100%,.6)
    }

        #whiteGloveButton > p span {
            font-weight: 700;
            font-style: normal;
            text-transform: uppercase;
            display: block;
            font-size: .6em
        }

    #whiteGloveButton a {
        font-size: .6em;
        line-height: 2em;
        display: block;
        margin: -2px 0 -7px
    }

    #whiteGloveButton .popover-content {
        font-size: .75em;
        line-height: 1.4em
    }

        #whiteGloveButton .popover-content p {
            margin-bottom: 10px
        }

        #whiteGloveButton .popover-content :last-child {
            margin-bottom: 0
        }

.product__stat {
    display: flex;
    margin-top: 15px
}

    .product__stat.hide {
        display: none
    }

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

.product__stat-title {
    display: flex;
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    align-items: center
}

.product__stat-desc {
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 17px;
    text-align: right
}

.no-flexbox .product__stat-desc {
    float: right
}

.product__ship {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 15px
}

.product__ship-title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 5px
}

.product__ship-feature {
    position: relative;
    width: 100%;
    max-width: 360px;
    border: 1px solid #dadbd9;
    padding: 15px;
    padding-left: 100px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: -22px;
    background: #fff
}

.product__ship-opt {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700
}

.product__ship-note {
    font-size: 14px;
    line-height: 14px;
    color: #616460;
    margin-top: 2px
}

    .product__ship-note i {
        font-size: 11px;
        color: #aeb0ad;
        margin-left: 3px
    }

.product__ship-icon {
    position: absolute;
    left: 15px;
    top: 6px;
    width: 73px
}

.product__ship-q {
    display: block;
    font-size: 13px
}

.product__ship-feature + .product__ship-q {
    margin-top: 5px
}

.review-section {
    margin-top: 15px
}

    .review-section .full-review ul:not(.rating) li, .review-section .side-col ul:not(.rating) li {
        color: #3b3d3b;
        font-size: .9em;
        line-height: 1.2em
    }

        .review-section .full-review ul:not(.rating) li i, .review-section .side-col ul:not(.rating) li i {
            font-size: 1.1em;
            margin-right: 15px;
            margin-top: 7px;
            margin-left: 15px;
            float: left;
            text-shadow: 0 1px 2px rgba(0,0,0,.1)
        }

@media(min-width:0px) and (max-width:945px) {
    .review-section .full-review .box {
        padding: 20px
    }
}

.review-section .full-review {
    padding: 30px
}

    .review-section .full-review ul {
        margin-bottom: 10px
    }

@media(min-width:768px) {
    .review-section .full-review {
        position: relative;
        margin-bottom: 20px
    }

        .review-section .full-review a, .review-section .full-review p {
            width: 30%
        }

            .review-section .full-review p + p {
                line-height: 22px;
                font-size: 16px
            }

        .review-section .full-review a {
            clear: left
        }

        .review-section .full-review ul:not(.rating) {
            width: 68%;
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            margin-bottom: 0;
            height: 100%
        }

            .review-section .full-review ul:not(.rating) li {
                width: 30%;
                margin-left: 5%;
                float: left;
                text-align: center;
                top: 50%;
                position: relative;
                margin-top: -40px;
                border: none;
                padding: 0
            }

                .review-section .full-review ul:not(.rating) li i {
                    float: none;
                    display: block;
                    font-size: 30px;
                    margin-bottom: 15px
                }

                .review-section .full-review ul:not(.rating) li:first-child {
                    margin-left: 0
                }
}

.review-section .media-list {
    display: flex;
    flex-direction: column
}

.product-review {
    *zoom: 1;
    background: #fff;
    border: 1px solid #dadbd9;
    border-width: 1px 0;
    padding: 24px;
    padding-bottom: 22px;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 14px
}

    .product-review:after, .product-review:before {
        display: table;
        content: "";
        line-height: 0
    }

    .product-review:after {
        clear: both
    }

@media(min-width:600px) {
    .product-review {
        border-radius: 4px;
        border-width: 1px
    }
}

.product-review .product-review__rating {
    float: left;
    font-size: 16px
}

    .product-review .product-review__rating .icon-star + .icon-star {
        margin-left: -2px
    }

@media(min-width:360px) {
    .product-review .product-review__rating {
        font-size: 18px
    }

        .product-review .product-review__rating .icon-star + .icon-star {
            margin-left: 0
        }
}

.product-review__found-this-helpful {
    display: block;
    float: right;
    color: #aeb0ad;
    font-size: 13px;
    line-height: 1;
    margin-top: 2px
}

    .product-review__found-this-helpful .non-essential {
        display: none
    }

@media(min-width:360px) {
    .product-review__found-this-helpful .non-essential {
        display: inline
    }
}

.product-review__text {
    clear: both;
    line-height: 1.4;
    padding: 12px 0 14px
}

.js .product-review__text__overflow {
    display: none
}

.no-js .product-review__text__overflow {
    display: inline
}

.product-review__text .product-review__collapse, .product-review__text .product-review__expand {
    font-weight: 700
}

    .product-review__text .product-review__collapse:after, .product-review__text .product-review__expand:after {
        content: " ";
        display: inline-block;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-left: 4px solid #777;
        margin: 0 5px
    }

.no-js .product-review__text .product-review__collapse, .no-js .product-review__text .product-review__expand {
    display: none
}

.js .product-review.is-expanded .product-review__text__overflow {
    display: inline
}

.js .product-review.is-expanded .product-review__expand {
    display: none
}

@media(min-width:700px) {
    .product-review__byline {
        float: left
    }
}

.product-review__byline strong {
    text-transform: capitalize
}

.product-review__was-this-helpful {
    display: block;
    line-height: 1;
    font-size: 13px;
    color: #aeb0ad;
    margin-top: 12px
}

@media(min-width:700px) {
    .product-review__was-this-helpful {
        float: right;
        margin-top: 2px
    }
}

.product-review__was-this-helpful a {
    color: #ccc;
    font-size: 15px;
    cursor: pointer;
    padding: 0 6px;
    display: inline-block
}

    .product-review__was-this-helpful a:first-of-type {
        margin-left: 2px
    }

.product-review__was-this-helpful .icon-check:hover {
    color: #1c9bd9
}

.product-review__was-this-helpful .icon-cancel:hover {
    color: #bd362f
}

.product-review--customer-service {
    border-color: #a9dcf0;
    background: #e6f8ff;
    border-radius: 0 0 4px 4px;
    margin: 40px -25px -23px;
    position: relative;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.75)
}

    .product-review--customer-service:after, .product-review--customer-service:before {
        content: "";
        display: inline-block;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #a9dcf0;
        position: absolute;
        top: -11px;
        left: 27px
    }

    .product-review--customer-service:after {
        border-width: 11px;
        border-bottom-color: #e6f8ff;
        top: -10px;
        left: 27px
    }

    .product-review--customer-service .product-review__text {
        padding-top: 0;
        padding-bottom: 6px
    }

    .product-review--customer-service .product-review__byline {
        float: none
    }

.review-aggregation-toolbar {
    *zoom: 1;
    font-size: 14px
}

    .review-aggregation-toolbar:after, .review-aggregation-toolbar:before {
        display: table;
        content: "";
        line-height: 0
    }

    .review-aggregation-toolbar:after {
        clear: both
    }

    .review-aggregation-toolbar .left {
        margin-right: 14px;
        float: left
    }

    .review-aggregation-toolbar .right {
        margin-left: 14px;
        float: right;
        margin-top: 5px
    }

.thumbs {
    *zoom: 1
}

    .thumbs:after, .thumbs:before {
        display: table;
        content: "";
        line-height: 0
    }

    .thumbs:after {
        clear: both
    }

.thumbs__item {
    box-sizing: border-box;
    border: 1px solid #dadbd9;
    padding: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

    .thumbs__item:hover {
        border-color: #aeb0ad
    }

.thumbs__image {
    width: 42px;
    height: 42px
}

.thumbs .icon-play {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 38px;
    margin-left: -7px;
    margin-top: -11px
}

.thumbs--bg-cover .thumbs__image {
    background-color: #f3f3f3;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

    .thumbs--bg-cover .thumbs__image img {
        opaCity: 0;
        display: none
    }

.user-uploaded-photo-grid.box {
    display: block
}

.user-uploaded-photo-grid .thumbs__item {
    position: relative
}

.user-uploaded-photo-grid .thumbs__image {
    width: 84px;
    height: 84px
}

@media(min-width:946px) {
    .user-uploaded-photo-grid .thumbs__item {
        margin: 0 4% 4% 0;
        width: 22%
    }

        .user-uploaded-photo-grid .thumbs__item:nth-child(4n) {
            margin-right: 0
        }

        .user-uploaded-photo-grid .thumbs__item .thumbs__image {
            width: 0;
            height: 0;
            width: 100%;
            padding-bottom: 100%
        }
}

.rv-right .rating {
    letter-spacing: 2px
}

.rv-right .icon-star:after {
    font-size: 17px;
    font-family: fontello;
    color: rgba(0,0,0,.13);
    text-shadow: 1px 1px 0 #fff,0 0 0 #d2d2d2,0 0 0 transparent
}

.rv-right .icon-star:first-of-type:last-of-type:after {
    content: "\E804\E804\E804\E804"
}

.rv-right .icon-star:first-of-type + .icon-star:last-of-type:after {
    content: "\E804\E804\E804"
}

.rv-right .icon-star:first-of-type + .icon-star + .icon-star:last-of-type:after {
    content: "\E804\E804"
}

.rv-right .icon-star:first-of-type + .icon-star + .icon-star + .icon-star:last-of-type:after {
    content: "\E804"
}

#recipe-product-ads-new, .feature {
    width: 40%;
    float: right;
    clear: right;
    margin: 0 0 20px 15px
}

    .feature table td {
        text-align: left
    }

    .feature.ads {
        margin-bottom: 0
    }

@media(min-width:946px) {
    .feature.ads {
        text-align: right
    }
}

.feature.ads .pull-right {
    float: none
}

.feature.ads p {
    margin: 0 !important
}

.feature.ads a {
    display: block;
    margin: 0 0 20px !important
}

.feature .toolbar {
    height: auto
}

.details-disclaimer-icon {
    height: 1.1em;
    margin-top: -.3em
}

.warning__text {
    font-size: 16px;
    font-weight: 900;
    line-height: 16px;
    color: #3b3d3b
}

    .warning__text .details-disclaimer-icon {
        height: auto;
        width: 14px
    }

#prop65Modal {
    text-align: left !important
}

.warning__link-text {
    color: #5FB709
}

    .warning__link-text i {
        font-size: 12px
    }

    .warning__link-text:hover {
        color: #3D7504
    }

#prop65-label {
    width: 430px;
    max-width: 100%;
    border: 2px solid;
    text-align: center;
    border-radius: 8px;
    margin: 0 auto;
    padding: 5px;
    font-family: sans-serif
}

    #prop65-label .prop65-label__header {
        display: block;
        width: 100%;
        border-bottom: 2px solid;
        padding: 10px;
        box-sizing: border-box
    }

    #prop65-label .prop65-label__icon, #prop65-label .prop65-label__title {
        vertical-align: middle
    }

    #prop65-label .prop65-label__title {
        vertical-align: middle;
        margin-left: 5px
    }

    #prop65-label p {
        padding: 10px;
        margin: 0;
        font-family: sans-serif;
        font-size: 15px;
        text-align: left
    }

    #prop65-label a {
        color: #000;
        font-weight: 900;
        text-decoration: none
    }

.outlet-notice {
    border-color: #cf3700;
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600
}

    .outlet-notice p {
        margin-bottom: 10px;
        font-weight: 400
    }

    .outlet-notice div {
        font-style: italic;
        font-size: 13px;
        margin-bottom: 10px
    }

    .outlet-notice span {
        text-transform: uppercase;
        margin-bottom: 5px;
        display: block
    }

        .outlet-notice span.heading {
            background-color: #fff;
            color: #cf3700;
            text-transform: uppercase;
            display: block;
            margin: 0 auto 10px;
            margin-top: -17px;
            font-size: 16px;
            width: 200px;
            text-align: center;
            text-decoration: none
        }

@media(min-width:0px) and (max-width:599px) {
    .comparison-container .ribbon-list {
        position: absolute;
        left: 0;
        font-size: 8px !important
    }
}

.comparison-container .comparison-item {
    width: 49%;
    float: left
}

    .comparison-container .comparison-item + .comparison-item {
        float: right
    }

    .comparison-container .comparison-item .altMessageForDiscontinuedProduct {
        padding-bottom: 10px;
        font-size: 12px;
        color: #cf3700;
        line-height: 18px
    }

    .comparison-container .comparison-item .btn-replace {
        width: 100%;
        padding: 7px 0;
        font-size: 14px;
        height: 40px
    }

@media(min-width:0px) and (max-width:599px) {
    .comparison-container .comparison-item .pricing table td, .comparison-container .comparison-item .pricing table th {
        white-space: normal;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        display: block;
        line-height: 1em
    }
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-container .comparison-item .price {
        font-size: 1.7em !important
    }
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-container .comparison-item .pricing table td {
        padding-left: 5px;
        border-top: 0
    }
}

@media only screen and (max-width:599px) {
    .comparison-container .comparison-item {
        width: 100%
    }
}

#comparison .comparison-container, .compare-on #page > *, .compare-on .page-header, .compare-on .ppc-similar-products, .compare-on .product-subhead {
    display: none
}

.compare-on #page .comparison-container, .compare-on #page .modal-mount {
    display: block
}

.compare-on.pdp-v3 .product-page {
    padding-right: 0
}

.compare-on.pdp-v3 .side-col {
    margin-right: 0
}

.comparison-message {
    padding: 0;
    margin-top: 10px;
    position: relative;
    text-align: left;
    display: flex
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-message {
        flex-direction: column
    }
}

.comparison-message .compare_save {
    font-weight: 700;
    font-size: 1.4em
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-message .compare_save {
        font-size: 1.2em;
        margin-top: 0
    }

        .comparison-message .compare_save p {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 10px
        }
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-message + .comparison-item .aside {
        display: none !important
    }
}

.comparison-message .altMessage {
    margin-bottom: 0
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-message .altMessage {
        text-align: left;
        font-size: 14px;
        line-height: 19px
    }
}

.comparison-message .comparison-text {
    padding: 20px;
    flex: 0 1 100%
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-message .comparison-text {
        padding: 18px;
        flex: none
    }
}

.comparison-message .comparison-icon {
    float: left;
    border-radius: 3px 0 0 3px;
    font-size: 70px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #5bab3c;
    background-image: linear-gradient(180deg,#91cc77,#368f19);
    border: 1px solid #909090;
    flex: 0 5 100%;
    display: flex;
    align-items: center;
    min-width: 150px
}

    .comparison-message .comparison-icon.discontinued {
        background-color: #a8aaa6;
        background-image: linear-gradient(180deg,#b8bab7,#9b9d99)
    }

    .comparison-message .comparison-icon i {
        margin: 0 auto
    }

@media only screen and (max-width:599px) {
    .comparison-message .comparison-icon {
        font-size: 45px;
        flex: none;
        min-width: 0;
        height: 60px
    }
}

.comparison-message .btn-toolbar {
    margin-bottom: 0
}

    .comparison-message .btn-toolbar .btn {
        margin: 0 6px
    }

.comparison-message .close {
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 10px
}

.comparison-item .comparison-topper {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    text-align: center;
    padding: 10px 0;
    background-color: #a8aaa6;
    background-image: linear-gradient(180deg,#b8bab7,#9b9d99);
    border: 1px solid #909090;
    border-radius: 3px 3px 0 0
}

    .comparison-item .comparison-topper.recommended {
        background-color: #5bab3c;
        background-image: linear-gradient(180deg,#91cc77,#368f19);
        border: 1px solid #3e9421
    }

    .comparison-item .comparison-topper .icon-right-open {
        display: none
    }

@media only screen and (max-width:599px) {
    .comparison-item .comparison-topper {
        font-size: 14px;
        padding: 4px 0
    }

        .comparison-item .comparison-topper .icon-right-open {
            display: inline-block;
            margin-left: 10px
        }
}

.comparison-item .compared {
    display: flex;
    align-items: center
}

    .comparison-item .compared .vendor-logo {
        flex: 0 1 100%;
        padding: 0 20px 0 0
    }

    .comparison-item .compared .compare-highlights {
        flex: 0 1 100%
    }

@media only screen and (max-width:767px) {
    .comparison-item .compared {
        display: block
    }

        .comparison-item .compared .vendor-logo {
            padding: 10px;
            margin: 0 auto
        }
}

.comparison-item .table-stylized .toolbar:after, .comparison-item .table-stylized .toolbar:before {
    display: none
}

.comparison-item h1 {
    font-size: 1.3em;
    line-height: 1.15em;
    clear: both
}

.comparison-item .product-page > .main-col {
    display: block !important;
    float: left;
    clear: left
}

    .comparison-item .product-page > .main-col .header-2, .comparison-item .product-page > .main-col .video {
        display: none
    }

.comparison-item .details {
    font-size: 80%;
    line-height: 1.4em
}

    .comparison-item .details .header-2 {
        display: none
    }

.comparison-item #subject {
    display: block;
    margin-left: 0;
    width: 100%
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-item #subject .ag-item {
        padding: 20px 10px 10px
    }
}

.comparison-item #subject h1 {
    z-index: 3;
    position: relative
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-item #subject h1 {
        font-size: 1em;
        margin: 0
    }
}

.comparison-item #subject .ag-item {
    border-radius: 0 0 3px 3px;
    border-top: 0;
    display: flex;
    flex-direction: row-reverse
}

.comparison-item #subject .comp-img {
    padding: 0 20px 0 0
}

@media(min-width:768px) {
    .comparison-item #subject .comp-ag, .comparison-item #subject .comp-img {
        flex: 1
    }
}

.comparison-item #subject .comp-ag .disclaimerText {
    font-size: 12px;
    line-height: 13px;
    margin-top: 10px;
    padding: 0
}

.comparison-item #subject .comp-ag .ribbon {
    margin-bottom: 5px
}

.comparison-item #subject .discontinued .comp-ag {
    display: flex;
    align-items: center
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .comparison-item #subject .ag-item {
        display: block
    }

        .comparison-item #subject .ag-item .comp-img {
            padding: 20px 0 0
        }

            .comparison-item #subject .ag-item .comp-img a {
                width: 100%
            }

            .comparison-item #subject .ag-item .comp-img img {
                margin: 0 auto;
                display: block;
                border: 1px solid #b8b8b8;
                padding: 5px;
                box-sizing: border-box
            }
}

.comparison-item .side-col {
    display: none
}

.comparison-item #gallery + .side-col {
    display: block;
    margin-left: 0;
    float: none;
    width: 100%
}

    .comparison-item #gallery + .side-col #whiteGloveButton, .comparison-item #gallery + .side-col .add-to-contain, .comparison-item #gallery + .side-col .vendor-text {
        display: none
    }

    .comparison-item #gallery + .side-col + .main-col {
        float: none;
        width: 100%
    }

    .comparison-item #gallery + .side-col .vendor-logo {
        border: none;
        margin-top: 0
    }

    .comparison-item #gallery + .side-col .feature {
        width: 100%;
        font-size: 18px;
        float: none;
        margin: 0
    }

@media only screen and (max-width:599px) {
    .comparison-item.old #gallery + .side-col {
        display: none
    }
}

.comparison-item #comparison-item {
    display: block;
    float: right
}

    .comparison-item #comparison-item > * {
        width: 100% !important
    }

.video {
    font-size: .8em;
    line-height: 1.4em;
    position: relative;
    z-index: 1
}

    .video.feature .resources {
        margin-top: 12px
    }

    .video .video-ui {
        box-shadow: inset 0 1px hsla(0,0%,100%,.5),0 2px 2px hsla(105,2%,60%,.5);
        margin-bottom: 15px;
        cursor: pointer;
        position: relative;
        background-color: rgba(0,0,0,.18);
        background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3));
        background-repeat: repeat-x;
        transition: all .3s
    }

        .video .video-ui:before {
            color: #fff;
            text-shadow: 0 2px 2px rgba(0,0,0,.4);
            position: absolute;
            left: 50%;
            margin-left: -25px;
            margin-top: -25px;
            top: 50%;
            font-size: 60px;
            padding: 5px;
            height: 40px;
            width: 40px;
            border-radius: 4px;
            background: rgba(0,0,0,.7);
            border: 1px solid #000;
            box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3),0 2px 2px rgba(0,0,0,.4)
        }

        .video .video-ui:hover {
            box-shadow: inset 0 1px hsla(0,0%,100%,.5),0 2px 2px hsla(105,2%,60%,.5);
            background-color: rgba(0,0,0,.13);
            background-image: linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.25));
            background-repeat: repeat-x
        }

            .video .video-ui:hover:before {
                text-shadow: 0 2px 2px rgba(0,0,0,.4),0 0 10px hsla(0,0%,100%,.4)
            }

        .video .video-ui:active:before {
            margin-top: -24px
        }

        .video .video-ui img {
            border-radius: 4px;
            position: relative;
            z-index: -1;
            width: 100%
        }

    .video a.btn-light {
        margin-top: 5px
    }

    .video .video-nav .btn {
        margin-bottom: 5px
    }

    .video.video-2 .video-ui {
        float: left;
        width: 40%;
        margin-right: 3%
    }

    .video.video-2 div.btn-group, .video.video-2 p {
        width: 55%;
        float: left
    }

    .video .about {
        margin-top: 15px
    }

        .video .about p {
            margin: 0
        }

    .video .transcript {
        height: 200px;
        overflow: scroll;
        line-height: 20px;
        margin-top: 15px;
        padding: 15px;
        background: #eef0ed;
        box-shadow: inset 0 0 4px rgba(0,0,0,.2)
    }

    .video .embed textarea {
        margin-top: 15px;
        width: 97%;
        padding: 2%;
        height: 94px
    }

#orderGuide .modal-body {
    *zoom: 1
}

    #orderGuide .modal-body:after, #orderGuide .modal-body:before {
        display: table;
        content: "";
        line-height: 0
    }

    #orderGuide .modal-body:after {
        clear: both
    }

@media(min-width:0px) and (max-width:599px) {
    #orderGuide .modal-footer button {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm {
        max-height: 400px !important;
        overflow: scroll !important
    }
}

#orderGuideForm .addToBox {
    padding: 15px;
    *zoom: 1
}

    #orderGuideForm .addToBox:after, #orderGuideForm .addToBox:before {
        display: table;
        content: "";
        line-height: 0
    }

    #orderGuideForm .addToBox:after {
        clear: both
    }

#orderGuideForm .user-name {
    vertical-align: middle;
    display: inline-block;
    font-weight: 700;
    width: 40%;
    padding: 20px 0
}

    #orderGuideForm .user-name label input[type=checkbox] {
        display: inline-block;
        margin-top: -2px;
        margin-right: 10px
    }

    #orderGuideForm .user-name label span {
        display: inline-block;
        margin-top: 5px
    }

@media(min-width:0px) and (max-width:945px) {
    #orderGuideForm .user-name {
        width: 40%
    }
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm .user-name {
        width: 90%;
        float: left;
        padding: 0
    }
}

@media(min-width:1280px) {
    #orderGuideForm .user-name {
        width: 40%;
        padding: 10px 0
    }
}

#orderGuideForm .order-category {
    width: 55%;
    vertical-align: middle;
    display: inline-block;
    float: right
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm .order-category {
        float: left;
        width: 100%
    }
}

@media(min-width:1280px) {
    #orderGuideForm .order-category {
        width: 55%
    }
}

#orderGuideForm .choose-category {
    width: 100%;
    font-size: .8em;
    float: right;
    padding: 2%
}

    #orderGuideForm .choose-category select {
        max-width: 50%;
        float: right
    }

@media(min-width:0px) and (max-width:945px) {
    #orderGuideForm .choose-category {
        font-size: .7em
    }
}

@media(min-width:1280px) {
    #orderGuideForm .choose-category {
        width: 30%;
        font-size: .8em;
        float: right;
        padding: 2%
    }

        #orderGuideForm .choose-category select {
            max-width: 100%;
            float: none
        }
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm .choose-category {
        width: 100%;
        display: block;
        margin-top: 10px;
        float: left;
        padding: 0
    }

        #orderGuideForm .choose-category select {
            float: left;
            max-width: 100%
        }
}

#orderGuideForm .add-category {
    max-width: 100%;
    font-size: .8em;
    float: right;
    padding: 2%
}

    #orderGuideForm .add-category label {
        display: inline;
        padding-right: 5px;
        font-size: 1em
    }

    #orderGuideForm .add-category input[type=text] {
        margin-bottom: 0;
        width: 150px;
        font-size: 1em;
        display: inline;
        position: relative;
        top: -2px
    }

@media(min-width:1280px) {
    #orderGuideForm .add-category {
        max-width: 60%
    }

        #orderGuideForm .add-category label {
            display: inline;
            padding-right: 5px
        }

        #orderGuideForm .add-category input[type=text] {
            margin-bottom: 0;
            width: 150px;
            display: inline
        }
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm .add-category {
        width: 100%;
        float: none;
        padding: 0
    }

        #orderGuideForm .add-category input[type=text] {
            width: 96%
        }
}

@media(min-width:0px) and (max-width:599px) {
    #orderGuideForm .add-category {
        width: 100%
    }
}

.guide-add {
    min-height: none
}

.modal.guide-add .modal-body {
    padding: 15px 40px;
    max-height: none
}

.guide-add .modal-footer .btn {
    padding: 10px 30px
}

.guide-add__row {
    display: flex;
    align-items: center;
    padding: 20px 10px;
    margin-left: -20px;
    margin-right: -20px;
    flex-wrap: wrap
}

@media(min-width:600px) {
    .guide-add__row {
        flex-wrap: nowrap
    }
}

.guide-add__row .form__multiselect-element.disabled {
    opaCity: 0
}

    .guide-add__row .form__multiselect-element.disabled + .form__multiselect-text {
        pointer-events: none
    }

.guide-add__row .form__multiselect-element, .guide-add__sub {
    transition: .2s
}

.guide-add__section {
    flex: 1 1 33%;
    padding: 0 10px
}

    .guide-add__section:first-child {
        flex: 1 0 100%;
        margin-bottom: 20px
    }

@media(min-width:600px) {
    .guide-add__section:first-child {
        flex: 1 1 33%;
        margin-bottom: 0
    }
}

.guide-add__subtitle {
    margin-bottom: 0
}

.guide-add__sub.disabled {
    opaCity: .5;
    pointer-events: none
}

.guide-add__error {
    color: #bd362f;
    font-size: 14px;
    margin-bottom: 20px
}

.side-col #recipe-product-ads-new {
    width: 100%;
    margin: 0;
    clear: none;
    float: none
}

#adholder + #recipe-product-ads-new, .ads + #recipe-product-ads-new {
    margin-top: 20px
}

#recipe-product-ads-new {
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.08);
    cursor: pointer
}

    #recipe-product-ads-new:before {
        content: "";
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,.24);
        box-sizing: border-box;
        pointer-events: none
    }

    #recipe-product-ads-new:hover:before {
        border-color: rgba(0,0,0,.35)
    }

@media(min-width:0px) and (max-width:599px) {
    #recipe-product-ads-new {
        display: none
    }
}

#recipe-product-ads-new .mini-header {
    max-height: 150px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    #recipe-product-ads-new .mini-header img {
        width: 100%;
        position: relative;
        top: -50px
    }

#recipe-product-ads-new .recipe-content {
    padding: 3%;
    background: #eef0ed
}

    #recipe-product-ads-new .recipe-content p {
        font-size: 13px;
        line-height: 16px;
        margin: 0
    }

        #recipe-product-ads-new .recipe-content p a {
            display: block;
            font-weight: 600;
            font-size: 22px;
            margin: 0 0 5px;
            color: #3b3d3b
        }

    #recipe-product-ads-new .recipe-content .btn {
        margin: 8px 0 0
    }

    #recipe-product-ads-new .recipe-content .feature-ingr {
        text-transform: uppercase;
        font-size: 12px;
        margin: 0 0 5px
    }

#recipe-product-ads-new .feature-multi {
    background: rgba(0,0,0,.8);
    padding: 8px 13px;
    color: #fff;
    width: auto;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 10px;
    font-size: 12px;
    letter-spacing: .04em;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 1.4em;
    text-align: right;
    margin: 0
}

    #recipe-product-ads-new .feature-multi span {
        color: #41cf00;
        font-weight: 600;
        display: block;
        font-size: 17px;
        text-shadow: 1px 1px 1px #000
    }

#recipe-product-ads-new .rep-adstats {
    border-bottom: 1px solid #dadbd9;
    float: left;
    width: 100%;
    margin: 0 0 15px;
    background: #fff
}

#recipe-product-ads-new ul {
    margin: 0
}

#recipe-product-ads-new li {
    list-style-type: none;
    display: inline;
    color: #fff;
    padding: 0 5px
}

#recipe-product-ads-new .stats-main {
    width: 50%;
    float: left;
    padding: 10px 0 13px;
    box-sizing: border-box;
    border-right: 1px solid #dadbd9;
    text-align: center
}

    #recipe-product-ads-new .stats-main p {
        font-size: 32px;
        color: #dc4e44;
        font-weight: 600;
        margin: 0
    }

    #recipe-product-ads-new .stats-main:last-child {
        border: none
    }

#recipe-product-ads-new .recipe-level {
    background: rgba(209,64,19,.74);
    float: right;
    border-radius: 4px;
    position: relative;
    z-index: 3;
    padding: 5px 5px 2px;
    margin: 15px 15px 90px 0
}

.expanded-detail .details {
    width: 100%
}

.expanded-detail .detail-section + .detail-section {
    border-top: 1px solid #dadbd9;
    clear: both
}

.expanded-detail .detail-section:last-child {
    border-bottom: 0
}

.expanded-detail .detail-section.feature-review + .detail-section {
    border-top: 0
}

.expanded-detail .customer-qa-template + .compare-template {
    padding-top: 40px
}

.expanded-detail .certs {
    margin-top: 35px
}

.detail-section .flex-container, .guide-section .flex-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden
}

@media(min-width:0px) and (max-width:599px) {
    .detail-section .flex-container, .guide-section .flex-container {
        align-items: flex-start
    }
}

.exp-crop-padding {
    padding: 0 20px
}

.specs-template, .textimage-highlight-template, .textimage-left-template, .textimage-right-template, .warranty-template {
    padding: 25px 0
}

@media(min-width:0px) and (max-width:599px) {
    .specs-template, .textimage-highlight-template, .textimage-left-template, .textimage-right-template, .warranty-template {
        padding: 20px 0
    }
}

.template-image {
    flex: 0 0 auto;
    max-width: 300px
}

@media(min-width:0px) and (max-width:599px) {
    .template-image {
        flex: 0 0 20%
    }
}

.no-flexbox .template-image {
    float: left;
    max-width: 240px;
    margin-right: 10px
}

.template-text {
    flex: 7 1 auto;
    padding: 30px
}

@media(min-width:0px) and (max-width:599px) {
    .template-text {
        padding: 0 30px
    }
}

.template-text p {
    font-size: 1em
}

    .template-text p:last-child {
        margin-bottom: 0
    }

.template-text .item-header {
    font-weight: 600;
    font-size: 1.8em;
    line-height: 1em;
    margin-bottom: 5px
}

@media(min-width:0px) and (max-width:599px) {
    .template-text .item-header {
        font-size: 1.3em
    }
}

.warranty-template {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 30px 25px
}

    .warranty-template p {
        max-width: 800px;
        margin: 0 auto 5px
    }

        .warranty-template p:last-child {
            margin-bottom: 0
        }

.intro-template .headline {
    padding: 35px 20px 0;
    font-size: 1.6em;
    line-height: 1.2em;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-weight: 400
}

.intro-template .template-text {
    padding: 30px 25px
}

    .intro-template .template-text p {
        font-size: 1.1em
    }

.intro-template .template-image {
    margin: 20px 0
}

.feature-review {
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg,#f3f4f3,#fff);
    border-top: 1px solid #dadbd9;
    border-bottom: 0 !important
}

    .feature-review .review {
        clear: both;
        padding: 40px;
        text-align: center;
        border-bottom: 1px solid #dadbd9
    }

@media(min-width:0px) and (max-width:599px) {
    .feature-review .review {
        padding: 40px 10px
    }
}

.feature-review .review p {
    font-size: 1.2em;
    line-height: 1.3em
}

.feature-review .review .rating {
    font-size: 1.3em;
    margin-bottom: 10px;
    height: 23px
}

    .feature-review .review .rating li {
        margin: 0 2px
    }

.certification-container {
    max-width: 95%;
    margin: 0 auto;
    position: relative;
    top: -35px
}

    .certification-container .flex-outer {
        float: right;
        position: relative;
        left: -50%;
        min-width: 45%;
        margin-bottom: -35px
    }

@media(min-width:0px) and (max-width:599px) {
    .certification-container .flex-outer {
        float: none
    }
}

@media(min-width:600px) and (max-width:945px) {
    .certification-container .flex-outer {
        float: none
    }
}

.certification-container .certifications {
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    justify-content: center;
    position: relative;
    left: 50%;
    overflow: hidden;
    z-index: 1
}

@media(min-width:520px) {
    .expanded-detail .certification-container .certifications li {
        justify-content: center
    }
}

.certification-container .certifications li:last-child {
    border-right: 0
}

@media only screen and (min-width:520px) {
    .certification-container .certifications li {
        flex: 1 1 50%
    }
}

@media only screen and (min-width:1200px) {
    .certification-container .certifications li {
        flex: 1 1 33.33%
    }
}

@media(min-width:600px) {
    .certification-container .certifications li:first-child:nth-last-child(2), .certification-container .certifications li:nth-child(2):last-child {
        width: 50%;
        max-width: 350px
    }
}

.certification-container .certifications li:only-child {
    width: auto
}

    .certification-container .certifications li:only-child .cert-text {
        max-width: 300px
    }

.textimage-left-template .template-text {
    order: 2
}

.textimage-left-template .template-image {
    order: 1
}

    .textimage-left-template .template-image.exp-crop-padding {
        padding-right: 0 !important
    }

.no-flexbox .textimage-left-template .template-image {
    float: left;
    margin-right: 20px;
    margin-left: 0
}

@media(min-width:0px) and (max-width:599px) {
    .no-flexbox .textimage-left-template .template-image {
        width: 20% !important
    }
}

.textimage-right-template .template-text {
    order: 1
}

.textimage-right-template .template-image {
    order: 2
}

    .textimage-right-template .template-image.exp-crop-padding {
        padding-left: 0 !important
    }

.no-flexbox .textimage-right-template .template-image {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

@media(min-width:0px) and (max-width:599px) {
    .no-flexbox .textimage-right-template .template-image {
        width: 20% !important
    }
}

.textimage-highlight-template .template-image {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e7e7e6
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .template-image {
        flex: 0 0 60px;
        margin-right: 10px
    }
}

.textimage-highlight-template .template-text {
    padding: 0
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .template-text {
        flex: 1 1 80%
    }
}

.textimage-highlight-template .template-text p:not(.item-header) {
    font-size: .8em;
    line-height: 1.4em
}

.textimage-highlight-template .highlight-module {
    display: flex;
    flex: 1 1 auto;
    padding: 10px
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .highlight-module {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        display: block
    }
}

.textimage-highlight-template .highlight-item {
    display: flex;
    flex-direction: column;
    padding: 0 20px
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .highlight-item {
        flex-direction: row;
        align-items: flex-start;
        padding: 5px 0;
        margin-bottom: 15px
    }
}

.textimage-highlight-template .highlight-item .item-header {
    font-size: 1.2em;
    margin: 15px 0 5px
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .highlight-item .item-header {
        margin: 0
    }
}

.textimage-highlight-template .highlight-2 .highlight-item {
    flex: 1 1 50%
}

.no-flexbox .textimage-highlight-template .highlight-2 .highlight-item {
    float: left;
    width: 48%;
    box-sizing: border-box
}

.textimage-highlight-template .highlight-2 .template-text {
    max-width: 300px;
    margin: 0 auto
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .highlight-2 .template-text {
        max-width: none
    }
}

.textimage-highlight-template .highlight-2 .template-image {
    margin: 0 auto
}

@media(min-width:0px) and (max-width:599px) {
    .textimage-highlight-template .highlight-2 .template-image {
        margin-right: 10px
    }
}

.textimage-highlight-template .highlight-2 .template-image img {
    width: 100%
}

.no-flexbox .textimage-highlight-template .highlight-2 .template-image {
    margin: 0 auto;
    display: block;
    float: none;
    width: 98%;
    max-width: none
}

.textimage-highlight-template .highlight-3 .highlight-item {
    flex: 1 1 30%
}

.no-flexbox .textimage-highlight-template .highlight-3 .highlight-item {
    float: left;
    width: 33%;
    box-sizing: border-box
}

.textimage-highlight-template .highlight-3 .highlight-item .template-image img {
    width: 100%
}

.no-flexbox .textimage-highlight-template .highlight-3 .highlight-item .template-image {
    width: 90%;
    margin-bottom: 10px
}

.video-template {
    padding: 20px;
    border-top: 1px solid #dadbd9
}

@media(min-width:1100px) {
    .video-template {
        padding: 10px 420px 25px 0
    }
}

.video-template .video-content {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
    box-sizing: border-box
}

@media(min-width:1100px) {
    .video-template .video-content {
        width: 400px;
        float: right;
        padding: 20px;
        margin-right: -400px
    }
}

.video-template .video-content h2 {
    margin-bottom: 0
}

@media(min-width:0px) and (max-width:599px) {
    .video-template .video-content h2 {
        font-size: 120%;
        line-height: 120%
    }
}

.video-template .video-content .btn-group {
    margin-bottom: 10px
}

.video-template .video-content .about p {
    font-size: .9em;
    line-height: 1.3em
}

.video-template .video-content .video-content-box {
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg,#fbfbfb,#fff);
    border: 1px solid #e7e7e6;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    padding: 20px
}

    .video-template .video-content .video-content-box .overflow {
        padding: 0 0 10px;
        height: 150px;
        overflow-y: scroll
    }

    .video-template .video-content .video-content-box .embed textarea {
        margin-top: 15px;
        width: 95%;
        padding: 2%;
        height: 94px
    }

.video-template .video-media {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 10px
}

@media(min-width:1100px) {
    .video-template .video-media {
        float: left;
        padding: 20px 0 20px 30px;
        box-sizing: border-box
    }
}

.video-template .video-media .videofill {
    border-radius: 5px;
    overflow: hidden
}

.video-template .video-media .video-ui {
    border-radius: 5px !important;
    border: 1px solid #000 !important
}

.video-template .product-videos ul.video-overflow {
    list-style: none;
    margin: 0;
    white-space: nowrap;
    padding: 10px 10px 5px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e7e7e6;
    background: linear-gradient(90deg,#fff 20%,hsla(0,0%,100%,0)),linear-gradient(270deg,#fff 20%,hsla(0,0%,100%,0)) 100% 0,linear-gradient(90deg,hsla(0,0%,67%,.42) 10%,hsla(0,0%,100%,0)),linear-gradient(270deg,hsla(0,0%,67%,.42) 10%,hsla(0,0%,100%,0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,5px 100%,5px 100%;
    background-attachment: local,local,scroll,scroll
}

.video-template .product-videos .video-overflow li {
    display: inline-block;
    width: 110px;
    white-space: normal;
    margin-bottom: 0;
    box-sizing: border-box
}

.video-template .product-videos .video-thumbnails {
    border-radius: 4px;
    overflow: hidden
}

.video-template .product-videos .header-5 {
    text-transform: uppercase;
    margin: 10px 0 0
}

.video-template .product-videos .vid-item {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0;
    display: block
}

.compare-template {
    position: relative;
    border-top: 0 !important
}

    .compare-template h2 {
        text-align: center;
        margin: 10px
    }

    .compare-template .compare-table-container {
        position: relative;
        border-top: 1px solid #e7e7e6
    }

        .compare-template .compare-table-container .box {
            border-left: 0;
            border-right: 0;
            border-radius: 0;
            border-bottom: 0
        }

    .compare-template .column-center {
        position: relative;
        display: block;
        top: 50%;
        transform: translateY(-50%)
    }

    .compare-template .table-data {
        overflow: auto;
        margin-left: 140px;
        background: linear-gradient(90deg,#fff 20%,hsla(0,0%,100%,0)),linear-gradient(270deg,#fff 20%,hsla(0,0%,100%,0)) 100% 0,linear-gradient(90deg,hsla(0,0%,67%,.42) 10%,hsla(0,0%,100%,0)),linear-gradient(270deg,hsla(0,0%,67%,.42) 10%,hsla(0,0%,100%,0)) 100% 0;
        background-repeat: no-repeat;
        background-size: 40px 100%,40px 100%,5px 100%,5px 100%;
        background-attachment: local,local,scroll,scroll
    }

@media(min-width:0px) and (max-width:599px) {
    .compare-template .table-data {
        margin-left: 0
    }
}

.compare-template .table-data td:last-child, .compare-template .table-data th:last-child {
    border-right: 0
}

.compare-template .table-data.compare-2 .prod-compare-table {
    width: 100%
}

    .compare-template .table-data.compare-2 .prod-compare-table td:not(.headcol) {
        width: 50%
    }

@media(min-width:768px) {
    .compare-template .table-data.compare-3 .prod-compare-table {
        width: 100%
    }
}

@media(min-width:946px) {
    .compare-template .table-data.compare-3 .prod-compare-table {
        width: auto
    }
}

@media(min-width:1220px) {
    .compare-template .table-data.compare-3 .prod-compare-table {
        width: 100%
    }
}

.compare-template .table-data.compare-3 .prod-compare-table td:not(.headcol) {
    width: 33.33%
}

.compare-template .prod-compare-table {
    width: auto;
    table-layout: fixed;
    margin-bottom: 0;
    border-collapse: separate !important
}

    .compare-template .prod-compare-table td:not(.headcol), .compare-template .prod-compare-table th {
        text-align: center;
        vertical-align: middle;
        padding: 2px 10px;
        line-height: 13px;
        height: 33px;
        font-size: 15px;
        border-top: 1px solid transparent;
        border-left: 1px solid #e7e7e6;
        border-bottom: 1px solid transparent
    }

@media(min-width:0px) and (max-width:599px) {
    .compare-template .prod-compare-table td:not(.headcol), .compare-template .prod-compare-table th {
        padding: 5px 10px;
        min-width: 140px
    }
}

.compare-template .prod-compare-table .headcol {
    position: absolute;
    width: 120px;
    left: 0;
    top: auto;
    margin-top: 0;
    background: inherit;
    padding: 2px 10px;
    line-height: 1em;
    height: 33px;
    font-size: 10px;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    border-top-width: 0;
    border-left: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

@media(min-width:0px) and (max-width:599px) {
    .compare-template .prod-compare-table .headcol {
        display: none
    }
}

.compare-template .prod-compare-table .compare-header td:not(.headcol) {
    vertical-align: top;
    position: relative
}

.compare-template .prod-compare-table .compare-header .headcol {
    border-right: 0
}

.compare-template .prod-compare-table .compare-header .base {
    border-top: 0 !important;
    border-bottom: 0 !important
}

    .compare-template .prod-compare-table .compare-header .base img {
        border: 1px solid #ddd;
        background: #fff
    }

.compare-template .prod-compare-table .base {
    background: #fafdff
}

@media(min-width:0px) and (max-width:599px) {
    .compare-template .prod-compare-table td[data-title]:before {
        content: attr(data-title);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 10px;
        margin: 0 0 6px;
        display: block;
        color: #3f3f3f
    }
}

.compare-template .prod-compare-table tr:nth-child(2n) {
    background: hsla(90,3%,85%,.13)
}

    .compare-template .prod-compare-table tr:nth-child(2n) td.base {
        background: #f4f9fc
    }

.compare-template .prod-compare-table tr:hover td {
    border-color: #dadada
}

.compare-template .prod-compare-table tr:last-child:hover td {
    border-bottom-color: transparent
}

.compare-template .prod-compare-table tr.compare-header:hover td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.compare-template .prod-compare-table .compare-feature {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    text-align: left
}

.compare-template .pricing.fs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px
}

    .compare-template .pricing.fs p {
        margin: 0 auto
    }

.lt-ie9 .compare-template .pricing.fs {
    position: relative;
    margin: 0 auto
}

.compare-template .product-info {
    text-align: center;
    padding: 10px 10px 25px;
    position: relative
}

@media(min-width:0px) and (max-width:945px) {
    .compare-template .product-info {
        padding: 10px 0 25px
    }
}

.compare-template .product-info img {
    display: block;
    margin: 0 auto;
    padding: 6px;
    margin-bottom: 15px;
    max-width: 120px;
    position: relative;
    box-sizing: border-box
}

@media(min-width:0px) and (max-width:945px) {
    .compare-template .product-info img {
        width: 100%
    }
}

.compare-template .product-info .pricing .free-shipping {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
}

.specs-template {
    text-align: center;
    padding: 30px 20px
}

    .specs-template .mini-spec-table {
        display: inline-block;
        margin: 0 auto;
        padding: 0 10px 15px;
        vertical-align: top
    }

        .specs-template .mini-spec-table ul.box {
            list-style-type: none;
            margin: 5px 0 0;
            padding: 0;
            display: block;
            overflow: hidden;
            box-shadow: 0 1px 2px rgba(0,0,0,.13)
        }

@media(min-width:0px) and (max-width:599px) {
    .specs-template .mini-spec-table ul.box {
        border-width: 1px !important;
        border-radius: 4px !important
    }
}

.specs-template .mini-spec-table .spec-row {
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    text-align: left;
    padding: 8px 15px;
    font-size: 15px
}

    .specs-template .mini-spec-table .spec-row:nth-child(2n) {
        background: #f3f4f3
    }

@media(min-width:0px) and (max-width:599px) {
    .specs-template .mini-spec-table .spec-row {
        font-size: 13px
    }
}

.specs-template .mini-spec-table .spec-row span {
    display: table-cell;
    text-align: right
}

    .specs-template .mini-spec-table .spec-row span.spec-label {
        font-weight: 600;
        padding-right: 20px;
        text-align: left
    }

.customer-qa-template {
    background: #f6fbfd;
    float: left;
    width: 100%
}

    .customer-qa-template .header-1 {
        padding: 25px 25px 0;
        display: block;
        width: 100%;
        box-sizing: border-box
    }

@media(min-width:0px) and (max-width:599px) {
    .customer-qa-template .header-1 {
        font-size: 1.5em
    }

        .customer-qa-template .header-1 .btn {
            float: none !important
        }
}

.customer-qa-template .customer-qa {
    float: left;
    width: 100%;
    position: relative;
    z-index: 4;
    cursor: pointer !important;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 20px;
    margin: -1px 0;
    z-index: 2;
    padding: 0 25px
}

    .customer-qa-template .customer-qa:nth-child(odd) .customer-question {
        border-bottom: 1px solid #e5f0f5;
        border-top: 1px solid #e5f0f5
    }

    .customer-qa-template .customer-qa:last-child .customer-question {
        border-bottom: 0
    }

    .customer-qa-template .customer-qa:hover {
        background: #e5f0f5;
        z-index: 3
    }

        .customer-qa-template .customer-qa:hover .customer-question {
            border-color: #e5f0f5
        }

.customer-qa-template .customer-question {
    margin: 0;
    padding: 15px 20px 15px 0;
    font-weight: 600;
    display: block
}

    .customer-qa-template .customer-question:after {
        content: "\E801";
        transform: rotate(90deg);
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        speak: none;
        font-size: 18px;
        position: absolute;
        top: 15px;
        right: 30px;
        color: #ced1cd;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        font-variant: normal;
        text-transform: none
    }

.customer-qa-template .csr-answer {
    display: none
}

.customer-qa-template .qa-open {
    background: #e5f0f5;
    margin-top: -1px;
    padding: 10px 25px;
    z-index: 5;
    border-top: 1px solid #e5f0f5;
    border-bottom: 1px solid #e5f0f5
}

    .customer-qa-template .qa-open .csr-answer {
        display: block;
        margin: -15px 0 0;
        padding: 15px 0;
        position: relative;
        visibility: visible;
        opaCity: 1;
        height: auto
    }

    .customer-qa-template .qa-open .customer-question {
        border-bottom: 0;
        border-color: #e5f0f5
    }

        .customer-qa-template .qa-open .customer-question:after {
            content: "\E80C";
            font-size: 13px;
            color: #b8d6e5;
            font-weight: 700;
            right: 28px
        }

.side-col .side-section + .overall-rating {
    padding-top: 10px
}

.side-col .overall-rating {
    clear: both;
    border-bottom: 1px solid #dadbd9
}

    .side-col .overall-rating .rating {
        font-size: 1.5em;
        line-height: 1.4em
    }

    .side-col .overall-rating a {
        font-weight: 700
    }

    .side-col .overall-rating .review-total {
        display: block;
        font-weight: 400;
        font-size: 13px
    }

    .side-col .overall-rating .side-header {
        line-height: 15px
    }

@media(min-width:0px) and (max-width:599px) {
    .side-col .overall-rating .side-header {
        font-size: 75%
    }
}

@media(min-width:946px) {
    .side-col .overall-rating .side-header {
        width: auto
    }
}

@media(min-width:1280px) {
    .side-col .overall-rating .side-header {
        width: 51%
    }
}

@media(min-width:0px) and (max-width:599px) {
    .side-col .overall-rating .side-description {
        font-size: 75%
    }
}

@media(min-width:946px) {
    .side-col .overall-rating .side-description {
        text-align: left;
        margin-left: 0;
        clear: both
    }
}

@media(min-width:1280px) {
    .side-col .overall-rating .side-description {
        text-align: right;
        margin-left: -35%;
        clear: none
    }
}

.sidebar-spectable {
    background: #fff;
    border: 0
}

    .sidebar-spectable .table td {
        padding: 9px 16px;
        text-align: left
    }

    .sidebar-spectable .toolbar {
        height: auto;
        top: 0
    }

.footer-related-products a {
    border: 1px solid #c0c2bf;
    padding: 0 8px;
    box-shadow: inset 1px 1px 1px hsla(0,0%,100%,.9);
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    margin: 9px 3px 0 0
}

.side-col .productQuestions {
    margin: 0 0 20px
}

.side-col .parts-comp-table {
    box-sizing: border-box
}

.side-col .parts-overflow {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 165px;
    border-radius: 4px;
    border: 1px solid #d9ddd7;
    margin-right: 1%;
    width: 100%;
    font-size: .9em
}

    .side-col .parts-overflow .table-stylized {
        border-top: 0
    }

        .side-col .parts-overflow .table-stylized td {
            border-right: 0
        }

.side-col .ads img {
    width: 100%;
    max-width: 410px;
    border-radius: 4px
}

.side-col .ads a {
    margin-bottom: 20px;
    display: inline-block
}

    .side-col .ads a:last-child {
        margin-bottom: 0
    }

@media(min-width:600px) {
    .side-col .ads a {
        width: 48.5%
    }

        .side-col .ads a:nth-child(2n) {
            margin-left: 1%
        }
}

@media(min-width:946px) {
    .side-col .ads a {
        width: 100%;
        max-width: 410px
    }

        .side-col .ads a:nth-child(2n) {
            margin-left: 0
        }
}

.calculator-template {
    text-align: center;
    padding: 25px 0
}

    .calculator-template .small.muted {
        font-size: 13px;
        margin-top: -10px
    }

.calc {
    border-radius: 4px;
    border: 1px solid #dadbd9;
    background: #fafafa;
    box-shadow: 0 1px 4px rgba(0,0,0,.08),inset 0 1px 0 #fff;
    margin: 20px auto 40px;
    text-align: left;
    line-height: 1.4;
    width: 90%
}

@media(min-width:1500px) {
    .calc {
        width: 80%
    }
}

.calc.is-loading, .calc__body.is-loading {
    position: relative
}

    .calc.is-loading:after, .calc__body.is-loading:after {
        border-radius: 3px;
        z-index: 2;
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: hsla(0,0%,98%,.88)
    }

.calc hr {
    border-top-color: #dadbd9
}

.calc__heading {
    border-bottom: 1px solid #dadbd9;
    padding: 12px 20px;
    *zoom: 1
}

    .calc__heading:after, .calc__heading:before {
        display: table;
        content: "";
        line-height: 0
    }

    .calc__heading:after {
        clear: both
    }

.calc__title {
    font-size: 20px;
    float: left;
    margin: 0;
    line-height: 1.4;
    text-shadow: 0 1px 0 #fff
}

.calc__reset {
    float: right;
    font-size: 16px;
    padding: 8px 0;
    text-shadow: 0 1px 0 #fff
}

.calc__body {
    border-bottom: 1px solid #dadbd9;
    padding: 18px 20px
}

.calc__footer {
    padding: 10px 20px
}

.calc__label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #3b3d3b
}

.totalbox {
    background-clip: border-box;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: inset 0 1px 4px rgba(0,0,0,.04),0 1px 0 #fff;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 15px
}

.totalbox__heading {
    font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    font-weight: 600;
    color: #3b3d3b;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.totalbox__value {
    font-size: 24px;
    font-weight: 600
}

@media(max-width:1099px) {
    .calc--cpg-slowpro .meat-type {
        width: 100%
    }
}

.calc--cpg-slowpro .cpg-savingsweek {
    display: none
}

@media(min-width:1100px) {
    .calc--cpg-slowpro .cpg-savingsweek {
        display: block
    }
}

.calc--cpg-slowpro .cpg-savingsmonth {
    display: none
}

@media(min-width:600px) {
    .calc--cpg-slowpro .cpg-savingsmonth {
        display: block
    }
}

.calc--cpg-slowpro .cpg-savingsyear {
    display: block
}

.calc--cpg-slowpro .cpg-paysself .totalbox, .calc--cpg-slowpro .cpg-yield .totalbox {
    margin-bottom: 0
}

@media(min-width:1100px) {
    .calc--cpg-slowpro .cpg-paysself .totalbox, .calc--cpg-slowpro .cpg-yield .totalbox {
        margin-bottom: 0
    }
}

@media(min-width:946px) {
    .product-page--everliving .table {
        width: 57%;
        float: left;
        margin-bottom: 20px
    }
}

.product-page--everliving .main-col {
    margin-top: 20px
}

.product-page--everliving .pricing .price--unavailable {
    font-size: 26px;
    margin-bottom: 0
}

.toggle {
    padding: 0 10px
}

.toggle--active {
    background-image: linear-gradient(rgba(247,140,0,.1),rgba(247,140,0,.03));
    border: 1px solid #f78c00
}

.toggle__group {
    display: flex;
    align-items: center;
    padding: 8px 5px
}

.toggle__group--option {
    padding: 0 5px 10px 10px
}

    .toggle__group--option:nth-child(2) {
        padding-top: 10px;
        border-top: inherit
    }

.toggle__icon, .toggle__radio {
    font-size: 22px;
    margin-right: 15px !important
}

    .toggle__icon:before, .toggle__radio:before {
        transform: scaleX(-1)
    }

.toggle__subgroup {
    flex: 1 1 auto
}

.toggle__heading {
    margin: 0
}

.toggle__text {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 0
}

.toggle__switch {
    flex: 0 0 50px
}

.toggle__select {
    margin-top: 5px;
    width: 100%
}

#subject .highlights {
    margin-bottom: 12px
}

@media(min-width:600px) {
    #subject .highlights {
        margin: 15px -20px 12px;
        padding: 15px 20px 0;
        border-top: 1px solid #dadbd9
    }
}

.highlights li {
    margin-bottom: 8px
}

li.highlights__link {
    font-size: 13px;
    font-weight: 600;
    padding-left: 0
}

.pdp-v3 #zoom {
    margin-bottom: 0;
    min-height: 100%
}

    .pdp-v3 #gallery #zoom #mainImage, .pdp-v3 #zoom .gallery-img {
        max-height: 600px
    }

@media(min-width:768px) {
    .pdp-v3 #zoom .gallery-img:before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .pdp-v3 #gallery #zoom #mainImage {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.pdp-v3 #no-zoom iframe {
    max-width: 845px
}

@media(max-width:768px) {
    .pdp-v3 .product-subhead {
        margin-top: -8px
    }

        .pdp-v3 .product-subhead .rating {
            display: inline;
            line-height: 1.1em;
            vertical-align: middle
        }

    .pdp-v3 .ribbon-list {
        margin-left: -24px
    }

    .pdp-v3 #gallery, .pdp-v3 #subject, .pdp-v3 .main-col {
        float: none;
        width: 100%;
        margin: 0
    }

        .pdp-v3 #gallery .box {
            padding: 10px 15px 5px;
            border-bottom: none !important
        }

    .pdp-v3 #zoom {
        width: 70%;
        margin: 5px auto 10px
    }

    .pdp-v3 .social-share {
        display: none
    }

    .pdp-v3 #subject .ag-item {
        border-radius: 0;
        border-bottom: none !important;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 0
    }

    .pdp-v3 #subject .highlights {
        order: 3
    }

    .pdp-v3 #subject .add-to-cart {
        width: 99%;
        margin-bottom: 10px
    }

    .pdp-v3 .save-to-btns {
        background: #fff;
        margin: 0;
        padding: 0 20px 14px;
        border-top: 1px solid #fff
    }
}

@media(min-width:480px) and (max-width:768px) {
    .pdp-v3 .ag-product .add-to-cart .btn-cart {
        width: 102%
    }
}

@media(min-width:600px) and (max-width:768px) {
    .pdp-v3 .save-to-btns {
        margin: 0 0 20px;
        border-radius: 0 0 4px 4px;
        border: 1px solid #dadbd9;
        border-top: 1px solid #fff
    }
}

@media(min-width:0px) and (max-width:767px) {
    .pdp-v3 .page-header {
        font-size: 16px;
        line-height: 18px
    }
}

@media(min-width:0px) and (max-width:945px) {
    .pdp-v3 .thumbnails {
        max-width: 100%
    }

        .pdp-v3 .thumbnails li {
            width: 15%;
            margin: 0 2% 10px 0
        }

            .pdp-v3 .thumbnails li:nth-child(6n) {
                margin-right: 0
            }

    .pdp-v3 .main-col .padded {
        display: flex;
        flex-direction: column
    }

        .pdp-v3 .main-col .padded .details {
            order: -1
        }

        .pdp-v3 .main-col .padded .feature {
            width: 100%;
            margin: 0 0 20px
        }
}

@media(max-width:768px) {
    .pdp-v3 #gallery {
        order: -4
    }

    .pdp-v3 #subject, .pdp-v3 .new-exp {
        order: -3
    }

    .pdp-v3 .main-col {
        order: -2
    }
}

@media(min-width:0px) and (max-width:599px) {
    .pdp-v3 .product-page .box {
        border-bottom: none !important;
        margin-bottom: 0 !important
    }

    .pdp-v3 .carousel-wrap {
        margin-bottom: -1px;
        border-bottom: 1px solid #dadbd9
    }

    .pdp-v3 #page #productVariationBlock {
        margin-bottom: 0;
        padding-top: 0;
        border: none !important
    }

    .pdp-v3 .main-col > .clearfix > h3, .pdp-v3 h2.moreLink, .pdp-v3 h3.clears {
        background: #fff;
        padding: 14px 20px 12px;
        margin: 0;
        font-size: 14px;
        line-height: 1em;
        float: none;
        border-top: 1px solid #dadbd9
    }

    .pdp-v3 h3 .view-all-btn {
        font-size: 13px;
        margin-top: -3px
    }

    .pdp-v3 .review-section {
        margin-top: 0
    }

    .pdp-v3 .sidebar-spectable {
        padding: 10px
    }
}

@media(min-width:946px) and (max-width:1099px) {
    .pdp-v3 .thumbnails li {
        width: 11.1875%;
        margin: 0 1.5% 10px 0
    }

        .pdp-v3 .thumbnails li:nth-child(8n) {
            margin-right: 0
        }
}

@media(min-width:946px) {
    .pdp-v3 .product-page {
        padding-right: 340px
    }

    .pdp-v3 #gallery, .pdp-v3 .main-col {
        width: 100%
    }

    .pdp-v3 .side-col {
        margin-right: -340px;
        width: 320px
    }
}

@media(max-width:1099px) {
    .pdp-v3 .thumbnails {
        margin-top: 10px;
    }

        .pdp-v3 .thumbnails li img {
            max-width: 100%;
            height: auto
        }
}

@media(min-width:1100px) {
    .pdp-v3 .thumbnails {
        position: absolute;
        top: 20px;
        bottom: 20px;
        right: 10px;
        margin-right: 0;
        max-height: 100%
    }
}

@media(min-width:1150px) {
    .pdp-v3 .product-page {
        padding-right: 420px
    }

    .pdp-v3 .side-col {
        margin-right: -420px;
        width: 400px
    }
}

@media(min-width:2000px) {
    .pdp-v3 .side-col {
        width: 396px
    }
}

@media(min-width:946px) {
    .expanded-detail #frequently-purchased-together-carousel, .expanded-detail #other-products-from-this-line-carousel, .expanded-detail #related-items-carousel, .full-review {
        margin-right: -340px
    }
}

@media(min-width:1150px) {
    .expanded-detail #frequently-purchased-together-carousel, .expanded-detail #other-products-from-this-line-carousel, .expanded-detail #related-items-carousel, .full-review {
        margin-right: -420px
    }
}

#gallery #no-zoom, #gallery #zoom {
    float: none
}

    #gallery #no-zoom.init #mainImage, #gallery #no-zoom.init .image-note, #gallery #no-zoom .mobile-gallery, #gallery #zoom.init #mainImage, #gallery #zoom.init .image-note, #gallery #zoom .mobile-gallery {
        display: none
    }

    #gallery #no-zoom.init .mobile-gallery, #gallery #zoom.init .mobile-gallery {
        display: block
    }

#gallery .box {
    position: relative
}

@media(min-width:0px) and (max-width:767px) {
    #gallery #zoom {
        width: 85%;
        margin: 5px auto 10px;
        float: none
    }
}

@media(min-width:946px) {
    #gallery .thumbnails li {
        width: 11.1875%;
        margin: 0 1.5% 10px 0
    }

        #gallery .thumbnails li:nth-child(8n) {
            margin-right: 0
        }


    #gallery .thumbnails-container {
        *zoom: 1;
        margin: 0 auto;
        overflow: hidden
    }

        #gallery .thumbnails-container:after, #gallery .thumbnails-container:before {
            display: table;
            content: "";
            line-height: 0
        }

        #gallery .thumbnails-container:after {
            clear: both
        }
}

}

@media(max-width:945px) {
    #gallery .thumbnails {
        max-width: none
    }

        #gallery .thumbnails li {
            margin: 0 2% 10px 0;
            width: 13.58%;
            float: none;
            display: inline-block
        }

    #gallery .thumbnails-container {
        *zoom: 1;
        margin: 0 auto;
        overflow: hidden
    }

        #gallery .thumbnails-container:after, #gallery .thumbnails-container:before {
            display: table;
            content: "";
            line-height: 0
        }

        #gallery .thumbnails-container:after {
            clear: both
        }
}

}

@media(max-width:767px) {
    #gallery .thumbnails {
        transition: .3s;
        margin: 0 auto;
        overflow: auto;
        width: 100%;
        text-align: center;
        position: relative;
        max-width: 85%;
        opaCity: 0;
        height: 92px
    }

        #gallery .thumbnails.init, #gallery .thumbnails.show {
            opaCity: 1
        }

    #gallery .thumbnails--slider {
        opaCity: 0
    }

        #gallery .thumbnails--slider.slider-init {
            opaCity: 1
        }

    #gallery .thumbnails li {
        width: 12.81%;
        box-sizing: border-box;
        margin-right: 0;
        float: none;
        padding-right: 0
    }

        #gallery .thumbnails li:last-child, #gallery .thumbnails li:nth-child(6n) {
            margin-right: 0
        }

        #gallery .thumbnails li .icon-play {
            line-height: 1.5em;
            left: 0;
            right: 0;
            width: 100%
        }

            #gallery .thumbnails li .icon-play:before {
                transform: translate(-50%,-50%);
                position: absolute;
                top: 50%;
                left: 50%
            }

    #gallery .thumbnails ul {
        white-space: nowrap
    }

    #gallery .init.thumbnails--slider {
        overflow: visible
    }

        #gallery .init.thumbnails--slider:after,
        #gallery .init.thumbnails--slider:before {
            content: "";
            position: absolute;
            top: 0;
            width: 9%;
            height: 100%;
            z-index: 2;
            display: block
        }

        #gallery .init.thumbnails--slider:before {
            right: 100%;
            background: linear-gradient(90deg,#fff 20%,hsla(0,0%,100%,0))
        }

        #gallery .init.thumbnails--slider:after {
            left: 100%;
            background: linear-gradient(270deg,#fff 20%,hsla(0,0%,100%,0))
        }

        #gallery .init.thumbnails--slider ul {
            overflow: visible !important;
            white-space: normal
        }

            #gallery .init.thumbnails--slider ul > div {
                *zoom: 1
            }

                #gallery .init.thumbnails--slider ul > div:after, #gallery .init.thumbnails--slider ul > div:before {
                    display: table;
                    content: "";
                    line-height: 0
                }

                #gallery .init.thumbnails--slider ul > div:after {
                    clear: both
                }

        #gallery .init.thumbnails--slider li {
            width: auto;
            float: left;
            display: block
        }

            #gallery .init.thumbnails--slider li:last-child, #gallery .init.thumbnails--slider li:nth-child(6n) {
                margin-right: 5%;
                margin-left: 5%
            }

    #gallery .thumbnails-container {
        *zoom: 1;
        margin: 0 auto;
        overflow: hidden
    }

        #gallery .thumbnails-container:after, #gallery .thumbnails-container:before {
            display: table;
            content: "";
            line-height: 0
        }

        #gallery .thumbnails-container:after {
            clear: both
        }
}

@media(max-width:1099px) {
    .thumbnails {
        margin-top: 10px
    }

        .thumbnails li img {
            max-width: 100%;
            height: auto
        }
}

.mobile-gallery {
    padding-bottom: 100%;
    position: relative
}

    .mobile-gallery > div {
        position: absolute;
        top: 0;
        left: 0
    }

.mobile-gallery__img {
    position: relative
}

.mobile-gallery__img--video {
    padding-bottom: 100%
}

.mobile-gallery__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100px;
    z-index: 2
}

.mobile-gallery__video-overlay--full {
    bottom: 0
}

.mobile-gallery__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class*=cols-], [class^=" cols-"] {
    width: 100%;
    float: left
}

@media(min-width:0px) {
    .cols-xs--1 {
        width: 8.33333333%
    }
}

@media(min-width:0px) {
    .cols-xs--2 {
        width: 16.66666667%
    }
}

@media(min-width:0px) {
    .cols-xs--3 {
        width: 25%
    }
}

@media(min-width:0px) {
    .cols-xs--4 {
        width: 33.33333333%
    }
}

@media(min-width:0px) {
    .cols-xs--5 {
        width: 41.66666667%
    }
}

@media(min-width:0px) {
    .cols-xs--6 {
        width: 50%
    }
}

@media(min-width:0px) {
    .cols-xs--7 {
        width: 58.33333333%
    }
}

@media(min-width:0px) {
    .cols-xs--8 {
        width: 66.66666667%
    }
}

@media(min-width:0px) {
    .cols-xs--9 {
        width: 75%
    }
}

@media(min-width:0px) {
    .cols-xs--10 {
        width: 83.33333333%
    }
}

@media(min-width:0px) {
    .cols-xs--11 {
        width: 91.66666667%
    }
}

@media(min-width:0px) {
    .cols-xs--12 {
        width: 100%
    }
}

@media(min-width:600px) {
    .cols-sm--1 {
        width: 8.33333333%
    }
}

@media(min-width:600px) {
    .cols-sm--2 {
        width: 16.66666667%
    }
}

@media(min-width:600px) {
    .cols-sm--3 {
        width: 25%
    }
}

@media(min-width:600px) {
    .cols-sm--4 {
        width: 33.33333333%
    }
}

@media(min-width:600px) {
    .cols-sm--5 {
        width: 41.66666667%
    }
}

@media(min-width:600px) {
    .cols-sm--6 {
        width: 50%
    }
}

@media(min-width:600px) {
    .cols-sm--7 {
        width: 58.33333333%
    }
}

@media(min-width:600px) {
    .cols-sm--8 {
        width: 66.66666667%
    }
}

@media(min-width:600px) {
    .cols-sm--9 {
        width: 75%
    }
}

@media(min-width:600px) {
    .cols-sm--10 {
        width: 83.33333333%
    }
}

@media(min-width:600px) {
    .cols-sm--11 {
        width: 91.66666667%
    }
}

@media(min-width:600px) {
    .cols-sm--12 {
        width: 100%
    }
}

@media(min-width:1100px) {
    .cols-md--1 {
        width: 8.33333333%
    }
}

@media(min-width:1100px) {
    .cols-md--2 {
        width: 16.66666667%
    }
}

@media(min-width:1100px) {
    .cols-md--3 {
        width: 25%
    }
}

@media(min-width:1100px) {
    .cols-md--4 {
        width: 33.33333333%
    }
}

@media(min-width:1100px) {
    .cols-md--5 {
        width: 41.66666667%
    }
}

@media(min-width:1100px) {
    .cols-md--6 {
        width: 50%
    }
}

@media(min-width:1100px) {
    .cols-md--7 {
        width: 58.33333333%
    }
}

@media(min-width:1100px) {
    .cols-md--8 {
        width: 66.66666667%
    }
}

@media(min-width:1100px) {
    .cols-md--9 {
        width: 75%
    }
}

@media(min-width:1100px) {
    .cols-md--10 {
        width: 83.33333333%
    }
}

@media(min-width:1100px) {
    .cols-md--11 {
        width: 91.66666667%
    }
}

@media(min-width:1100px) {
    .cols-md--12 {
        width: 100%
    }
}

@media(min-width:1440px) {
    .cols-lg--1 {
        width: 8.33333333%
    }
}

@media(min-width:1440px) {
    .cols-lg--2 {
        width: 16.66666667%
    }
}

@media(min-width:1440px) {
    .cols-lg--3 {
        width: 25%
    }
}

@media(min-width:1440px) {
    .cols-lg--4 {
        width: 33.33333333%
    }
}

@media(min-width:1440px) {
    .cols-lg--5 {
        width: 41.66666667%
    }
}

@media(min-width:1440px) {
    .cols-lg--6 {
        width: 50%
    }
}

@media(min-width:1440px) {
    .cols-lg--7 {
        width: 58.33333333%
    }
}

@media(min-width:1440px) {
    .cols-lg--8 {
        width: 66.66666667%
    }
}

@media(min-width:1440px) {
    .cols-lg--9 {
        width: 75%
    }
}

@media(min-width:1440px) {
    .cols-lg--10 {
        width: 83.33333333%
    }
}

@media(min-width:1440px) {
    .cols-lg--11 {
        width: 91.66666667%
    }
}

@media(min-width:1440px) {
    .cols-lg--12 {
        width: 100%
    }
}

@media(min-width:1660px) {
    .cols-xl--1 {
        width: 8.33333333%
    }
}

@media(min-width:1660px) {
    .cols-xl--2 {
        width: 16.66666667%
    }
}

@media(min-width:1660px) {
    .cols-xl--3 {
        width: 25%
    }
}

@media(min-width:1660px) {
    .cols-xl--4 {
        width: 33.33333333%
    }
}

@media(min-width:1660px) {
    .cols-xl--5 {
        width: 41.66666667%
    }
}

@media(min-width:1660px) {
    .cols-xl--6 {
        width: 50%
    }
}

@media(min-width:1660px) {
    .cols-xl--7 {
        width: 58.33333333%
    }
}

@media(min-width:1660px) {
    .cols-xl--8 {
        width: 66.66666667%
    }
}

@media(min-width:1660px) {
    .cols-xl--9 {
        width: 75%
    }
}

@media(min-width:1660px) {
    .cols-xl--10 {
        width: 83.33333333%
    }
}

@media(min-width:1660px) {
    .cols-xl--11 {
        width: 91.66666667%
    }
}

@media(min-width:1660px) {
    .cols-xl--12 {
        width: 100%
    }
}

@media(min-width:600px) {
    .cols-grid {
        padding: 10px
    }
}

.cols-grid * {
    box-sizing: border-box
}

.cols-grid .grid__block {
    padding: 20px
}

@media(min-width:600px) {
    .cols-grid .grid__block {
        margin: 0;
        padding: 10px
    }

        .cols-grid .grid__block.grid__text {
            padding: 0;
            padding-right: 20px
        }
}

.cols-grid b .grid__link {
    font-size: 14px;
    margin-top: 15px
}

.cols-grid .sub-text {
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    margin-bottom: 0;
    display: block;
    color: #aeb0ad
}

@media(min-width:600px) {
    .cols-grid .sub-text {
        text-align: left
    }
}

@media(min-width:600px) {
    .cols-grid .sub-text--hide-desktop {
        display: none
    }
}

@media(min-width:0px) and (max-width:599px) {
    .grid-layout--tuck {
        padding: 0
    }
}

.no-flexbox .grid-layout--tuck {
    padding-right: 7%
}

.grid-logos {
    width: 100%
}

.no-flexbox .grid-logos {
    *zoom: 1
}

    .no-flexbox .grid-logos:after, .no-flexbox .grid-logos:before {
        display: table;
        content: "";
        line-height: 0
    }

    .no-flexbox .grid-logos:after {
        clear: both
    }

.grid-logos__logo {
    display: block;
    padding: 10px;
    width: 33.33333333%;
    float: left
}

@media(min-width:600px) {
    .grid-logos__logo {
        width: 25%
    }
}

@media(min-width:768px) {
    .grid-logos__logo {
        width: 20%
    }
}

@media(min-width:946px) {
    .grid-logos__logo {
        width: 16.66666667%
    }
}

@media(min-width:1024px) {
    .grid-logos__logo {
        flex: 0 1 11.11111111%
    }

    .no-flexbox .grid-logos__logo {
        width: 11.11111111%
    }
}

.grid-slider--init .grid-logos__logo {
    width: 100%;
    float: none
}

.grid-logos__logo img {
    width: 100%;
    border-radius: 4px
}

.grid-slider-container {
    position: relative;
    overflow: hidden;
    margin: 0 10px;
    width: 100%
}

    .grid-slider-container:after, .grid-slider-container:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        z-index: 1
    }

    .grid-slider-container:before {
        left: 0;
        background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
    }

    .grid-slider-container:after {
        right: 0;
        background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0))
    }

.grid-slider-container--gray:before {
    background: linear-gradient(90deg,#f4f5f3,hsla(90,9%,96%,0))
}

.grid-slider-container--gray:after {
    background: linear-gradient(270deg,#f4f5f3,hsla(90,9%,96%,0))
}

.grid-slider {
    *zoom: 1;
    max-width: calc(100% - 60px);
    margin: 0 auto;
    overflow: visible !important
}

    .grid-slider:after, .grid-slider:before {
        display: table;
        content: "";
        line-height: 0
    }

    .grid-slider:after {
        clear: both
    }

    .grid-slider.no-scroll {
        cursor: auto !important
    }

.grid__block {
    border-bottom: 1px solid #dadbd9
}

    .grid__block:nth-child(odd) {
        border-right: 1px solid #dadbd9
    }

@media(min-width:600px) {
    .grid__block, .grid__block:nth-child(odd) {
        border: 0
    }

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

.no-flexbox .grid__block:nth-child(odd) {
    clear: left
}

@media(min-width:1100px) {
    .no-flexbox .grid__block:nth-child(odd) {
        clear: none
    }

    .no-flexbox .grid__block.cols-md--3:nth-child(4n+1), .no-flexbox .grid__block.cols-md--4:nth-child(3n+1) {
        clear: left
    }
}

.grid__block-wrap {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #dadbd9
}

@media(min-width:600px) {
    .grid__block-wrap {
        border-top: 0
    }
}

.no-flexbox .grid__block-wrap {
    *zoom: 1
}

    .no-flexbox .grid__block-wrap:after, .no-flexbox .grid__block-wrap:before {
        display: table;
        content: "";
        line-height: 0
    }

    .no-flexbox .grid__block-wrap:after {
        clear: both
    }

.grid__title {
    margin-bottom: 0;
    font-size: 15px;
    text-align: center;
    line-height: 1.1;
    display: block;
    font-weight: 600
}

    .grid__title, .grid__title:hover {
        color: #3b3d3b
    }

@media(min-width:600px) {
    .grid__title {
        margin-bottom: 5px;
        font-size: 22px;
        text-align: left
    }
}

.grid__title .grid__link {
    margin-top: 5px;
    margin-bottom: 10px
}

.grid__title h2 {
    font-size: inherit;
    line-height: inherit
}

.grid__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0
}

@media(min-width:600px) {
    .grid__text {
        padding-right: 20px
    }
}

.grid__description {
    display: none
}

@media(min-width:600px) {
    .grid__description {
        display: block;
        margin-bottom: 0
    }
}

.grid__link {
    font-size: 13px;
    line-height: 1;
    margin-top: 8px;
    display: none;
    color: #5FB709
}

    .grid__link:hover {
        color: #3D7504
    }

@media(min-width:600px) {
    .grid__link {
        display: block
    }
}

.grid-featured {
    background: #f4f5f3;
    margin: 0 -10px;
    width: calc(100% + 20px);
    text-align: center;
    padding: 20px 10px
}

@media(min-width:600px) {
    .grid-featured {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media(min-width:1024px) {
    .grid-featured {
        padding: 30px
    }
}

.grid-featured--white {
    background: #fff
}

.grid-featured__title {
    font-size: 20px;
    margin: 0
}

@media(min-width:1024px) {
    .grid-featured__title {
        font-size: 34px
    }
}

.grid-featured__cat-container {
    *zoom: 1;
    margin-top: 30px
}

    .grid-featured__cat-container:after, .grid-featured__cat-container:before {
        display: table;
        content: "";
        line-height: 0
    }

    .grid-featured__cat-container:after {
        clear: both
    }

.no-flexbox .grid-featured__cat-container {
    display: table;
    margin: 30px auto 0
}

.grid-featured__block {
    display: block;
    padding: 0 10px;
    width: 50%;
    float: left
}

@media(min-width:500px) {
    .grid-featured__block {
        width: 40%
    }
}

@media(min-width:768px) {
    .grid-featured__block {
        width: 25%
    }
}

@media(min-width:946px) {
    .grid-featured__block {
        width: 20%
    }
}

@media(min-width:1430px) {
    .grid-featured__block {
        width: 16.66666667%
    }
}

.grid-slider--init .grid-featured__block {
    width: 100%;
    float: none;
    min-width: none
}

.grid-featured__img img {
    border-radius: 4px;
    width: 100%
}

.grid-featured__name {
    color: #3b3d3b;
    margin-top: 15px;
    line-height: 1.2;
    font-size: 16px
}

    .grid-featured__name:hover {
        color: #3b3d3b
    }

@media(min-width:1024px) {
    .grid-featured__name {
        font-size: 18px
    }
}

.grid-featured .grid-slider-container {
    width: auto
}

.grid-top {
    width: 100%;
    margin: 20px 0
}

@media(min-width:600px) {
    .grid-top {
        padding: 0 10px
    }
}

.grid-top * {
    box-sizing: content-box
}

.grid-top .carousel-wrap__header {
    padding-left: 20px
}

@media(min-width:600px) {
    .grid-top .carousel-wrap__header {
        padding-left: 0
    }
}

.grid-top:last-child {
    margin-bottom: 0
}

.img-container {
    position: relative;
    overflow: hidden;
    display: block;
    border: 0;
    margin-bottom: 10px;
    border-radius: 4px
}

@media(min-width:600px) {
    .img-container {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.img-container--hover:before, .img-container__btn {
    transition: all .2s ease-in-out;
    position: absolute;
    opaCity: 0
}

.img-container__btn {
    transform: translate(-50%,-50%);
    top: 52%;
    left: 50%;
    max-width: 90%;
    font-size: 15px;
    white-space: nowrap;
    display: block;
    text-transform: none;
    padding: 10px 20px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(min-width:768px) {
    .img-container--hover:hover .img-container__btn {
        transform: translate(-50%,-50%);
        top: 50%;
        opaCity: 1
    }

    .img-container--hover:hover:before {
        opaCity: 1
    }
}

.img-container--hover:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.img--full {
    width: 100%
}

.resources--photo-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px
}

@media(min-width:768px) {
    .resources--photo-grid {
        padding: 40px 20px;
        flex-wrap: nowrap
    }
}

.no-flexbox .resources--photo-grid {
    *zoom: 1;
    box-sizing: border-box
}

    .no-flexbox .resources--photo-grid:after, .no-flexbox .resources--photo-grid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .no-flexbox .resources--photo-grid:after {
        clear: both
    }

@media(min-width:768px) {
    .no-flexbox .resources--photo-grid {
        display: table;
        width: 100%
    }
}

@media(min-width:768px) {
    .no-flexbox .resources__content {
        display: table-cell;
        width: 100%
    }
}

.resources__title {
    margin: 10px 0
}

.resources__text {
    font-size: 15px;
    margin-top: 10px
}

.resources__section {
    flex: 1
}

.resources__links {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 100%
}

@media(min-width:768px) {
    .resources__links {
        flex: 1 1 auto;
        -ms-flex: 0 0 auto;
        align-self: flex-start
    }
}

@media(min-width:1280px) {
    .resources__links {
        flex-wrap: nowrap
    }
}

.no-flexbox .resources__links {
    display: table-cell;
    width: 1%
}

.resources__links-section {
    line-height: 1.2
}

    .resources__links-section:first-child {
        margin-right: 30px
    }

@media(min-width:768px) {
    .resources__links-section:first-child {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .resources__links-section {
        padding-left: 30px;
        width: 280px
    }
}

@media(min-width:1280px) {
    .resources__links-section {
        padding-left: 80px
    }
}

.resources__links-title {
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0
}

@media(min-width:768px) {
    .resources__links-title {
        margin-left: 15px
    }
}

.resources__block {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dadbd9;
    padding: 15px 0
}

@media(min-width:768px) {
    .resources__block {
        padding: 15px
    }
}

.resources__block:last-child {
    border-bottom: 0
}

.no-flexbox .resources__block {
    display: table;
    width: 100%
}

.resources__img {
    flex: 0 0 70px;
    height: 70px;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.no-flexbox .resources__img {
    display: table-cell;
    width: 70px
}

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

.no-flexbox .resources__block-text {
    display: table-cell
}

.resources__block-title {
    font-size: 16px;
    color: #3b3d3b;
    font-weight: 600;
    max-height: 57.6px;
    overflow: hidden
}

    .resources__block-title:hover {
        color: #3b3d3b
    }

.resources__block-link {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600
}

.resources__list {
    list-style: none;
    margin: 0;
    font-size: 14px
}

.resources__list-link {
    color: #3b3d3b;
    padding: 5px 15px 5px 0;
    display: block
}

@media(min-width:768px) {
    .resources__list-link {
        padding-left: 15px
    }
}

.resources__list-link:hover {
    color: #3b3d3b
}

.resources__list-link .icon {
    margin-bottom: 9px;
    margin-right: 13px;
    float: left;
    font-size: 12px;
    color: #aeb1ae
}

.other-categories {
    margin-top: 20px;
    width: 100%
}

    .other-categories .grid-top {
        padding: 0
    }

.showcase .box {
    margin-bottom: 20px;
    margin-top: 0;
    box-sizing: border-box;
    *zoom: 1
}

    .showcase .box:after, .showcase .box:before {
        display: table;
        content: "";
        line-height: 0
    }

    .showcase .box:after {
        clear: both
    }

.showcase .popular-categories {
    position: relative;
    border-top: 1px solid #dadbd9;
    clear: both
}

    .showcase .popular-categories .description {
        height: auto
    }

    .showcase .popular-categories .ag-item {
        float: left;
        width: 25%;
        height: 150px;
        padding: 20px 10px 5px;
        border-left: 1px solid #dadbd9;
        box-sizing: border-box;
        text-align: center;
        position: relative;
        overflow: hidden;
        *width: 224px;
        *border-top: 1pxsolid#dadbd9
    }

        .showcase .popular-categories .ag-item:nth-child(-n+4) {
            border-bottom: 1px solid #dadbd9
        }

        .showcase .popular-categories .ag-item .description {
            font-size: .7em
        }

        .showcase .popular-categories .ag-item:hover {
            box-shadow: inset 0 1px 0 #fff,inset 0 5px 15px hsla(100,9%,94%,.8)
        }

        .showcase .popular-categories .ag-item img {
            max-width: 76px;
            margin: 0 auto;
            margin-bottom: 10px
        }

@media(min-width:0px) and (max-width:599px) {
    .showcase .popular-categories .ag-item {
        width: 50%;
        border-bottom: 1px solid #dadbd9
    }
}

.footer-sprite {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px;
    background-image: url(/med/sprite.png);
    background-repeat: no-repeat
}

.footer-sprite1 {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px;
    background-repeat: no-repeat
}

@media(min-width:0px) and (max-width:599px) {
    .footer-sprite {
        margin: 0 6px
    }
}

@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .footer-sprite {
        background-image: url(/med/sprite2x.png);
        background-size: 1050px 50px
    }
}

.footer-sprite:active {
    position: relative;
    top: 1px
}

.footer-sprite.facebook {
    background-position: 0 0;
    width: 28px
}

.footer-sprite.pinterest {
    background-position: -24px 0;
    width: 48px
}

.footer-sprite.twitter {
    background-position: -69px 0;
    width: 48px
}

.footer-sprite.youtube {
    background-position: -833px 0;
    width: 41px
}

.footer-sprite.instagram {
    background-position: -1006px 0;
    width: 40px
}

.footer-sprite.plus {
    background-position: -116px 0;
    width: 44px
}

.footer-sprite.email {
    background-position: -496px 0
}

.footer-sprite.blog {
    background-position: -595px 0
}

.footer-sprite.resources {
    background-position: -545px 0
}

.footer-sprite.visa {
    background-position: -166px -4px
}

.footer-sprite.discover {
    background-position: -220px -4px
}

.footer-sprite.americanexpress, .footer-sprite.amx {
    background-position: -274px -4px
}

.footer-sprite.mastercard {
    background-position: -328px -4px
}

.footer-sprite.paypal {
    background-position: -436px -4px
}

.footer-sprite.amazon {
    background-position: -382px -4px
}

@media(max-width:1023px) {
    .prefooter .compare-box.affix .compare-container {
        padding: 0;
        max-width: none
    }
}

.modal.feedbackModal .modal-dialog #faq .question-form label {
    width: 30%;
    float: left;
    line-height: 16px;
    margin-top: 4px
}

.modal.feedbackModal .modal-dialog #faq .question-form input, .modal.feedbackModal .modal-dialog #faq .question-form textarea {
    width: 70%;
    float: right;
    margin-bottom: 10px
}

.modal.feedbackModal .modal-dialog h3 span {
    overflow: hidden;
    display: block
}

@media(max-width:599px) {
    .modal.feedbackModal .modal-dialog .modal-header i {
        display: none
    }

    .modal.feedbackModal .modal-dialog .modal-footer .btn {
        padding: 8px 16px;
        font-size: 14px
    }
}

@media(min-width:600px) {
    .modal.feedbackModal .modal-dialog {
        max-width: 440px;
        left: 50%
    }

        .modal.feedbackModal .modal-dialog.specialModal {
            top: 23% !important
        }

        .modal.feedbackModal .modal-dialog .modal-body {
            padding: 15px 40px
        }
}

.modal.feedbackModal .modal-dialog .modal-header {
    padding: 19px 15px
}

.modal.feedbackModal .modal-dialog .modal-body {
    min-height: 0
}

    .modal.feedbackModal .modal-dialog .modal-body p {
        font-size: 14px;
        line-height: 20px
    }

    .modal.feedbackModal .modal-dialog .modal-body input {
        width: 100%;
        box-sizing: border-box;
        height: 28px
    }

.modal.feedbackModal .modal-dialog .modal-header i {
    float: left;
    font-size: 26px;
    margin-top: 3px;
    margin-left: 8px;
    color: #f8a12f;
    margin-right: 8px
}

.modal.feedbackModal .modal-dialog.note {
    max-width: 300px;
    left: 50%;
    margin-left: -135px !important
}

@media(min-width:600px) {
    .modal.feedbackModal .modal-dialog.note {
        margin-left: -160px !important
    }
}

.modal.feedbackModal .modal-dialog.note .modal-body p {
    padding: 0;
    margin-bottom: 10px
}

@media(max-width:599px) {
    .modal.feedbackModal .modal-dialog.note .modal-header i {
        display: block
    }
}

.modal.feedbackModal .modal-dialog.note img {
    display: block;
    margin: 0 auto
}

.modal.feedbackModal .modal-dialog ul {
    font-size: 14px;
    font-weight: 600;
    margin: -8px 0 10px 64px
}

.modal .review-height {
    height: 500px;
    position: relative
}

.modal .review-modal {
    display: flex;
    align-items: center;
    padding: 0 30px
}

    .modal .review-modal .rv-left {
        flex: 1;
        vertical-align: middle;
        padding-right: 20px;
        width: 50%;
        text-align: center
    }

        .modal .review-modal .rv-left img {
            width: auto;
            max-height: 500px
        }

        .modal .review-modal .rv-left #player_wrapper {
            width: auto !important
        }

    .modal .review-modal .rv-right {
        flex: 1;
        vertical-align: middle
    }

        .modal .review-modal .rv-right .reviewBody {
            font-size: 16px;
            line-height: 20px
        }

        .modal .review-modal .rv-right .caption {
            font-size: 25px;
            line-height: 28px;
            margin-bottom: 20px
        }

            .modal .review-modal .rv-right .caption span {
                display: none
            }

        .modal .review-modal .rv-right .header-4 .small {
            display: block
        }

    .modal .review-modal .ag-carousel-nav .ag-car-prev {
        left: 0;
        border-radius: 0;
        box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
        border-top: none;
        border-bottom: none;
        border-left: 1px solid #fff;
        border-right: 1px solid rgba(0,0,0,.05)
    }

    .modal .review-modal .ag-carousel-nav .ag-car-next {
        right: 0;
        border-radius: 0;
        box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
        border-top: none;
        border-bottom: none;
        border-right: 1px solid #fff;
        border-left: 1px solid rgba(0,0,0,.05)
    }

@media only screen and (max-width:599px) {
    .modal .review-modal {
        display: block
    }

        .modal .review-modal .rv-left {
            display: block;
            margin: 0 auto 15px;
            min-width: 300px
        }

        .modal .review-modal .rv-right {
            display: block;
            overflow: visible
        }
}

.ag-category-grid {
    overflow: hidden
}

    .ag-category-grid .product-image {
        margin-bottom: .5em
    }

        .ag-category-grid .product-image img {
            border: none;
            width: 100%
        }

    .ag-category-grid .ag-item {
        display: block;
        margin-bottom: -1px;
        float: left;
        padding: 1em 1em .75em;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid #dadbd9;
        border-right: 1px solid #dadbd9
    }

.no-touchevents .ag-category-grid .ag-item:hover {
    box-shadow: inset 0 5px .8em hsla(100,9%,94%,.8)
}

.ag-category-grid .ag-item .description {
    height: 46px;
    max-height: 100%
}

@media(max-width:599px) {
    .ag-category-grid .ag-item {
        width: 33.333333%
    }

    .ag-category-grid :nth-child(3n) {
        border-right-color: transparent
    }
}

@media(min-width:600px) and (max-width:767px),(min-width:946px) and (max-width:1199px) {
    .ag-category-grid .ag-item {
        width: 25%
    }

    .ag-category-grid :nth-child(4n) {
        border-right-color: transparent
    }
}

@media(min-width:768px) and (max-width:945px),(min-width:1200px) and (max-width:1429px) {
    .ag-category-grid .ag-item {
        width: 20%
    }

    .ag-category-grid :nth-child(5n) {
        border-right-color: transparent
    }
}

@media(min-width:1430px) and (max-width:1699px) {
    .ag-category-grid .ag-item {
        width: 16.6666666%
    }

    .ag-category-grid :nth-child(6n) {
        border-right-color: transparent
    }
}

@media(min-width:1700px) and (max-width:1899px) {
    .ag-ca

    tegory-grid .ag-item {
        width: 14.28%
    }

    .ag-category-grid :nth-child(7n) {
        border-right-color: transparent
    }
}

@media(min-width:1900px) {
    .ag-category-grid .ag-item {
        width: 12.5%
    }

    .ag-category-grid :nth-child(8n) {
        border-right-color: transparent
    }
}

.search__expanded .ag-item {
    display: none
}

.expanded .ag-item {
    display: block !important
}

@media(min-width:946px) {
    .ag-wide .ag-item {
        border-right-color: #dadbd9
    }
}

@media(max-width:945px) {
    .ag-wide .ag__resources {
        min-width: 200px
    }
}

@media(max-width:599px) {
    .search__expanded .ag-wide :nth-child(-n+6) {
        display: block
    }
}

@media(min-width:600px) and (max-width:767px) {
    .search__expanded .ag-wide :nth-child(-n+8) {
        display: block
    }
}

@media(min-width:946px) and (max-width:1023px) {
    .with-resources .ag-wide :nth-child(n+9):nth-child(-n+10) {
        display: none
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .search__expanded .ag-wide :nth-child(-n+10) {
        display: block
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .search__expanded .ag-wide :nth-child(-n+12) {
        display: block
    }

    .with-resources .ag-wide :nth-child(n+11):nth-child(-n+12) {
        display: none
    }
}

@media(min-width:946px) and (max-width:1023px) {
    .ag-wide .ag-item {
        width: 20%
    }

    .ag-wide :nth-child(5n) {
        border-right-color: transparent
    }

    .ag-wide .ag__resources {
        width: 40%
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .ag-wide .ag-item {
        width: 16.666%
    }

    .ag-wide :nth-child(6n) {
        border-right-color: transparent
    }

    .ag-wide .ag__resources {
        width: 33.333%
    }
}

@media(min-width:1280px) and (max-width:1899px) {
    .ag-wide .ag-item {
        width: 12.5%
    }

    .ag-wide :nth-child(8n) {
        border-right-color: transparent
    }

    .ag-wide .ag__resources {
        width: 25%
    }

    .search__expanded .ag-wide :nth-child(-n+16) {
        display: block
    }

    .with-resources .ag-wide :nth-child(n+15):nth-child(-n+16) {
        display: none
    }
}

@media(min-width:1900px) {
    .ag-wide .ag-item {
        width: 10%
    }

    .ag-wide :nth-child(10n) {
        border-right-color: transparent
    }

    .ag-wide .ag__resources {
        width: 20%
    }

    .search__expanded .ag-wide :nth-child(-n+20) {
        display: block
    }

    .with-resources .ag-wide :nth-child(n+19):nth-child(-n+20) {
        display: none
    }
}

.ag-mini {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.ag-carousel.ag-mini {
    display: block
}

.ag-mini-header {
    text-align: center;
    margin-bottom: 0;
    padding: 8px 0 !important
}

.ag-mini-cav {
    display: block
}

    .ag-mini-cav .ag-item .btn.notify-popover {
        width: 100%;
        margin-left: -38px;
        float: none
    }

    .ag-mini-cav .ag-item .price.small {
        margin-left: -38px;
        float: left
    }

.ag-mini .ag-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: .5em;
    margin-bottom: -1px;
    border-bottom: 1px solid #dadbd9;
    text-align: left;
    overflow: hidden
}

@media(max-width:499px),(min-width:946px) {
    .ag-mini .ag-item {
        flex: 1 1 auto
    }
}

@media(min-width:500px) and (max-width:945px) {
    .ag-mini .ag-item {
        float: left;
        border-right: 1px solid #dadbd9
    }
}

@media(min-width:500px) and (max-width:699px) {
    .ag-mini .ag-item {
        width: 50%
    }

        .ag-mini .ag-item:nth-child(2n) {
            border-right-color: transparent
        }
}

@media(min-width:700px) and (max-width:945px) {
    .ag-mini .ag-item {
        width: 33.333%
    }

        .ag-mini .ag-item:nth-child(3n) {
            border-right-color: transparent
        }
}

.ag-mini .product-image {
    flex: 0 0 auto;
    float: left;
    margin: 0 .5em 0 0
}

    .ag-mini .product-image img {
        width: 70px
    }

.ag-mini .description {
    font-size: .75em
}

@media(max-width:499px),(min-width:946px) {
    .ag-mini .description {
        height: auto
    }
}

.ag-mini .pricing {
    margin: 5px 0
}

    .ag-mini .pricing .price {
        text-align: left;
        font-size: 1.1em
    }

@media(min-width:946px) {
    .ag-top .ag-item {
        float: left;
        border-right: 1px solid #dadbd9;
        width: 33.333%
    }

        .ag-top .ag-item:nth-child(3n) {
            border-right-color: transparent
        }

        .ag-top .ag-item .description {
            height: 46px
        }
}

.ag-item .description {
    display: block;
    margin-bottom: 0;
    font-size: .75em;
    font-weight: 600;
    line-height: 1.15em;
    max-height: 46px;
    overflow: hidden
}

.ag-cart .ag-item .description {
    max-height: none
}

.ag-item .sub-text {
    font-size: 10px;
    line-height: 17px;
    text-transform: uppercase;
    margin: 0 auto;
    color: #484a47;
    position: relative
}

.ag-item .product-image {
    display: block;
    background: #fff;
    position: relative
}

    .ag-item .product-image img {
        border: 1px solid #fff;
        display: block;
        image-rendering: auto;
        transition: opaCity .2s ease-in-out
    }

    .ag-item .product-image .ag-lazyload {
        position: absolute;
        top: 0;
        opaCity: 0
    }

@media(min-width:600px) {
    .ag-item .product-image:hover .ag-lazyload {
        opaCity: 1
    }

    .ag-item .product-image:hover .variation {
        display: none
    }
}

.rating {
    font-size: 1em;
    line-height: 1em;
    color: #f3b800;
    margin: 0
}

    .rating li {
        display: inline-block;
        width: auto
    }

.icon-star--empty {
    color: rgba(0,0,0,.13);
    text-shadow: 1px 1px 0 #fff,0 0 0 #d2d2d2,0 0 0 transparent
}

.ag-grid .ag-item .rating li, .ag-list .ag-item .rating li {
    margin-left: 1px;
    float: left
}

.ag-grid .ag-item .rating {
    vertical-align: middle;
    margin-left: 1px
}

.ag-item .input-append {
    margin: 0 auto
}

    .ag-item .input-append .input-append-field, .ag-item .input-append input[type=text] {
        width: 90px;
        font-size: 12px;
        padding: 3px 5px 1px
    }

        .ag-item .input-append .input-append-field::-webkit-inner-spin-button, .ag-item .input-append .input-append-field::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .ag-item .input-append .input-append-field {
        -moz-appearance: textfield
    }

    .ag-item .input-append .btn {
        z-index: 2;
        position: relative;
        font-size: 11px;
        height: 22px
    }

.ag-item .product-image .variation {
    position: absolute;
    border: 1px solid #d9ddd7;
    border-radius: 2px;
    bottom: 9px;
    left: 9px;
    background: linear-gradient(rgba(252,255,255,.7),hsla(0,0%,100%,.7));
    font-size: 10px;
    padding: 2px 5px 2px 3px;
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    display: flex;
    align-items: center
}

.ag-item .product-image .variation__icon {
    padding: 0;
    border: none !important;
    width: 20px
}

.ag-item .product-image .variation__text {
    line-height: 10px;
    padding-top: 2px;
    max-width: 50px
}

.ag-item .plus-flag {
    text-indent: -9999px;
    background: url(../../med/plus_micro.svg) no-repeat;
    background-size: 35px;
    width: 35px;
    height: 16px;
    display: inline-block
}

.ag-item .plus-text {
    display: block;
    line-height: 25px;
    color: #3b3d3b;
    text-align: left;
    margin-bottom: 10px;
    margin-top: -5px
}

    .ag-item .plus-text:hover {
        color: #00aeef
    }

    .ag-item .plus-text .plus-flag {
        position: relative;
        top: 4px;
        left: -2px
    }

.ag-item .icon-video {
    color: #aeb0ad;
    font-size: 14px
}

.ag-item .outlet-desc {
    font-size: 13px
}

    .ag-item .outlet-desc ul {
        margin-bottom: 0
    }

    .ag-item .outlet-desc li {
        margin-bottom: 3px
    }

.plus-enrolled .ag-grid .free-shipping, .plus-enrolled .ag-list .free-shipping {
    display: none !important
}

.ag-grid .previously-purchased:before, .ag-grid .suggested-alternative:before, .ag-list .previously-purchased .details:before, .ag-list .suggested-alternative .details:before {
    content: "Previously Purchased";
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(0,148,222,.7);
    display: block;
    line-height: 10px
}

.previously-purchased {
    overflow: hidden;
    background-color: rgba(0,148,222,.15);
    background: linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,148,222,.15))
}

.suggested-alternative {
    overflow: hidden;
    background-color: rgba(70,222,0,.15);
    background: linear-gradient(0deg,hsla(0,0%,100%,0),rgba(70,222,0,.15))
}

.ag-grid .suggested-alternative:before, .ag-list .suggested-alternative .details:before {
    content: "Suggested Alternative";
    color: rgba(25,79,0,.55)
}

.ag-grid .previously-purchased:before, .ag-grid .suggested-alternative:before {
    text-align: center;
    position: absolute;
    top: .6vw;
    left: 0
}

@media(min-width:600px) and (max-width:767px) {
    .ag-grid .previously-purchased:before, .ag-grid .suggested-alternative:before {
        top: 3px
    }
}

.toolbar:not(thead) {
    top: 5px
}

.toolbar + #page #sidebar, .toolbar + #page .ag-grid, .toolbar + #page .ag-list {
    padding-top: 4px
}

.mixmatch-add {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #aeb0ad;
    background: #dadbd9;
    *zoom: 1
}

    .mixmatch-add:after, .mixmatch-add:before {
        display: table;
        content: "";
        line-height: 0
    }

    .mixmatch-add:after {
        clear: both
    }

    .mixmatch-add p {
        float: left
    }

@media(min-width:946px) {
    .mixmatch-add p {
        margin: 7px 0 0
    }
}

@media(min-width:0px) and (max-width:945px) {
    .mixmatch-add p {
        width: 100%
    }
}

.mixmatch-add .btn {
    float: right
}

@media(min-width:0px) and (max-width:945px) {
    .mixmatch-add .btn {
        float: left
    }
}

@media(min-width:0px) and (max-width:599px) {
    .mixmatch-add .btn {
        width: 100%;
        padding: 12px 0
    }
}

.ag-item .qty {
    overflow: hidden;
    padding-left: 15px
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0
    }
}

.ag-item .qty .configure, .ag-item .qty .num-spinner {
    float: right
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty .configure, .ag-item .qty .num-spinner {
        float: left
    }
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty .quantityField {
        top: 0
    }
}

.ag-item .qty input {
    font-size: 14px;
    margin: 0;
    line-height: 16px;
    border-right: none
}

    .ag-item .qty input[type=number] {
        -moz-appearance: textfield
    }

        .ag-item .qty input[type=number]::-webkit-inner-spin-button, .ag-item .qty input[type=number]::-webkit-outer-spin-button {
            display: none
        }

.ag-item .qty.static p {
    text-align: right;
    padding-right: 28px;
    width: 40px;
    margin-bottom: 0;
    font-size: 83%;
    line-height: 1.5em
}

@media(min-width:600px) {
    .ag-item .qty.static p {
        text-align: center;
        padding-right: 4px;
        width: auto
    }
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty.static {
        float: left;
        width: auto;
        margin-left: 0;
        margin-top: 10px
    }

        .ag-item .qty.static p {
            padding-right: 10px;
            font-size: 100%;
            text-align: left;
            width: auto
        }

            .ag-item .qty.static p:before {
                content: "QTY: ";
                color: #aeb0ad;
                font-weight: 600;
                font-size: 10px;
                display: block;
                line-height: 10px
            }
}

.ag-item .qty .update-qty {
    padding: 5px 0 0;
    margin: 0 0 -18px;
    width: 100%;
    display: block
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty .update-qty {
        margin: 0;
        float: left;
        width: auto;
        margin-left: 10px
    }
}

.ag-item .qty .update-qty.auto-update {
    clear: both;
    text-align: center;
    line-height: 10px
}

    .ag-item .qty .update-qty.auto-update span {
        color: #5FB709;
        font-size: 12px;
        display: block;
        margin: 0;
        padding: 0
    }

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty .update-qty.auto-update {
        margin-left: 0
    }
}

@media(min-width:0px) and (max-width:599px) {
    .ag-item .qty .num-spinner + .update-qty {
        margin-top: 0;
        width: 100%;
        text-align: left;
        margin-left: 0
    }
}

@media(min-width:600px) {
    .ag-item .qty {
        width: 132px
    }
}

.ag-item .qty input {
    padding: 10px 6px 6px;
    text-align: center;
    border-radius: 0;
    border-left: none;
    float: left;
    position: relative;
    z-index: 1
}

.ag-item .qty select {
    width: 115px
}

.ag-item .qty .num-spinner button {
    font-size: 19px;
    line-height: 13px;
    height: 34px;
    padding: 11px 12px 10px;
    float: left
}

    .ag-item .qty .num-spinner button:before {
        width: 9px
    }

    .ag-item .qty .num-spinner button.icon-up-micro {
        border-radius: 0 4px 4px 0
    }

    .ag-item .qty .num-spinner button.icon-down-micro {
        border-radius: 4px 0 0 4px
    }

.pricing .free-shipping {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(/med/sprite.png);
    background-repeat: no-repeat;
    background-position: -710px -1px;
    width: 116px;
    height: 25px
}

@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .pricing .free-shipping {
        background-image: url(/med/sprite2x.png);
        background-size: 1050px 50px
    }
}

.pricing .price {
    position: relative;
    z-index: 2;
    text-align: center;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 0;
    color: #cf3700
}

    .pricing .price .each {
        font-size: .5em;
        line-height: 1em;
        color: #3b3d3b
    }

    .pricing .price .per-pound {
        font-size: .4em;
        line-height: 1em;
        color: #666966
    }

    .pricing .price .from {
        display: block;
        line-height: 1.5em;
        font-size: .4em;
        text-transform: uppercase
    }

    .pricing .price .custom-price {
        line-height: 1.2em;
        font-size: 11px
    }

    .pricing .price .prev {
        color: #3b3d3b;
        font-size: 15px;
        display: table;
        position: relative
    }

@media(min-width:600px) {
    .pricing .price .prev {
        margin: 0 auto;
        font-size: 17px
    }
}

.pricing .price .prev:before {
    transform: translateY(-50%);
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 2px solid #cb3a0e;
    z-index: 2
}

.pricing .price.hidden-price {
    font-size: .9em
}

    .pricing .price.hidden-price span.from {
        font-size: .7em
    }

.pricing .messages {
    line-height: 1.2em;
    margin: 8px auto;
    font-size: .7em;
    font-weight: 600;
    text-align: center
}

    .pricing .messages.ag-list {
        margin-top: 0
    }

.pricing .altMessageForDiscontinuedProductPriceTile {
    color: #cf3700
}

.pricing .divided-qty {
    font-size: .3em;
    color: #787977;
    display: block;
    line-height: 1em;
    margin-top: -.3em;
    font-weight: 400;
    font-style: normal
}

.pricing .newprice {
    font-weight: 600;
    font-size: .7em;
    margin-bottom: 0
}

.pricing .capitalize {
    text-transform: capitalize
}

.pricing table {
    position: relative;
    z-index: 2;
    margin-top: 8px;
    margin-bottom: 0;
    background: #fff;
    box-shadow: 0 1px 0 #fff;
    color: #3b3d3b;
    width: 56%
}

    .pricing table td, .pricing table th {
        text-align: center;
        white-space: nowrap
    }

        .pricing table td .divided-qty, .pricing table th .divided-qty {
            line-height: 1.4em;
            font-size: .6em
        }

.pricing .too-low strong {
    font-size: 1.2em !important
}

.pricing .starting-at {
    display: block;
    margin-top: -12px;
    width: 100%;
    text-align: center
}

.add-to-cart {
    position: relative;
    z-index: 2;
    margin: 0 auto
}

    .add-to-cart .btn-container {
        *zoom: 1;
        padding-left: 38px
    }

        .add-to-cart .btn-container:after, .add-to-cart .btn-container:before {
            display: table;
            content: "";
            line-height: 0
        }

        .add-to-cart .btn-container:after {
            clear: both
        }

        .add-to-cart .btn-container.special-quantity {
            padding-left: 0
        }

        .add-to-cart .btn-container .qty-preset-cont {
            margin: 5px 0 0 -38px
        }

            .add-to-cart .btn-container .qty-preset-cont .qty-preset-select {
                max-width: 140px;
                margin: 0 0 5px
            }

    .add-to-cart .accessoryItem {
        margin-top: 10px;
        padding: 20px
    }

        .add-to-cart .accessoryItem .required {
            color: #cf3700;
            position: absolute;
            left: 7px
        }

    .add-to-cart p {
        z-index: 2;
        font-weight: 600;
        margin-top: 2px;
        color: #cf3700;
        line-height: 1.2em
    }

    .add-to-cart input.quantity, .add-to-cart p {
        position: relative;
        text-align: center;
        margin-bottom: 0;
        font-size: .8em
    }

    .add-to-cart input.quantity {
        width: 25px;
        float: left;
        padding: 8px 8px 6px 3px;
        margin-left: -38px;
        transition: all .2s;
        border-radius: 4px 0 0 4px;
        border-right: 0;
        z-index: 1
    }

        .add-to-cart input.quantity[type=number] {
            -moz-appearance: textfield
        }

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

    .add-to-cart.atc-micro .quantity {
        width: 32px;
        padding: 1px 2px 0 0;
        margin-left: 0;
        font-size: 11px;
        line-height: 17px;
        height: 18px;
        font-weight: 600;
        -webkit-font-smoothing: subpixel-antialiased
    }

    .add-to-cart.atc-micro .btn-cart.btn-small {
        width: 80px;
        margin-left: -4px;
        padding: 2px 0 0;
        font-size: 10px;
        font-weight: 700;
        height: 21px
    }

    .add-to-cart .btn-cart.btn-large, .add-to-cart .btn-cart.btn-small {
        width: 105%;
        margin-left: -6px;
        float: left;
        padding: 9px 0;
        position: relative;
        z-index: 2
    }

    .add-to-cart .btn-custom {
        padding: 9px 3px
    }

    .add-to-cart .special-quantity .btn-cart.btn-small {
        width: 100%;
        margin-left: 0
    }

    .add-to-cart select {
        width: 100%;
        margin: 0 auto 8px;
        display: block
    }

    .add-to-cart .global-select {
        margin-bottom: 8px
    }

        .add-to-cart .global-select select {
            width: 110%;
            margin: 0
        }

    .add-to-cart .added {
        background: #fff;
        position: absolute;
        left: 0;
        bottom: -32px;
        height: 25px;
        padding-top: 5px;
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
        animation: fadeIn .6s
    }

    .add-to-cart .altMessageForDiscontinuedProductPriceTile {
        padding-bottom: 10px;
        font-size: 13px;
        color: #cf3700;
        line-height: 20px
    }

.lt-ie9 .ag-product {
    margin-bottom: 0 !important
}

@media(min-width:1100px) {
    .ag-product {
        font-size: 90%
    }
}

@media(min-width:1280px) {
    .ag-product {
        font-size: 100%
    }
}

.ag-product .specials li {
    width: 27px;
    height: 50px;
    position: absolute;
    z-index: 3;
    top: -1px;
    right: 20px
}

    .ag-product .specials li + li {
        right: 50px
    }

    .ag-product .specials li.top {
        background-position: -677px 0
    }

    .ag-product .specials li.sale {
        background-position: -645px 0
    }

.ag-product .specials + .pricing .hidden-price {
    text-indent: -9999px;
    opaCity: 0;
    font-size: 120%;
    display: block
}

.ag-product .reviews {
    margin-bottom: 20px;
    *zoom: 1
}

    .ag-product .reviews:after, .ag-product .reviews:before {
        display: table;
        content: "";
        line-height: 0
    }

    .ag-product .reviews:after {
        clear: both
    }

    .ag-product .reviews .rating {
        font-size: 100%;
        float: left
    }

    .ag-product .reviews a {
        float: left;
        font-size: 15px;
        line-height: 18px;
        border-left: 1px solid #dadbd9;
        margin-left: 5px;
        padding-left: 5px;
        height: 17px
    }

.ag-product .pricing {
    clear: both;
    z-index: 10;
    position: relative
}

@media(min-width:0px) and (max-width:599px) {
    .ag-product .pricing {
        font-size: 90%
    }
}

.ag-product .pricing label {
    cursor: default
}

.ag-product .pricing .hidden-price {
    display: none
}

.ag-product .pricing .outlet-price {
    font-size: 90%;
    line-height: 1em;
    margin-bottom: 5px
}

    .ag-product .pricing .outlet-price .price {
        font-size: 100%;
        display: inline
    }

    .ag-product .pricing .outlet-price label {
        display: inline
    }

        .ag-product .pricing .outlet-price label:first-child {
            display: block
        }

.ag-product .pricing table {
    width: 100%;
    margin-top: 0
}

    .ag-product .pricing table th {
        font-weight: 600;
        font-size: .8em;
        line-height: 1.2em;
        vertical-align: middle;
        padding: 4px 4px 4px 8px;
        text-align: left
    }

    .ag-product .pricing table td {
        vertical-align: middle;
        text-align: right;
        color: #cf3700;
        font-weight: 700;
        line-height: 1.4em;
        font-size: 1.2em;
        padding: 4px 8px 0 0
    }

        .ag-product .pricing table td span.each {
            font-size: .6em;
            color: #3b3d3b
        }

        .ag-product .pricing table td span.per-pound {
            display: block;
            height: 20px;
            margin-top: -3px;
            font-size: .6em;
            line-height: 1;
            color: #666966
        }

.ag-product .price {
    font-size: 250%;
    line-height: 100%;
    text-align: left;
    font-weight: 700;
    margin-bottom: 5px
}

    .ag-product .price label.from {
        font-size: .3em
    }

.ag-product .required-component h3 {
    color: #cf3700;
    text-align: center
}

.ag-product .required-component p {
    font-size: .8em;
    line-height: 1.1em;
    font-weight: 600;
    text-align: center;
    color: #3b3d3b
}

.ag-product .map {
    padding-top: 5px
}

    .ag-product .map .strikeOutPrice {
        text-decoration: line-through
    }

    .ag-product .map .enter-email {
        font-size: 1.2em;
        color: #3b3d3b
    }

        .ag-product .map .enter-email br {
            display: none
        }

    .ag-product .map .to-see-price {
        line-height: 1em;
        font-size: 1.1em;
        font-weight: 600;
        margin-bottom: 0
    }

        .ag-product .map .to-see-price em {
            font-style: normal;
            display: block;
            font-size: .6em;
            font-weight: 400;
            line-height: 1.32em
        }

    .ag-product .map .input-append {
        width: 100%;
        margin: 15px 0;
        height: auto
    }

        .ag-product .map .input-append .input-append-field, .ag-product .map .input-append input[type=text] {
            width: 75%;
            padding: 8px 0 5px 2%;
            font-size: 16px;
            line-height: 22px
        }

        .ag-product .map .input-append .btn {
            font-size: 15px;
            line-height: 15px;
            padding: 8px 0;
            width: 23%;
            height: 31px;
            margin-left: -1px
        }

        .ag-product .map .input-append.input-append-text .input-append-field {
            width: 68%
        }

        .ag-product .map .input-append.input-append-text .btn {
            width: 30%
        }

    .ag-product .map .mapText {
        font-size: 12px;
        line-height: 1.4em
    }

        .ag-product .map .mapText a {
            font-weight: 700
        }

        .ag-product .map .mapText strong {
            margin-bottom: 0
        }

        .ag-product .map .mapText.explainText {
            text-align: left
        }

    .ag-product .map .popover-content {
        font-size: 13px;
        line-height: 17px
    }

.ag-product .mapH .to-see-label .price {
    font-size: inherit
}

.ag-product .mapH .to-see-price {
    font-size: .8em
}

.ag-product .sub-text {
    text-align: left;
    margin-bottom: 10px;
    font-size: 11px
}

.ag-product .add-to-cart .min-must-text {
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px
}

.ag-product .add-to-cart .messages {
    top: 10px
}

.ag-product .add-to-cart .btn-container {
    padding-left: 53px
}

    .ag-product .add-to-cart .btn-container.special-quantity {
        padding-left: 0
    }

.ag-product .add-to-cart .btn-cart {
    padding: 18px 0 16px;
    margin-left: -11px;
    height: 54px
}

.ag-product .add-to-cart .special-quantity .btn-cart {
    width: 100%;
    margin-left: 0;
    height: auto
}

.ag-product .add-to-cart input.quantity {
    width: 35px;
    margin-left: -53px;
    font-size: 18px;
    line-height: 20px;
    padding: 18px 8px 18px 3px
}

.ag-product .add-to-cart select {
    font-size: 14px
}

    .ag-product .add-to-cart select + select {
        margin-top: 7px
    }

.ag-product .add-to-cart .to-see-label + form .input-append {
    margin-top: 0
}

.ag-product .add-to-cart .mapText {
    color: #3b3d3b;
    font-weight: 400
}

.ag-product .add-to-cart .accessoriesSideHeading {
    margin-bottom: 5px
}

.ag-product .add-to-cart .configure-contain {
    position: relative
}

    .ag-product .add-to-cart .configure-contain select {
        width: 98%;
        height: 26px
    }

    .ag-product .add-to-cart .configure-contain .required {
        color: #cf3700;
        position: absolute;
        left: -10px;
        top: 3px
    }

    .ag-product .add-to-cart .configure-contain .icon-question {
        position: absolute;
        right: -16px;
        top: 2px;
        line-height: 20px;
        font-size: 12px;
        width: 12px;
        display: block;
        color: #0094de;
        cursor: pointer;
        text-align: right
    }

.ag-product .btn-custom {
    margin-top: 10px;
    padding-top: 13px;
    padding-bottom: 13px
}

.ag-list .ag-item {
    border-bottom: 1px solid #dadbd9;
    position: relative;
    width: 100%;
    font-size: 90%;
    display: table
}

    .ag-list .ag-item:last-child {
        border-bottom: 0
    }

@media(min-width:946px) {
    .ag-list .ag-item {
        font-size: 90%
    }
}

@media(min-width:1280px) {
    .ag-list .ag-item {
        font-size: 100%
    }
}

.ag-list .ag-item .map .to-see-label, .ag-list .ag-item .map .to-see-price {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

    .ag-list .ag-item .map .to-see-label em, .ag-list .ag-item .map .to-see-price em {
        display: block;
        font-weight: 400;
        font-size: 10px
    }

.ag-list .ag-item .map.mapC .price {
    padding: 1px 0 0;
    font-size: 1.2em
}

.ag-list .ag-item .map.mapC .to-see-label {
    margin-top: 0;
    margin-bottom: 1px
}

.ag-list .ag-item .map.mapC .to-see-price {
    color: #cf3700;
    font-size: .8em;
    line-height: 1.1em
}

    .ag-list .ag-item .map.mapC .to-see-price em {
        color: #3b3d3b
    }

.ag-list .ag-item .map.mapA .price, .ag-list .ag-item .map.mapE .price {
    font-size: 1em
}

.ag-list .ag-item .map.mapA .to-see-price, .ag-list .ag-item .map.mapE .to-see-price {
    line-height: 13px
}

.ag-list .ag-item .map.mapA .enter-email, .ag-list .ag-item .map.mapE .enter-email {
    font-size: .8em;
    margin-top: 0;
    margin-bottom: 2px !important
}

.ag-list .ag-item .map.mapA .input-append, .ag-list .ag-item .map.mapA .input-append-email, .ag-list .ag-item .map.mapE .input-append, .ag-list .ag-item .map.mapE .input-append-email {
    display: none
}

.ag-list .ag-item .map.mapA .input-append-text, .ag-list .ag-item .map.mapE .input-append-text {
    display: block
}

.ag-list .ag-item .map.map-override .to-see-label, .ag-list .ag-item .map.mapH .to-see-label, .ag-list .ag-item .map.mapN .to-see-label, .ag-list .ag-item .map.mapS .to-see-label {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    line-height: 12px
}

.ag-list .ag-item .map.map-override .to-see-price, .ag-list .ag-item .map.mapH .to-see-price, .ag-list .ag-item .map.mapN .to-see-price, .ag-list .ag-item .map.mapS .to-see-price {
    line-height: 12px;
    text-transform: lowercase
}

    .ag-list .ag-item .map.map-override .to-see-price em, .ag-list .ag-item .map.mapH .to-see-price em, .ag-list .ag-item .map.mapN .to-see-price em, .ag-list .ag-item .map.mapS .to-see-price em {
        display: none
    }

.ag-list .ag-item .map.mapS .to-see-label .price {
    font-size: 16px
}

.ag-list .product-image {
    display: table-cell;
    vertical-align: middle;
    width: 105px;
    background: 0 0
}

    .ag-list .product-image a {
        margin: 8px;
        display: block;
        position: relative
    }

    .ag-list .product-image img {
        max-width: 76px;
        padding: 5%;
        border-color: transparent
    }

@media(min-width:1100px) {
    .ag-list .product-image {
        width: 164px
    }

        .ag-list .product-image img {
            max-width: 130px;
            padding: 10px
        }
}

.ag-list .variation {
    padding: 3%;
    text-align: center;
    margin: 0 0 2px 2px;
    display: block;
    font-size: 9px
}

    .ag-list .variation span {
        display: table-cell;
        line-height: 10px;
        vertical-align: middle;
        max-width: 72px
    }

.ag-list .details, .ag-list .outlet-desc {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
    padding: 1% 2% 1% 0
}

    .ag-list .details > .rating, .ag-list .details > .ribbon--plus {
        display: none
    }

    .ag-list .details .icon-history {
        transform: scaleX(-1);
        display: inline-block;
        line-height: 15px
    }

        .ag-list .details .icon-history + div {
            text-transform: none
        }

            .ag-list .details .icon-history + div .tooltip-inner {
                width: 70px;
                line-height: 13px;
                padding-bottom: 4px;
                margin-left: -50px
            }

        .ag-list .details .icon-history.include {
            color: #ff9100
        }

.ag-list .outlet-desc {
    width: 23%
}

.ag-list .description {
    font-size: .9em;
    height: auto;
    max-height: none
}

.ag-list .rating {
    font-size: .9em;
    line-height: 17px;
    display: inline-block;
    float: left;
    vertical-align: top
}

.ag-list .pricing {
    display: table-cell;
    vertical-align: middle;
    position: static;
    text-align: center;
    width: 25%;
    padding: 1% 0
}

@media(min-width:1024px) {
    .ag-list .pricing {
        width: 29%
    }
}

@media(min-width:1100px) {
    .ag-list .pricing {
        width: 25%
    }
}

@media(min-width:1280px) {
    .ag-list .pricing {
        width: 22%
    }
}

.ag-list .pricing table {
    margin: 5px auto 0
}

    .ag-list .pricing table + .price {
        padding-top: 10px
    }

.ag-list .pricing .from, .ag-list .quantity-discount .price .from {
    margin-top: 0
}

.ag-list .qty {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    text-align: center
}

@media(min-width:0px) and (max-width:599px) {
    .ag-list .qty {
        text-align: left;
        margin-left: 116px;
        display: block
    }
}

.ag-list .add-to-cart {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    width: 30%
}

@media(min-width:1024px) {
    .ag-list .add-to-cart {
        width: 27%
    }
}

@media(min-width:1100px) {
    .ag-list .add-to-cart {
        width: 24%
    }
}

@media(min-width:1280px) {
    .ag-list .add-to-cart {
        width: 20%
    }
}

.ag-list .add-to-cart .btn-container {
    max-width: 120px;
    margin-left: auto;
    margin-right: 0
}

    .ag-list .add-to-cart .btn-container .btn-replace {
        padding: 11px 0 7px;
        width: 132%;
        margin-left: -38px
    }

.ag-list .add-to-cart .special-quantity {
    max-width: 157px;
    margin-left: auto;
    margin-right: 0
}

    .ag-list .add-to-cart .special-quantity .configure {
        width: 100%;
        margin-left: auto
    }

.ag-list .add-to-cart .configure {
    margin-right: 0;
    width: 130%;
    margin-left: -30%
}

.ag-list .add-to-cart .input-append {
    margin-right: 0;
    max-width: 157px
}

.ag-list .add-to-cart .enter-email {
    margin: 0 0 0 auto
}

.ag-list .enter-email, .ag-list .too-low {
    line-height: 1.2em;
    padding: 0 0 5px;
    max-width: 157px;
    margin: 0 auto;
    font-size: 70%;
    color: #3b3d3b
}

.popover.gbb-popover .popover-title .icon-cancel {
    color: #aeb0ad;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 10px 15px
}

.ag-mini-gbb .ag-item {
    flex-wrap: wrap
}

.ag-mini-gbb .details {
    flex: 0 0 200px
}

.ag-mini-gbb .text {
    font-size: 12px;
    line-height: 1.3em
}

.ag-grid {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 20px
}

    .ag-grid + .header-2 {
        margin-top: -5px
    }

.ag-grid-header {
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    cursor: pointer;
    background: #fff;
    z-index: 2;
    position: relative
}

@media(min-width:600px) {
    .ag-grid-header {
        border: 1px solid #dadbd9;
        border-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-size: 26px;
        padding: 20px;
        cursor: auto
    }
}

@media(min-width:946px) {
    .ag-grid-header {
        padding: 30px
    }
}

.ag-grid-header + .ag {
    margin-top: -1px;
    max-height: 0;
    overflow: hidden
}

@media(min-width:600px) {
    .ag-grid-header + .ag {
        margin-top: 0;
        max-height: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.ag-grid-header + .ag.open {
    max-height: none
}

.ag-grid-header__link {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    float: right;
    color: #dadbd9;
    font-size: 25px;
    margin-right: 0;
    pointer-events: none
}

    .ag-grid-header__link.open {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .ag-grid-header__link:hover {
        color: #dadbd9
    }

@media(min-width:600px) {
    .ag-grid-header__link {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        color: #aeb0ad;
        position: relative;
        padding-right: 15px;
        pointer-events: all;
        font-size: 21px
    }

        .ag-grid-header__link:hover {
            color: #aeb0ad
        }
}

.ag-grid-header__text {
    display: none
}

@media(min-width:600px) {
    .ag-grid-header__text {
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase
    }
}

@media(min-width:946px) {
    .ag-grid-header__text {
        font-size: 16px
    }
}

@media(min-width:600px) {
    .ag-grid-header .icon {
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 0
    }
}

.ag-grid .ag-item {
    box-sizing: border-box;
    padding: 2.5%;
    border-right: 1px solid #dadbd9;
    border-bottom: 1px solid #dadbd9;
    margin-bottom: -1px;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column
}

@media(max-width:600px) {
    .ag-grid .ag-item {
        width: 50%
    }

        .ag-grid .ag-item:nth-child(2n) {
            border-right-color: transparent
        }
}

@media(min-width:600px) and (max-width:879px),(min-width:946px) and (max-width:1099px) {
    .ag-grid .ag-item {
        width: 33.33333333%
    }

        .ag-grid .ag-item:nth-child(3n) {
            border-right-color: transparent
        }
}

@media(min-width:880px) and (max-width:945px),(min-width:1100px) and (max-width:1429px) {
    .ag-grid .ag-item {
        width: 25%
    }

        .ag-grid .ag-item:nth-child(4n) {
            border-right-color: transparent
        }
}

@media(min-width:1430px) and (max-width:1799px) {
    .ag-grid .ag-item {
        width: 20%
    }

        .ag-grid .ag-item:nth-child(5n) {
            border-right-color: transparent
        }
}

@media(min-width:1800px) {
    .ag-grid .ag-item {
        width: 16.6666667%
    }

        .ag-grid .ag-item:nth-child(6n) {
            border-right-color: transparent
        }
}

.ag-grid .product-image {
    margin: 0 auto;
    max-width: 100%;
    height: 100%
}

    .ag-grid .product-image img {
        box-sizing: border-box;
        padding: 5px;
        margin: 0 auto
    }

.ag-grid .details {
    text-align: center;
    flex: 0 1 auto;
    padding-bottom: 5px
}

.ag-grid .description {
    margin: 5px 0 10px;
    min-height: 46px;
    max-height: 46px
}

    .ag-grid .description:first-child {
        margin-top: 7px
    }

.ag-grid .sub-text {
    line-height: 15px;
    color: #aeb0ad;
    border-bottom: 1px solid #dadbd9;
    z-index: 3
}

.ag-grid .sub-text--inner {
    background: #fff;
    position: absolute;
    top: -7px;
    left: 50%;
    padding: 0 5px;
    transform: translateX(-50%);
    white-space: nowrap
}

.ag-grid .outlet-desc {
    margin-top: 12px
}

    .ag-grid .outlet-desc + .pricing {
        min-height: auto;
        justify-content: flex-end
    }

.ag-grid .icon-video {
    position: absolute;
    right: 0;
    font-size: 15px;
    transform: scaleX(-1);
    bottom: -20px
}

.ag-grid .ribbon-stack .rating, .ag-grid .ribbon-stack .ribbon--plus {
    display: none
}

.ag-grid .qty {
    margin: 0 auto 15px;
    padding: 0;
    text-align: center
}

@media(min-width:0px) and (max-width:599px) {
    .ag-grid .qty {
        width: 100px
    }

        .ag-grid .qty .num-spinner button {
            padding: 11px 9px 10px
        }
}

.ag-grid .pricing {
    position: relative;
    text-align: center;
    padding-top: 7px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ag-grid .capitalize {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

.ag-grid .ratings, .ag-grid .ribbon--mini {
    vertical-align: middle
}

.ag-grid .ribbon--shipping {
    margin: 5px auto 0
}

.ag-grid .quantity-discount table {
    width: 100%;
    margin-top: 4px
}

    .ag-grid .quantity-discount table td {
        line-height: 11px
    }

.ag-grid .quantity-discount + .ribbon--shipping {
    margin-top: 7px
}

.ag-grid .enter-email, .ag-grid .too-low {
    font-size: 70%
}

.ag-grid .input-append {
    margin: 5px auto 0
}

.ag-grid .rating {
    font-size: 13px;
    display: inline-block
}

.ag-grid .map .to-see-label, .ag-grid .map .to-see-price {
    font-weight: 600;
    line-height: 1.5em;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

    .ag-grid .map .to-see-label em, .ag-grid .map .to-see-price em {
        display: block;
        font-weight: 400;
        font-size: 10px
    }

.ag-grid .mapC {
    padding-top: 22px
}

    .ag-grid .mapC .price {
        padding: 1px 0 0;
        font-size: 1.2em
    }

    .ag-grid .mapC .to-see-label {
        margin-bottom: 1px;
        margin-top: 0
    }

    .ag-grid .mapC .to-see-price {
        color: #cf3700;
        font-size: .8em;
        line-height: 1.1em
    }

        .ag-grid .mapC .to-see-price em {
            color: #3b3d3b
        }

.ag-grid .mapH .to-see-label, .ag-grid .mapN .to-see-label, .ag-grid .mapS .to-see-label {
    position: absolute;
    top: 16px;
    left: 0;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    width: 100%
}

    .ag-grid .mapH .to-see-label .price, .ag-grid .mapN .to-see-label .price, .ag-grid .mapS .to-see-label .price {
        font-size: 1.2em
    }

.ag-grid .mapH .to-see-price, .ag-grid .mapN .to-see-price, .ag-grid .mapS .to-see-price {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 3
}

    .ag-grid .mapH .to-see-price em, .ag-grid .mapN .to-see-price em, .ag-grid .mapS .to-see-price em {
        display: none
    }

.ag-grid .mapA .price, .ag-grid .mapE .price, .ag-grid .mapK .price, .ag-grid .mapP .price, .ag-grid .mapW .price {
    font-size: 1em
}

.ag-grid .mapA .enter-email, .ag-grid .mapE .enter-email, .ag-grid .mapK .enter-email, .ag-grid .mapP .enter-email, .ag-grid .mapW .enter-email {
    font-size: 70%;
    min-width: 155px;
    color: #3b3d3b
}

.ag-grid .mapA .to-see-price, .ag-grid .mapE .to-see-price {
    line-height: 18px
}

.ag-grid .mapA .input-append-email, .ag-grid .mapE .input-append-email {
    display: none
}

.ag-grid .mapA .input-append-text .btn, .ag-grid .mapE .input-append-text .btn {
    padding-left: 8px;
    padding-right: 8px
}

@media(min-width:600px) and (max-width:945px) {
    .ag-grid .mapA, .ag-grid .mapE {
        font-size: 86%
    }

        .ag-grid .mapA .to-see-price, .ag-grid .mapE .to-see-price {
            line-height: 17px
        }
}

.ag-grid .mapA .messages, .ag-grid .mapE .messages {
    padding: 5px 0;
    margin: 0;
    max-width: 100%
}

.ag-grid .mapW .input-append {
    display: none
}

.ag-grid .map-override .to-see-label {
    line-height: 12px
}

    .ag-grid .map-override .to-see-label span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
        -webkit-mask-image: linear-gradient(90deg,#fff 90%,transparent)
    }

.ag-grid .map-override table {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0
}

.ag-grid .map-override .price:nth-last-child(2) {
    padding: 4px 0 0
}

.ag-grid .map-override .price:nth-last-child(3) .from {
    display: inline;
    margin-right: -5px
}

.ag-grid .map__login-name {
    display: block
}

.ag-grid .add-to-cart {
    margin-top: 15px;
    width: 100%
}

    .ag-grid .add-to-cart .suffix_dropdown {
        height: 25px;
        margin-left: -38px;
        width: calc(100% + 38px)
    }

    .ag-grid .add-to-cart p.enter-email {
        width: 100%;
        color: #3b3d3b
    }

    .ag-grid .add-to-cart .input-append {
        margin-top: 7px;
        margin-bottom: 0;
        max-width: 156px;
        line-height: 1em
    }

    .ag-grid .add-to-cart .messages {
        font-size: .6em;
        height: 12px;
        padding: 4px 0 0;
        margin-bottom: -18px
    }

    .ag-grid .add-to-cart .messages--qty-error {
        top: -84px;
        font-size: 12px
    }

    .ag-grid .add-to-cart .btn-container .btn-replace {
        padding: 11px 0 7px;
        width: calc(100% + 38px);
        margin-left: -38px
    }

    .ag-grid .add-to-cart .unavailableContainer p.enter-email {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 !important
    }

.ag-grid.ag-comparison .ag-item.selected {
    border: 1px solid #0094de;
    box-shadow: inset 0 1px 0 #fff,0 2px 2px hsla(0,0%,100%,.2)
}

.ag-grid.ag-stretcher {
    width: 100%;
    margin-bottom: 0;
    border: none
}

@media(min-width:0px) and (max-width:599px) {
    .ag-grid.ag-stretcher {
        width: 200%
    }
}

.ag-grid.ag-stretcher .ag-item {
    width: 25%;
    padding: 2% 2% 18px;
    clear: none;
    border: none;
    display: table-cell;
    float: none;
    border-right: 1px solid #dadbd9
}

    .ag-grid.ag-stretcher .ag-item:first-child {
        border-left: 1px solid #dadbd9
    }

    .ag-grid.ag-stretcher .ag-item:last-of-type {
        border: none
    }

    .ag-grid.ag-stretcher .ag-item .vendor {
        width: 100%;
        height: 100%;
        min-height: 50px;
        display: block;
        max-height: 50px;
        margin: 30px 0
    }

.ag-grid.compare-text {
    font-size: .85em
}

    .ag-grid.compare-text .ag-item {
        padding-top: 10px;
        padding-bottom: 6px
    }

@media only screen and (max-width:768px) {
    .ag-grid.compare-text .ag-item {
        padding-top: 20px;
        padding-bottom: 16px
    }
}

.ag-grid.compare-text .ag-item p {
    margin: 0
}

.ag-grid + .ag-title {
    background: #fff
}

.expand.no-filter #toggle-tablet-filters, .expand.no-filter .filter {
    display: none
}

@media(min-width:946px) {
    .expand .ag-grid .ag-item {
        width: 25%
    }

        .expand .ag-grid .ag-item:nth-child(3n) {
            border-right: 1px solid #dadbd9
        }

        .expand .ag-grid .ag-item:nth-child(4n) {
            border-right-color: #fff
        }

        .expand .ag-grid .ag-item:nth-child(-n+4) {
            border-top: none
        }

        .expand .ag-grid .ag-item:nth-child(3n+1) {
            clear: none
        }

        .expand .ag-grid .ag-item:nth-child(4n+1) {
            clear: both
        }
}

@media(min-width:1100px) {
    .expand .ag-grid .ag-item {
        width: 20%
    }

        .expand .ag-grid .ag-item:nth-child(4n) {
            border-right: 1px solid #dadbd9
        }

        .expand .ag-grid .ag-item:nth-child(5n) {
            border-right-color: #fff
        }

        .expand .ag-grid .ag-item:nth-child(-n+5) {
            border-top: none
        }

        .expand .ag-grid .ag-item:nth-child(4n+1) {
            clear: none
        }

        .expand .ag-grid .ag-item:nth-child(5n+1) {
            clear: both
        }
}

@media only screen and (min-width:1500px) {
    .expand .ag-grid .ag-item {
        width: 16.666666667%;
        padding: 1.5% 1.5% 20px
    }

        .expand .ag-grid .ag-item:nth-child(5n) {
            border-right: 1px solid #dadbd9
        }

        .expand .ag-grid .ag-item:nth-child(6n) {
            border-right-color: #fff
        }

        .expand .ag-grid .ag-item:nth-child(-n+6) {
            border-top: none
        }

        .expand .ag-grid .ag-item:nth-child(5n+1) {
            clear: none
        }

        .expand .ag-grid .ag-item:nth-child(6n+1) {
            clear: both
        }
}

.no-touchevents .ag-grid .product-image:hover img {
    border: 1px solid #dadbd9
}

.no-touchevents .ag-grid .ag-item .description:hover {
    max-height: 100%
}

.ag-single {
    padding: 20px;
    overflow: hidden
}

    .ag-single .product-image {
        float: left;
        max-width: 500px;
        width: 45%;
        border-right: 1px solid #dadbd9;
        text-align: center
    }

        .ag-single .product-image img {
            display: block
        }

        .ag-single .product-image .modal-hover-img {
            margin-top: -100%;
            top: 0;
            opaCity: 0;
            z-index: 1
        }

        .ag-single .product-image:hover img {
            transition: opaCity .2s ease-in-out
        }

        .ag-single .product-image:hover .modal-hover-img {
            opaCity: 1
        }

    .ag-single .details {
        float: right;
        width: 52%
    }

        .ag-single .details .description {
            display: none
        }

        .ag-single .details .subtext {
            font-size: 1em
        }

        .ag-single .details .specials {
            margin: 0
        }

            .ag-single .details .specials li {
                width: 27px;
                height: 50px;
                position: absolute;
                z-index: 3;
                top: 46px;
                left: 300px;
                font: 0/0 a;
                color: transparent;
                text-shadow: none;
                background-color: transparent;
                border: 0;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                display: block;
                background-image: url(/med/sprite.png);
                background-repeat: no-repeat
            }

@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .ag-single .details .specials li {
        background-image: url(/med/sprite2x.png);
        background-size: 1050px 50px
    }
}

.ag-single .details .specials li + li {
    right: 45px
}

.ag-single .details .specials li.top {
    background-position: -677px 0
}

.ag-single .details .specials li.sale {
    background-position: -645px 0
}

.ag-single .details .modal-review table {
    border-bottom: 1px solid #d9ddd7;
    margin-bottom: 10px
}

    .ag-single .details .modal-review table tr:nth-child(2n) {
        background: #ebebeb
    }

    .ag-single .details .modal-review table tr td {
        padding: 1% 2%;
        font-weight: 700
    }

        .ag-single .details .modal-review table tr td:nth-child(2n) {
            float: right;
            font-weight: 400
        }

.ag-single .details .modal-review .customer-reviews .display-review {
    font-size: .9em;
    line-height: 1.4em
}

.ag-single .pricing {
    float: left;
    clear: left;
    width: 45%
}

    .ag-single .pricing table {
        margin: 0 auto
    }

.ag-single .add-to-cart {
    float: left;
    clear: left;
    width: 26%;
    margin: 2% 9% 0
}

.modal--accessories .ag-single {
    padding: 0 !important
}

.comparewrap {
    width: 100%
}

    .comparewrap .comparebg {
        position: relative
    }

        .comparewrap .comparebg:nth-of-type(2n) {
            background: #eef0ed;
            border-top: 1px solid #dadbd9;
            border-bottom: 1px solid #dadbd9
        }

@media(min-width:0px) and (max-width:945px) {
    .comparewrap .comparebg:first-child .comparelabel {
        display: none
    }
}

@media(min-width:0px) and (max-width:599px) {
    .comparewrap .comparebg:first-child .comparelabel {
        display: block
    }
}

.comparelabel {
    width: 15%;
    float: left;
    font-weight: 600;
    font-size: .85em;
    padding: 15px 0 0;
    position: relative
}

    .comparelabel label {
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        line-height: 1em
    }

@media(min-width:946px) {
    .comparelabel label {
        margin-left: 15px
    }
}

@media(min-width:0px) and (max-width:945px) {
    .comparelabel {
        width: 100%;
        font-size: .85em;
        position: absolute;
        top: 0;
        left: 2.2%;
        z-index: 5;
        margin: 0;
        padding: 10px 0 0
    }

        .comparelabel label {
            width: 22%
        }

    .ag-compare-result {
        width: 100%;
        font-size: .85em
    }

        .ag-compare-result .ag-grid .ag-item:first-child {
            border-left: none
        }

        .ag-compare-result .ag-grid .ag-item p {
            padding: 0;
            margin: 15px 0 0
        }
}

@media(min-width:0px) and (max-width:599px) {
    .comparelabel {
        width: 20%;
        padding-left: 0;
        border-left: none;
        left: 15px;
        padding: 15px 0 0;
        position: relative;
        z-index: 0;
        margin-left: 0
    }

    .ag-compare-result {
        width: 80%;
        overflow: scroll
    }

        .ag-compare-result .ag-item {
            border-left: 1px solid #dadbd9 !important;
            border-right: none !important;
            padding: 3%;
            padding-top: 12px !important
        }

            .ag-compare-result .ag-item p {
                padding: 0;
                margin: 0 !important
            }

    .ag-stretcher {
        width: 220%
    }
}

.compare-items .description {
    height: 46px
}

.compare-items .add-to-cart {
    max-width: 180px
}

.compare-items .ribbon-spread {
    margin-bottom: 10px
}

.compare-items .rating {
    margin-top: 10px
}

    .compare-items .compare-template-logo img, .compare-items .productImage, .compare-items .rating li {
        margin-bottom: 0 !important
    }

.compare-items .ag-carousel-frame {
    border-left: 1px solid #e6e6e6;
    width: 100%;
    overflow: hidden
}

    .compare-items .ag-carousel-frame .ag-carousel {
        overflow-x: scroll;
        width: 100%;
        height: 100%;
        padding-bottom: 15px
    }

        .compare-items .ag-carousel-frame .ag-carousel .ag-item {
            margin-bottom: -15px
        }

    .compare-items .ag-carousel-frame .description {
        margin-bottom: 10px
    }

    .compare-items .ag-carousel-frame .suffix_dropdown {
        margin-bottom: 10px;
        width: 100%
    }

#frequently-purchased-together-carousel .ag-car-next, #other-products-from-this-line-carousel .ag-car-next, #you-may-also-need .ag-car-next {
    z-index: 3
}

#compare-to-other-products .ag-carousel-frame, #compare-to-other-products .ag-item {
    width: auto
}

#compare-to-other-products .ag-carousel__container, #compare-to-other-products .ag-carousel__item {
    display: flex
}

.map__price, .map__text {
    position: relative;
    padding: 10px;
    border-radius: 4px
}

    .map__price .price, .map__text .price {
        margin: 0;
        padding: 0
    }

.price--crossed-out {
    text-decoration: line-through
}

.map__text {
    background: #fff;
    border: 1px solid #cf3700;
    color: #3b3d3b !important;
    display: block;
    z-index: 1
}

.text__description:only-child {
    font-size: .9em;
    line-height: 1.1em
}

.text__description {
    margin-bottom: 0;
    font-size: .7em;
    line-height: 1.1em
}

.text__highlight {
    color: #cf3700;
    font-weight: 600
}

.text__discount {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.2em
}

.text__link {
    color: #5FB709
}

.map__text:hover .text__link {
    color: #3D7504;
    text-decoration: underline
}

.why {
    margin: 10px 0;
    font-size: 12px;
    line-height: 12px
}

    .why a {
        color: #aeaeae
    }

@media(min-width:1100px) {
    .ag-product .map--login {
        padding-top: 0;
        font-size: inherit;
        margin-bottom: 10px
    }

    .ag-product .map__group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        flex-flow: row;
        justify-content: flex-start
    }

        .ag-product .map__group + .plus-flag {
            margin-top: 5px
        }

    .ag-product .map__price, .ag-product .map__text {
        width: 90%;
        flex: 1 1 50%;
        flex-basis: 0;
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .ag-product .map__text {
        justify-content: center
    }
}

@media(min-width:1100px) and (min-width:600px) and (max-width:799px) {
    .ag-product .map--login {
        font-size: 80%
    }
}

.ag-product .map__price .price, .ag-product .map__text .price {
    font-size: 2.25em
}

@media(min-width:1100px) and (max-width:1499px) {
    .ag-product .map__price .price, .ag-product .map__text .price {
        font-size: 1.9vw
    }
}

@media(min-width:1500px) and (max-width:1639px) {
    .ag-product .map__price .price, .ag-product .map__text .price {
        font-size: 1.8vw
    }
}

@media(min-width:1640px) {
    .ag-product .map__price .price, .ag-product .map__text .price {
        font-size: 1.8em
    }
}

@media(min-width:1100px) {
    .ag-product .map__price .price--oversized, .ag-product .map__text .price--oversized {
        font-size: 1.7vw
    }

    .ag-product .map__price .price--oversized-mega, .ag-product .map__text .price--oversized-mega {
        font-size: 1.56vw
    }
}

@media(min-width:1640px) {
    .ag-product .map__price .price--oversized, .ag-product .map__text .price--oversized {
        font-size: 1.7em
    }

    .ag-product .map__price .price--oversized-mega, .ag-product .map__text .price--oversized-mega {
        font-size: 1.54em
    }
}

.ag-product .map__price {
    border: 1px solid #ebebea;
    order: 0;
    margin: -6px 0 0
}

@media(min-width:1100px) {
    .ag-product .map__price {
        margin: 0 -6px 0 0
    }
}

.ag-list .map__group {
    max-width: 150px
}

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

    #product_listing .map__group {
        text-align: center
    }
}

#product_listing .map__price {
    padding: 0;
    line-height: 18px
}

    #product_listing .map__price .price, #product_listing .map__price .price__label {
        padding: 0;
        display: inline;
        font-size: 12px
    }

#product_listing .text__enticement.price {
    font-size: inherit
}

.hero .ag-mini .description {
    font-size: 60%
}

.hero .ag-mini .sub-text {
    display: none
}

.hero {
    text-align: center;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    max-height: 500px;
    overflow: hidden
}

@media(min-width:946px) {
    .hero {
        top: -26px;
        margin-bottom: -26px
    }
}

.hero .hero-image {
    max-width: none
}

.hero-container {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 1;
    font-size: 2.9vw;
    box-sizing: border-box;
    font-size: 21px
}

@media(min-width:600px) {
    .hero-container {
        font-size: 3vw;
        top: 46%
    }
}

@media(min-width:946px) {
    .hero-container {
        font-size: 34px
    }
}

@media(min-width:1800px) {
    .hero-container {
        font-size: 34px
    }
}

@media(min-width:600px) {
    .hero--text-md .hero-container {
        font-size: 3vw
    }
}

@media(min-width:946px) {
    .hero--text-md .hero-container {
        font-size: 2.7vw
    }
}

@media(min-width:1280px) {
    .hero--text-md .hero-container {
        font-size: 30px
    }
}

.hero__logo {
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
    top: 35%;
    left: 50%;
    width: 268px
}

@media(min-width:600px) {
    .hero__logo {
        top: 45%
    }
}

@media(min-width:768px) {
    .hero__logo {
        width: auto
    }
}

@media(min-width:946px) {
    .hero__logo {
        width: 268px
    }
}

@media(min-width:1100px) {
    .hero__logo {
        width: auto
    }
}

@media(min-width:600px) and (max-width:1023px) {
    .hero-video {
        padding: 47px 20px 20px
    }
}

@media(max-width:1023px) {
    .hero-video {
        width: 100%;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        box-sizing: border-box
    }
}

@media(min-width:1024px) {
    .hero-video {
        max-width: 850px
    }
}

@media(min-width:1024px) {
    .hero-video .videofill {
        box-shadow: 0 0 48px 4px rgba(0,0,0,.3)
    }
}

.hero-text {
    display: block;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0,0,0,.5);
    line-height: 1em;
    margin-bottom: .1em
}

.hero-text-large {
    font-size: 3em
}

    .hero-text-large.hero-text--about-us {
        font-size: 8.7vw
    }

@media(min-width:768px) {
    .hero-text-large.hero-text--about-us {
        font-size: 5.7vw
    }
}

.hero-text--medium {
    font-size: 1.8em
}

.hero-text-small {
    line-height: 1.1em;
    font-size: 1.1em;
    font-weight: 400
}

.hero-text--xsmall {
    font-weight: 400;
    font-size: 18px
}

@media(min-width:600px) {
    .hero-text--xsmall {
        font-size: .9em
    }
}

@media(min-width:946px) {
    .hero-text--xsmall {
        font-size: .7em
    }
}

.hero-text:last-child {
    margin-bottom: 0
}

.hero-text--left {
    text-align: left
}

.hero-image {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1700px;
    pointer-events: none
}

.hero--category {
    margin-bottom: 0
}

@media(min-width:600px) {
    .hero--category {
        position: relative;
        margin-bottom: -26px
    }
}

.hero--category.hero--sm {
    max-height: none
}

@media(min-width:600px) {
    .hero--category.hero--sm {
        max-height: 300px
    }
}

@media(min-width:1430px) {
    .hero--category.hero--sm {
        max-height: 400px
    }
}

.hero--category .hero-container {
    position: static;
    top: 0;
    left: 0;
    transform: none
}

@media(max-width:599px) {
    .hero--category .hero-container {
        padding: 25px 9px 11px
    }
}

@media(min-width:600px) {
    .hero--category .hero-container {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        z-index: 1;
        width: 100%;
        max-width: none
    }
}

@media(min-width:946px) {
    .hero--category .hero-container {
        top: 50%;
        max-width: 946px
    }
}

@media(min-width:1024px) {
    .hero--category .hero-container {
        padding: 0;
        max-width: 974px
    }
}

@media(min-width:1100px) {
    .hero--category .hero-container {
        padding: 0 40px;
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .hero--category .hero-container {
        max-width: none
    }
}

@media(min-width:1280px) {
    .hero--category .hero-container {
        padding: 0;
        max-width: 1200px
    }
}

@media(min-width:1430px) {
    .hero--category .hero-container {
        padding: 0 7%;
        width: 100%;
        max-width: none
    }
}

@media(min-width:2560px) {
    .hero--category .hero-container {
        padding: 0;
        max-width: 1920px
    }
}

.hero--category .hero-image {
    display: none
}

@media(min-width:600px) {
    .hero--category .hero-image {
        display: block
    }
}

.hero--category .hero-text {
    color: #3b3d3b;
    text-shadow: 0 1px 0 #fff
}

@media(max-width:599px) {
    .hero--category .hero-text {
        font-size: 21px
    }
}

@media(min-width:600px) {
    .hero--category .hero-text {
        color: #fff;
        text-shadow: 0 2px 3px rgba(0,0,0,.5)
    }
}

.hero--category .hero-text--xsmall {
    display: none
}

@media(min-width:600px) {
    .hero--category .hero-text--xsmall {
        display: block
    }
}

.hero--sm {
    max-height: 300px
}

@media(min-width:1430px) {
    .hero--sm {
        max-height: 400px
    }
}

.hero--specialized {
    height: 350px;
    max-height: 350px;
    background: #26353c
}

@media(max-width:599px) {
    .hero--specialized {
        height: 250px
    }
}

.hero--specialized .hero-container {
    top: 50%;
    text-align: left;
    padding: 0 30px
}

@media(max-width:599px) {
    .hero--specialized .hero-container {
        top: 52%
    }
}

@media(min-width:946px) {
    .hero--specialized .hero-container {
        padding: 0
    }
}

@media(min-width:1100px) {
    .hero--specialized .hero-container {
        padding: 0 40px;
        max-width: 1200px
    }
}

@media(min-width:1200px) {
    .hero--specialized .hero-container {
        max-width: none
    }
}

@media(min-width:1280px) {
    .hero--specialized .hero-container {
        padding: 0;
        max-width: 1200px
    }
}

@media(min-width:1430px) {
    .hero--specialized .hero-container {
        padding: 0 7%;
        width: 100%;
        max-width: none
    }
}

@media(min-width:2560px) {
    .hero--specialized .hero-container {
        padding: 0;
        max-width: 1920px
    }
}

.hero--specialized .hero-text-container {
    width: 100%;
    display: inline-block;
    max-width: 100%
}

@media(min-width:946px) {
    .hero--specialized .hero-text-container {
        max-width: calc(100% - 240px)
    }
}

.hero--specialized .hero-text {
    color: #fff;
    text-shadow: 0 2px 3px rgba(0,0,0,.5)
}

.hero--specialized .hero-text--xsmall {
    display: none
}

@media(min-width:946px) {
    .hero--specialized .hero-text--xsmall {
        display: block
    }
}

@media(min-width:946px) {
    .hero--specialized .hero-text--medium {
        margin-bottom: 16px
    }
}

.hero--specialized .hero-image {
    display: none
}

@media(min-width:946px) {
    .hero--specialized .hero-image {
        display: block
    }
}

.hero-coupon-code {
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    font-size: 13px;
    width: 240px;
    max-width: 100%;
    text-align: left;
    margin-top: 14px
}

@media(min-width:946px) {
    .hero-coupon-code {
        font-size: 16px;
        text-align: right;
        float: right;
        margin-top: 20px
    }
}

.hero-coupon-code__block {
    text-align: center;
    display: inline-block
}

.hero-coupon-code__code {
    background: rgba(0,0,0,.3);
    border: 1px solid;
    display: inline-block;
    padding: 8px 24px
}

@media(max-width:599px) {
    .hero-coupon-code__code {
        padding: 4px 14px
    }
}

.hero-coupon-code__code span {
    font-weight: 600
}

.hero-coupon-code__valid {
    font-size: 70%
}

.hero--lancaster {
    max-height: 400px
}

    .hero--lancaster h1.hero-text {
        color: #3b3d3b
    }

@media(min-width:600px) {
    .hero--lancaster h1.hero-text {
        text-indent: 99999px;
        white-space: nowrap;
        overflow: hidden
    }
}

@media(min-width:946px) {
    .hero--lancaster .hero-text {
        padding: 0 40px
    }
}

@media(min-width:600px) {
    .hero--lancaster .hero-container {
        top: 40%
    }
}

@media(min-width:768px) {
    .hero--lancaster .hero-container {
        top: 50%
    }
}

@media(min-width:946px) {
    .hero--lancaster .hero-container {
        top: 50%
    }
}

@media(min-width:1100px) {
    .hero--lancaster .hero-container {
        top: 75%
    }
}

#aboutUs .hero-container {
    top: 50%
}

.hero-container--lancaster {
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    top: auto;
    bottom: 200px
}

@media(min-width:600px) {
    .hero-container--lancaster {
        bottom: 0
    }
}

@media(min-width:1100px) {
    .hero-container--lancaster {
        bottom: 70px
    }
}

@media(min-width:600px) {
    .hero-container--lancaster .hero-text {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        width: 80%
    }
}

@media(min-width:946px) {
    .flexbox .hero--specialized .hero-container {
        display: flex;
        align-items: center
    }
}

.hero--vendor {
    background: #26353c;
    position: relative;
    height: 240px
}

@media(min-width:480px) {
    .hero--vendor {
        height: 280px
    }
}

@media(min-width:600px) {
    .hero--vendor {
        height: 380px;
        max-height: 380px
    }
}

.hero--vendor__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:600px) and (max-width:767px) {
    .hero--vendor__container {
        top: 50%
    }
}

@media(min-width:768px) {
    .hero--vendor__container {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.hero--vendor .hero-text--left {
    text-align: center
}

@media(min-width:600px) {
    .hero--vendor .hero-text--left {
        text-align: left
    }
}

.pagination.pagination--unified {
    padding: 20px;
    font-size: 90%;
    text-align: center
}

    .pagination.pagination--unified label {
        font-weight: 600;
        color: #3b3d3b;
        text-shadow: 0 1px 0 #fff;
        vertical-align: middle;
        margin-right: 10px
    }

    .pagination.pagination--unified.large {
        font-size: 140%
    }

    .pagination.pagination--unified ul {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        border-radius: 5px;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.15)
    }

    .pagination.pagination--unified li {
        display: block;
        float: left
    }

        .pagination.pagination--unified li.disabled span {
            background-color: transparent;
            font-size: 13px;
            color: #a1a4a0;
            cursor: default
        }

        .pagination.pagination--unified li a, .pagination.pagination--unified li span {
            height: 31px;
            box-sizing: border-box;
            font-weight: 600;
            color: #3b3d3b;
            text-shadow: 0 1px 0 #fff;
            display: block;
            padding: .6em .9em;
            margin: 0;
            border-right: 1px solid transparent;
            border-radius: 0;
            background-color: #f0f2ef;
            background-repeat: repeat-x;
            border-top: 1px solid #b8b8b8;
            border-left: 1px solid #b3b3b3;
            border-bottom: 1px solid #b8b8b8;
            background-image: linear-gradient(-180deg,#f8f8f8,#ebebeb);
            box-shadow: inset 0 1px 0 #fff,inset 1px 0 0 #fff
        }

        .pagination.pagination--unified li.active span {
            text-shadow: 0 1px 0 #02070b;
            color: #fff;
            background-color: #3D7504;
            background-image: linear-gradient(180deg,#5FB709,#3D7504);
            background-repeat: repeat-x;
            border-left: 1px solid #b8b8b8;
            border-right: 1px solid #b8b8b8;
            border-color: #3D7504;
            box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad
        }

        .pagination.pagination--unified li a {
            text-decoration: none
        }

            .pagination.pagination--unified li a:focus, .pagination.pagination--unified li a:hover {
                text-shadow: 0 1px 0 #02070b;
                color: #fff;
                background-color: #3D7504;
                background-image: linear-gradient(180deg,#5FB709,#3D7504);
                background-repeat: repeat-x;
                border-color: #3D7504;
                border-right: 1px solid #3D7504;
                box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad
            }

        .pagination.pagination--unified li:last-child a, .pagination.pagination--unified li:last-child span {
            border-right: 1px solid #b8b8b8;
            border-radius: 0 3px 3px 0;
            padding: .6em .9em;
            font-size: 13px
        }

            .pagination.pagination--unified li:last-child a i, .pagination.pagination--unified li:last-child span i {
                top: 0
            }

            .pagination.pagination--unified li:last-child a:hover {
                text-shadow: 0 1px 0 #02070b;
                color: #fff;
                background-color: #3D7504;
                background-image: linear-gradient(180deg,#5FB709,#3D7504);
                background-repeat: repeat-x;
                border-color: #3D7504;
                border-right: 1px solid #3D7504;
                box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad;
                padding: .6em .9em
            }

        .pagination.pagination--unified li:first-child a, .pagination.pagination--unified li:first-child span {
            border-left: 1px solid #b3b3b3;
            border-right: 1px solid transparent;
            border-radius: 3px 0 0 3px;
            padding: .6em .9em;
            font-size: 13px
        }

            .pagination.pagination--unified li:first-child a:hover {
                text-shadow: 0 1px 0 #02070b;
                color: #fff;
                background-color: #3D7504;
                background-image: linear-gradient(180deg,#5FB709,#3D7504);
                background-repeat: repeat-x;
                border-color: #3D7504;
                border-right: 1px solid #3D7504;
                box-shadow: inset 0 1px 0 #50b4f5,0 1px 2px #aeb0ad
            }

        .pagination.pagination--unified li.disabled span:hover {
            color: #a1a4a0;
            text-shadow: 0 1px 0 #fff;
            background-color: #f0f2ef;
            background-repeat: repeat-x;
            border-top: 1px solid #b8b8b8;
            border-left: 1px solid #b3b3b3;
            border-right: 1px solid #a1a4a0;
            border-bottom: 1px solid #b8b8b8;
            background-image: linear-gradient(-180deg,#f8f8f8,#ebebeb);
            box-shadow: inset 0 1px 0 #fff,inset 1px 0 0 #fff
        }

        .pagination.pagination--unified li:last-child.disabled {
            border-right: none
        }

.selectable-list {
    clear: both;
    margin: 0;
    padding: 0
}

.js .selectable-list {
    background: #f8f8f8;
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 5px
}

.selectable-list__item {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 12px
}

    .selectable-list__item .small-text {
        font-size: 91%
    }

@media(min-width:768px) {
    .selectable-list__item {
        font-size: 13px
    }
}

.js .selectable-list__item {
    border-top: 1px solid #ddd;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
    transition: background-color .2s;
    border-radius: 3px;
    margin-left: -1px;
    margin-right: -1px
}

    .js .selectable-list__item:hover:not(.is-disabled) {
        background: rgba(0,0,0,.06)
    }

    .js .selectable-list__item:after, .js .selectable-list__item:before {
        cursor: pointer;
        content: " ";
        position: absolute;
        border-radius: 100px
    }

    .js .selectable-list__item:before {
        left: 7px;
        top: 7px;
        width: 15px;
        height: 15px;
        border: 2px solid rgba(0,0,0,.2);
        box-sizing: border-box
    }

    .js .selectable-list__item:after {
        transition: all .4s;
        opaCity: 0;
        transform: scale(0);
        width: 7px;
        height: 7px;
        background: #f5f5f5;
        box-shadow: 0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.7);
        left: 11px;
        top: 11px
    }

.selectable-list__item .selectable-list__label {
    *zoom: 1;
    display: block;
    padding: 4px 2px;
    line-height: 16px !important
}

    .selectable-list__item .selectable-list__label:after, .selectable-list__item .selectable-list__label:before {
        display: table;
        content: "";
        line-height: 0
    }

    .selectable-list__item .selectable-list__label:after {
        clear: both
    }

.js .selectable-list__item .selectable-list__label {
    padding: 7px 9px 7px 28px
}

.cart .selectable-list__item .selectable-list__label {
    font-size: 13px;
    float: none
}

.selectable-list__item .selectable-list__label input[type=radio] {
    float: left;
    margin-right: 6px;
    margin-top: -1px
}

.js .selectable-list__item .selectable-list__label input[type=radio] {
    display: none
}

.selectable-list__item:first-child {
    border-top: 1px solid transparent
}

.selectable-list__item:last-child {
    border-bottom-color: transparent
}

.selectable-list__item.is-disabled label {
    cursor: not-allowed
}

.selectable-list__item.is-disabled .selectable-list__header {
    color: #aeb0ad
}

.selectable-list__item.is-disabled .selectable-list__footer {
    color: #888b86
}

    .selectable-list__item.is-disabled .selectable-list__footer .popover {
        color: initial;
        font-weight: 400
    }

.js .selectable-list__item.is-selected {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #636860;
    background-image: linear-gradient(180deg,#6d736a,#545852);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    *background-color: #545852;
    box-shadow: 1px 0 3px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15);
    border: 1px solid rgba(0,0,0,.2);
    background-origin: border-box;
    background-clip: border-box
}

    .js .selectable-list__item.is-selected:before {
        width: 15px;
        height: 15px;
        border: none;
        background-color: rgba(0,0,0,.2)
    }

    .js .selectable-list__item.is-selected:after {
        opaCity: 1;
        transform: scale(1)
    }

    .js .selectable-list__item.is-selected.active, .js .selectable-list__item.is-selected.disabled, .js .selectable-list__item.is-selected:active, .js .selectable-list__item.is-selected:hover, .js .selectable-list__item.is-selected[disabled] {
        color: #fff;
        background-color: #545852;
        *background-color: #474b45
    }

    .js .selectable-list__item.is-selected .selectable-list__label {
        padding-left: 27px;
        padding-right: 7px
    }

        .js .selectable-list__item.is-selected .selectable-list__label, .js .selectable-list__item.is-selected .selectable-list__label a {
            color: #fff;
            text-shadow: 0 1px 2px rgba(0,0,0,.6)
        }

            .js .selectable-list__item.is-selected .selectable-list__label .popover, .js .selectable-list__item.is-selected .selectable-list__label a .popover {
                color: initial;
                font-weight: 400;
                text-shadow: none
            }

    .js .selectable-list__item.is-selected + .selectable-list__item {
        border-top-color: transparent
    }

.selectable-list__header {
    display: block;
    float: left
}

.plus-enrolled .selectable-list__label.plus--option .selectable-list__header {
    position: relative
}

    .plus-enrolled .selectable-list__label.plus--option .selectable-list__header:before {
        content: "";
        position: absolute;
        right: -28px;
        top: 2px;
        width: 25px;
        height: 12px;
        background-image: url(../../med/plus_micro_2x.png);
        background-image: url(../../med/plus_micro.svg);
        background-size: 100%;
        background-repeat: no-repeat
    }

.plus-enrolled .selectable-list__label.plus--option .selectable-list__saved-cost {
    position: relative;
    margin-left: 35px
}

    .plus-enrolled .selectable-list__label.plus--option .selectable-list__saved-cost:after {
        content: "";
        width: 105%;
        height: 2px;
        background-color: #d0021b;
        position: absolute;
        left: 0;
        top: 50%;
        font-weight: 600
    }

.selectable-list__footer {
    display: block;
    float: right;
    font-weight: 700
}

.ag-carousel .ag-item {
    position: relative;
    float: left;
    width: 130px;
    display: block
}

.carousel-wrap {
    display: block;
    margin: 0 0 15px;
    clear: both;
    width: 100%;
}

    .carousel-wrap:last-child {
        margin-bottom: 0
    }

.carousel-box {
    position: relative;
    margin: 0
}

.basic-carousel .grabbing {
    cursor: -webkit-grabbing !important;
    cursor: grabbing
}

.basic-carousel .grab {
    cursor: grab
}

.carousel-block-header {
    margin-bottom: -2px;
    margin-top: -22px;
    background: #fff;
    z-index: 4;
    border: 1px solid #dadbd9;
    padding: 12px 21px;
    position: relative
}

@media(min-width:0px) and (max-width:599px) {
    .carousel-wrap .header-3 {
        margin: 10px 5px
    }
}

.ag-carousel-frame {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.no-js .ag-carousel-frame {
    max-height: 255px;
    overflow: hidden
}

.ag-carousel-frame .ag-carousel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 4px;
    overflow: hidden
}

    .ag-carousel-frame .ag-carousel.ag-full {
        min-height: 256px;
        max-height: 256px
    }

    .ag-carousel-frame .ag-carousel.ag-mini {
        min-height: 100px
    }

    .ag-carousel-frame .ag-carousel .ag-item {
        border-right: 1px solid #e6e6e6;
        margin-left: -1px
    }

        .ag-carousel-frame .ag-carousel .ag-item:first-child {
            border-left: 0
        }

        .ag-carousel-frame .ag-carousel .ag-item .pricing {
            border: 0
        }

        .ag-carousel-frame .ag-carousel .ag-item .rating {
            bottom: 15px
        }

        .ag-carousel-frame .ag-carousel .ag-item:hover .product-image img {
            border: 1px solid #d9ddd7
        }

.ag-carousel-nav a, .ag-carousel-nav button {
    position: absolute;
    width: 35px;
    height: 100%;
    background: #fff;
    opaCity: 1;
    top: 0;
    cursor: pointer;
    text-indent: -9999px;
    border: 1px solid #d9ddd7;
    background-clip: padding-box;
    z-index: 3;
    box-sizing: border-box
}

    .ag-carousel-nav a.disabled, .ag-carousel-nav button.disabled {
        cursor: default;
        display: none !important
    }

    .ag-carousel-nav a:not(.disabled):hover, .ag-carousel-nav button:not(.disabled):hover {
        background: #f9f9f9
    }

@media(min-width:0px) and (max-width:599px) {
    .ag-carousel-nav a, .ag-carousel-nav button {
        display: none !important
    }
}

@media(min-width:600px) and (max-width:945px) {
    .ag-carousel-nav a, .ag-carousel-nav button {
        display: none !important
    }
}

.ag-carousel-nav .ag-car-prev {
    left: 0;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
    border-right: 1px solid rgba(0,0,0,.05)
}

    .ag-carousel-nav .ag-car-prev:after {
        content: "";
        position: absolute;
        height: 100%;
        left: 33px;
        width: 15px;
        box-shadow: inset 8px -5px 8px -10px rgba(0,0,0,.45)
    }

.ag-carousel-nav .ag-car-next {
    right: 0;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid rgba(0,0,0,.05)
}

    .ag-carousel-nav .ag-car-next:after {
        content: "";
        position: absolute;
        height: 100%;
        right: 33px;
        width: 15px;
        box-shadow: inset -8px 0 8px -10px rgba(0,0,0,.45)
    }

    .ag-carousel-nav .ag-car-next.disabled:before, .ag-carousel-nav .ag-car-prev.disabled:before {
        content: ""
    }

    .ag-carousel-nav .ag-car-next:hover:before, .ag-carousel-nav .ag-car-prev:hover:before {
        color: #ccc
    }

    .ag-carousel-nav .ag-car-next:before, .ag-carousel-nav .ag-car-prev:before {
        content: "\E75E";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 50px;
        margin-top: -31px;
        margin-left: 0;
        font-family: fontello;
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        line-height: 62px;
        color: #1c9bd9;
        text-align: center;
        text-decoration: none;
        text-indent: 0;
        text-shadow: 0 1px 0 #fff
    }

.ag-carousel-nav .ag-car-prev:before {
    content: "\E75D"
}

.carousel--flex-container {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 4px;
    flex-direction: column
}

@media(min-width:1100px) {
    .carousel--flex-container {
        width: 75%
    }
}

.carousel--flex-container .ag-item {
    width: auto;
    text-align: center;
    border-right: 0 !important
}

.carousel--flex-container .carousel__name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px
}

.carousel--flex-container.default-template-grid {
    border: 0;
    background: 0 0
}

.carousel--white {
    background: #fff;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #dadbd9
}

    .carousel--white .carousel__card {
        border-radius: 0
    }

    .carousel--white .ag-car-next {
        top: -1px;
        height: 101%;
        right: -1px
    }

    .carousel--white .ag-car-prev {
        top: -1px;
        height: 101%;
        left: -1px
    }

.carousel--navy {
    background-color: #25353c;
    overflow: hidden;
    border-radius: 4px
}

    .carousel--navy .ag-car-next, .carousel--navy .ag-car-prev {
        background: rgba(37,53,60,.7);
        border: none;
        transition: .2s ease-in-out
    }

        .carousel--navy .ag-car-next:before, .carousel--navy .ag-car-prev:before {
            font-size: 22px;
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.2)
        }

        .carousel--navy .ag-car-next:after, .carousel--navy .ag-car-prev:after {
            box-shadow: none
        }

        .carousel--navy .ag-car-next:hover, .carousel--navy .ag-car-prev:hover {
            background: rgba(37,53,60,.95) !important
        }

.carousel__card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    width: 195px;
    flex: 0 1 auto;
    background: #fff;
    margin: 0 10px;
    border-radius: 4px;
    overflow: hidden
}

.carousel__card-title {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    transition: .2s ease-in-out;
    margin-bottom: 0;
    padding: 10px;
    align-self: center
}

.carousel__card:hover .carousel__card-title {
    color: #5FB709
}

.carousel__card:hover .carousel__image img {
    opaCity: .9
}

.carousel__tag {
    position: absolute;
    z-index: 9;
    top: 22px;
    max-width: 106px;
    padding: 1px 6px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 0 22px rgba(0,0,0,.74)
}

.carousel--padded {
    padding: 20px 10px
}

@media(min-width:600px) {
    .carousel--padded {
        padding: 30px
    }
}

.carousel__image img {
    display: block;
    margin: 0 auto
}

.carousel--flatware {
    position: relative;
    background-image: url(../../med/dark-wood.png);
    background-size: cover;
    overflow: hidden;
    border-radius: 4px
}

    .carousel--flatware .ag-car-next, .carousel--flatware .ag-car-prev {
        background: 0 0;
        border: none;
        transition: .2s ease-in-out
    }

        .carousel--flatware .ag-car-next:before, .carousel--flatware .ag-car-prev:before {
            font-size: 22px;
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.2)
        }

        .carousel--flatware .ag-car-next:after, .carousel--flatware .ag-car-prev:after {
            box-shadow: none
        }

        .carousel--flatware .ag-car-next:hover, .carousel--flatware .ag-car-prev:hover {
            background: hsla(0,0%,100%,.2) !important
        }

    .carousel--flatware .carousel__card-title {
        color: #fff;
        text-shadow: 0 2px 3px rgba(0,0,0,.75);
        padding: 2px 10px;
        top: -20px
    }

    .carousel--flatware .carousel__image {
        position: relative;
        top: -60px;
        transition: .2s ease-in-out
    }

    .carousel--flatware .carousel__card {
        transition: .2s ease-in-out;
        background: 0 0;
        margin: 0;
        border-radius: 0;
        height: 367px
    }

        .carousel--flatware .carousel__card:hover {
            background-color: hsla(0,0%,100%,.1)
        }

            .carousel--flatware .carousel__card:hover .carousel__image {
                top: -40px
            }

            .carousel--flatware .carousel__card:hover .carousel__card-title {
                background: rgba(73,33,0,.45);
                box-shadow: inset 0 -1px 0 0 rgba(255,233,200,.35),inset 0 2px 4px 0 rgba(0,0,0,.5),inset 0 1px 5px 1px rgba(0,0,0,.4);
                border-radius: 32px;
                color: #fff
            }

@media(min-width:0px) and (max-width:599px) {
    .suggested-products {
        margin: 0 -10px
    }
}

.suggested-products .seasonal-attached {
    background-color: #fbfbfb;
    background-image: linear-gradient(180deg,#fff,#f5f5f5);
    border: 1px solid #dadbd9;
    border-right: 0;
    width: 268px;
    height: 258px;
    padding: 20px 35px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 18px
}

    .suggested-products .seasonal-attached h2 {
        font-size: 26px
    }

    .suggested-products .seasonal-attached .btn {
        margin-top: 20px
    }

@media screen and (max-width:945px) {
    .suggested-products .seasonal-attached {
        display: block;
        width: 200px;
        font-size: 13px
    }

        .suggested-products .seasonal-attached h2 {
            font-size: 22px;
            line-height: 26px
        }

        .suggested-products .seasonal-attached .btn {
            font-size: 12px;
            padding: 5px 10px
        }
}

@media screen and (max-width:599px) {
    .suggested-products .seasonal-attached {
        float: none;
        width: 100%;
        height: auto;
        text-align: center;
        border-right: none;
        border-bottom: none;
        border-radius: 0;
        padding: 15px
    }

        .suggested-products .seasonal-attached h2 {
            margin-bottom: 0
        }

        .suggested-products .seasonal-attached .btn {
            display: block;
            margin: 3px auto 0;
            max-width: 140px
        }
}

.suggested-products.seasonal-wrap .carousel-box {
    margin-left: 268px
}

@media screen and (max-width:945px) {
    .suggested-products.seasonal-wrap .carousel-box {
        margin-left: 200px
    }
}

@media screen and (max-width:599px) {
    .suggested-products.seasonal-wrap .carousel-box {
        margin-left: 0
    }

        .suggested-products.seasonal-wrap .carousel-box .box {
            border: none
        }
}

.suggested-products .ag-carousel.ag-full .ag-item {
    width: 20%;
    height: 256px;
    box-sizing: border-box;
    margin-left: 0
}

    .suggested-products .ag-carousel.ag-full .ag-item:last-child {
        border-right: 0
    }

@media screen and (max-width:945px) {
    .suggested-products .ag-carousel.ag-full .ag-item {
        width: 33.33%;
        padding: 15px 5px;
        font-size: 16px
    }

        .suggested-products .ag-carousel.ag-full .ag-item .description {
            height: 40px
        }

        .suggested-products .ag-carousel.ag-full .ag-item:nth-child(3) {
            border-right: 0
        }

        .suggested-products .ag-carousel.ag-full .ag-item:nth-child(4), .suggested-products .ag-carousel.ag-full .ag-item:nth-child(5) {
            display: none
        }
}

@media screen and (max-width:379px) {
    .suggested-products .ag-carousel.ag-full .ag-item {
        width: 50%
    }

        .suggested-products .ag-carousel.ag-full .ag-item:nth-child(2) {
            border-right: 0
        }
}

@media screen and (min-width:946px) {
    .suggested-products.suggested-products--noleftbox {
        margin-top: 0
    }
}

.suggested-products.suggested-products--noleftbox .carousel-box {
    margin-left: 0
}

@media screen and (max-width:945px) {
    .suggested-products.suggested-products--noleftbox .carousel-box {
        margin-left: 0
    }
}

.suggested-products.suggested-products--noleftbox .carousel-box.box {
    border-radius: 4px
}

.suggested-products.suggested-products--noleftbox .carousel-box .inline-attached {
    max-width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px;
    background-color: #fbfbfb;
    background-image: linear-gradient(180deg,#fff,#f5f5f5)
}

.suggested-products.suggested-products--noleftbox .header-3 {
    margin: 0
}

.suggested-products.suggested-products--noleftbox .btn-small {
    float: right;
    margin-top: -13px
}

@media screen and (max-width:599px) {
    .suggested-products.suggested-products--noleftbox .btn-small {
        float: none;
        margin-top: 5px;
        display: block;
        max-width: 120px
    }
}

.ag-category .ag-item {
    height: 185px;
    padding: 15px
}

.ag-category .product-image {
    display: block;
    margin: 0 auto;
    background: 0 0;
    width: 100%
}

    .ag-category .product-image a {
        background: #fff;
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .ag-category .product-image img {
        width: 90%;
        padding: 5px;
        margin: auto;
        max-width: 100%
    }

.ag-category .description {
    text-align: center;
    display: block;
    margin: 10px 0 2px;
    height: 46px;
    overflow: hidden
}

.ag-category + .box p:last-child {
    margin-bottom: 0
}

.ag-carousel.ag-mini {
    margin: 0;
    padding: 0
}

    .ag-carousel.ag-mini .ag-item {
        width: 220px
    }

    .ag-carousel.ag-mini .product-image a {
        display: block
    }

        .ag-carousel.ag-mini .product-image a img {
            width: 54px
        }

    .ag-carousel.ag-mini .description {
        height: 46px
    }

    .ag-carousel.ag-mini .price {
        min-height: 17px;
        font-size: 85%
    }

    .ag-carousel.ag-mini .add-to-cart {
        width: 100%;
        border-top: 1px solid #dadbd9;
        margin-top: 10px;
        padding-top: 10px
    }

        .ag-carousel.ag-mini .add-to-cart .btn-container {
            width: 100%;
            padding-left: 0
        }

        .ag-carousel.ag-mini .add-to-cart input.quantity {
            width: 23px;
            padding: 1px 2px 0 0;
            margin-left: 0;
            font-size: 11px;
            line-height: 17px;
            height: 15px;
            font-weight: 600;
            -webkit-font-smoothing: subpixel-antialiased
        }

        .ag-carousel.ag-mini .add-to-cart .btn-small {
            width: 80px;
            padding: 3px 0 0;
            font-size: 10px;
            font-weight: 700;
            height: 18px
        }

            .ag-carousel.ag-mini .add-to-cart .btn-small.btn-cart {
                margin-left: -4px
            }

        .ag-carousel.ag-mini .add-to-cart select.qty_dropdown {
            position: absolute;
            top: 10px;
            left: 0;
            width: auto;
            min-width: 70px;
            height: 18px;
            font-size: 11px;
            line-height: 12px;
            background-size: 20px 54px
        }

            .ag-carousel.ag-mini .add-to-cart select.qty_dropdown + .btn-cart.btn-small {
                float: right;
                width: 120px
            }

        .ag-carousel.ag-mini .add-to-cart select.configure {
            width: 89px;
            margin-right: 8px;
            margin-bottom: 0;
            float: left;
            height: 18px;
            top: 0;
            font-size: 11px;
            padding: 1px 20px 1px 4px;
            background-size: 20px 54px
        }

            .ag-carousel.ag-mini .add-to-cart select.configure + select.qty_dropdown {
                left: 80px
            }

                .ag-carousel.ag-mini .add-to-cart select.configure + select.qty_dropdown + .btn-cart.btn-small {
                    width: 80px
                }

    .ag-carousel.ag-mini .messages {
        position: absolute;
        top: -75px;
        height: 50px;
        padding: 20px 20px 0;
        font-size: 13px;
        text-shadow: 0 1px 0 #fff;
        background-color: hsla(0,0%,100%,.72);
        background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,.3));
        background-repeat: repeat-x
    }

.ag-full .ag-item {
    height: 226px;
    padding: 15px
}

    .ag-full .ag-item .product-image {
        display: block;
        margin: 0 auto;
        background: 0 0
    }

        .ag-full .ag-item .product-image a {
            background: #fff;
            display: block;
            width: 105px;
            margin: 0 auto
        }

        .ag-full .ag-item .product-image img {
            width: 90%;
            max-width: 105px;
            padding: 5px;
            margin: auto
        }

    .ag-full .ag-item .description {
        text-align: center;
        display: block;
        margin: 10px 0 2px;
        height: 46px;
        overflow: hidden
    }

    .ag-full .ag-item .pricing {
        border-top: 1px solid #dadbd9;
        border-bottom: 1px solid #dadbd9;
        padding: 12px 0 8px;
        margin-bottom: 13px;
        margin-top: 2px;
        position: relative;
        box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
        font-size: 80%
    }

        .ag-full .ag-item .pricing .price {
            margin-top: 0;
            margin-bottom: 0;
            padding: 0
        }

        .ag-full .ag-item .pricing .product-count {
            font-weight: 600;
            text-align: center;
            margin: 0;
            line-height: 1.6em
        }

        .ag-full .ag-item .pricing table {
            position: absolute;
            bottom: 10px;
            left: 0
        }

            .ag-full .ag-item .pricing table + .price {
                padding: 5px 0 45px
            }

        .ag-full .ag-item .pricing .free-shipping {
            position: absolute;
            bottom: -21px;
            left: 50%;
            margin-left: -58px;
            z-index: 4
        }

    .ag-full .ag-item .rating {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 7px;
        font-size: 80%
    }

.top-products .carousel-wrap {
    margin-bottom: 10px
}

.top-products .ag-carousel-frame .ag-carousel {
    min-height: 0;
    max-height: none;
    display: flex
}

.top-products .ag-carousel .ribbon {
    position: absolute;
    top: 15px;
    left: -5px;
    padding: 2px 10px
}

.top-products .ag-carousel .ag-item {
    width: 154px;
    height: auto;
    padding: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 0 154px
}

    .top-products .ag-carousel .ag-item .product-image a {
        width: 115px
    }

    .top-products .ag-carousel .ag-item .product-image img {
        max-width: 180px
    }

.top-products .ag-carousel .price, .top-products .ag-carousel .pricing {
    position: static
}

.top-products .ag-carousel .add-to-cart {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.top-products .ag-carousel .configure, .top-products .ag-carousel .qty_dropdown {
    margin-left: -38px
}

    .top-products .ag-carousel .configure + .btn-cart, .top-products .ag-carousel .notify-popover, .top-products .ag-carousel .qty_dropdown + .btn-cart {
        margin-left: -38px;
        padding-left: 16px;
        padding-right: 16px
    }

.top-products .ag-carousel .notify-popover {
    margin-bottom: 5px
}

    .top-products .ag-carousel .notify-popover + .pricing {
        font-size: 10px;
        margin-left: 0 !important
    }

.compare-template .ag-flex {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap
}

.comparison-slider-wrap .carousel-box {
    overflow: hidden;
    border-top: 1px solid #dadbd9;
    flex-direction: row
}

    .comparison-slider-wrap .carousel-box .ag-car-prev {
        margin-left: 140px
    }

@media(min-width:1280px) {
    .comparison-slider-wrap .carousel-box.compare-3 .ag-car-next, .comparison-slider-wrap .carousel-box.compare-3 .ag-car-prev {
        display: none
    }
}

.comparison-slider-wrap .slyslider-carousel {
    margin-left: 140px
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-slider-wrap .slyslider-carousel {
        margin-left: 0
    }
}

.comparison-slider-wrap .compare-header {
    float: left;
    width: 140px;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0
}

@media(min-width:0px) and (max-width:599px) {
    .comparison-slider-wrap .compare-header {
        display: none
    }
}

.comparison-slider-wrap .compare-header .compare-row {
    max-height: 37px
}

.lt-ie9 .comparison-slider-wrap .compare-header .compare-row {
    width: 100%
}

.comparison-slider-wrap .compare-header .compare-row p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    height: 37px;
    padding-left: 10px;
    overflow: hidden;
    line-height: 1.2
}

@media(min-width:600px) {
    .comparison-slider-wrap .compare-header .compare-row:nth-child(2) p {
        height: 42px
    }
}

.comparison-slider-wrap .compare-header .compare-row:nth-child(2n) {
    background: hsla(90,3%,85%,.13)
}

.comparison-slider-wrap .ag-carousel {
    border-radius: 0
}

    .comparison-slider-wrap .ag-carousel.ag-full {
        min-height: auto;
        max-height: none !important
    }

        .comparison-slider-wrap .ag-carousel.ag-full .ag-item .description {
            height: auto
        }

        .comparison-slider-wrap .ag-carousel.ag-full .ag-item .pricing {
            box-shadow: none
        }

    .comparison-slider-wrap .ag-carousel.ag-flex {
        flex-direction: row;
        width: auto
    }

    .comparison-slider-wrap .ag-carousel .ag-item {
        height: auto !important;
        padding: 0 !important;
        min-width: 230px;
        margin-bottom: 0;
        display: flex
    }

        .comparison-slider-wrap .ag-carousel .ag-item .compare-row--small {
            font-size: 11px
        }

        .comparison-slider-wrap .ag-carousel .ag-item .compare-row:nth-child(2n) {
            background: hsla(90,3%,85%,.13)
        }

@media(min-width:0px) and (max-width:599px) {
    .comparison-slider-wrap .ag-carousel .ag-item .compare-row p:before {
        content: attr(data-title);
        text-transform: uppercase;
        font-size: 10px;
        margin: 0;
        display: block;
        color: #aeb0ad
    }
}

.comparison-slider-wrap .ag-carousel .ag-item .compare-row p:not(.price) {
    margin: 0;
    padding: 8px;
    text-align: center;
    font-size: 15px
}

.comparison-slider-wrap .ag-carousel .ag-item .compare-row .pricing {
    box-shadow: none;
    margin: 0;
    border: none
}

.comparison-slider-wrap .ag-carousel .ag-item .product-info {
    padding: 15px 15px 25px
}

    .comparison-slider-wrap .ag-carousel .ag-item .product-info .product-image {
        margin: 0 auto 10px
    }

.comparison-slider-wrap .ag-carousel .ag-item.base {
    background: #fafdff
}

    .comparison-slider-wrap .ag-carousel .ag-item.base .compare-row:nth-child(2n) {
        background: #f0f9ff
    }

.comparison-slider-wrap .ag-car-next, .comparison-slider-wrap .ag-car-prev {
    border-radius: 0;
    margin-right: -1px;
    margin-top: -1px;
    height: 100.5%
}

.seasonal-attached {
    float: left;
    border-radius: 4px 0 0 5px
}

@media(min-width:0px) and (max-width:599px) {
    .seasonal-attached {
        display: none
    }
}

@media(min-width:600px) and (max-width:945px) {
    .seasonal-attached {
        display: none
    }
}

.lt-ie9 .seasonal-attached {
    display: none
}

.seasonal-wrap .carousel-box {
    margin-left: 340px
}

    .seasonal-wrap .carousel-box .box {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

@media(min-width:0px) and (max-width:599px) {
    .seasonal-wrap .carousel-box {
        margin-left: 0
    }
}

@media(min-width:600px) and (max-width:945px) {
    .seasonal-wrap .carousel-box {
        margin-left: 0
    }
}

.seasonal-wrap .carousel-box .ag-car-prev {
    border-radius: 0
}

.lt-ie9 .seasonal-wrap .carousel-box {
    margin-left: 35px
}

.seasonal-alt-text {
    display: block
}

@media(min-width:946px) {
    .seasonal-alt-text {
        display: none
    }
}

.toolbar {
    border-radius: 4px 4px 0 0;
    z-index: 3;
    position: relative;
    border-bottom-color: #949793;
    *zoom: 1;
    padding-right: 6px;
    height: 32px
}

    .toolbar:after, .toolbar:before {
        display: table;
        content: "";
        line-height: 0
    }

    .toolbar:after {
        clear: both
    }

.container-product-listing .toolbar {
    height: auto
}

.cart .toolbar {
    top: 0;
    padding-left: 8px
}

    .cart .toolbar label + .btn {
        margin-left: 7px
    }

.toolbar > .btn-mini {
    padding-top: 6px;
    padding-bottom: 5px;
    margin-top: 4px
}

.toolbar .filter {
    position: relative;
    width: 208px;
    border-right: 1px solid #a1a4a0;
    box-shadow: 1px 0 0 hsla(0,0%,100%,.2)
}

    .toolbar .filter label {
        margin-left: 8px;
        float: left
    }

    .toolbar .filter .btn {
        font-size: 14px;
        line-height: 14px;
        padding: 5px 6px 4px;
        margin: 4px 4px 4px 0
    }

    .toolbar .filter.hide-filter {
        width: 35px
    }

        .toolbar .filter.hide-filter label {
            display: none
        }

@media(min-width:600px) and (max-width:945px) {
    .toolbar .filter {
        display: none
    }
}

.toolbar .label, .toolbar label {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    margin-top: 9px;
    text-shadow: 0 1px 0 #dadbd9
}

    .toolbar .label.heading, .toolbar label.heading {
        font-size: .7em
    }

.toolbar .ag-toggle {
    margin: 3px 0 0 4px
}

    .toolbar .ag-toggle .btn {
        font-size: 18px;
        padding: 6px
    }

.toolbar .btn-toolbar {
    margin: 0
}

    .toolbar .btn-toolbar label {
        margin-top: 4px
    }

.toolbar + #page {
    margin-top: 0
}

    .toolbar + #page #sidebar .box {
        border-radius: 0 0 0 4px;
        border-top: none
    }

.toolbar .ag-sort {
    padding-left: 10px
}

    .toolbar .ag-sort select {
        margin-top: 3px;
        margin-left: 10px;
        height: 23px
    }

.toolbar .btn-ui i {
    margin-right: 5px;
    font-size: 15px;
    margin-top: -1px;
    height: 10px;
    display: inline-block
}

.toolbar #toggle-tablet-filters {
    padding-top: 7px
}

@media(min-width:946px) {
    .toolbar #toggle-tablet-filters {
        display: none
    }
}

.toolbar--tuck {
    margin-top: -6px
}

@media(min-width:600px) {
    .toolbar--tuck {
        margin-top: -39px
    }
}

.ag-reopen {
    display: none
}

    .ag-reopen.btn {
        padding: 6px 8px 5px;
        margin-right: 10px
    }

    .ag-reopen:before {
        font-size: 15px;
        line-height: 0;
        top: 1px;
        position: relative;
        display: inline
    }

.ag-search {
    padding: 0;
    margin: 0
}

    .ag-search input {
        font-size: 13px;
        margin: 4px 0 0;
        width: 160px;
        border: 1px solid #949793;
        padding: 4px 5px 3px
    }

    .ag-search .btn {
        font-size: 15px;
        margin-top: 6px;
        padding: 6px 7px 5px;
        width: auto
    }

    .ag-search input.btn {
        display: none;
        margin-top: 6px
    }

@media(min-width:0px) and (max-width:599px) {
    .ag-search input {
        width: 95px
    }
}

@media(min-width:600px) and (max-width:767px) {
    .ag-search input {
        width: 95px
    }
}

.ag-search label {
    display: none
}

@media(min-width:1024px) {
    .ag-search label {
        display: block
    }
}

.info-span {
    display: block;
    background-color: #fbfbfb;
    background-image: linear-gradient(180deg,#fff,#f5f5f5);
    background-repeat: repeat-x;
    font-size: 80%;
    line-height: 1.4em;
    padding: 0;
    border-left: 1px solid #d9ddd7;
    border-right: 1px solid #d9ddd7;
    border-bottom: 1px solid #d9ddd7;
    margin-bottom: -5px;
    clear: both;
    z-index: 1
}

@media(min-width:0px) and (max-width:599px) {
    .info-span {
        display: none
    }
}

.info-span span.compare-box-close {
    display: block;
    margin-bottom: 11px
}

    .info-span span.compare-box-close.filter button {
        color: #cf3703;
        opaCity: 1;
        font-size: 19px;
        margin-top: -3px
    }

        .info-span span.compare-box-close.filter button:hover {
            color: #9d0000
        }

    .info-span span.compare-box-close.filter span {
        font-size: 11px;
        position: relative;
        top: -2px;
        font-weight: 600
    }

@media only screen and (max-width:945px) {
    .info-span span.compare-box-close.filter button {
        font-size: 15px
    }

    .info-span span.compare-box-close.filter span {
        font-size: 10px;
        top: -1px
    }
}

.info-span .header-1, .info-span h1 {
    text-align: center
}

    .info-span .header-1.lft, .info-span h1.lft {
        text-align: left
    }

.info-span .compare-container {
    margin: 5px 10px 0
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .info-span .compare-container {
        margin: 40px 10px 0
    }
}

.info-span #compare-fixed {
    padding: 15px 0 10px
}

.info-span .info-intro {
    float: left;
    width: 100%
}

    .info-span .info-intro p {
        margin-left: 28%
    }

@media(min-width:0px) and (max-width:767px) {
    .info-span .info-intro p {
        margin-left: 0
    }
}

.info-span .info-span-close {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opaCity: .2;
    filter: alpha(opaCity=20);
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

    .info-span .info-span-close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opaCity: .4;
        filter: alpha(opaCity=40)
    }

.info-span .video {
    width: 25%;
    float: left;
    text-align: center;
    margin-right: 20px
}

@media(min-width:0px) and (max-width:599px) {
    .info-span .video {
        width: 100%
    }
}

.info-span .video img {
    margin-bottom: 0
}

.info-span .video .video-ui {
    margin-bottom: 5px
}

    .info-span .video .video-ui:before {
        font-size: 35px;
        width: 45px;
        height: auto;
        margin-left: -28px;
        line-height: 29px;
        margin-top: -18px
    }

.info-span .video a {
    color: #123;
    font-size: 12px;
    font-weight: 700
}

    .info-span .video a:hover {
        color: #123
    }

.info-span .btn-group {
    display: table;
    margin: 0 auto 10px;
    padding: 0 20px
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .info-span .btn-group {
        padding: 0
    }
}

.info-span .btn-group .btn {
    box-shadow: none
}

@media only screen and (min-width:0px) and (max-width:450px) {
    .info-span .btn-group.fourplus {
        padding: 20px 0 0
    }

        .info-span .btn-group.fourplus .btn {
            display: block;
            border-radius: 4px;
            margin: 0 5px 5px 0;
            float: left
        }
}

.info-span .row2cont {
    width: 33.33%;
    margin: 0 auto
}

    .info-span .row2cont .info-item.small-item {
        width: 100%
    }

@media(min-width:0px) and (max-width:767px),only screen and (min-width:946px) and (max-width:1050px) {
    .info-span .row2cont {
        width: 100%
    }
}

.info-span .flexSection {
    display: flex;
    flex-wrap: wrap
}

.info-span .info-item {
    flex: 1 1 auto;
    display: block;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 14px;
    color: #3b3d3b;
    cursor: pointer;
    width: 33.33%
}

    .info-span .info-item:nth-child(n+4) {
        flex: 0 1 auto
    }

@media only screen and (min-width:0px) and (max-width:820px) {
    .info-span .info-item {
        flex: 1 1 50%;
        max-width: 50%
    }

        .info-span .info-item:nth-child(n+3) {
            flex: 0 1 50%
        }
}

.info-span .info-item.small-item {
    flex: 1 1 25%
}

    .info-span .info-item.small-item h3 {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 14px;
        font-weight: 400
    }

    .info-span .info-item.small-item img {
        width: 60px
    }

@media only screen and (min-width:0px) and (max-width:820px) {
    .info-span .info-item.small-item img {
        float: left;
        margin: 0 10px 0 0
    }
}

.info-span .info-item.small-item:nth-child(n+5) {
    flex: 0 1 25%
}

@media only screen and (min-width:0px) and (max-width:820px) {
    .info-span .info-item.small-item {
        flex: 1 1 50%
    }

        .info-span .info-item.small-item:nth-child(n+3) {
            flex: 0 1 50%
        }
}

.info-span .info-item.color-item {
    flex: 1 1 12.5%;
    padding: 9px 10px
}

    .info-span .info-item.color-item:hover {
        box-shadow: none;
        background-image: none
    }

    .info-span .info-item.color-item img {
        width: 80px;
        margin: 0 auto;
        float: none;
        display: block;
        box-shadow: 0 2px 4px rgba(0,0,0,.1)
    }

    .info-span .info-item.color-item .noverflow {
        display: none
    }

    .info-span .info-item.color-item:nth-child(n+9) {
        flex: 0 1 12.5%
    }

@media only screen and (min-width:0px) and (max-width:820px) {
    .info-span .info-item.color-item, .info-span .info-item.color-item:nth-child(n+9) {
        flex: 1 1 25%
    }
}

.info-span .info-item .noverflow {
    overflow: auto
}

.info-span .info-item p {
    margin: 0
}

.info-span .info-item h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    color: #5FB709
}

.info-span .info-item img {
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    border: 1px solid #d9ddd7;
    background-color: #fff;
    width: 80px;
    margin-right: 10px;
    float: left
}

@media only screen and (min-width:0px) and (max-width:500px) {
    .info-span .info-item img {
        float: none;
        margin: 0 auto 10px;
        display: block
    }
}

.info-span .info-item:hover {
    box-shadow: inset 0 0 0 1px #ddd;
    background-image: linear-gradient(180deg,#f5f5f5,#f5f5f5);
    background-repeat: repeat-x
}

    .info-span .info-item:hover img {
        box-shadow: none
    }

    .info-span .info-item:hover h2 {
        color: #3D7504
    }

.checkcircle {
    display: none !important;
    position: absolute !important;
    z-index: 2;
    top: -15px;
    left: -15px;
    padding: 5px;
    height: 25px;
    width: 25px;
    background: #aeb0ad;
    border-radius: 40px;
    border: 3px solid #eef0ed;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    cursor: pointer;
    text-align: center;
    font-size: 20px
}

    .checkcircle:hover {
        background: #0094de
    }

    .checkcircle:active {
        background: #0073a8
    }

    .checkcircle .icon-check {
        color: #eef0ed
    }

.ag-list .checkcircle {
    top: 5px;
    left: 5px;
    height: 20px;
    width: 20px;
    padding: 2px;
    font-size: 16px;
    line-height: 1.3em;
    margin: 0 !important
}

@media(min-width:0px) and (max-width:767px) {
    .icon-compare {
        display: none
    }
}

.compare-box {
    display: none;
    padding: 19px 15px 15px;
    position: relative;
    background: #eef0ed;
    border-left: 1px solid #dadbd9;
    border-right: 1px solid #dadbd9;
    overflow: hidden
}

    .compare-box span.compare-box-close {
        display: none
    }

    .compare-box.affix {
        z-index: 10;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        background: 0 0
    }

@media(min-width:600px) and (max-width:945px) {
    .compare-box.affix .compare-container .compare-wrap {
        padding-left: 0
    }
}

.compare-box.affix .compare-container .compare-wrap #compare-fixed {
    overflow: hidden;
    width: 100%;
    background: #eef0ed;
    opaCity: .95;
    padding: 18px 0 16px;
    box-shadow: 0 2px 3px rgba(0,0,0,.3)
}

.compare-box.affix .compare-container #compare-fixed {
    width: 100%
}

    .compare-box.affix .compare-container #compare-fixed span.compare-box-close {
        display: block;
        margin-right: 20px;
        padding-left: 10px;
        margin-top: 5px
    }

    .compare-box.affix .compare-container #compare-fixed .small {
        margin-left: 20px
    }

    .compare-box.affix .compare-container #compare-fixed .close {
        margin-right: 10px
    }

.compare-box .small {
    margin: -1px 0 0
}

.compare-box .checkcircle {
    position: relative !important;
    top: -1px;
    left: auto;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 2px solid #eef0ed;
    margin: 0 2px
}

    .compare-box .checkcircle .icon-check {
        top: 1px;
        left: 4px
    }

.checkedactive {
    width: 100%;
    height: 100%;
    background: #e6f4fc
}

    .checkedactive .product-image img {
        box-shadow: 0 1px 5px rgba(0,148,222,.2);
        border: 1px solid #abe3ff !important
    }

    .checkedactive .details a {
        color: #0094de
    }

        .checkedactive .details a:hover {
            color: #0073a8 !important
        }

    .checkedactive .product-image a.checkcircle {
        background: #0094de !important
    }

        .checkedactive .product-image a.checkcircle:active {
            background: #0073a8 !important;
            cursor: pointer
        }

@media(min-width:0px) and (max-width:599px) {
    #main .checkcircle, #main .compare-box, #main .compare-item {
        display: none !important
    }
}

@media(min-width:600px) and (max-width:767px) {
    #main .checkcircle, #main .compare-box, #main .compare-item {
        display: none !important
    }
}

.compare-mode #main .compare-box {
    display: block
}

    .compare-mode #main .compare-box.affix + .ag-grid, .compare-mode #main .compare-box.affix + .ag-list {
        margin-top: 56px
    }

.compare-mode-closing #main .compare-box {
    display: none
}

    .compare-mode-closing #main .compare-box.affix-top + .ag-list {
        margin-top: 8px
    }

.compare-mode #main .ag {
    padding-top: 0
}

.compare-mode .checkcircle {
    display: inline-block !important
}

.compare-mode-closing .checkcircle {
    display: none;
    opaCity: 0;
    transition: opaCity .15s linear
}

    .compare-mode-closing .checkcircle.in, .compare-mode-closing .checkcircle.show {
        opaCity: 1
    }

.ag-filter a {
    color: #3b3d3b;
    display: block;
    cursor: pointer
}

.ag-filter__header {
    display: none
}

.ag-filter .filter-list {
    list-style: none;
    margin: 1px 0 0;
    border-right: none;
    font-size: 13px
}

.ag-filter .filter-list__section {
    border-bottom: 1px solid #dadbd9
}

    .ag-filter .filter-list__section:last-child {
        border-bottom: none
    }

    .ag-filter .filter-list__section .icon-question:before {
        display: none
    }

    .ag-filter .filter-list__section .icon-question .filter-list__content:after {
        font-size: 12px;
        opaCity: .5;
        position: relative;
        display: inline;
        margin-left: 2px
    }

@media(min-width:600px) {
    .ag-filter .filter-list__section .icon-question .filter-list__content:after {
        content: "\E704"
    }
}

.ag-filter .filter-list__section .icon-question.filter-list__heading .filter-list__content:after {
    margin-left: 5px
}

.ag-filter .filter-list__heading {
    background-color: #fbfbfb;
    display: block;
    padding: 6px 15px 6px 12px;
    margin-bottom: -1px;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #dadbd9
}

    .ag-filter .filter-list__heading .icon-down-micro {
        position: absolute;
        right: 10px;
        opaCity: 0;
        transition: all .3s
    }

    .ag-filter .filter-list__heading.collapsed .icon-down-micro {
        transition: all .3s;
        opaCity: 1
    }

@media(min-width:600px) {
    .ag-filter .filter-list__itemlist > a:first-child {
        margin-top: 8px
    }

    .ag-filter .filter-list__itemlist > a:last-child {
        margin-bottom: 8px
    }
}

.ag-filter .filter-list__item {
    display: block;
    padding: 7px 25px 6px 32px;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    position: relative
}

    .ag-filter .filter-list__item:hover {
        background-color: #f3f3f3
    }

    .ag-filter .filter-list__item.icon-question .filter-list__content {
        float: left;
        max-width: 170px
    }

    .ag-filter .filter-list__item.noCheck {
        padding-left: 11px
    }

        .ag-filter .filter-list__item.noCheck.active {
            background-color: #36ab02;
            color: #fff;
            text-shadow: none;
            border: 0
        }

    .ag-filter .filter-list__item.active {
        background-image: linear-gradient(180deg,#5FB709,#3D7504);
        background-color: #3D7504;
        border: 1px solid #1f6500;
        color: #fff;
        text-shadow: none;
        border-radius: 4px;
        margin: 0 3px;
        padding: 3px 25px 2px 14px
    }

        .ag-filter .filter-list__item.active:before {
            position: absolute;
            z-index: 2;
            right: 6px;
            top: 2px;
            content: "x";
            font-size: 12px;
            line-height: 17px
        }

        .ag-filter .filter-list__item.active .count {
            display: none
        }

    .ag-filter .filter-list__item.selected:before {
        content: "\D7";
        background-color: #2a8100;
        color: #fff;
        border-radius: 50px;
        width: 0;
        font-size: 12px;
        line-height: 0;
        padding: 7px 11px 7px 3px;
        position: absolute;
        top: -6px;
        left: 26px
    }

    .ag-filter .filter-list__item.pro-pick {
        padding-bottom: 14px;
        padding-top: 3px
    }

    .ag-filter .filter-list__item .ag-search {
        text-indent: 0
    }

        .ag-filter .filter-list__item .ag-search input {
            margin: 0
        }

        .ag-filter .filter-list__item .ag-search button {
            margin-top: 0
        }

    .ag-filter .filter-list__item .pro-pick-label {
        color: #f78c00;
        text-transform: uppercase;
        font-size: 10px;
        position: absolute;
        bottom: 2px;
        display: block
    }

    .ag-filter .filter-list__item .count {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -8px;
        opaCity: .4
    }

    .ag-filter .filter-list__item .wss-checkbox {
        position: absolute;
        width: 13px;
        padding: 0;
        top: 50%;
        margin: -8px 0 0 -24px
    }

.ag-filter .item--img {
    padding: 0 10px;
    display: flex;
    flex-flow: row wrap
}

    .ag-filter .item--img.in[class$=collapse] {
        overflow: visible
    }

    .ag-filter .item--img:after, .ag-filter .item--img:before {
        height: 10px;
        width: 100%;
        content: ""
    }

    .ag-filter .item--img .filter-list__item {
        display: block;
        flex: 0 1 20%;
        text-align: center;
        margin: 3px 0 !important;
        padding: 0;
        text-indent: 0
    }

        .ag-filter .item--img .filter-list__item:hover {
            background-color: #fff
        }

        .ag-filter .item--img .filter-list__item input {
            display: none
        }

            .ag-filter .item--img .filter-list__item input:checked + img {
                border-color: #5FB709;
                width: 68%;
                padding: 2px;
                transition: all .1s linear
            }

        .ag-filter .item--img .filter-list__item img {
            width: 80%;
            border: 1px solid #dadbd9;
            transition: all .1s linear
        }

        .ag-filter .item--img .filter-list__item .tooltip {
            text-shadow: none
        }

.ag-filter .item--search {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    margin: 9px 0 8px
}

    .ag-filter .item--search:hover {
        background-color: #fff
    }

    .ag-filter .item--search .filter-list__heading {
        padding-left: 0;
        padding-top: 0;
        background: 0 0;
        border: 0
    }

.ag-filter .selectCategory {
    font-size: 13px;
    line-height: 16px;
    padding: 15px 15px 10px 13px;
    font-weight: 600;
    margin-bottom: 0 !important;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0 !important
}

    .ag-filter .selectCategory em {
        font-style: normal
    }

@media(max-width:599px) {
    .ag-filter .selectCategory.collapsed {
        border-bottom: 1px solid #dadbd9
    }
}

.ag-filter .selectCategory i {
    float: left;
    margin: 7px 7px 0 0;
    font-size: 20px;
    color: #c09853
}

.ag-filter .selectCategory span {
    display: block;
    overflow: hidden;
    border-left: 2px solid #3b3d3b;
    padding-left: 10px
}

@media(min-width:600px) {
    .ag-filter .selectCategory span.filter-list__peek {
        display: none
    }
}

@media(max-width:599px) {
    .ag-filter .category-nav + .filter-list__section .filter-list__heading {
        border-top: 0
    }
}

.ag-filter .category-nav .filter-list__heading {
    border: none;
    background-color: #fff
}

.ag-filter .category-nav a:first-child {
    margin-top: 0
}

.ag-filter .category-nav a:last-child {
    margin-bottom: 0
}

.ag-filter .category-nav .moreFewer {
    padding: 5px 0 5px 24px;
    opaCity: .5
}

@media(min-width:600px) {
    .ag-filter .category-nav.collapse {
        height: auto
    }
}

.ag-filter .small {
    padding: 0 5px;
    margin: 5px 0 0;
    line-height: 16px;
    font-size: 11px
}

.ag-filter .ag-search input {
    font-size: 13px;
    padding: 5px 5px 3px;
    margin: 3px 0 0 5px;
    width: 140px;
    border: 1px solid #aeb0ad
}

.ag-filter .ag-search .btn {
    font-size: 16px;
    margin-top: 3px;
    padding: 6px 7px 5px;
    width: auto
}

.ag-filter .ag-search input.btn {
    display: none;
    margin-top: 6px
}

@media(min-width:0px) and (max-width:945px) {
    .ag-filter .ag-search input {
        width: 135px
    }
}

.ag-filter#mobileSort {
    display: none
}

@media(max-width:599px) {
    .ag-filter#mobileSort {
        display: block
    }

        .ag-filter#mobileSort .filter-list {
            border: none !important
        }

        .ag-filter#mobileSort .filter-list__heading {
            border-bottom: 1px solid #ddd;
            margin-bottom: 0
        }

            .ag-filter#mobileSort .filter-list__heading:last-child {
                border-bottom: 0
            }
}

@media(min-width:0px) and (max-width:945px) {
    .ag-filter {
        width: 200px;
        position: absolute;
        top: 0;
        left: 0
    }

        .ag-filter + #main {
            position: relative;
            z-index: 2
        }
}

@media(max-width:599px) {
    .ag-filter {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 100;
        background: rgba(0,0,0,.6);
        pointer-events: none;
        opaCity: 0;
        transition: opaCity .25s
    }

    .ag-filter__container {
        position: absolute;
        top: 18%;
        bottom: 0;
        width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,.4);
        background: #f3f3f3;
        border-radius: 4px 4px 0 0;
        transform: translateY(100vh);
        transition: transform .23s ease
    }

    .ag-filter .icon-question .filter-list__content:after {
        display: none
    }

    .ag-filter .filter-list__section--search {
        padding: 0
    }

        .ag-filter .filter-list__section--search .filter-list__itemlist {
            padding: 0;
            border: 0
        }

        .ag-filter .filter-list__section--search .item--search {
            margin: 0;
            overflow: hidden
        }

        .ag-filter .filter-list__section--search .filter-list__heading {
            float: left;
            border: 0;
            padding: 0
        }

            .ag-filter .filter-list__section--search .filter-list__heading:after {
                display: none
            }

        .ag-filter .filter-list__section--search .ag-search {
            float: right;
            margin-top: -4px;
            margin-bottom: -4px
        }

            .ag-filter .filter-list__section--search .ag-search .btn {
                padding-bottom: 6px
            }

    .ag-filter.open {
        pointer-events: all;
        opaCity: 1
    }

        .ag-filter.open .ag-filter__container {
            transform: translateY(0)
        }

    .ag-filter__header {
        background: #fff;
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        display: flex;
        position: absolute;
        top: 0;
        width: 100%;
        margin-bottom: -1px
    }

        .ag-filter__header a {
            color: #5FB709
        }

    .ag-filter__action-item {
        font-weight: 700;
        padding: 10px 12px;
        line-height: 1.3;
        flex: 1 1 33.33%
    }

        .ag-filter__action-item:last-child {
            text-align: right
        }

    .ag-filter__action-item--title {
        color: #3b3d3b;
        text-align: center
    }

    .ag-filter .filter-list {
        position: absolute;
        top: 39px;
        bottom: 0;
        overflow: auto;
        width: 100%;
        margin-bottom: 0 !important;
        border-radius: 0;
        border: 0;
        background: 0 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .ag-filter .filter-list__section {
        border-bottom: 0
    }

        .ag-filter .filter-list__section:first-child .filter-list__heading {
            border-top: 0
        }

        .ag-filter .filter-list__section:last-child {
            border-bottom: 1px solid #dadbd9;
            margin-bottom: 40px
        }

    .ag-filter .filter-list__heading {
        font-size: 15px;
        font-weight: 600;
        background: #fff;
        padding: 14px 12px;
        border: none;
        border-top: 1px solid #dadbd9;
        position: relative;
        z-index: 1;
        position: -webkit-sticky;
        position: sticky;
        top: -1px
    }

        .ag-filter .filter-list__heading .icon-down-micro {
            display: none
        }

        .ag-filter .filter-list__heading:after {
            position: absolute;
            color: #ccc;
            right: 12px;
            top: 50%;
            margin-top: -8px;
            font-family: fontello;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            font-variant: normal;
            text-transform: none;
            content: "\E75D";
            transform: rotate(90deg);
            transition: all .4s;
            font-size: 15px
        }

        .ag-filter .filter-list__heading.collapsed:after {
            transform: rotate(-90deg)
        }

    .ag-filter .filter-list__heading--link:after {
        display: none
    }

    .ag-filter .filter-list__heading--link.active .list-check {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        content: " ";
        background: #3D7504;
        border-radius: 14px;
        background-color: #1c9bd9;
        border-color: #1c9bd9;
        width: 21px;
        height: 21px
    }

        .ag-filter .filter-list__heading--link.active .list-check:after {
            width: 50%;
            height: 20%;
            content: "";
            position: absolute;
            border-left: 2px solid;
            border-bottom: 2px solid;
            border-color: #fff;
            transform: rotate(-45deg) translateZ(0);
            transform-origin: center center;
            transition: all .3s cubic-bezier(.19,1,.22,1);
            left: 0;
            right: 0;
            top: 1px;
            bottom: 5%;
            margin: auto
        }

    .ag-filter .filter-list__heading--link .list-check {
        border-radius: 14px;
        background: #3D7504
    }

    .ag-filter .filter-list__item.pro-pick {
        padding: 10px 10px 18px
    }

        .ag-filter .filter-list__item.pro-pick .pro-pick-label {
            bottom: 6px
        }

    .ag-filter .filter-list__peek + .filter-list__content {
        position: relative;
        z-index: 2;
        background: #fff
    }

        .ag-filter .filter-list__peek + .filter-list__content:before {
            content: "";
            position: absolute;
            top: 0;
            left: 100%;
            bottom: 0;
            width: 20px;
            background: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))
        }

    .ag-filter .collapsed .filter-list__peek {
        opaCity: 1
    }

    .ag-filter .noCheck.active {
        margin: 0 5px 5px 0;
        padding-top: 5px;
        padding-bottom: 5px
    }

        .ag-filter .noCheck.active:before {
            top: 50%;
            right: 8px;
            content: "\D7";
            font-size: 18px;
            margin: -8px 5px 5px 0
        }

    .ag-filter .filter-list__itemlist {
        padding-left: 18px;
        background: #fff;
        margin-top: 1px
    }

    .ag-filter .filter-list__item {
        font-size: 14px;
        color: #555;
        padding: 14px 10px;
        border: none;
        border-top: 1px solid #dadbd9
    }

        .ag-filter .filter-list__item .count {
            font-size: 13px;
            font-weight: 600
        }

        .ag-filter .filter-list__item .wss-checkbox {
            left: 100%;
            margin: -10px 0 0 -30px;
            width: 19px
        }

            .ag-filter .filter-list__item .wss-checkbox .list-check {
                border-radius: 14px
            }

        .ag-filter .filter-list__item .count {
            right: 40px
        }

        .ag-filter .filter-list__item.noCheck .count {
            right: 15px
        }

    .ag-filter .item--img:before {
        height: 0
    }

    .ag-filter .item--img .filter-list__item {
        border-top: 0;
        flex: 0 1 50px;
        padding: 0;
        margin: 0 10px 2px 0
    }

    .ag-filter .selectCategory {
        padding: 14px 12px;
        background: #fff;
        border: none;
        cursor: pointer;
        position: relative;
        z-index: 2
    }

        .ag-filter .selectCategory:after {
            position: absolute;
            color: #ccc;
            right: 12px;
            top: 50%;
            margin-top: -8px;
            font-family: fontello;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            font-variant: normal;
            text-transform: none;
            content: "\E75D";
            transform: rotate(90deg);
            font-size: 15px;
            transform: all .2s
        }

        .ag-filter .selectCategory.collapsed:after {
            transform: rotate(-90deg)
        }

        .ag-filter .selectCategory > span {
            border: none;
            padding: 0;
            font-size: 0
        }

            .ag-filter .selectCategory > span.filter-list__peek {
                font-size: 12px
            }

        .ag-filter .selectCategory em {
            font-size: 15px;
            text-transform: capitalize;
            font-weight: 600;
            margin-right: 4px
        }

        .ag-filter .selectCategory br {
            display: none
        }

    .ag-filter .category-nav {
        position: relative;
        padding-left: 16px;
        background: #fff
    }

        .ag-filter .category-nav .filter-list__heading {
            font-size: 14px;
            font-weight: 400;
            padding-left: 21px;
            padding-top: 10px;
            padding-bottom: 10px;
            cursor: pointer;
            position: relative
        }

            .ag-filter .category-nav .filter-list__heading:not(.collapsed) {
                position: relative;
                position: -webkit-sticky;
                position: sticky;
                top: 0;
                z-index: 1
            }

            .ag-filter .category-nav .filter-list__heading:after {
                right: auto;
                left: 3px;
                font-size: 13px
            }

        .ag-filter .category-nav .filter-list__itemlist {
            padding-left: 12px
        }

            .ag-filter .category-nav .filter-list__itemlist .filter-list__itemlist {
                padding-left: 0;
                height: auto
            }

                .ag-filter .category-nav .filter-list__itemlist .filter-list__itemlist.collapse, .ag-filter .category-nav .filter-list__itemlist .filter-list__itemlist .collapse {
                    height: auto
                }

            .ag-filter .category-nav .filter-list__itemlist .moreFewer {
                display: none
            }

        .ag-filter .category-nav .filter-list__item {
            border: 0;
            font-size: 13px;
            color: #999;
            padding-top: 11px;
            padding-bottom: 11px
        }
}

.ag-filter .filter-list__peek {
    display: none
}

@media(max-width:599px) {
    .ag-filter .filter-list__peek {
        font-size: 12px;
        color: #aeb0ad;
        position: absolute;
        right: 35px;
        font-weight: 400;
        opaCity: 0;
        transition: all .2s;
        max-width: 55%;
        height: 16px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: right;
        z-index: 1;
        top: 50%;
        margin-top: -9px
    }
}

@media(min-width:600px) {
    .ag-filter .filter-list__overflow {
        display: none
    }

        .ag-filter .filter-list__overflow.expanded {
            display: block
        }
}

.ag-filter .filter-list__overflowtoggle {
    margin: 5px 10px 10px;
    border-color: #ddd;
    background: 0 0;
    box-shadow: none;
    text-shadow: none
}

    .ag-filter .filter-list__overflowtoggle:hover {
        background: #fff
    }

@media(max-width:599px) {
    .ag-filter .filter-list__overflowtoggle {
        display: none
    }
}

.filtershow {
    display: none
}

@media(max-width:599px) {
    .filtershow {
        display: block;
        float: right;
        padding: 6px 0
    }

    .filtershow__btn {
        float: left;
        margin: 0 0 0 4px
    }
}

#toggle-tablet-filters {
    display: none
}

@media(min-width:600px) and (max-width:949px) {
    #toggle-tablet-filters {
        display: block;
        margin: 4px 0 0 4px;
        float: left
    }
}

@media(min-width:600px) and (max-width:949px) {
    .ag-filter + #main {
        transition: all .5s
    }

    .fixed-go-to-top {
        position: relative;
        overflow: hidden
    }

        .fixed-go-to-top.filter-open:after {
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            z-index: 2;
            position: absolute;
            right: -100%;
            top: 0;
            box-shadow: -2px 0 10px rgba(0,0,0,.3)
        }

    .ag-filter.filter-open + #main {
        transform: translate3d(200px,0,0)
    }

        .ag-filter.filter-open + #main:before {
            position: absolute;
            left: 1px;
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: hsla(0,0%,100%,.8);
            z-index: 5
        }
}

.fix-body {
    position: fixed
}

.aside .text b, .aside .text strong {
    font-weight: 400
}

.aside .header-4 {
    padding: 0 0 5px;
    border-bottom: 1px solid #dadbd9;
    z-index: 1
}

.aside ul.nav-tabs.box li a {
    border-left: none;
    border-right: none
}

.aside ul.nav-tabs.box li:first-child a {
    border-top: none
}

.aside ul.nav-tabs.box li:last-child a {
    border-bottom: none
}

.aside .quick-link {
    margin-bottom: 20px
}

    .aside .quick-link, .aside .quick-link .header-4 {
        padding-bottom: 5px;
        border-bottom: 1px solid #dadbd9
    }

        .aside .quick-link .header-4 {
            margin-bottom: 5px
        }

        .aside .quick-link ul {
            margin: 0
        }

            .aside .quick-link ul li {
                display: block;
                font-weight: 600;
                font-size: 90%
            }

                .aside .quick-link ul li a {
                    padding: 6px
                }

.aside #supporting-content.in {
    margin-bottom: 16px
}

.aside.grid-module-side #supporting-content br {
    display: inline
}

.aside br + br + #supporting-content {
    margin-top: 16px
}

.aside .category-content, .aside .category-content .five, .aside .category-content .four, .aside .category-content .three {
    margin-bottom: 10px
}

.aside .summary {
    font-size: .8em;
    line-height: 1.3em
}

.aside .add-to-contain {
    margin: 10px auto
}

    .aside .add-to-contain .btn-group {
        height: 22px;
        margin: 0 auto;
        text-align: center;
        display: block
    }

    .aside .add-to-contain form {
        display: inline
    }

        .aside .add-to-contain form input {
            border-radius: 0
        }

        .aside .add-to-contain form:first-child input {
            border-radius: 3px 0 0 3px;
            border-right: none
        }

        .aside .add-to-contain form:nth-child(2) input {
            border-right: none
        }

        .aside .add-to-contain form:last-child input {
            border-radius: 0 3px 3px 0;
            border-right: 1px solid #aeb0ad
        }

    .aside .add-to-contain label {
        display: block;
        text-align: center
    }

        .aside .add-to-contain label.sub-text {
            margin: 8px 0 0 !important;
            font-size: 11px
        }

.rounded-list {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    padding: 0;
    text-shadow: 0 1px 0 hsla(0,0%,100%,.5)
}

    .rounded-list li {
        position: relative;
        display: block;
        padding: 0 0 15px 20px
    }

        .rounded-list li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            left: -1.7em;
            top: 50%;
            margin-top: -1.5em;
            height: 2em;
            width: 2em;
            line-height: 2em;
            text-align: center;
            font-weight: 700;
            border-radius: 2em
        }

.item-list {
    list-style-type: none;
    margin: 0
}

.guide-nav {
    width: 300px
}

@media(min-width:946px) {
    .guide-nav.affix {
        top: 20px
    }
}

.guide-nav.affix-bottom {
    top: auto;
    position: absolute;
    bottom: 890px;
    margin-bottom: 0 !important
}

.guide-nav .uiChrome span {
    margin: 0;
    padding-top: 2px;
    line-height: 1em
}

.guide-nav .box.nav {
    border: none
}

.guide-nav .resources {
    padding: 15px;
    margin-bottom: 0 !important
}

.guide-nav li {
    font-size: .8em
}

@media(min-width:0px) and (max-width:945px) {
    .guide-nav {
        display: none
    }
}

.replacementparts-ad {
    display: block;
    box-sizing: border-box;
    background: #453a48;
    background-color: #3a303d;
    background-image: linear-gradient(180deg,#453a48,#29212c);
    background-repeat: repeat-x;
    border: 1px solid #29212c;
    text-align: center;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.49);
    border-radius: 4px;
    padding: 0 20px 40px
}

    .replacementparts-ad h3 {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        margin: 0;
        text-shadow: none
    }

@media(min-width:0px) and (max-width:599px) {
    .replacementparts-ad {
        margin: 10px;
        width: 95%
    }
}

#watnotif-wrapper, #watnotif-wrapper > .notification {
    transform: matrix(1,0,0,1,0,0)
}

#watnotif-wrapper {
    box-sizing: border-box;
    position: fixed;
    display: block;
    width: 100%;
    max-width: 400px;
    height: 0;
    overflow: visible;
    z-index: 9999;
    top: 0;
    right: 0
}

    #watnotif-wrapper > .notification {
        position: relative;
        display: block;
        min-height: auto;
        cursor: pointer;
        box-shadow: 0 0 2px 0 rgba(0,0,0,.9);
        overflow: hidden;
        opaCity: 1
    }

.notification {
    background-color: #fafbfa;
    background-image: linear-gradient(180deg,#fff,#f3f5f2);
    background-repeat: repeat-x;
    border-radius: 6px;
    box-shadow: 0 1px 10px rgba(0,0,0,.9);
    padding: 12px 12px 2px;
    overflow: hidden;
    border: none;
    margin: 15px;
    position: relative;
    animation: popUp .6s
}

    .notification .notification__content a, .notification .notify-body a {
        -webkit-font-smoothing: antialiased
    }

    .notification .header-4, .notification .notification__heading {
        font-size: .9em;
        line-height: 1.2em;
        font-weight: 700;
        color: #3b3d3b;
        margin-right: 20px;
        margin-bottom: 4px
    }

    .notification .description, .notification .notification__description {
        font-size: .7em;
        line-height: 1.2em;
        margin-bottom: 10px;
        color: #424242;
        font-weight: 400
    }

    .notification .msg {
        margin-bottom: 0
    }

    .notification .btn {
        margin-right: 10px;
        margin-bottom: 10px
    }

        .notification .btn:last-child {
            margin-right: 0
        }

    .notification .close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        float: right;
        font-size: 20px;
        font-weight: 700;
        line-height: 16px;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opaCity: .2
    }

        .notification .close:hover {
            opaCity: .4
        }

    .notification .notification__img, .notification .product-image {
        display: block;
        float: left;
        margin-right: 12px;
        margin-bottom: 10px;
        padding: 5px;
        background: #fff;
        border: 1px solid #dadbd9;
        box-shadow: 0 2px 2px rgba(0,0,0,.05)
    }

        .notification .notification__img img, .notification .product-image img {
            width: 66px;
            display: block
        }

.notification--error .notification__heading:before {
    content: "\E808";
    position: relative;
    margin-right: 6px;
    font-family: fontello;
    color: #f8920e
}

.fading-out {
    animation: bounceOutUp .8s forwards
}

.notification-center {
    position: fixed;
    right: 0;
    width: 400px;
    padding-left: 40px;
    z-index: 100;
    transition: margin .8s .2s
}

@media(min-width:0px) and (max-width:599px) {
    .notification-center {
        width: 100%;
        padding-left: 0
    }

        .notification-center .notification {
            margin: 10px 10px 0
        }

            .notification-center .notification .product-image img {
                width: 38px
            }
}

.notification-fader {
    z-index: 99;
    opaCity: 0;
    transition: opaCity .5s,height .1s .6s;
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    width: 110%;
    height: 0;
    background-color: rgba(0,0,0,.24);
    background-image: linear-gradient(180deg,rgba(0,0,0,.4),transparent);
    background-repeat: repeat-x;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.1);
    background-color: transparent
}

    .notification-fader.open {
        opaCity: 1;
        height: 300px;
        transition: opaCity .5s
    }

@keyframes popUp {
    0% {
        opaCity: 0;
        transform: scale(.6)
    }

    80% {
        transform: scale(1.1)
    }

    to {
        opaCity: 1;
        transform: scale(1)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opaCity: 1;
        transform: translateY(20px)
    }

    to {
        opaCity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    15% {
        transform: scale(1.15)
    }

    30% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

.checkout-review-ground-notice {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 11px;
    margin: 0 0 5px;
    line-height: 19px;
    box-sizing: border-box;
    background: #e9f4f7;
    padding: 4px 7px;
    border-radius: 3px
}

#vendor_rating .pull-left {
    float: left
}

    #vendor_rating .pull-left + .pull-left {
        float: none
    }

#vendor_rating #rating_desc {
    margin-bottom: 0
}

#search-elastic .page-header-2 {
    margin-bottom: 15px
}

#search-elastic .search-sizer {
    padding-top: 0
}

    #search-elastic .search-sizer .page-header-2 {
        margin-bottom: 2px
    }

#search-elastic .no-results {
    position: relative;
    overflow: hidden
}

    #search-elastic .no-results .parts {
        background: url(../../med/partstest.jpg) no-repeat 50%;
        background-size: cover;
        text-align: center
    }

        #search-elastic .no-results .parts, #search-elastic .no-results .parts h2 {
            color: #fff;
            text-shadow: 0 1px 0 #000
        }

            #search-elastic .no-results .parts p {
                font-size: 15px;
                margin-bottom: 7px
            }

            #search-elastic .no-results .parts .btn {
                line-height: 21px;
                box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4),0 2px 2px rgba(0,0,0,.17)
            }

#search-elastic .search-help {
    border-top: 1px solid #dadbd9;
    *zoom: 1
}

    #search-elastic .search-help:after, #search-elastic .search-help:before {
        display: table;
        content: "";
        line-height: 0
    }

    #search-elastic .search-help:after {
        clear: both
    }

    #search-elastic .search-help #search_again {
        width: 50%;
        float: left
    }

@media(min-width:0px) and (max-width:945px) {
    #search-elastic .search-help #search_again {
        width: 100%;
        float: none
    }
}

#search-elastic .search-live-chat {
    width: 35%;
    position: relative;
    float: right;
    background: #0094de;
    border-radius: 4px;
    padding: 20px
}

@media(min-width:0px) and (max-width:945px) {
    #search-elastic .search-live-chat {
        float: left;
        width: 60%;
        margin-top: 5%
    }
}

@media(min-width:0px) and (max-width:599px) {
    #search-elastic .search-live-chat {
        width: 100%;
        max-width: 300px;
        padding: 0;
        overflow: hidden
    }
}

#search-elastic .search-live-chat:hover {
    background: #008dd4
}

#search-elastic .search-live-chat-text {
    width: 55%;
    float: left
}

    #search-elastic .search-live-chat-text h2, #search-elastic .search-live-chat-text p {
        color: #fff
    }

    #search-elastic .search-live-chat-text h2 {
        text-shadow: none
    }

    #search-elastic .search-live-chat-text p {
        font-size: .8em;
        width: 200px;
        line-height: 1.2em
    }

    #search-elastic .search-live-chat-text .btn {
        border: 1px solid #00628f;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        padding: 10px
    }

        #search-elastic .search-live-chat-text .btn i {
            font-size: 1.4em
        }

@media(min-width:0px) and (max-width:945px) {
    #search-elastic .search-live-chat-text {
        width: 55%;
        float: left;
        margin-left: 45%
    }
}

@media(min-width:0px) and (max-width:599px) {
    #search-elastic .search-live-chat-text {
        width: 100%;
        margin-top: 0;
        margin-left: 90px;
        padding: 20px
    }
}

#search-elastic .search-chat-girl {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    float: right
}

@media(min-width:0px) and (max-width:945px) {
    #search-elastic .search-chat-girl {
        transform: scaleX(-1);
        left: 0;
        float: left
    }
}

@media(min-width:0px) and (max-width:599px) {
    #search-elastic .search-chat-girl {
        width: 150px;
        left: -40px
    }
}

#search-elastic .related-searches, #search-elastic .search-meta {
    margin-bottom: 7px
}

    #search-elastic .related-searches span, #search-elastic .search-meta span {
        float: left;
        padding: 3px 2px 2px 0;
        line-height: 13px
    }

    #search-elastic .related-searches a, #search-elastic .search-meta a {
        padding: 3px 5px 2px;
        border-radius: 4px;
        float: left;
        line-height: 13px;
        margin: 0 2px 2px 0
    }

        #search-elastic .related-searches a:hover, #search-elastic .search-meta a:hover {
            background: #5FB709;
            color: #fff;
            text-shadow: 0 1px 1px #3D7504
        }

#search-elastic .bottom-related {
    border-top: 1px solid #aeb0ad;
    margin-left: -5px;
    margin-bottom: 0;
    padding-top: 15px
}

#search-elastic .search-meta {
    line-height: 10px;
    margin: 0 0 10px;
    font-size: 12px
}

    #search-elastic .search-meta a {
        float: none;
        margin-left: -2px
    }

#search-page .search-sizer {
    position: relative
}

    #search-page .search-sizer .ag-mini-grid:first-child .ag-item .description {
        height: 45px;
        margin-bottom: 5px
    }

@media(min-width:946px) {
    #search-page .search-sizer .ag-mini-grid:first-child .ag-item {
        width: 16.666666667%
    }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(5n) {
            border-right: 1px solid #dadbd9
        }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(6n) {
            border-right: none
        }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(-n+6) {
            border-top: none
        }
}

@media(min-width:1280px) {
    #search-page .search-sizer .ag-mini-grid:first-child .ag-item {
        width: 12.5%
    }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(6n) {
            border-right: 1px solid #dadbd9
        }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(8n) {
            border-right: none
        }

        #search-page .search-sizer .ag-mini-grid:first-child .ag-item:nth-child(-n+8) {
            border-top: none
        }
}

#search-page .search-resources {
    font-size: .8em;
    display: none
}

    #search-page .search-resources + .ag-mini-grid, #search-page .search-resources + .page-header-content {
        width: 100%;
        margin-top: 0
    }

@media(min-width:804px) {
    #search-page .search-resources {
        display: block;
        position: absolute;
        float: right;
        right: 0;
        top: 0;
        height: 99.6%;
        overflow-y: auto;
        overflow-x: hidden;
        width: 33.5%
    }

        #search-page .search-resources + .ag-mini-grid, #search-page .search-resources + .page-header-content {
            width: 65%;
            margin-top: 0
        }
}

@media(min-width:946px) {
    #search-page .search-resources {
        width: 23.5%
    }

        #search-page .search-resources + .ag-mini-grid, #search-page .search-resources + .page-header-content {
            width: 75%
        }
}

#search-page .search-resources .linksContainer, #search-page .search-resources .resources {
    padding: 15px 15px 0
}

    #search-page .search-resources .linksContainer + .resources, #search-page .search-resources .resources + .resources {
        margin-top: 0;
        padding-bottom: 15px
    }

    #search-page .search-resources .linksContainer .linkContainer, #search-page .search-resources .resources .linkContainer {
        line-height: 1.3em;
        font-size: .9em
    }

        #search-page .search-resources .linksContainer .linkContainer a, #search-page .search-resources .resources .linkContainer a {
            font-weight: 600
        }

#search-page .search-resources + .header-3 + .ag-mini-grid {
    margin-top: 0
}

.product-reviews {
    clear: both;
    border-top: 1px solid #dadbd9;
    width: 100%;
    padding-top: 15px;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5)
}

    .product-reviews + .review-section {
        margin-right: 11px
    }

#adcontainer1 {
    width: 96% !important;
    border-top: 1px solid #dadbd9 !important;
    border-radius: 4px !important
}

.ag-filter .resources {
    padding-top: 10px;
    font-size: .8em
}

.ag-filter .filter {
    background-color: #cccfca;
    background-image: linear-gradient(180deg,#d9ddd7,#b8bab7);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3);
    border: 1px solid #a9aba8;
    z-index: 3;
    position: relative;
    border-bottom-color: #949793;
    padding: 0 6px;
    height: 37px;
    bottom: 1px
}

    .ag-filter .filter label {
        font-size: .55em;
        text-transform: uppercase;
        font-weight: 700;
        vertical-align: middle;
        text-shadow: 0 1px 0 #d9ddd7;
        margin: 12px 0 0 5px
    }

.ag-filter .nav-buyguides {
    border-radius: 0 !important;
    margin: 0 !important
}

.parts-header {
    overflow: hidden;
    top: 0;
    text-align: center;
    height: 340px;
    position: relative !important;
    z-index: -1;
    background: url(../../med/parts-header.jpg) no-repeat 50%
}

@media(min-width:946px) {
    .parts-header {
        top: -28px
    }
}

.parts-header img {
    min-width: 100%
}

.parts-title {
    margin-top: -320px;
    z-index: 2;
    position: relative;
    text-align: center
}

    .parts-title h1 {
        font-size: 3em;
        line-height: 1em;
        margin-bottom: 0
    }

    .parts-title h1, .parts-title h2 {
        text-shadow: 0 1px 1px #3b3d3b;
        color: #fff
    }

.partsbox {
    margin-top: 20px
}

    .partsbox .ag-category {
        margin-bottom: 0
    }

        .partsbox .ag-category .ag-item {
            width: 20%;
            border-top: 1px solid #d9ddd7 !important;
            border-right: 1px solid #d9ddd7 !important;
            border-radius: 0
        }

            .partsbox .ag-category .ag-item:nth-child(n+5) {
                clear: none
            }

            .partsbox .ag-category .ag-item:nth-child(5n) {
                border-right: none !important
            }

@media(min-width:0px) and (max-width:945px) {
    .partsbox .ag-category .ag-item:first-child {
        border-top: 1px solid #d9ddd7 !important
    }

    .partsbox .ag-category .ag-item .description {
        margin-top: 16px !important
    }
}

#search-page ~ .toolbar {
    margin-top: 0px
}

.search__wrap {
    margin-top: 15px;
    margin-bottom: 10px
}

.search__suggestion {
    display: inline-block
}

.page-header.search--title {
    display: inline-block;
    margin: 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

    .page-header.search--title.title--alternate {
        font-size: 28px
    }

    .page-header.search--title span {
        position: relative;
        font-style: normal;
        font-weight: 600
    }

        .page-header.search--title span:after, .page-header.search--title span:before {
            content: '"'
        }

    .page-header.search--title .results__count {
        font-size: 16px;
        color: #717171
    }

        .page-header.search--title .results__count:after, .page-header.search--title .results__count:before {
            content: ""
        }

    .page-header.search--title.title--alternate {
        margin-bottom: 0
    }

.search__expanded .ag__resources {
    border-top: 1px solid #d9ddd7;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 15px 10px 25px
}

.search__expanded .resources .item {
    margin-bottom: 5px
}

    .search__expanded .resources .item i {
        margin-right: 5px
    }

    .search__expanded .resources .item .description {
        font-size: .75em;
        margin: 0;
        padding-left: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

.no-js .search__expanded .ag-item {
    display: block !important
}

.search__view-all.box {
    position: relative;
    z-index: 4;
    display: none;
    text-align: center;
    margin-top: -3px;
    background-color: #fff
}

    .search__view-all.box span {
        display: block;
        width: 100%;
        padding: 15px 0;
        font-size: 16px;
        font-weight: 600;
        color: #1c9bd9;
        text-transform: uppercase;
        cursor: pointer
    }

        .search__view-all.box span:hover {
            color: #3D7504
        }

    .search__view-all.box.box {
        border-radius: 0 0 4px 4px
    }

.no-js .search__view-all.box, .overflow .search__view-all.box {
    display: block
}

.related__searches a {
    padding: 2.5px 5px;
    background-image: linear-gradient(-180deg,hsla(0,0%,96%,0),#e5e5e5);
    border: 1px solid #d6d6d6;
    box-shadow: inset 0 1px 1px 0 hsla(0,0%,100%,.65);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 13px;
    color: #3b3d3b;
    letter-spacing: 0;
    text-shadow: 0 1px 0 hsla(0,0%,100%,.7);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

    .related__searches a:hover {
        background-image: linear-gradient(-180deg,#f5f5f5,#e5e5e5);
        border: 1px solid #8b8d8b;
        box-shadow: inset 0 3px 1px 0 transparent;
        border-radius: 4px
    }

.related__searches.related--alternate span {
    font-size: 13px
}

.related__searches.related--alternate a {
    margin-right: 2.5px;
    padding: 0;
    border: none;
    background-image: none;
    box-shadow: none;
    color: #5FB709
}

    .related__searches.related--alternate a:focus, .related__searches.related--alternate a:hover {
        color: #3D7504;
        text-decoration: underline
    }

    .related__searches.related--alternate a:after {
        content: ","
    }

    .related__searches.related--alternate a:last-of-type:after {
        content: ""
    }

.search__no-results.box {
    margin-bottom: 20px;
    border-top: none
}

    .search__no-results.box .search-help {
        border-radius: 4px
    }

        .search__no-results.box .search-help .search-live-chat {
            margin-top: 60px
        }

.help__no-results {
    width: 100%
}

    .help__no-results #search_again {
        box-sizing: border-box;
        padding: 0 2%;
        margin-right: auto
    }

@media(min-width:1120px) {
    .help__no-results {
        display: flex;
        justify-content: space-between
    }
}

#search-elastic .search-help #search_again {
    max-width: 650px
}

.no-results__chat {
    width: 100%
}

@media(min-width:1120px) {
    .no-results__chat {
        max-width: 500px
    }
}

.no-results__chat .chat-img {
    margin-top: 30px;
    margin-bottom: -15px
}

.help.no-results__chat {
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-radius: 0
}

.certifications {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border-top: 1px solid #dadbd9;
    list-style: none;
    flex: 1 1 auto
}

    .certifications li {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        border-right: 1px solid #dadbd9;
        border-bottom: 1px solid #dadbd9;
        position: relative;
        bottom: -1px;
        margin: 0 !important
    }

.no-flexbox .certifications li {
    float: left
}

@media only screen and (min-width:520px) {
    .certifications li {
        flex: 0 0 50%
    }

        .certifications li:nth-child(2n) {
            border-right: none
        }
}

@media only screen and (min-width:1200px) {
    .certifications li {
        flex: 0 0 33.33%
    }

        .certifications li:nth-child(3n) {
            border-right: none
        }

        .certifications li:nth-child(2n) {
            border-right: 1px solid #dadbd9
        }
}

.certifications:hover .text-clamp {
    max-height: 200px;
    min-height: 45px;
    -webkit-line-clamp: 40;
    transition: max-height .5s ease-in-out
}

.cert-text {
    font-size: 11px;
    line-height: 14px
}

    .cert-text p {
        margin-bottom: 0
    }

    .cert-text .text-clamp {
        display: block;
        display: -webkit-box;
        max-height: 45px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 15px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: max-height .5s ease-in-out
    }

.cert-title {
    margin: 0 0 6px;
    line-height: 12px;
    font-size: 14px
}

.cert-img {
    display: block;
    max-width: 50px;
    padding-right: 15px;
    flex: 0 0 50px
}

.no-flexbox .cert-img {
    float: left
}

.resources + .resources {
    margin-top: 15px
}

.resources .item {
    margin-bottom: 10px;
    *zoom: 1
}

    .resources .item:after, .resources .item:before {
        display: table;
        content: "";
        line-height: 0
    }

    .resources .item:after {
        clear: both
    }

    .resources .item i {
        float: left;
        font-size: 14px;
        line-height: 18px;
        padding: 0 7px;
        color: #3b3d3b
    }

    .resources .item .label {
        color: #6e716d;
        font-size: .7em;
        line-height: 1em;
        margin: 0
    }

    .resources .item .description {
        font-size: .9em;
        line-height: 1.2em;
        margin: 0;
        height: auto;
        padding-left: 30px;
        display: block
    }

    .resources .item p {
        font-size: 13px;
        line-height: 21px;
        margin: 10px 0 5px
    }

    .resources .item:last-child {
        margin-bottom: 0
    }

@media(min-width:0px) and (max-width:945px) {
    .fsr-content {
        margin-top: 20px
    }
}

.fsr-content .fsr-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
    float: left;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    cursor: pointer
}

    .fsr-content .fsr-item:before {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        pointer-events: none
    }

@media(min-width:0px) and (max-width:945px) {
    .fsr-content .fsr-item:before {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.15);
        border-radius: 0
    }
}

@media(min-width:0px) and (max-width:945px) {
    .fsr-content .fsr-item {
        margin: 0;
        box-shadow: none;
        padding: 15px;
        border-radius: 0
    }
}

.fsr-content .fsr-item.video {
    width: 100%;
    text-align: left;
    font-weight: 300;
    float: none
}

    .fsr-content .fsr-item.video .video-ui {
        box-shadow: none;
        margin-bottom: 0
    }

    .fsr-content .fsr-item.video a.title {
        display: block
    }

.fsr-content .fsr-item .fsr-img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 112px;
    background: #000;
    text-align: center;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .fsr-content .fsr-item .fsr-img img {
        width: 100%;
        max-width: none
    }

@media(min-width:0px) and (max-width:945px) {
    .fsr-content .fsr-item .fsr-img {
        width: 120px;
        max-height: none;
        height: 70px;
        float: left;
        margin-right: 5px;
        border-bottom: 0;
        border-radius: 0
    }

        .fsr-content .fsr-item .fsr-img img {
            width: auto;
            height: 100%;
            position: absolute;
            top: 0;
            left: -20%
        }
}

.fsr-content .fsr-item .fsr-text {
    display: block;
    padding: 10px 15px;
    max-height: 42px;
    overflow: hidden;
    margin-bottom: 15px
}

@media(min-width:0px) and (max-width:599px) {
    .fsr-content .fsr-item .fsr-text {
        margin-bottom: 0;
        padding: 0 10px 10px 5px;
        max-height: none
    }
}

.fsr-content .fsr-item .resource-title, .fsr-content .fsr-item .title {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1em;
    margin: 0;
    padding: 0 0 2px;
    color: #3b3d3b
}

.fsr-content .fsr-item .resource-brief {
    display: block;
    font-size: 13px;
    line-height: 1.3em;
    color: #949793;
    margin: 0
}

    .fsr-content .fsr-item .resource-brief p:last-child {
        margin-bottom: 0
    }

@media(min-width:0px) and (max-width:599px) {
    .fsr-content .fsr-item .resource-brief {
        font-size: 12px;
        max-height: 21px
    }
}

.fsr-content .fsr-item:hover .fsr-img img {
    opaCity: .9
}

.custom-social i {
    font-size: 15px;
    line-height: 9px;
    position: relative !important
}

.custom-social .icon-pinterest {
    color: #cb2027
}

.custom-social .icon-twitter {
    color: #00aced
}

.custom-social .icon-facebook {
    color: #3b5998
}

.custom-social .icon-google {
    color: #dd4b39;
    top: 1px
}

.form {
    *zoom: 1
}

    .form:after, .form:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form:after {
        clear: both
    }

    .form * {
        box-sizing: border-box
    }

@media(min-width:946px) {
    .form--fixed {
        max-width: 500px
    }
}

.form .credit-icon {
    transition: all .2s;
    margin-left: 1px
}

@media(min-width:360px) {
    .form .credit-icon {
        margin-left: 0
    }
}

.form .credit-icon.fade {
    opaCity: .5
}

.form .credit-icon.active {
    opaCity: 1
}

.form .credit-icon-list {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    position: absolute;
    z-index: 2;
    right: -11px;
    top: -4px;
    font-size: 0;
    margin: 5px 0
}

@media(min-width:345px) {
    .form .credit-icon-list {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        right: 5px;
        top: 5px
    }
}

@media(min-width:360px) {
    .form .credit-icon-list {
        font-size: medium
    }
}

@media(min-width:400px) {
    .form .credit-icon-list {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        right: 10px
    }
}

.form__split {
    *zoom: 1;
    margin-left: -10px;
    margin-right: -10px
}

    .form__split:after, .form__split:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form__split:after {
        clear: both
    }

    .form__split .form__group {
        padding-left: 10px;
        padding-right: 10px
    }

.form__group {
    *zoom: 1;
    margin-top: 15px;
    position: relative;
    color: #202020
}

    .form__group:after, .form__group:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form__group:after {
        clear: both
    }

@media(min-width:946px) {
    .form__group {
        margin-top: 20px
    }
}

.form__group--collapse {
    margin-top: 0
}

.form__group--lg {
    margin-top: 30px
}

.form__group--with-subtext {
    margin-bottom: 10px
}

.form__control-container {
    position: relative;
    transition: .2s
}

    .form__control-container.error {
        background: 0 0
    }

        .form__control-container.error .form__label {
            color: #f27960
        }

        .form__control-container.error .form__control {
            border-color: #f27960;
            background: rgba(242,121,96,.08)
        }

            .form__control-container.error .form__control:focus {
                border-color: #f27960;
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(242,121,96,.6)
            }

        .form__control-container.error select.form__control ~ .form__control-icon {
            background: linear-gradient(90deg,hsla(5,85%,97%,0),#fef4f3 25px,#fef4f3 70%,hsla(5,85%,97%,0))
        }

    .form__control-container.disabled {
        opaCity: .5
    }

        .form__control-container.disabled .form__control, .form__label {
            pointer-events: none
        }

.form__label {
    transition: all .2s ease-in-out;
    transform: translateY(-50%);
    text-shadow: none;
    position: absolute;
    color: #9c9c9c;
    font-weight: 400;
    z-index: 2;
    top: 12px;
    left: 10px;
    font-size: 12px
}

.form .form__control {
    height: 42px;
    width: 100%;
    font-size: 16px;
    display: block;
    margin-bottom: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 17px 10px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-appearance: textfield;
    line-height: 1.1
}

@media(min-width:600px) {
    .form .form__control {
        font-size: 13px;
        height: 39px
    }
}

.form .form__control::-webkit-input-placeholder {
    color: transparent !important
}

.form .form__control::-moz-placeholder {
    color: transparent !important
}

.form .form__control::-webkit-inner-spin-button, .form .form__control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form .form__control:placeholder-shown {
    transition: .2s ease-in-out;
    padding: 10px
}

    .form .form__control:placeholder-shown::-webkit-input-placeholder {
        color: #9c9c9c !important
    }

    .form .form__control:placeholder-shown::-moz-placeholder {
        color: #9c9c9c !important
    }

    .form .form__control:placeholder-shown + .form__label {
        top: 14px;
        opaCity: 0
    }

.form .form__control:focus, .form .form__control:not(:placeholder-shown) {
    transition: .2s ease-in-out;
    padding: 17px 10px 6px
}

    .form .form__control:focus + .form__label, .form .form__control:not(:placeholder-shown) + .form__label {
        font-size: 10px;
        top: 12px;
        opaCity: 1
    }

    .form .form__control:focus::-webkit-input-placeholder, .form .form__control:not(:placeholder-shown)::-webkit-input-placeholder {
        color: transparent !important
    }

    .form .form__control:focus::-moz-placeholder, .form .form__control:not(:placeholder-shown)::-moz-placeholder {
        color: transparent !important
    }

.form .form__control:-webkit-autofill {
    transition: .2s ease-in-out;
    padding: 17px 10px 6px
}

    .form .form__control:-webkit-autofill + .form__label {
        font-size: 10px;
        top: 12px;
        opaCity: 1
    }

    .form .form__control:-webkit-autofill::-webkit-input-placeholder {
        color: transparent !important
    }

    .form .form__control:-webkit-autofill::-moz-placeholder {
        color: transparent !important
    }

.form .form__control--search {
    padding: 10px 10px 10px 40px !important;
    font-size: 14px;
    background: #fff url(../../med/search-icon.png) no-repeat left 10px center
}

.form .form__control--cc {
    padding: 17px 150px 6px 10px
}

    .form .form__control--cc:not(:placeholder-shown) {
        padding: 17px 150px 6px 10px
    }

.form .form__control--minimal {
    border: 0;
    box-shadow: none
}

@-moz-document url-prefix() {
    .form .form__control {
        height: 45px
    }

    @media(min-width:600px) {
        .form .form__control {
            height: 42px
        }
    }

    .form select.form__control:not(:placeholder-shown) {
        padding-left: 6px
    }

    \--minimal {
        border: 0;
        box-shadow: none
    }
}

.form select.form__control {
    background: #fff;
    padding-right: 40px;
    -moz-appearance: none
}

    .form select.form__control:not(:placeholder-shown) {
        padding-right: 30px
    }

        .form select.form__control:not(:placeholder-shown):empty + .form__label {
            font-size: 16px;
            top: 50%
        }

@media(min-width:600px) {
    .form select.form__control:not(:placeholder-shown):empty + .form__label {
        font-size: 14px
    }
}

.form select.form__control ~ .form__control-icon {
    width: 60px;
    right: 0;
    text-align: center;
    text-indent: 10px;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 25px,#fff 70%,hsla(0,0%,100%,0))
}

.form select.form__control:-webkit-autofill ~ .form__control-icon {
    background: linear-gradient(90deg,rgba(250,255,193,0),#faffc1 25px,#faffc1 70%,rgba(250,255,193,0))
}

.form textarea.form__control {
    height: auto;
    min-height: 46px;
    resize: vertical
}

    .form textarea.form__control:focus {
        border-color: rgba(95,183,9,.8);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
        padding: 10px
    }

        .form textarea.form__control:focus::-webkit-input-placeholder {
            color: #9c9c9c !important
        }

        .form textarea.form__control:focus::-moz-placeholder {
            color: #9c9c9c !important
        }

        .form textarea.form__control:focus:-ms-input-placeholder {
            color: #9c9c9c !important
        }

    .form textarea.form__control:not(:placeholder-shown) {
        padding: 10px
    }

.form__action, .form__info {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2
}

    .form__action.right, .form__info.right {
        text-align: right
    }

.form__info {
    color: #9c9c9c;
    margin-bottom: 5px
}

.form__action {
    margin-top: 5px
}

.form__error, .form__success {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.2
}

.input-append .form__error, .input-append .form__success {
    white-space: normal
}

.form__error {
    color: #d03e1d
}

.form__success {
    color: #32a03f
}

.form__control-icon {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 2;
    pointer-events: none;
    font-size: 14px
}

    .form__control-icon--action, .form__control-icon[data-toggle] {
        pointer-events: all
    }

.form__control-icon--md {
    font-size: 18px
}

.form__control-icon--lg {
    font-size: 24px
}

.form__multiselect-container {
    display: table;
    width: 100%;
    padding: 5px 0
}

    .form__multiselect-container:first-child {
        padding-top: 0
    }

    .form__multiselect-container:last-child {
        padding-bottom: 0
    }

.form__multiselect-element {
    width: 1%;
    display: table-cell;
    vertical-align: middle
}

.form__multiselect-input {
    display: none
}

    .form__multiselect-input:checked ~ .form__multiselect:after {
        opaCity: 1
    }

.form__multiselect-text {
    font-weight: 400;
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    line-height: 1.2;
    padding-top: 2px;
    padding-left: 10px
}

.form__multiselect {
    width: 25px;
    height: 25px;
    border: 2px solid #ddd;
    background: #fff;
    margin: 0;
    text-align: center;
    position: relative
}

    .form__multiselect:after {
        transition: .2s;
        content: "";
        opaCity: 0
    }

.form__check:after {
    content: "\E884";
    font-family: fontello;
    line-height: 22px;
    font-size: 18px;
    color: #ddd
}

.form__radio {
    border-radius: 50%
}

    .form__radio:after {
        width: 11px;
        height: 11px;
        background: #ddd;
        border-radius: 50%;
        position: absolute;
        left: 5px;
        top: 5px
    }

.credit-icon {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #616460;
    border-radius: 4px;
    box-shadow: 0 2px 1px rgba(59,61,59,.2);
    width: 38px;
    height: 24px;
    background-size: 384px 125px;
    background-image: url(../../med/social-icon-sprite.png)
}

    .credit-icon--americanexpress-sm, .credit-icon--amex-sm, .credit-icon--discover-sm, .credit-icon--mastercard-sm, .credit-icon--paypal-sm, .credit-icon--visa-sm, .credit-icon .credit-icon--sm {
        width: 30px;
        height: 19px;
        background-size: 312px 102px;
        border-radius: 3px
    }

@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .credit-icon {
        background-image: url(/med/social-icon-sprite_2x.png)
    }
}

.credit-icon--visa {
    background-position: -56px -84px
}

.credit-icon--discover {
    background-position: -132px -84px
}

.credit-icon--americanexpress, .credit-icon--amex {
    background-position: -170px -84px
}

.credit-icon--mastercard {
    background-position: -94px -84px
}

.credit-icon--paypal {
    background-position: -208px -84px
}

.credit-icon--visa-sm {
    background-position: -46px -69px
}

.credit-icon--discover-sm {
    background-position: -107px -69px
}

.credit-icon--americanexpress-sm, .credit-icon--amex-sm {
    background-position: -139px -69px
}

.credit-icon--mastercard-sm {
    background-position: -77px -69px
}

.credit-icon--paypal-sm {
    background-position: -170px -69px
}

.credit-icon-list {
    margin: 0;
    padding: 0
}

.credit-icon-list--no-border .credit-icon {
    border: none
}

.credit-icon-list--interactive .credit-icon {
    opaCity: .5
}

.credit-icon-list--interactive .active {
    opaCity: 1
}

.photo-grid {
    *zoom: 1;
    width: 100%
}

    .photo-grid:after, .photo-grid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .photo-grid:after {
        clear: both
    }

    .photo-grid *, .photo-grid :after, .photo-grid :before {
        box-sizing: border-box
    }

.photo-grid__block {
    transition: all .2s;
    width: 50%;
    padding-bottom: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    text-align: center;
    float: left;
    display: block;
    color: #fff
}

    .photo-grid__block:before {
        transition: all .3s;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(46,84,102,.7);
        z-index: 2;
        opaCity: 0;
        pointer-events: none
    }

@media(min-width:768px) {
    .photo-grid__block {
        width: 25%;
        padding-bottom: 25%
    }
}

@media(min-width:946px) {
    .photo-grid__block:hover:before {
        opaCity: 1;
        pointer-events: all
    }

    .photo-grid__block:hover .photo-grid__content {
        top: 50%;
        opaCity: 1;
        pointer-events: all
    }
}

.photo-grid__block--lg {
    width: 100%;
    padding-bottom: 100%
}

@media(min-width:768px) {
    .photo-grid__block--lg {
        width: 50%;
        padding-bottom: 50%
    }
}

.photo-grid__block--lg:before {
    opaCity: 1;
    pointer-events: all;
    background: rgba(0,0,0,.7)
}

.photo-grid__block--lg .photo-grid__content {
    opaCity: 1;
    pointer-events: all;
    top: 50%
}

.photo-grid__block--lg .photo-grid__title {
    font-size: 55px;
    display: block;
    max-height: none
}

@media(min-width:946px) {
    .photo-grid__block--lg .photo-grid__title {
        font-size: 65px
    }
}

.photo-grid__block--lg .photo-grid__text {
    font-size: 18px;
    margin: 10px auto 20px
}

@media(min-width:600px) {
    .photo-grid__block--lg .photo-grid__text {
        max-width: 80%
    }
}

.photo-grid__content {
    transform: translate(-50%,-50%);
    transition: all .3s;
    position: absolute;
    top: 55%;
    left: 50%;
    width: 100%;
    z-index: 3;
    opaCity: 0;
    pointer-events: none;
    padding: 30px
}

.photo-grid__title {
    max-height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    color: #fff
}

.photo-grid__text {
    margin: 10px auto;
    font-size: 10px;
    color: hsla(0,0%,100%,.6);
    line-height: 1.2
}

.photo-grid__btn {
    text-transform: capitalize
}

.teaser {
    color: #3b3d3b;
    padding: 30px 0;
    border-bottom: 1px solid #ddd
}

@media(min-width:768px) {
    .teaser {
        padding: 50px 0
    }
}

.teaser--split {
    border-bottom: 0
}

@media(min-width:768px) {
    .teaser--split {
        padding: 30px 0;
        width: 48%;
        float: left
    }

        .teaser--split:nth-child(odd) {
            margin-left: 4%
        }

        .teaser--split:nth-child(2n) {
            clear: left
        }
}

.teaser--split .teaser__title {
    margin: 10px 0;
    font-size: 24px
}

@media(min-width:768px) {
    .teaser--split .teaser__title {
        margin: 20px 0
    }
}

.teaser--split .teaser__content {
    margin-top: 0
}

@media(min-width:600px) and (max-width:767px),(min-width:1100px) {
    .teaser--split .teaser__content {
        display: table
    }
}

@media(min-width:600px) and (max-width:767px),(min-width:1100px) {
    .teaser--split .teaser__pricing, .teaser--split .teaser__text {
        display: table-cell;
        vertical-align: middle
    }
}

.teaser--split .teaser__text {
    margin-bottom: 0
}

@media(min-width:600px) and (max-width:767px),(min-width:1100px) {
    .teaser--split .teaser__text {
        padding-right: 20px
    }
}

.teaser--split .teaser__pricing {
    width: 200px;
    margin-top: 10px;
    font-size: 18px
}

@media(min-width:600px) and (max-width:767px),(min-width:1100px) {
    .teaser--split .teaser__pricing {
        padding-left: 20px;
        border-left: 1px solid #ddd
    }
}

@media(min-width:768px) {
    .teaser--split .teaser__pricing {
        margin-top: 20px
    }
}

.teaser--split .teaser__pricing .teaser__price {
    margin-left: 0;
    font-size: 1.5em
}

.teaser-container--bordered {
    border-bottom: 1px solid #ddd
}

.teaser-section {
    padding-bottom: 20px
}

@media(min-width:768px) {
    .teaser-section {
        padding-bottom: 40px
    }
}

.teaser-section__title {
    font-size: 31px;
    font-weight: 600;
    padding: 30px 0 15px;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.teaser__title {
    font-size: 24px;
    line-height: 1
}

@media(min-width:768px) {
    .teaser__title {
        font-size: 35px
    }
}

.teaser__img {
    flex: 1 1 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    float: left;
    width: 100%;
    height: 200px
}

@media(min-width:600px) {
    .teaser__img {
        height: 250px
    }
}

@media(min-width:946px) {
    .teaser__img {
        height: 300px
    }
}

@media(min-width:1100px) {
    .teaser__img {
        height: 365px
    }
}

.teaser__img--lg, .teaser__img--sm {
    height: 200px;
    width: 50%
}

@media(min-width:768px) {
    .teaser__img--lg, .teaser__img--sm {
        height: 350px
    }
}

@media(min-width:1280px) {
    .teaser__img--lg, .teaser__img--sm {
        height: 400px
    }
}

@media(min-width:768px) {
    .teaser__img--lg {
        width: 60%
    }
}

.teaser__img--sm {
    flex: 0 0 200px;
    background-size: contain;
    outline: 1px solid #e9e9e9
}

@media(min-width:768px) {
    .teaser__img--sm {
        flex: 0 0 350px;
        margin-left: 1%
    }
}

@media(min-width:1280px) {
    .teaser__img--sm {
        flex: 0 0 400px
    }
}

.teaser__img-container {
    display: flex;
    margin-top: 10px;
    position: relative
}

    .teaser__img-container:hover .teaser__hover {
        opaCity: 1;
        pointer-events: all
    }

    .teaser__img-container:hover .teaser__hover-btn {
        top: 50%
    }

.teaser__hover {
    transition: .2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
    opaCity: 0;
    pointer-events: none
}

.teaser__hover-btn {
    transition: .2s;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 52%;
    left: 50%
}

.teaser__content {
    margin-top: 20px;
    font-size: 16px
}

.teaser__text {
    font-size: 16px;
    line-height: 1.333
}

@media(min-width:768px) {
    .teaser__text {
        font-size: 18px
    }
}

.teaser__details {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

    .teaser__details .icon-breadcrumb {
        margin-left: 3px
    }

.teaser__section {
    margin-top: 20px
}

@media(min-width:768px) {
    .teaser__section {
        margin-top: 30px
    }
}

.teaser__pricing {
    font-size: 15px
}

    .teaser__pricing .teaser__price {
        font-weight: 600;
        font-size: 1em
    }

    .teaser__pricing .add-to-cart {
        max-width: 200px
    }

.multi-select-container {
    margin-top: 20px;
    overflow: auto;
    font-size: 12px;
    line-height: 1.3;
    max-height: 400px
}

.multi-select {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding: 15px 20px
}

@media(min-width:768px) {
    .multi-select {
        display: table
    }
}

.multi-select--selected {
    background: #edf8e8
}

    .multi-select--selected .form__check:after {
        color: #7ebf55
    }

.multi-select__item {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px
}

.multi-select__check {
    width: 1%
}

.multi-select__label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #a9a9a9
}

.multi-select__info {
    width: 100%
}

@media(min-width:768px) {
    .multi-select__info {
        width: 35%
    }
}

.multi-select__fill {
    display: table;
    width: 100%;
    margin-top: 10px
}

@media(min-width:768px) {
    .multi-select__fill {
        transform: translateY(-50%);
        position: absolute;
        width: 55%;
        left: 45%;
        top: 50%;
        margin-top: 0
    }
}

.multi-select__total {
    text-align: right;
    font-size: 14px;
    font-weight: 600
}

.tab-frame {
    padding-top: 6px;
    margin-top: -6px
}

    .tab-frame, .tab-frame *, .tab-frame :after, .tab-frame :before {
        box-sizing: border-box
    }

.tab-container {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    background: linear-gradient(#f9f9f9,#f4f4f4 92%,#ececec);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9,endColorstr=#f4f4f4);
    box-shadow: inset 0 1px 0 #fff;
    list-style: none;
    min-width: 100%;
    display: none
}

@media(min-width:600px) {
    .tab-container {
        display: flex
    }
}

.tab-container--padded {
    padding: 0 15px
}

@media(min-width:946px) {
    .tab-container--padded {
        padding: 0 40px
    }
}

.tab-container--padded .tab:first-child .tab__link:before {
    display: block
}

.tab-container--padded .tab:first-child.active .tab__link:before {
    display: none
}

@media(min-width:946px) {
    .no-flexbox .tab-container {
        display: table;
        font-size: 0
    }
}

.tab {
    border: 1px solid transparent;
    margin: -1px;
    transition: .2s;
    text-align: center
}

@media(min-width:946px) {
    .no-flexbox .tab--hide-desktop, .tab--hide-desktop {
        display: none
    }
}

.tab.active {
    background: #fff;
    border-color: #ddd;
    border-bottom-color: #fff;
    margin-top: -7px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 -1px 3px rgba(0,0,0,.04)
}

    .tab.active .tab__link {
        padding-top: 6px;
        height: 56px
    }

@media(min-width:946px) {
    .tab.active .tab__link {
        padding-top: 5px;
        height: 62px
    }
}

.tab.active .tab__link:after, .tab.active .tab__link:before {
    display: none
}

.no-flexbox .tab {
    display: inline-table;
    vertical-align: bottom;
    position: relative
}

@-moz-document url-prefix() {
    .tab.active .tab__link {
        padding-top: 6px
    }
}

.tab__link {
    padding: 0 18px;
    font-weight: 700;
    position: relative;
    color: #222;
    transition: .2s;
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 15px;
    line-height: 1
}

@media(min-width:946px) {
    .tab__link {
        font-size: 18px;
        padding: 0 30px;
        height: 56px
    }
}

.tab__link:hover {
    color: #222
}

.tab__link:after, .tab__link:before {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 28px;
    border-right: 1px solid #ddd
}

.no-flexbox .tab__link:after, .no-flexbox .tab__link:before {
    display: none
}

.tab__link:before {
    left: 0;
    display: none
}

.tab__link:after {
    right: 0
}

.no-flexbox .tab__link {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    border-right: 1px solid #ddd
}

.tab-header {
    position: relative
}

@media(min-width:600px) {
    .tab-header {
        display: none
    }
}

.tab-header.active .tab-header__icon {
    transform: translateY(-50%) rotate(90deg)
}

.tab-header__link {
    color: #3b3d3b;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    padding: 12px 15px;
    border: 1px solid #ddd;
    margin: -1px;
    background: #fff
}

    .tab-header__link:hover {
        color: #3b3d3b
    }

.tab-header__icon {
    position: absolute;
    transform: translateY(-50%);
    right: 12px;
    top: 50%;
    color: #aeb0ad
}

.tab-pane-container {
    border: 1px solid #ddd;
    border-top: 0
}

.tab-pane {
    display: none;
    line-height: 1.2;
    font-size: 16px;
    padding: 15px
}

@media(min-width:600px) {
    .tab-pane {
        padding: 15px 18px
    }
}

@media(min-width:946px) {
    .tab-pane {
        padding: 30px
    }
}

.figure, .tab-pane.active {
    display: block
}

.figure {
    flex: 1 1 auto;
    box-sizing: border-box;
    line-height: 1.3;
    padding: 8px;
    border-radius: 4px;
    text-align: center
}

    .figure:active {
        position: relative;
        top: 2px
    }

.figure__image {
    border: 1px solid rgba(0,0,0,.08);
    padding: 4px;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.13);
    background-clip: padding-box;
    width: 78px;
    box-sizing: border-box
}

.figure__title {
    font-size: 13px;
    font-weight: 600
}

.figure__description {
    font-size: 12px;
    color: #333;
    display: none
}

.figure--horizontal, .figure--horizontal-sm {
    padding: 10px;
    text-align: left;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    background-clip: padding-box
}

    .figure--horizontal-sm:hover, .figure--horizontal:hover {
        border-color: rgba(0,0,0,.12);
        box-shadow: 0 1px 12px rgba(0,0,0,.12),inset 0 1px 0 #fff
    }

    .figure--horizontal-sm:active, .figure--horizontal:active {
        box-shadow: none
    }

    .figure--horizontal-sm .figure__image, .figure--horizontal .figure__image {
        margin-right: 9px;
        margin-bottom: 0;
        width: 55px;
        flex-shrink: 0;
        float: left
    }

@media(min-width:1024px) {
    .figure--horizontal-sm .figure__image, .figure--horizontal .figure__image {
        width: 68px
    }
}

.figure--horizontal-sm .figure__title, .figure--horizontal .figure__title {
    font-size: 15px;
    line-height: 1.2
}

.figure--horizontal-sm .figure__description, .figure--horizontal .figure__description {
    display: block
}

.figure--minimal {
    border: none;
    position: relative
}

    .figure--minimal .figure__image {
        margin-bottom: 0
    }

    .figure--minimal .figure__description {
        display: none
    }

    .figure--minimal .figure__body {
        position: absolute;
        bottom: 100%;
        margin-bottom: -4px;
        width: 100%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        opaCity: 0;
        transition: opaCity .2s;
        pointer-events: none;
        z-index: 3
    }

    .figure--minimal .figure__title {
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        font-size: 11px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px
    }

        .figure--minimal .figure__title:after {
            content: " ";
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px 5px 0;
            border-top-color: #000
        }

    .figure--minimal:hover .figure__body {
        opaCity: 1
    }

.quick-filter {
    display: none;
    background: #fff;
    position: relative;
    z-index: 3;
    margin-bottom: -4px;
    background: linear-gradient(180deg,#fff,#f5f5f5);
    border: 1px solid #dadbd9;
    border-top: none
}

@media(min-width:650px) {
    .quick-filter {
        display: block
    }
}

.quick-filter__nav {
    display: none
}

@media(min-width:600px) {
    .quick-filter__nav {
        display: table;
        margin: 5px auto 0;
        padding: 20px 20px 0
    }
}

.quick-filter__dismiss {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    top: 15px;
    right: 12px;
    color: #aeb0ad;
    padding: 5px;
    line-height: 15px;
    background: 0 0;
    border: none;
    z-index: 2
}

    .quick-filter__dismiss:hover {
        color: #3b3d3b
    }

.quick-filter__panel {
    padding: 20px
}

.quick-filter__panel__title {
    display: block
}

@media(min-width:600px) {
    .quick-filter__panel__title {
        display: none
    }
}

.quick-filter__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.quick-filter-reveal {
    margin-right: 5px;
    display: none
}

.quick-filter .figure {
    float: left
}

@media(max-width:349px) {
    .quick-filter .figure--minimal, .quick-filter .figure--stacked {
        width: 25%;
        flex-grow: 0
    }

        .quick-filter .figure--minimal:nth-child(n+5):last-child, .quick-filter .figure--stacked:nth-child(n+5):last-child {
            margin-right: auto
        }
}

@media(min-width:350px) and (max-width:599px) {
    .quick-filter .figure--minimal, .quick-filter .figure--stacked {
        width: 20%;
        flex-grow: 0
    }

        .quick-filter .figure--minimal:nth-child(n+6):last-child, .quick-filter .figure--stacked:nth-child(n+6):last-child {
            margin-right: auto
        }
}

@media(min-width:600px) and (max-width:1279px) {
    .quick-filter .figure--minimal, .quick-filter .figure--stacked {
        width: 12.5%;
        flex-grow: 0
    }

        .quick-filter .figure--minimal:nth-child(n+9):last-child, .quick-filter .figure--stacked:nth-child(n+9):last-child {
            margin-right: auto
        }
}

@media(min-width:1280px) and (max-width:1999px) {
    .quick-filter .figure--minimal, .quick-filter .figure--stacked {
        width: 10%;
        flex-grow: 0
    }

        .quick-filter .figure--minimal:nth-child(n+11):last-child, .quick-filter .figure--stacked:nth-child(n+11):last-child {
            margin-right: auto
        }
}

@media(min-width:2000px) {
    .quick-filter .figure--minimal, .quick-filter .figure--stacked {
        width: 8.33333333%;
        flex-grow: 0
    }

        .quick-filter .figure--minimal:nth-child(n+13):last-child, .quick-filter .figure--stacked:nth-child(n+13):last-child {
            margin-right: auto
        }
}

.quick-filter .figure--horizontal {
    width: 100%
}

@media(min-width:650px) and (max-width:1199px) {
    .quick-filter .figure--horizontal {
        width: 50%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal:nth-child(n+3):last-child {
            margin-right: auto
        }
}

@media(min-width:1200px) and (max-width:1999px) {
    .quick-filter .figure--horizontal {
        width: 33.33333333%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal:nth-child(n+4):last-child {
            margin-right: auto
        }
}

@media(min-width:2000px) {
    .quick-filter .figure--horizontal {
        width: 25%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal:nth-child(n+5):last-child {
            margin-right: auto
        }
}

.quick-filter .figure--horizontal-sm {
    width: 100%
}

@media(min-width:350px) and (max-width:699px) {
    .quick-filter .figure--horizontal-sm {
        width: 50%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal-sm:nth-child(n+3):last-child {
            margin-right: auto
        }
}

@media(min-width:700px) and (max-width:1099px) {
    .quick-filter .figure--horizontal-sm {
        width: 33.33333333%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal-sm:nth-child(n+4):last-child {
            margin-right: auto
        }
}

@media(min-width:1100px) and (max-width:1999px) {
    .quick-filter .figure--horizontal-sm {
        width: 25%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal-sm:nth-child(n+5):last-child {
            margin-right: auto
        }
}

@media(min-width:2000px) {
    .quick-filter .figure--horizontal-sm {
        width: 20%;
        flex-grow: 0
    }

        .quick-filter .figure--horizontal-sm:nth-child(n+6):last-child {
            margin-right: auto
        }
}

@media(min-width:600px) {
    .cat-overview {
        display: flex;
        flex-wrap: wrap;
        font-size: 13px;
        max-width: 1200px;
        margin: auto;
        padding: 10px
    }

    .cat-overview__video {
        flex: 1 1 auto;
        width: 30%;
        margin-right: 2%;
        float: left;
        max-width: 130px
    }

        .cat-overview__video img {
            width: 100%
        }

    .cat-overview__title {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
        font-size: 22px
    }

    .cat-overview__description {
        flex: 1;
        line-height: 1.4;
        text-align: center
    }

    .cat-overview__video + .cat-overview__description, .cat-overview__video + .cat-overview__description .cat-overview__title {
        text-align: left
    }
}

@media(min-width:600px) and (min-width:700px) {
    .cat-overview__video {
        max-width: 260px
    }
}

@media(max-width:649px) {
    .quick-filter-reveal {
        display: none !important
    }
}

.help {
    background: #fff;
    border-top: 1px solid #dadbd9;
    border-bottom: 1px solid #dadbd9;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    flex-direction: column
}

@media(min-width:768px) {
    .help {
        border-radius: 4px;
        border: 1px solid #dadbd9
    }
}

.help--no-border {
    border: 0;
    margin-bottom: 0
}

.help--bottom-border {
    border: 0;
    border-bottom: 1px solid #dadbd9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media(min-width:768px) {
    .help--horizontal {
        flex-direction: row
    }

        .help--horizontal .help__block {
            border-right: 1px solid #dadbd9;
            border-bottom: 0;
            flex-wrap: nowrap
        }

            .help--horizontal .help__block:last-child {
                border-right: 0
            }
}

.help__block {
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 auto;
    border-bottom: 1px solid #dadbd9
}

.no-flexbox .help__block {
    float: left;
    width: 100%
}

.help__block:last-child {
    border-bottom: 0
}

.help__block--cart {
    text-align: center
}

.help__block--cart, .help__block--chat {
    justify-content: center;
    flex-direction: column
}

.help__block--chat {
    background-color: #ecf3f7;
    background-image: linear-gradient(180deg,#fff,#cfe0eb);
    background-repeat: repeat-x;
    padding-bottom: 0
}

    .help__block--chat .hours {
        font-size: 10px;
        line-height: 12px;
        margin: 0;
        text-align: center
    }

    .help__block--chat .chat-img {
        max-width: 200px
    }

.help__subject {
    margin: 0;
    font-size: 14px;
    line-height: 16px
}

.no-flexbox .help__subject {
    display: inline-block
}

.help__subject--cart {
    margin-top: 2px
}

.help__icon {
    margin-right: 15px;
    font-size: 23px;
    color: #3c9126
}

.help__small {
    font-size: 10px;
    line-height: 11px;
    margin: 0
}

.product360-container {
    position: relative;
    height: 480px;
    padding-bottom: 40px
}

@media(min-width:0px) and (max-width:599px) {
    .product360-container {
        max-height: 350px
    }
}

.product360-container img {
    position: relative;
    display: block;
    top: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 450px !important;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%)
}

.lt-ie9 .product360-container img {
    top: 0
}

@media(min-width:0px) and (max-width:599px) {
    .product360-container img {
        max-height: 300px !important
    }
}

.product360-container #topContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 450px
}

@media(min-width:0px) and (max-width:599px) {
    .product360-container #topContainer {
        max-height: 300px
    }
}

.product360-container #imageContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.product360-container .image {
    transition: opaCity .2s ease-in-out
}

.product360-container .imageInvisible {
    position: absolute;
    visibility: hidden
}

.product360-container #imageOpaque {
    position: absolute;
    opaCity: .5;
    transition: opaCity .2s ease-in-out
}

.product360-container #imageVisible {
    position: absolute;
    opaCity: .8;
    transition: opaCity .2s ease-in-out
}

.product360-container #hotspotcanvas {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 8;
    cursor: ew-resize;
    width: 100%;
    height: 100%
}

.product360-container #zoomContainer {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.product360-container #draggableContainer {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: move
}

.product360-container #controllerContainer {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    text-align: center
}

.product360-container .play {
    background: url(../../med/360-play-button.png)
}

.product360-container .pause {
    background: url(../../med/360-pause-button.png)
}

.product360-container #prev {
    background: url(../../med/360-left-arrow.png)
}

.product360-container #next {
    background: url(../../med/360-right-arrow.png)
}

.product360-container .zoomin {
    background: url(../../med/360-zoom-in.png)
}

.product360-container .zoomout {
    background: url(../../med/360-zoom-out.png)
}

.product360-container #fullscreen, .product360-container #next, .product360-container #play, .product360-container #prev, .product360-container #zoomin {
    display: inline-block;
    width: 32px;
    height: 32px;
    transition: all .15s ease-out;
    cursor: pointer
}

    .product360-container #fullscreen:hover, .product360-container #next:hover, .product360-container #play:hover, .product360-container #prev:hover, .product360-container #zoomin:hover {
        transform: scale(1.2)
    }

    .product360-container #fullscreen:active, .product360-container #next:active, .product360-container #play:active, .product360-container #prev:active, .product360-container #zoomin:active {
        opaCity: .5
    }

.product360-container #deepzoom {
    display: inline-block;
    color: #1390ff
}

@media(min-width:804px) {
    .categorypage .full .popular-categories, .categorypage .single .popular-categories {
        width: 100%
    }
}

.categorypage .popular-categories {
    border-top: none
}

    .categorypage .popular-categories .ag-item {
        height: 200px;
        width: 50%;
        padding: 25px 20px 5px 0;
        text-align: left;
        color: #3b3d3b;
        *width: 48%;
        *padding-right: 9px;
        *border-bottom: 1pxsolid#d9ddd7
    }

        .categorypage .popular-categories .ag-item.empty-item {
            display: block
        }

            .categorypage .popular-categories .ag-item.empty-item:hover {
                box-shadow: none
            }

@media only screen and (min-width:0px) and (max-width:535px) {
    .categorypage .popular-categories .ag-item {
        width: 100%;
        height: auto;
        border-left: none
    }

        .categorypage .popular-categories .ag-item:nth-child(n+16) {
            border-bottom: none
        }

        .categorypage .popular-categories .ag-item.empty-item {
            display: none
        }
}

@media only screen and (min-width:535px) and (max-width:822px) {
    .categorypage .popular-categories .ag-item:nth-child(-n+14) {
        border-bottom: 1px solid #d9ddd7
    }

    .categorypage .popular-categories .ag-item:nth-child(odd) {
        border-left: none
    }

    .categorypage .popular-categories .ag-item.empty-item {
        display: none
    }
}

@media only screen and (min-width:823px) {
    .categorypage .popular-categories .ag-item {
        width: 33.33%
    }

        .categorypage .popular-categories .ag-item:nth-child(3n+1) {
            border-left: none
        }
}

@media only screen and (min-width:823px) and (max-width:945px) {
    .categorypage .popular-categories .ag-item:nth-child(-n+15) {
        border-bottom: 1px solid #d9ddd7
    }
}

@media only screen and (min-width:946px) and (max-width:1225px) {
    .categorypage .popular-categories .ag-item {
        width: 50%
    }

        .categorypage .popular-categories .ag-item:nth-child(-n+14) {
            border-bottom: 1px solid #d9ddd7
        }

        .categorypage .popular-categories .ag-item:nth-child(3n+1) {
            border-left: 1px solid #d9ddd7
        }

        .categorypage .popular-categories .ag-item:nth-child(odd) {
            border-left: none
        }

        .categorypage .popular-categories .ag-item.empty-item {
            display: none
        }
}

@media only screen and (min-width:1226px) {
    .categorypage .popular-categories .ag-item:nth-child(-n+15) {
        border-bottom: 1px solid #d9ddd7
    }
}

@media only screen and (min-width:1226px) and (max-width:1279px) {
    .categorypage .popular-categories .ag-item {
        height: 225px
    }

        .categorypage .popular-categories .ag-item p {
            line-height: 1.3em !important
        }
}

@media only screen and (min-width:536px) and (max-width:599px) {
    .categorypage .popular-categories .ag-item {
        height: 225px
    }

        .categorypage .popular-categories .ag-item p {
            line-height: 1.3em !important
        }
}

@media only screen and (min-width:0px) and (max-width:535px) {
    .categorypage .popular-categories .ag-item {
        height: auto
    }

        .categorypage .popular-categories .ag-item p {
            line-height: 1.3em !important
        }
}

.categorypage .popular-categories .ag-item img {
    float: left;
    margin: 0 10px 25px 0
}

@media only screen and (min-width:0px) and (max-width:535px) {
    .categorypage .popular-categories .ag-item img {
        margin-top: -25px
    }
}

@media(min-width:946px) {
    .categorypage .popular-categories .ag-item img {
        max-width: 400px;
        margin-top: -25px
    }
}

.categorypage .popular-categories .ag-item p {
    font-size: 13px;
    line-height: 1.5em;
    margin-top: 5px
}

.categorypage .popular-categories .ag-item .description {
    font-size: .9em;
    color: #5FB709
}

.categorypage .popular-categories .ag-item:hover .description {
    color: #3D7504
}

.categorypage .vendor-info {
    font-size: .9em;
    line-height: 1.5em
}

    .categorypage .vendor-info .vendor-image {
        padding: 2% 2% 2% 0;
        margin-bottom: 10px;
        max-width: 200px
    }

@media only screen and (max-width:725px) {
    .categorypage .vendor-info .vendor-image {
        margin: 0 auto;
        display: block;
        width: auto;
        padding: 2%
    }
}

@media only screen and (max-width:725px) {
    .categorypage .vendor-info .left-box {
        width: 96%
    }
}

.categorypage .vendor-info .right-box {
    overflow: hidden
}

@media only screen and (max-width:725px) {
    .categorypage .vendor-info .right-box {
        width: 96%
    }
}

.categorypage .vendor-info .right-box .rate-box {
    font-weight: 600;
    width: auto;
    font-size: 17px;
    line-height: 1.2em
}

    .categorypage .vendor-info .right-box .rate-box p {
        margin: 0 10px 5px 0;
        line-height: 19px;
        display: block;
        float: left
    }

    .categorypage .vendor-info .right-box .rate-box .rating {
        font-size: 22px;
        float: left;
        margin: 0 0 16px
    }

.categorypage .vendor-info .ag-item {
    width: 100%;
    margin-left: 0;
    height: auto;
    padding: 4%
}

@media only screen and (min-width:600px) {
    .categorypage .vendor-info .ag-item {
        padding: 2%
    }
}

@media only screen and (min-width:850px) and (max-width:945px),only screen and (min-width:1100px) {
    .categorypage .vendor-info .ag-item {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .categorypage .vendor-info .ag-item:nth-child(2n) {
            margin-right: 0
        }
}

.categorypage .vendor-info .ag-item img {
    margin: 0;
    display: block;
    float: left;
    width: 30%;
    margin-left: 0;
    max-width: 115px
}

@media only screen and (min-width:600px) and (max-width:849px) {
    .categorypage .vendor-info .ag-item img {
        width: 10%
    }
}

.categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
    margin-bottom: 0;
    padding-left: 4%;
    margin-left: 30%
}

@media only screen and (min-width:420px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 115px
    }
}

@media only screen and (min-width:600px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 10%;
        padding-left: 3%
    }
}

@media only screen and (min-width:850px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 30%;
        padding-left: 4%
    }
}

@media only screen and (min-width:946px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 115px;
        padding-left: 4%
    }
}

@media only screen and (min-width:1100px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 30%;
        padding-left: 4%
    }
}

@media only screen and (min-width:1430px) {
    .categorypage .vendor-info .ag-item p, .categorypage .vendor-info .ag-item span {
        margin-left: 115px;
        padding-left: 4%
    }
}

.aside hr {
    margin-top: 0;
    border-top: 1px solid #d9ddd7
}

@media(min-width:600px) and (max-width:945px) {
    .aside hr.noTablet {
        display: none
    }
}

.aside .video {
    font-weight: 600;
    margin: 0 auto 16px
}

    .aside .video a, .aside .video a:hover {
        color: #3b3d3b
    }

        .aside .video a.title1 {
            top: 7px;
            position: relative
        }

    .aside .video .video-ui {
        margin-bottom: 5px
    }

@media(min-width:600px) and (max-width:945px) {
    .aside .video {
        width: 49%
    }
}

.aside .list ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0
}

    .aside .list ol > li {
        position: relative;
        margin: 0 0 8px 2em;
        padding: 4px 8px;
        list-style: none
    }

        .aside .list ol > li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            top: -2px;
            left: -2em;
            box-sizing: border-box;
            width: 2em;
            margin-right: 8px;
            border-top: 2px solid #d9ddd7;
            padding: 4px;
            color: #fff;
            text-align: center
        }

.aside .list li ol, .aside .list li ul {
    margin-top: 6px
}

.aside .list ol ol li:last-child {
    margin-bottom: 0
}

.aside .list a {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

@media(min-width:600px) and (max-width:945px) {
    .aside .list {
        float: left;
        width: 47%;
        margin-left: 4%
    }
}

.aside .guide {
    border-radius: 0 0 4px 4px
}

    .aside .guide a {
        font-size: 1.1em;
        font-weight: 600;
        margin: -5px 0 5px;
        display: block
    }

@media(min-width:600px) and (max-width:945px) {
    .aside .guide {
        margin-top: 0 !important
    }
}

@media(min-width:600px) and (max-width:945px) {
    .aside .guide-container {
        float: left;
        width: 32%
    }

        .aside .guide-container + .guide-container {
            margin-left: 2%
        }
}

.toolbar + #page #sidebar #sidenav-guide .guide-container {
    margin-right: 10px
}

    .toolbar + #page #sidebar #sidenav-guide .guide-container #guide-header img {
        border-radius: 4px 4px 0 0
    }

    .toolbar + #page #sidebar #sidenav-guide .guide-container p {
        font-size: 12px;
        line-height: 1.3em;
        overflow-wrap: break-word
    }

    .toolbar + #page #sidebar #sidenav-guide .guide-container .box {
        border-radius: 0 0 4px 4px;
        padding: 12px
    }

        .toolbar + #page #sidebar #sidenav-guide .guide-container .box a {
            font-size: 13px;
            line-height: 1.3em
        }

@media(min-width:0px) and (max-width:599px) {
    .toolbar + #page #sidebar #sidenav-guide .aside .guide-container {
        width: 95%
    }
}

@media(min-width:600px) {
    .toolbar + #page #sidebar #sidenav-guide .aside .guide-container {
        width: 95%
    }
}

.videofill {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

    .videofill iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.fixed-side-right .top-products {
    width: 100%;
    float: left;
    margin-top: 37px
}

@media(min-width:946px) {
    .fixed-side-right .top-products {
        width: 300px;
        float: right;
        margin-right: -300px;
        clear: right
    }
}

@media only screen and (min-width:1250px) {
    .fixed-side-right .top-products {
        width: 100%;
        margin-right: 0;
        float: left;
        clear: none
    }

        .fixed-side-right .top-products .ag-mini {
            margin: 0 20px 0 0
        }

        .fixed-side-right .top-products .ag-item {
            width: 30.3333%;
            padding: 1.5%;
            float: left
        }

            .fixed-side-right .top-products .ag-item:nth-child(n+5) {
                border-bottom: none
            }
}

.video .video-ui {
    border-radius: 0;
    border: 0
}

    .video .video-ui img {
        border-radius: 0
    }

    .video .video-ui:before {
        font-size: 42px;
        width: 65px;
        height: auto;
        margin-left: -35px;
        line-height: 41px;
        border: 0;
        box-shadow: 0
    }

.videoModal {
    background: 0 0;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

    .videoModal .video-js {
        height: 100% !important;
        width: 100% !important
    }

    .videoModal .modalclose {
        float: right;
        font-weight: 700;
        text-shadow: 0 1px 6px #5d5d5d;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        color: #fff;
        font-size: 40px;
        opaCity: 1;
        z-index: 999999;
        position: relative;
        top: 3px;
        line-height: 27px;
        right: 7px
    }

        .videoModal .modalclose:hover {
            color: #b7b7b7
        }

    .videoModal:hover .vjs-big-play-button {
        background: rgba(0,0,0,.8)
    }

    .videoModal .video-js .vjs-tech {
        height: auto
    }

.header-specials {
    height: 120px;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #aeb0ad;
    box-shadow: 0 2px 2px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.7)
}

    .header-specials.small-header {
        height: 60px
    }

.new-items-special {
    background: url(../../med/new-items.png) center 0 repeat-x;
    border: 1px solid #4a3a29;
    position: relative
}

    .new-items-special .header-logo {
        background: url(../../med/new-items.png) -80px -121px no-repeat;
        height: 120px;
        width: 160px;
        text-indent: -9999px;
        margin: 0 auto
    }

    .new-items-special:after, .new-items-special:before {
        background: url(../../med/new-items.png) -39px -121px no-repeat;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 100%;
        z-index: 2
    }

    .new-items-special:after {
        left: auto;
        right: 0;
        background-position: 12px -121px
    }

.outlet-special {
    background-repeat: repeat-x;
    border: 1px solid #3a3a39;
    position: relative;
    height: auto;
    margin-top: 10px
}

    .outlet-special, .outlet-special .header-logo, .outlet-special.small-header .header-logo {
        background-image: url(../../med/outlet-grunge-new.png)
    }

        .outlet-special .header-logo {
            background-position: 0 -120px;
            background-repeat: no-repeat;
            height: 120px;
            width: 350px;
            text-indent: -9999px;
            margin: 0 auto
        }

        .outlet-special.small-header .header-logo {
            background-position: 0 -60px;
            background-repeat: no-repeat;
            background-size: 250px 120px;
            height: 60px;
            width: 175px
        }

        .outlet-special .now-viewing {
            float: right;
            margin: 18px 100px 0 0;
            font-weight: 600;
            font-size: 15px;
            color: #fff;
            display: none
        }

@media(min-width:946px) {
    .outlet-special .now-viewing {
        display: block
    }
}

.outlet-special form {
    background: url(../../med/outlet-grunge-new.png) repeat-x;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    text-align: center;
    padding-top: 10px
}

@media(min-width:0px) and (max-width:599px) {
    .outlet-special form {
        padding-top: 0
    }
}

.outlet-special form p {
    margin-bottom: 8px;
    font-size: .9em;
    color: #fff;
    text-shadow: none;
    font-weight: 400
}

@media(min-width:0px) and (max-width:599px) {
    .outlet-special form p.header-4 {
        font-size: 12px
    }
}

.outlet-special form .label-radio {
    display: block;
    color: #fff;
    line-height: 1.2em
}

    .outlet-special form .label-radio label {
        display: inline;
        margin-right: 15px;
        font-weight: 400;
        text-shadow: none;
        color: #fff
    }

    .outlet-special form .label-radio input {
        margin-right: 5px;
        margin-top: -4px
    }

.outlet-special form .radio {
    padding-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    margin-right: 20px
}

    .outlet-special form .radio input {
        margin-top: -1px
    }

.outlet-special form .btn {
    position: relative
}

@media(min-width:946px) {
    .outlet-special {
        height: 120px
    }

        .outlet-special .header-logo {
            margin: 0 0 0 3px;
            float: left
        }

        .outlet-special form {
            background: 0 0;
            margin-right: 20px;
            text-align: left;
            margin-top: 2px;
            display: block;
            float: right
        }
}

.lt-ie9 .outlet-special.small-header .now-viewing {
    float: left;
    margin-left: 20px
}

.lt-ie9 .outlet-special.small-header .header-logo {
    display: none
}

.cutdownheader {
    margin-top: 20px;
    display: flex
}

    .cutdownheader .two-third {
        padding: 4% 0;
        display: flex;
        flex: 2
    }

        .cutdownheader .two-third .vert-align {
            margin: auto
        }

    .cutdownheader .one-third {
        height: 280px;
        padding: 7px;
        flex: 1
    }

@media(min-width:0px) and (max-width:767px) {
    .cutdownheader {
        display: block
    }

        .cutdownheader .two-third h1 {
            font-size: 1.2em
        }

        .cutdownheader .one-third, .cutdownheader .two-third {
            width: 100%;
            margin: 0 0 20px
        }
}

.cutdownheader h1, .cutdownheader p {
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #0073a8
}

.cutdownheader p {
    font-size: .85em;
    margin: 0 auto;
    width: 80%;
    line-height: 1.5em
}

.gridbg {
    background: url(../../med/gridbg.jpg) repeat 0 0;
    background-size: cover
}

.two-third {
    width: 64%;
    margin-left: 0
}

.one-third, .two-third {
    float: left;
    margin-right: 0 !important
}

.one-third {
    width: 34%;
    margin-left: 2%
}

.add-to-cart .btn-cutdown {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #6CCF0A;
    background-image: linear-gradient(180deg,#BEFA83,#5FB709);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #5FB709;
    width: 100%;
    position: relative
}

    .add-to-cart .btn-cutdown .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

    .add-to-cart .btn-cutdown.active, .add-to-cart .btn-cutdown.disabled, .add-to-cart .btn-cutdown:active, .add-to-cart .btn-cutdown:hover, .add-to-cart .btn-cutdown[disabled] {
        color: #fff;
        background-color: #5FB709;
        *background-color: #4F9706
    }

.ag-large-new .box {
    display: table;
    margin-bottom: 20px;
    border-bottom: 1px solid #dadbd9 !important;
    overflow: hidden
}

.ag-large-new .product-image {
    display: table-cell;
    padding: 15px;
    vertical-align: middle;
    min-width: 100px
}

    .ag-large-new .product-image img {
        max-width: 100%;
        box-sizing: border-box
    }

        .ag-large-new .product-image img.ag-lazyload {
            display: none
        }

@media(max-width:599px) {
    .ag-large-new .product-image {
        padding: 2%;
        vertical-align: top;
        width: 100px
    }

        .ag-large-new .product-image .variation {
            bottom: auto;
            margin-top: 110px
        }
}

.ag-large-new .details {
    overflow: hidden;
    padding: 15px 2% 15px 0
}

@media(min-width:600px) {
    .ag-large-new .details {
        display: table-cell;
        border-right: 1px solid #dadbd9;
        width: 55%
    }
}

@media(max-width:1099px) {
    .ag-large-new .details {
        font-size: 85%
    }
}

.ag-large-new .details .description {
    font-size: 1.2em;
    height: auto
}

.ag-large-new .details .text-content {
    margin: 10px 0 0;
    font-size: .8em;
    line-height: 1.4em
}

.ag-large-new .details .highlights {
    margin: 10px 0
}

.ag-large-new .ag-large-side {
    vertical-align: middle;
    padding: 15px 0;
    margin-right: 20px;
    border-top: 1px solid #dadbd9
}

    .ag-large-new .ag-large-side .add-to-cart .enter-email {
        width: 166px
    }

    .ag-large-new .ag-large-side .add-to-cart .btn-container {
        padding: 0;
        min-width: 165px
    }

    .ag-large-new .ag-large-side .add-to-cart .btn-small {
        max-width: 100px
    }

    .ag-large-new .ag-large-side .add-to-cart .qty-custom-input {
        margin-left: 18px
    }

    .ag-large-new .ag-large-side .pricing table {
        width: 75%;
        margin: 0 auto 10px
    }

    .ag-large-new .ag-large-side .price {
        margin-bottom: 5px;
        text-align: left
    }

    .ag-large-new .ag-large-side .free-shipping {
        margin: 5px 0
    }

@media(min-width:600px) {
    .ag-large-new .ag-large-side {
        display: table-cell;
        text-align: center;
        padding: 0 10px;
        margin-right: 0;
        border: none
    }

        .ag-large-new .ag-large-side .price {
            text-align: center
        }

        .ag-large-new .ag-large-side .free-shipping {
            margin: 5px auto
        }
}

.ag-large-new.ag-item {
    border: 1px solid #dadbd9;
    border-radius: 4px
}

    .ag-large-new.ag-item .product-image {
        background: 0 0
    }

    .ag-large-new.ag-item .details {
        width: 68%;
        vertical-align: middle;
        border-right: none
    }

    .ag-large-new.ag-item .price {
        text-align: left;
        margin: 10px 0 6px !important
    }

@media(min-width:0px) and (max-width:599px) {
    .ag-large-new.ag-item {
        padding: 10px 0 0
    }

        .ag-large-new.ag-item .details {
            padding-top: 0;
            display: table-cell
        }

            .ag-large-new.ag-item .details .description {
                font-size: 1em
            }
}

.more-reviews.ag-large-new .product-image {
    min-width: 150px
}

@media(max-width:945px) {
    .more-reviews.ag-large-new .product-image {
        display: block;
        float: left;
        width: 20%
    }
}

.more-reviews.ag-large-new .details {
    width: auto
}

@media(max-width:945px) {
    .more-reviews.ag-large-new .details {
        display: block;
        border: none
    }
}

@media(max-width:399px) {
    .more-reviews.ag-large-new .details {
        overflow: visible;
        padding-left: 2%
    }
}

.more-reviews.ag-large-new .ag-large-side {
    width: 50%;
    background-color: #f8f7f6;
    padding: 20px 30px;
    box-sizing: border-box
}

@media(max-width:945px) {
    .more-reviews.ag-large-new .ag-large-side {
        display: block;
        float: left;
        width: 100%;
        border-top: 1px solid #dadbd9
    }
}

.more-reviews.products, .more-reviews.reviewsProdPage {
    text-align: center
}

    .more-reviews.products .box, .more-reviews.reviewsProdPage .box {
        background-color: #f8f7f6;
        padding: 15px 0;
        margin-bottom: 15px
    }

    .more-reviews.products .rating-section, .more-reviews.reviewsProdPage .rating-section {
        width: 66.66%;
        float: left
    }

    .more-reviews.products .keyword-section, .more-reviews.products .overall, .more-reviews.products .review-keyword-section, .more-reviews.products .review-rating-overall, .more-reviews.products .review-star-breakdown, .more-reviews.products .star-breakdown, .more-reviews.reviewsProdPage .keyword-section, .more-reviews.reviewsProdPage .overall, .more-reviews.reviewsProdPage .review-keyword-section, .more-reviews.reviewsProdPage .review-rating-overall, .more-reviews.reviewsProdPage .review-star-breakdown, .more-reviews.reviewsProdPage .star-breakdown {
        width: 33.33%;
        border-right: 1px solid #dadbd9;
        display: table-cell;
        vertical-align: middle;
        padding: 10px
    }

    .more-reviews.products .keyword-section, .more-reviews.products .review-keyword-section, .more-reviews.reviewsProdPage .keyword-section, .more-reviews.reviewsProdPage .review-keyword-section {
        border: none
    }

@media(max-width:1099px) {
    .more-reviews.products .box, .more-reviews.reviewsProdPage .box {
        padding: 15px 25px
    }

    .more-reviews.products .rating-section, .more-reviews.reviewsProdPage .rating-section {
        width: 100%;
        float: left
    }

    .more-reviews.products .keyword-section, .more-reviews.reviewsProdPage .keyword-section {
        clear: both
    }

    .more-reviews.products .keyword-section, .more-reviews.products .overall, .more-reviews.products .review-keyword-section, .more-reviews.products .review-rating-overall, .more-reviews.products .review-star-breakdown, .more-reviews.products .star-breakdown, .more-reviews.reviewsProdPage .keyword-section, .more-reviews.reviewsProdPage .overall, .more-reviews.reviewsProdPage .review-keyword-section, .more-reviews.reviewsProdPage .review-rating-overall, .more-reviews.reviewsProdPage .review-star-breakdown, .more-reviews.reviewsProdPage .star-breakdown {
        display: block;
        box-sizing: border-box
    }

    .more-reviews.products .overall, .more-reviews.products .review-rating-overall, .more-reviews.reviewsProdPage .overall, .more-reviews.reviewsProdPage .review-rating-overall {
        width: 250px;
        float: left
    }

    .more-reviews.products .review-star-breakdown, .more-reviews.products .star-breakdown, .more-reviews.reviewsProdPage .review-star-breakdown, .more-reviews.reviewsProdPage .star-breakdown {
        width: auto;
        overflow: hidden;
        border: none
    }

    .more-reviews.products .keyword-section, .more-reviews.products .review-keyword-section, .more-reviews.reviewsProdPage .keyword-section, .more-reviews.reviewsProdPage .review-keyword-section {
        width: 100%;
        border-top: 1px solid #dadbd9
    }
}

@media(max-width:599px) {
    .more-reviews.products .overall, .more-reviews.products .review-rating-overall, .more-reviews.reviewsProdPage .overall, .more-reviews.reviewsProdPage .review-rating-overall {
        width: 100%;
        border: none
    }

    .more-reviews.products .review-star-breakdown, .more-reviews.products .star-breakdown, .more-reviews.reviewsProdPage .review-star-breakdown, .more-reviews.reviewsProdPage .star-breakdown {
        width: 100%;
        padding: 25px 0;
        border-top: 1px solid #dadbd9
    }
}

.more-reviews .rate-split {
    box-sizing: border-box;
    width: 50%;
    float: left
}

@media(max-width:599px) {
    .more-reviews .rate-split {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }
}

.overall .rating, .review-rating-overall .rating {
    font-size: 28px;
    height: 38px;
    margin-top: 7px
}

.review-star-breakdown, .star-breakdown {
    margin: 0 auto
}

    .review-star-breakdown .rating, .star-breakdown .rating {
        display: table-cell;
        padding: 0 5px 0 0;
        font-size: 12px;
        text-align: right;
        width: 70px
    }

    .review-star-breakdown .pbar, .star-breakdown .pbar {
        display: table-cell;
        font-size: 12px;
        text-align: left;
        line-height: 13px
    }

        .review-star-breakdown .pbar .progress-wrap, .star-breakdown .pbar .progress-wrap {
            width: calc(100% - 40px);
            background: #5FB709;
            margin: 2px 5px 0 0;
            overflow: hidden;
            position: relative;
            border: 1px solid #838383;
            border-radius: 3px;
            box-shadow: inset 0 1px 1px 1px #3cbf01;
            float: left;
            height: 8px
        }

            .review-star-breakdown .pbar .progress-wrap .progress-bar, .star-breakdown .pbar .progress-wrap .progress-bar {
                background: #d9ddd7;
                width: 100%;
                box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.25);
                left: 0;
                position: absolute;
                height: 8px
            }

.keyword-section .well, .review-keyword-section .well {
    font-size: 12px;
    padding: 6px 8px;
    font-weight: 600;
    line-height: 35px
}

.container--max800 {
    max-width: 800px;
    margin-top: 15px
}

@media(min-width:768px) {
    .container--max800 {
        margin: 40px auto 20px
    }
}

.portal .form__info {
    margin-top: 5px
}

.portal__login-btn {
    margin-top: 0
}

.portal__container {
    background: #fff;
    padding: 20px 30px
}

@media(min-width:600px) {
    .portal__container {
        padding: 40px 40px 45px;
        border: 1px solid #dadbd9;
        border-radius: 4px
    }
}

@media(min-width:768px) {
    .portal__container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.portal__container .helper--tuck {
    margin-top: -15px
}

.portal__main {
    display: inline-block;
    width: 100%;
    max-width: 400px
}

.no-flexbox .portal__main {
    max-width: 300px
}

@media(min-width:768px) {
    .portal__main {
        padding-right: 40px;
        box-sizing: border-box
    }
}

.portal__side {
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.05);
    margin-top: 40px
}

@media(min-width:768px) {
    .portal__side {
        float: right;
        margin-top: 0;
        max-width: 300px
    }
}

.portal__side--padded {
    padding: 30px;
    box-sizing: border-box
}

.portal--padded {
    padding: 30px
}

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

.portal__bottom {
    clear: both;
    position: relative;
    z-index: 1;
    background: #f6f7f5;
    border: 1px solid #dadbd9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media(min-width:600px) {
    .portal__bottom {
        margin-top: -10px
    }
}

.portal__bottom--margin {
    margin-bottom: 20px
}

#article.unsubscribe h1.resource-header {
    text-align: left;
    text-transform: none;
    padding-top: 40px
}

@media only screen and (min-width:0px) and (max-width:599px) {
    #article.unsubscribe h1.resource-header {
        padding-top: 10px
    }
}

#article.unsubscribe h1.resource-header span {
    font-size: .3em;
    line-height: 1.3em
}

@media only screen and (min-width:0px) and (max-width:599px) {
    #article.unsubscribe h1.resource-header span {
        font-size: 13px;
        width: 65%
    }
}

.unsubscribePage #main {
    margin-top: -121px;
    z-index: 9999;
    position: relative
}

.unsubscribePage .ussb1 {
    margin-right: 333px;
    padding: 0
}

.unsubscribePage .ussb2 {
    width: 311px;
    float: right;
    padding: 0;
    overflow: hidden
}

    .unsubscribePage .ussb2 a {
        display: block;
        float: left
    }

        .unsubscribePage .ussb2 a:nth-child(n+4) {
            border-top: 1px solid #d9ddd4
        }

        .unsubscribePage .ussb2 a:nth-child(2n+3) {
            border-left: 1px solid #d9ddd4
        }

    .unsubscribePage .ussb2.hidden {
        display: none
    }

.unsubscribePage .ussbHead {
    border-bottom: 1px solid #d9ddd4;
    padding: 20px
}

    .unsubscribePage .ussbHead h2 {
        margin-bottom: 0
    }

    .unsubscribePage .ussbHead p {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 0
    }

.unsubscribePage .ussbForm {
    padding: 20px
}

    .unsubscribePage .ussbForm ul {
        list-style: none;
        margin: 0;
        float: left;
        width: 50%;
        max-width: 410px;
        box-sizing: border-box
    }

        .unsubscribePage .ussbForm ul + ul {
            padding-left: 50px
        }

    .unsubscribePage .ussbForm .btn {
        margin-top: 20px
    }

.unsubscribePage .unsub-content {
    padding-bottom: 20px
}

.unsubscribePage .radioB {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .unsubscribePage .radioB + label {
        padding-left: 23px;
        cursor: pointer;
        position: relative;
        display: inline-block;
        line-height: 24px;
        margin: 8px 0;
        font-weight: 400
    }

        .unsubscribePage .radioB + label:before {
            font-family: fontello;
            content: "\E80A";
            position: absolute;
            left: 0;
            top: 5%;
            font-size: 20px;
            box-sizing: border-box
        }

    .unsubscribePage .radioB:checked + label:before {
        content: "\E853"
    }

@media only screen and (min-width:0px) and (max-width:1099px) {
    .unsubscribePage .ussbForm ul {
        float: none;
        width: 100%
    }

        .unsubscribePage .ussbForm ul + ul {
            padding-left: 0
        }
}

@media only screen and (min-width:0px) and (max-width:820px) {
    .unsubscribePage .ussb1 {
        margin-right: 0
    }

    .unsubscribePage .ussb2 {
        display: none
    }

        .unsubscribePage .ussb2.hidden {
            display: block;
            margin-top: 0;
            width: 100%
        }

        .unsubscribePage .ussb2 a {
            width: 25%;
            border: 0 !important
        }

    .unsubscribePage #main {
        margin-top: -70px
    }
}

@media only screen and (min-width:0px) and (max-width:599px) {
    .unsubscribePage #main {
        margin-top: -30px
    }

    .unsubscribePage #article h1.resource-header {
        padding-top: 10px
    }

        .unsubscribePage #article h1.resource-header span {
            font-size: 13px;
            width: 65%
        }
}

.simple-form {
    padding: 30px 40px 0
}

    .simple-form input, .simple-form textarea {
        width: 100%
    }

        .simple-form input[type=text], .simple-form textarea[type=text] {
            height: auto
        }

    .simple-form textarea {
        margin-bottom: 0
    }

#email-page .email-page-forms .modal-header {
    padding: 15px
}

@media(min-width:600px) {
    #email-page .email-page-forms .modal-header h3 {
        font-size: 24px
    }
}

#email-page .email-page-forms .modal-body label {
    padding-top: 10px
}

#email-page .email-page-forms .modal-body input, #email-page .email-page-forms .modal-body textarea {
    height: 30px;
    box-sizing: border-box
}

#email-page .email-page-forms .modal-body .additionalemail {
    margin-top: 10px
}

#email-page .email-page-forms .modal-body #emailShareMain, #email-page .email-page-forms .modal-body #emailShareName, #email-page .email-page-forms .modal-body #emailShareSend {
    width: 50%
}

@media(min-width:0px) and (max-width:945px) {
    #email-page .email-page-forms .modal-body #emailShareMain, #email-page .email-page-forms .modal-body #emailShareName, #email-page .email-page-forms .modal-body #emailShareSend {
        width: 100%
    }
}

#email-page .email-page-forms .modal-body #emailShareSend {
    margin-bottom: 0
}

    #email-page .email-page-forms .modal-body #emailShareSend + a {
        font-size: .8em
    }

@media(min-width:946px) {
    #email-page .email-page-forms .modal-body #emailShareSend + a {
        margin-left: 10px
    }
}

#email-page .email-page-forms .modal-body #emailShareComment {
    width: 100%;
    height: 90px
}

#email-page .email-page-forms .modal-body .remove_button {
    color: #aeb0ad
}

    #email-page .email-page-forms .modal-body .remove_button:hover {
        color: #949793
    }

#email-page .email-page-forms .modal-footer .checkbox {
    width: 50%;
    float: left;
    margin-top: 10px
}

@media(min-width:0px) and (max-width:599px) {
    #email-page .email-page-forms .modal-footer .checkbox {
        width: 40%
    }
}

#email-page .email-page-forms .modal-footer .checkbox label {
    text-align: left
}

    #email-page .email-page-forms .modal-footer .checkbox label input {
        float: none
    }

    #email-page .email-page-forms .modal-footer .checkbox label span {
        top: -1px;
        left: 5px;
        position: relative
    }

#email-page .email-page-success .modal-header {
    border: none
}

#email-page .email-page-success .modal-body {
    text-align: center;
    padding-top: 13%
}

    #email-page .email-page-success .modal-body h3 {
        font-size: 2em;
        margin-bottom: 50px;
        line-height: 30px
    }

    #email-page .email-page-success .modal-body .icon-check {
        font-size: 6em;
        color: #1c9bd9
    }

#special-cat-filter {
    margin-top: -13px
}

@media(min-width:600px) {
    #special-cat-filter {
        margin-top: -34px
    }
}

@media(min-width:946px) {
    #special-cat-filter {
        margin-top: -63px
    }
}

#special-cat-filter .fixed-side-left-go-top .ag {
    display: block
}

#special-cat-filter #article .header-image {
    height: 300px;
    max-width: 100%;
    overflow: hidden
}

@media(min-width:0px) and (max-width:599px) {
    #special-cat-filter #article .header-image {
        height: auto
    }
}

#special-cat-filter #article .header-image img {
    min-width: 650px
}

#special-cat-filter h1 {
    font-size: 3.6vw;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    margin: 30px 0 40px;
    width: auto;
    text-align: center
}

@media(min-width:600px) {
    #special-cat-filter h1 {
        margin: 80px 0 40px
    }
}

@media screen and (min-width:1024px) {
    #special-cat-filter h1 {
        font-size: 2.2em
    }
}

@media(min-width:0px) and (max-width:599px) {
    #special-cat-filter h1 {
        font-size: 1.2em
    }
}

#special-cat-filter .chooser--logo {
    display: block;
    width: auto;
    margin: 0 auto 10px
}

@media screen and (min-width:600px) {
    #special-cat-filter .chooser--logo {
        display: inline-block;
        width: 30vw;
        margin: 0 auto
    }
}

@media screen and (min-width:1024px) {
    #special-cat-filter .chooser--logo {
        width: auto
    }
}

#special-cat-filter #filter-brief {
    margin-top: -280px;
    position: relative;
    z-index: 2
}

@media(min-width:0px) and (max-width:599px) {
    #special-cat-filter #filter-brief {
        margin-top: -150px
    }
}

@media(min-width:600px) {
    #special-cat-filter #filter-brief {
        margin-top: -280px
    }

        #special-cat-filter #filter-brief .fixed-side-left-go-top {
            margin-top: 70px
        }
}

#special-cat-filter #filter-brief h2 {
    margin-bottom: 5px
}

#special-cat-filter #sidefilter label {
    margin: 25px 0
}

    #special-cat-filter #sidefilter label span {
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px
    }

#special-cat-filter #sidefilter .styled-select {
    width: 100%
}

#special-cat-filter #sidefilter h3 span {
    font-weight: 300;
    margin-top: 5px;
    font-size: 13px;
    display: block;
    line-height: 15px
}

#special-cat-filter .current-filters p {
    font-size: 13px;
    font-weight: 600
}

#special-cat-filter .current-filters ul {
    list-style-type: none;
    padding: 0;
    font-size: 12px
}

#special-cat-filter .current-filters li.active-filter {
    background: #5FB709;
    padding: 3px 10px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer
}

#special-cat-filter .current-filters li.active-filter, #special-cat-filter .current-filters p, #special-cat-filter .current-filters ul {
    margin: 0
}

    #special-cat-filter .current-filters li.active-filter:hover {
        background: #3D7504
    }

#special-cat-filter .current-filters li.icon-cancel:before {
    font-size: 10px
}

#special-cat-filter .current-filters li.active-filter, #special-cat-filter .current-filters li.icon-cancel:before {
    margin-right: 5px
}

select {
    position: relative;
    top: -1px;
    height: 26px;
    padding: 2px 30px 3px 8px;
    overflow: hidden;
    width: 195px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #aeb0ad;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4),0 2px 2px rgba(0,0,0,.05);
    font-size: 13px;
    text-indent: .01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    select::-ms-expand {
        display: none
    }

    select, select.btn-ui {
        background: url(../../med/drpdwn.png) no-repeat 100% #fff;
    }

@media only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    select, select.btn-ui {
        background-image: url(../../med/drpdwn_2x.png)
    }
}

select.btn-ui {
    height: 22px;
    font-size: 11px;
    margin-top: 4px !important
}

@media(-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    select.btn-ui {
        padding: 0 0 0 5px;
        background: 0 0
    }

        select.btn-ui::-ms-expand {
            display: block
        }
}

select.btn-ui:active, select.btn-ui:hover {
    background-color: #fff
}

.wss-checkbox {
    width: 16px
}

    .wss-checkbox input {
        display: none
    }

        .wss-checkbox input:checked + .list-check {
            background-color: #1c9bd9;
            border-color: #1c9bd9
        }

            .wss-checkbox input:checked + .list-check:after {
                top: 0
            }

            .wss-checkbox input:checked + .list-check:hover {
                background-color: #54c121
            }

    .wss-checkbox div {
        width: 100%;
        padding-top: 100%;
        transition: all 1.1s cubic-bezier(.19,1,.22,1);
        border: 1px solid #d2d2d2;
        border-radius: 4px;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        box-shadow: none;
        float: left;
        margin: 0
    }

        .wss-checkbox div:after {
            width: 50%;
            height: 20%;
            content: "";
            position: absolute;
            border-left: 2px solid;
            border-bottom: 2px solid;
            border-color: #fff;
            transform: rotate(-45deg) translateZ(0);
            transform-origin: center center;
            transition: all .3s cubic-bezier(.19,1,.22,1);
            left: 0;
            right: 0;
            top: 200%;
            bottom: 5%;
            margin: auto
        }

.testcolor {
    color: #fff
}

.filters__container {
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0
}

@media(min-width:600px) {
    .filters__container {
        margin-bottom: -21px
    }
}

.filter__labels {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width:945px) {
    .filter__labels {
        flex-wrap: nowrap
    }
}

@media(min-width:946px) {
    .filter__labels {
        justify-content: space-around
    }
}

.filter__label {
    flex: 0 100%;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 0;
    font-weight: 600;
    color: #b9b9b9;
    text-align: center;
    border-bottom: 1px solid #dadbd9;
    border-right: 1px solid #dadbd9;
    cursor: pointer;
    transition: .2s ease-in-out
}

    .filter__label.open {
        border-bottom: 1px solid #fff
    }

@media(max-width:549px) {
    .filter__label {
        flex: 1 0 110px
    }
}

.filter__label:last-of-type {
    border-right: none
}

.filter__label .icon {
    display: inline-block;
    margin-left: 10px
}

    .filter__label .icon svg g {
        stroke: #b9b9b9
    }

.filter__label.open {
    color: #3b3d3b
}

    .filter__label.open .icon {
        transform: rotate(180deg)
    }

        .filter__label.open .icon svg g {
            stroke: #3b3d3b
        }

.filter__label:hover {
    color: #3b3d3b
}

.type__filters {
    background-image: linear-gradient(0deg,#fafafa 0,#fff 50%)
}

.type__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box
}

@media(min-width:600px) {
    .type__container {
        flex-direction: row
    }
}

@media(min-width:946px) {
    .type__container {
        flex-wrap: wrap
    }
}

.type__container[data-filter] {
    height: 0;
    width: 100%;
    opaCity: 0;
    overflow: hidden;
    transition-property: opaCity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out
}

    .type__container[data-filter].open {
        height: auto;
        width: 100%;
        padding: .5% .75%;
        opaCity: 1;
        overflow: auto
    }

.container-item {
    position: relative;
    display: flex;
    flex: 0 24%;
    margin: 5px .5%
}

@media(max-width:945px) {
    .container-item {
        flex: 1 0 240px
    }
}

@media(min-width:946px) and (max-width:1199px) {
    .container-item {
        flex: 0 31.333333%
    }
}

@media(min-width:1800px) {
    .container-item {
        flex: 0 19%
    }
}

.container-item.disabled .type__filter {
    pointer-events: none !important
}

.container-item.disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.7)
}

.type__filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden
}

@media(min-width:600px) {
    .type__filter {
        align-items: center;
        flex: 1 1 auto
    }
}

@media(min-width:946px) {
    .type__filter {
        flex-direction: column;
        align-items: center
    }
}

@media(min-width:1140px) {
    .type__filter {
        flex-direction: row
    }
}

.type__filter .filter__image {
    display: block;
    width: 40%;
    min-width: 60px;
    margin: 5px;
    text-align: center
}

@media(min-width:946px) {
    .type__filter .filter__image {
        width: 25%;
        min-width: 60px;
        flex: auto
    }
}

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

.type__filter .filter__content {
    margin: 10px 5px;
    flex: auto
}

.type__filter .filter__title {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2em
}

.type__filter .filter__text {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4em
}

.type__filter:hover {
    border: 1px solid rgba(0,0,0,.2)
}

.type__filter.active {
    border: 1px solid #1c9bd9
}

    .type__filter.active .filter__title {
        color: #1c9bd9
    }

.item__text {
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.4em;
    text-align: center
}

.active__filters {
    margin-top: -1px;
    border-top: 1px solid #dadbd9
}

    .active__filters .active__label {
        margin: 0;
        padding: 10px 20px;
        font-size: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        overflow-x: auto
    }

@media(min-width:800px) {
    .active__filters .active__label {
        flex-wrap: wrap
    }
}

.active__filters .active__label span {
    display: inline-block;
    margin: 2.5px 0 2.5px 10px;
    padding: 0 5px;
    border-radius: 4px;
    background-color: #f1ffea;
    background-color: #60aa2f;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2),inset 0 1px 0 0 hsla(0,0%,100%,.25);
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.32);
    flex: 0 0 auto;
    order: 1
}

    .active__filters .active__label span a {
        color: #b9b9b9
    }

        .active__filters .active__label span a:hover {
            color: #3D7504
        }

    .active__filters .active__label span:hover {
        background-color: #66bc2e;
        cursor: pointer
    }

    .active__filters .active__label span:active {
        background-color: #4c8724;
        box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1)
    }

    .active__filters .active__label span.clear-all {
        background-color: #9c9c9c;
        order: 0
    }

@media(min-width:800px) {
    .active__filters .active__label span.clear-all {
        margin-left: auto;
        order: 1
    }
}

.active__filters .active__label span.clear-all:hover {
    background-color: #686868
}

.active__filters .active__label span.clear-all:active {
    background-color: #3f3f3f
}

.category__filters {
    border-radius: 0 0 4px 4px
}

.ag-category-grid.category__filters .ag-item {
    position: relative
}

    .ag-category-grid.category__filters .ag-item:before {
        position: absolute;
        top: 0;
        left: -1px;
        width: 1px;
        height: 100%;
        border-left: 1px solid #dadbd9
    }

.ag-category-grid.category__filters {
    margin-bottom: 0
}

.template__type {
    display: flex;
    flex-direction: column
}

@media(min-width:1100px) {
    .template__type {
        flex-direction: row
    }
}

.type__categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    background: #fff;
    border: 1px solid #dadbd9;
    border-radius: 4px;
    margin-bottom: 20px
}

@media(min-width:1100px) {
    .type__categories {
        margin-right: 20px
    }
}

.type__category {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 6px 0 0;
    border: 1px solid #dadbd9;
    border-width: 0;
    box-sizing: border-box;
    text-align: center;
    background: 0 0
}

.flexbox .type__category {
    float: left
}

.type__category .category__title {
    text-align: center
}

.type__category .category__image {
    align-self: auto;
    margin: 0
}

.type__category:nth-child(odd) {
    border-right-width: 1px;
    margin: 0
}

.type__category:first-child, .type__category:nth-child(2) {
    border-bottom-width: 1px
}

@media(min-width:720px) and (max-width:1099px) {
    .type__category {
        width: 25%;
        border-bottom-width: 0
    }

        .type__category, .type__category:nth-child(odd) {
            border-right-width: 1px
        }

            .type__category:first-child, .type__category:nth-child(2) {
                border-bottom-width: 0
            }

            .type__category:last-child {
                border-right-width: 0
            }
}

.category__image {
    align-self: center;
    width: 48%;
    max-width: 100px;
    min-width: 100px
}

@media(min-width:550px) {
    .category__image {
        max-width: 80px;
        min-width: 80px
    }
}

@media(min-width:600px) {
    .category__image {
        align-self: flex-end;
        margin-right: 10px
    }
}

@media(min-width:946px) {
    .category__image {
        width: 30%;
        max-width: 100px;
        min-width: 100px
    }
}

@media(min-width:1240px) {
    .category__image {
        width: 30%
    }
}

.category__title {
    margin: 10px 0 5px;
    font-size: 20px;
    line-height: 1em;
    text-align: center
}

@media(min-width:600px) {
    .category__title {
        margin: 0 0 5px;
        font-size: 18px;
        text-align: left
    }
}

@media(min-width:1240px) {
    .category__title {
        font-size: 20px
    }
}

.category__content {
    margin-top: 20px;
    margin-bottom: 10px
}

.flexbox .category__content {
    margin-top: 0
}

@media(max-width:599px) {
    .category__content {
        text-align: center
    }
}

.type_filter__view-all.box {
    position: relative;
    z-index: 4;
    text-align: center;
    margin-top: -3px;
    background-color: #fff
}

    .type_filter__view-all.box span {
        display: block;
        width: 100%;
        padding: 15px 0;
        font-size: 16px;
        font-weight: 600;
        color: #1c9bd9;
        text-transform: uppercase;
        cursor: pointer
    }

        .type_filter__view-all.box span:hover {
            color: #3D7504
        }

    .type_filter__view-all.box.box {
        margin-bottom: 0;
        border-radius: 0
    }

@media(max-width:599px) {
    .type_filter__view-all.box.box {
        margin-top: -1px !important;
        margin-bottom: -1px
    }
}

.filters__shop-all {
    margin-bottom: 20px;
    padding: 20px 20px 10px
}

    .filters__shop-all.box {
        margin-top: -1px;
        border-radius: 0 0 4px 4px
    }

@media(max-width:599px) {
    .filters__shop-all {
        padding: 20px 10px
    }
}

.filters__shop-all ul {
    margin: 0
}

.filters__shop-all li {
    display: block;
    margin-bottom: 5px;
    padding-right: 5px;
    font-size: 14px
}

    .filters__shop-all li a {
        line-height: 18px
    }

@media(max-width:767px) {
    .filters__shop-all li {
        display: inline-block;
        font-size: 13px
    }

        .filters__shop-all li a {
            padding-right: 5px
        }

            .filters__shop-all li a:after {
                content: ","
            }

        .filters__shop-all li:last-child a:after {
            content: ""
        }
}

@media(min-width:768px) {
    .filters__shop-all li {
        display: flex;
        flex-wrap: wrap
    }
}

.shop-all__list {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .shop-all__list {
        float: left;
        width: 25%
    }
}

@media(min-width:1280px) {
    .shop-all__list {
        width: 20%
    }

        .shop-all__list.list--column {
            width: 30%;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2
        }
}

.shop-all__list:last-child {
    margin-bottom: 0
}

.shop-all__title {
    font-weight: 900
}

.ag-item.last-item:after {
    content: "";
    display: block;
    border-top: 1px solid #dadbd9;
    width: 700%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -1px
}

.ag-category-grid.category__filters .ag-item {
    border-right: none
}

    .ag-category-grid.category__filters .ag-item:before {
        content: "";
        right: -1px;
        left: auto;
        border-left: none;
        border-right: 1px solid #dadbd9
    }

.ag-best-selling {
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    width: 100%
}

    .ag-best-selling .ag-item {
        overflow: hidden;
        padding: 2.5% 2.5% 2%;
        background: #fff;
        position: relative;
        z-index: 6
    }

        .ag-best-selling .ag-item:last-child {
            z-index: 1;
            overflow: visible
        }

    .ag-best-selling .product-image {
        z-index: -1
    }

        .ag-best-selling .product-image a {
            max-width: 152px;
            margin: 0 auto;
            display: block;
            position: relative
        }

.best-selling-bottom, .box-corner {
    text-align: center
}

.box-corner {
    background: #f3f3f3;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    transform: rotate(-45deg) translateY(-140px);
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 0;
    font-size: 1.3vw;
    font-weight: 700
}

@media(min-width:0px) and (max-width:599px) {
    .box-corner {
        transform: rotate(-45deg) translateY(-120px);
        font-size: 12px
    }
}

.ag-item:nth-child(-n+3) .box-corner {
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.4)
}

.box-corner span {
    transform: rotate(45deg);
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: .6vw
}

#productBox1 .box-corner {
    background-color: #feda98;
    background: url(../../med/noise.png) repeat,linear-gradient(180deg,#fffefe,#fea401)
}

#productBox2 .box-corner {
    background-color: #e4e5e3;
    background: url(../../med/noise.png) repeat,linear-gradient(180deg,#fff,#bbbdba)
}

#productBox3 .box-corner {
    background-color: #df8a2d;
    background: url(../../med/noise.png) repeat,linear-gradient(180deg,#ffae45,#ae5309)
}

.newcheckout .tag-warning {
    margin-bottom: 2px;
    display: block
}

.cart-newsubscription {
    padding: 12px 20px 14px;
    line-height: 20px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #fca129;
    background-image: linear-gradient(180deg,#ffae45,#f78c00);
    border-color: #f78c00 #f78c00 #d97b00;
    display: table;
    width: 100%;
    box-sizing: border-box
}

    .cart-newsubscription i {
        font-size: 24px;
        display: table-cell;
        width: 30px;
        vertical-align: middle
    }

        .cart-newsubscription i:before {
            transform: scaleX(-1)
        }

    .cart-newsubscription div {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px
    }

    .cart-newsubscription .btn-small {
        color: #fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        background-color: rgba(46,46,46,.32);
        box-shadow: 0 0 0 rgba(0,0,0,.1),inset 0 1px 3px 0 rgba(0,0,0,.1);
        display: table-cell;
        width: 150px;
        box-sizing: border-box;
        text-align: center;
        vertical-align: middle;
        height: 35px;
        line-height: 1px;
        padding: 0
    }

        .cart-newsubscription .btn-small:hover {
            background-color: rgba(46,46,46,.42);
            cursor: pointer;
            border-radius: 4px
        }

    .cart-newsubscription.err {
        background-color: #cf3700;
        border-color: #a62c00;
        text-shadow: 0 1px 1px #691c00;
        background-image: none
    }

        .cart-newsubscription.err div {
            font-size: 13px;
            line-height: 16px
        }

@media screen and (max-width:499px) {
    .cart-newsubscription {
        font-size: 14px
    }

        .cart-newsubscription .btn-small {
            font-size: 10px;
            width: 125px
        }
}

@media screen and (max-width:599px) {
    #page .subscription.box:not(#top-checkout).active.alert {
        border: 1px solid #f78c00;
        border-radius: 4px
    }
}

.no-js .subscription {
    display: none
}

.qty.cartSubscribe {
    padding: 10px 0
}

    .qty.cartSubscribe .box {
        margin: 5px 0 0;
        font-size: 10px;
        float: right;
        width: 100%;
        max-width: 112px;
        padding: 0 5px;
        border: 1px solid #aeb0ad;
        text-shadow: 0 1px 1px hsla(0,0%,100%,.75);
        line-height: 22px;
        box-sizing: border-box
    }

        .qty.cartSubscribe .box.active {
            background-color: #f6f7f5
        }

    .qty.cartSubscribe .onoffswitch {
        float: right;
        width: 35px;
        height: 12px;
        margin: 5px 0 0
    }

    .qty.cartSubscribe .cartsubbottom {
        display: none
    }

        .qty.cartSubscribe .cartsubbottom select {
            font-size: 10px;
            line-height: 10px;
            width: auto;
            padding: 0 31px 0 5px;
            height: 22px;
            margin-bottom: 5px
        }

.qty .cart_reorder {
    font-size: 11px;
    height: 22px;
    display: none
}

.cart .ag-cart .ag-row .ag-item.ag-options {
    top: -1px;
    margin-bottom: -1px
}

    .cart .ag-cart .ag-row .ag-item.ag-options.auto-reorder input[type=checkbox] {
        float: left;
        margin: 1px 5px 0 0
    }

        .cart .ag-cart .ag-row .ag-item.ag-options.auto-reorder input[type=checkbox] + label.small {
            clear: none;
            overflow: hidden;
            text-shadow: none;
            font-weight: 400;
            padding: 1px 0 2px
        }

    .cart .ag-cart .ag-row .ag-item.ag-options.active {
        background-color: #feeed8;
        box-shadow: inset 0 0 0 1px #f78c00;
        border-radius: 0
    }

        .cart .ag-cart .ag-row .ag-item.ag-options.active .cart_reorder {
            display: block;
            top: 0
        }

.no-js-msg, .no-js .cart .ag-cart .ag-row .ag-item.ag-options.auto-reorder div {
    display: none
}

.account__section--autoReorders .add-cont .onoffswitch {
    margin-top: 5px
}

.account__section--autoReorders .add-cont .alert {
    padding: 0 5px;
    font-size: 12px;
    margin-bottom: 4px;
    display: inline-block
}

.account__section--autoReorders .icon-history {
    font-size: 85px;
    float: left;
    line-height: 7px;
    margin: 35px 20px 40px 0;
    color: #f78c00;
    text-shadow: 0 1px 2px rgba(0,0,0,.3)
}

    .account__section--autoReorders .icon-history:before {
        transform: scaleX(-1)
    }

@media screen and (max-width:599px) {
    .account__section--autoReorders .icon-history {
        font-size: 40px;
        margin: 18px 20px
    }
}

.account__section--autoReorders p.header {
    float: none;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 30px;
    padding-top: 5px
}

    .account__section--autoReorders p.header span {
        font-size: 24px;
        display: block;
        margin-bottom: 8px;
        font-weight: 600
    }

.no-js .account__section--autoReorders .no-js-msg {
    display: block;
    border-radius: 3px;
    padding: 40px;
    font-size: 30px;
    color: #cf3700;
    text-align: center
}

    .no-js .account__section--autoReorders .no-js-msg span {
        display: block;
        font-size: 15px;
        line-height: 18px;
        margin-top: 10px;
        font-weight: 400
    }

.no-js .account__section--autoReorders div {
    display: none
}

.account__section--subscriptiondetails .ag-item {
    position: relative
}

.account__section--subscriptiondetails .details.addy .clearfix {
    width: 100%
}

.account__section--subscriptiondetails .details.addy .detailAddress {
    border-bottom: 1px solid #ddd;
    position: relative
}

    .account__section--subscriptiondetails .details.addy .detailAddress:last-child {
        border-bottom: none
    }

    .account__section--subscriptiondetails .details.addy .detailAddress .cart {
        display: block;
        position: absolute;
        right: 0;
        top: 50%
    }

        .account__section--subscriptiondetails .details.addy .detailAddress .cart.edit {
            right: 40px
        }

            .account__section--subscriptiondetails .details.addy .detailAddress .cart.edit input {
                position: relative;
                top: -7px;
                font-size: 12px;
                background: 0 0;
                border: none;
                padding: 0;
                text-shadow: none;
                color: #5FB709;
                font-weight: 400
            }

                .account__section--subscriptiondetails .details.addy .detailAddress .cart.edit input:hover {
                    color: #3D7504
                }

.account__section--subscriptiondetails .details.addy .addressCollection .shipTax {
    background: #616460;
    float: left;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    margin-right: 5px
}

.account__section--subscriptiondetails .details.notaddy select {
    width: auto;
    font-size: 11px;
    padding: 0 35px 1px 6px;
    height: 23px
}

.account__section--subscriptiondetails .details.notaddy .subSwitch {
    float: left
}

.account__section--subscriptiondetails .details.notaddy .payment {
    margin-bottom: 7px
}

.account__section--subscriptiondetails .details .reorder_ship .title span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    top: -3px;
    position: relative;
    color: #f78c00;
    line-height: 11px
}

.account__section--subscriptiondetails .details .reorder_ship .data {
    line-height: 35px
}

    .account__section--subscriptiondetails .details .reorder_ship .data span {
        font-size: 10px;
        color: #b4b6b3;
        position: relative;
        top: -1px
    }

@media screen and (max-width:599px) {
    .account__section--subscriptiondetails .item-listing .col4 {
        margin: 10px 0 6px
    }
}

@media screen and (min-width:600px) {
    .account__section--subscriptiondetails .item-listing .col3 {
        width: 24%;
        padding-left: 0;
        min-width: 115px
    }

        .account__section--subscriptiondetails .item-listing .col3 .num-spinner {
            float: left
        }
}

.account__section--subscriptiondetails .active-warnings {
    padding: 15px;
    box-sizing: border-box
}

    .account__section--subscriptiondetails .active-warnings .alert {
        padding: 5px;
        font-size: 12px;
        margin-left: 5px
    }

.account__section--subscriptiondetails .ag-item .cart {
    display: block;
    position: absolute;
    right: 0;
    top: 50%
}

.account__section--subscriptiondetails .payment-info .alert.alert-error {
    padding: 3px 10px;
    font-size: 12px;
    text-shadow: none;
    background: 0 0;
    color: #cf3700
}

.account__section--subscriptiondetails .nxtshp {
    text-align: center;
    font-weight: 600;
    padding: 10px 0;
    font-size: 20px
}

    .account__section--subscriptiondetails .nxtshp span {
        border-bottom: 1px solid #3b3d3b
    }

    .account__section--subscriptiondetails .nxtshp a {
        font-size: 11px;
        display: block;
        line-height: 20px;
        cursor: pointer;
        font-weight: 400;
        width: 140px;
        margin: 0 auto
    }

.account__section--subscriptiondetails .split-qty {
    background: #616460;
    padding: 2px 3px 1px 4px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 3px;
    position: relative;
    top: -1px;
    min-width: 15px;
    display: inline-block;
    margin-right: 3px
}

.account__section--subscriptiondetails .ar-warn {
    background: 0 0;
    border-color: #a62c00;
    padding: 20px 10px;
    color: #cf3700
}

#shipNowModal p {
    padding: 0 30px;
    margin-bottom: 0
}

#shipNowModal .modal-body {
    padding: 15px 0
}

#shipNowModal ul {
    margin: 0 0 20px
}

#shipNowModal .shipnow-select {
    padding: 0 30px;
    width: 50%;
    float: left;
    list-style-type: none;
    box-sizing: border-box
}

#shipNowModal .unsubscribePage .shipnow-select label {
    line-height: 18px;
    font-size: 13px
}

.no-js .icon-history {
    display: none
}

.reorderCont {
    padding: 20px 30px;
    margin-top: 10px
}

    .reorderCont .iconCont {
        width: 82px;
        height: 82px;
        float: left;
        border: 2px solid #ffc40d;
        border-radius: 200px;
        text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 #fff;
        padding-top: 26px;
        margin-right: 10px
    }

    .reorderCont .headDiv {
        margin: 0 auto;
        width: 510px;
        height: 100px
    }

@media(min-width:0px) and (max-width:599px) {
    .reorderCont .headDiv {
        width: 310px
    }
}

.reorderCont .imgDiv {
    width: 350px;
    display: block;
    margin: 0 0 1em 20px;
    padding: 8px;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);
    border: 1px solid #d9ddd7;
    float: right
}

@media(min-width:0px) and (max-width:945px) {
    .reorderCont .imgDiv {
        width: auto;
        margin: 0 0 1em
    }
}

.reorderCont h2 {
    position: relative;
    top: 26px;
    font-size: 35px
}

@media(min-width:0px) and (max-width:599px) {
    .reorderCont h2 {
        font-size: 18px
    }
}

.reorderCont .icon-bolt {
    display: block;
    font-size: 50px;
    color: #ffc40d;
    text-shadow: 0 1px 0 #dc9727,0 -1px 0 #e0a23d,-1px 0 0 #e0a23d,1px 0 0 #e0a23d,0 2px 2px rgba(0,0,0,.1)
}

.reorderCont.wishCont .iconCont {
    border: 2px solid #cf0000
}

.reorderCont.wishCont .icon-heart {
    display: block;
    font-size: 32px;
    color: #cf0000;
    text-shadow: 0 1px 0 #670000,0 -1px 0 #e10000,-1px 0 0 #970000,1px 0 0 #8a0000,0 2px 2px rgba(0,0,0,.1);
    line-height: 30px
}

.custom-supplies-hero {
    background-color: #7549a6;
    background-image: linear-gradient(180deg,#613591,#9466c6);
    background-repeat: repeat-x;
    padding-top: 50px
}

@media(min-width:600px) {
    .custom-supplies-hero {
        padding-top: 100px
    }
}

@media(min-width:1100px) {
    .custom-supplies-hero {
        padding-top: 0
    }
}

.custom-supplies-hero .hero-container {
    text-align: center;
    position: relative;
    top: 50%
}

@media(min-width:1100px) {
    .custom-supplies-hero .hero-container {
        text-align: left;
        position: absolute;
        max-width: 1280px;
        padding: 0 40px
    }
}

.custom-supplies-hero .hero-text {
    font-size: 3vw
}

@media(min-width:768px) {
    .custom-supplies-hero .hero-text {
        font-size: 2vw
    }
}

.custom-supplies-hero .hero-text-large {
    font-size: 6vw
}

@media(min-width:768px) {
    .custom-supplies-hero .hero-text-large {
        font-size: 4vw
    }
}

.custom-supplies-hero .hero-image {
    max-width: 600px;
    margin: 0 auto
}

@media(min-width:1100px) {
    .custom-supplies-hero .hero-image {
        margin: 0 40px 0 auto
    }
}

.custom-supplies-video {
    background: #fff;
    top: -25px;
    position: relative;
    padding: 1%;
    text-align: center;
    border-top: 1px solid #dadbd9;
    border-bottom: 1px solid #dadbd9
}

    .custom-supplies-video .header-2 {
        margin-top: 10px;
        color: #7a43b6;
        display: block
    }

        .custom-supplies-video .header-2:hover {
            color: #613591
        }

@media(min-width:0px) and (max-width:599px) {
    .custom-supplies-video .header-2 .custom-line-break {
        display: block
    }
}

.custom-supplies-video .header-2 .icon-play-circled {
    font-size: 1.5em;
    position: relative;
    top: 5px
}

@media(min-width:0px) and (max-width:599px) {
    .custom-supplies-video .header-2 .icon-play-circled {
        display: block
    }
}

.custom-supplies-container {
    margin-top: 10px
}

@media(min-width:768px) {
    .custom-supplies-container {
        margin-top: 20px
    }
}

.custom-supplies-container .box {
    *zoom: 1;
    overflow: hidden
}

    .custom-supplies-container .box:after, .custom-supplies-container .box:before {
        display: table;
        content: "";
        line-height: 0
    }

    .custom-supplies-container .box:after {
        clear: both
    }

.custom-supplies-container .nav-stacked .active a {
    background-color: #8052b1;
    background-image: linear-gradient(180deg,#9466c6,#613591);
    background-repeat: repeat-x;
    border-color: #552e7e !important;
    box-shadow: inset 0 1px 0 #ae8bd4 !important
}

.custom-supplies-container .nav-stacked a {
    color: #7a43b6
}

    .custom-supplies-container .nav-stacked a:hover {
        background-color: #8052b1;
        background-image: linear-gradient(180deg,#9466c6,#613591);
        background-repeat: repeat-x;
        border-color: #552e7e !important;
        box-shadow: inset 0 1px 0 #ae8bd4 !important
    }

.custom-supplies-container .widget {
    width: 33.33%;
    float: left;
    margin: 0;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 2%;
    border-right: 1px solid #dadbd9;
    border-bottom: 1px solid #dadbd9;
    bottom: -1px
}

    .custom-supplies-container .widget:only-child {
        margin-right: 0
    }

    .custom-supplies-container .widget:hover {
        box-shadow: inset 0 1px 0 #fff,inset 0 5px 15px hsla(100,9%,94%,.8)
    }

@media(min-width:600px) {
    .custom-supplies-container .widget:nth-child(3n+1) {
        border-right: 0
    }
}

@media(min-width:0px) and (max-width:599px) {
    .custom-supplies-container .widget {
        width: 50%
    }
}

.custom-supplies-container .widget .details {
    width: 100%;
    float: left;
    text-align: center
}

    .custom-supplies-container .widget .details h3 {
        height: 40px;
        overflow: hidden
    }

    .custom-supplies-container .widget .details .btn-custom {
        margin: 0 auto;
        max-width: 170px;
        width: 100%
    }

.custom-supplies-container .widget-img {
    width: 100%;
    float: left;
    text-align: center
}

    .custom-supplies-container .widget-img img {
        max-width: 190px;
        width: 90%;
        margin-bottom: 20px
    }

.custom-supplies-category {
    border-bottom: 1px solid #dadbd9;
    padding: 2%;
    font-size: 1.4em;
    margin: 0;
    color: #7a43b6
}

@media(min-width:1100px) {
    .custom-supplies-category {
        font-size: 2em
    }
}

@media(min-width:0px) and (max-width:599px) {
    .custom-supplies-category {
        padding: 4%
    }
}

.custom-supplies-special #main {
    display: flex;
    flex-wrap: wrap
}

.custom-supplies-special .thumb {
    top: 0;
    width: 45%
}

@media(min-width:804px) {
    .custom-supplies-special .thumb {
        position: relative;
        width: 65%
    }
}

@media(min-width:0px) and (max-width:599px) {
    .custom-supplies-special .thumb {
        position: relative;
        width: 65%
    }
}

.custom-supplies-special .ribbon {
    display: block;
    margin: 0 auto;
    width: 60px
}

.custom-supplies-special h3 {
    margin: 0 10px;
    font-size: 16px
}

.custom-supplies-special .btn-custom {
    width: 155px;
    margin: 0 auto 10px
}

.custom-supplies-special .customSelect {
    margin: 5px auto 10px
}

.custom-supplies-special h2 a {
    color: inherit
}

.custom-supplies-special ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0
}

    .custom-supplies-special ul.bullets {
        padding-left: 25px;
        list-style: disc;
        font-size: 13px;
        margin-bottom: 20px
    }

        .custom-supplies-special ul.bullets li {
            margin-bottom: 10px
        }

.custom-supplies-special .widget {
    width: 100%;
    margin-top: 20px;
    margin-right: 2%;
    margin-left: 0;
    float: left;
    position: relative;
    padding: 20px 30px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f0f2f0;
    background-image: linear-gradient(180deg,#fbfcfb,#e1e5df);
    background-repeat: repeat-x
}

@media(min-width:600px) {
    .custom-supplies-special .widget {
        width: 48%
    }
}

@media(min-width:1100px) {
    .custom-supplies-special .widget {
        width: 32%
    }

        .custom-supplies-special .widget:nth-child(3n) {
            margin-right: 0
        }
}

.custom-supplies-special .widget .thumb {
    box-shadow: none;
    margin: 0 auto;
    width: 49%;
    max-width: 287px;
    top: 0
}

.custom-supplies-special .widget li {
    padding-left: 0
}

.custom-supplies-special .widget.oneUp {
    clear: both;
    text-align: left;
    width: 100%;
    margin-right: 0
}

@media(min-width:804px) {
    .custom-supplies-special .widget.oneUp {
        padding-left: 40%
    }
}

@media(min-width:1024px) {
    .custom-supplies-special .widget.oneUp {
        padding-left: 240px
    }
}

@media(min-width:804px) {
    .custom-supplies-special .widget.oneUp .thumb {
        margin-top: 0;
        width: 35%;
        position: absolute;
        left: 0;
        top: auto;
        bottom: auto
    }
}

@media(min-width:1024px) {
    .custom-supplies-special .widget.oneUp .thumb {
        width: 23%;
        max-width: 220px
    }
}

.custom-supplies-special .widget.oneUp .btn-custom {
    width: 155px;
    margin: 0
}

.custom-supplies-special .widget.oneUp .customSelect {
    margin: 5px 0
}

.brandBox {
    display: table;
    margin-bottom: 30px
}

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

@media(min-width:0px) and (max-width:945px) {
    .brandBox {
        margin-bottom: 0
    }
}

.brandBox .box {
    display: table-cell;
    float: none;
    vertical-align: top
}

@media(min-width:0px) and (max-width:945px) {
    .brandBox .box {
        float: left
    }
}

.ourbrands {
    background: #0094de;
    padding: 2%;
    text-align: center
}

    .ourbrands h1 {
        color: #eef0ed;
        text-transform: uppercase;
        text-shadow: 0 1px 1px #0073a8;
        font-size: 3em;
        padding-top: 10px
    }

@media(min-width:0px) and (max-width:945px) {
    .ourbrands h1 {
        font-size: 2em
    }
}

.ourbrands p {
    color: #eef0ed;
    text-shadow: 0 1px 1px #0073a8;
    font-size: .9em;
    width: 80%;
    margin: 0 auto
}

.brandImage {
    width: 25%;
    padding: 15px;
    text-align: center
}

    .brandImage a {
        display: block;
        border: 1px solid #dadbd9;
        padding: 0 15px
    }

    .brandImage img {
        max-width: 100%
    }

@media(min-width:0px) and (max-width:599px) {
    .brandImage {
        margin: 20px auto 0;
        float: none;
        text-align: center;
        display: block;
        width: 50%
    }
}

.brandContent {
    width: 65%;
    padding: 15px 0
}

    .brandContent h2 {
        margin-bottom: 5px
    }

    .brandContent p {
        font-size: .85em;
        line-height: 1.5em
    }

@media(min-width:0px) and (max-width:599px) {
    .brandContent {
        float: left;
        padding: 20px 0;
        width: 100%;
        text-align: center
    }

        .brandContent h2 {
            font-size: 1.2em
        }

        .brandContent p {
            padding: 0 20px;
            font-size: .8em;
            line-height: 1.5em
        }
}

#aboutUs #article {
    margin-bottom: -25px
}

@media(min-width:0px) and (max-width:599px) {
    #aboutUs #article {
        margin-bottom: -8px
    }
}

.aboutus-intro {
    width: 100%;
    float: left;
    text-align: left;
    padding: 5% 0;
    background: #fff;
    border-bottom: 1px solid #dadbd9;
    border-top: 1px solid #dadbd9
}

    .aboutus-intro h2 {
        text-align: center
    }

    .aboutus-intro p {
        width: 95%;
        margin: 0 auto
    }

@media(min-width:0px) and (max-width:599px) {
    .aboutus-intro p {
        font-size: .8em;
        line-height: 1.5em
    }
}

.aboutus-content {
    width: 100%;
    float: left;
    padding: 4em 0
}

@media(min-width:0px) and (max-width:599px) {
    .aboutus-content {
        padding: 1em 0
    }
}

.aboutus-content .compare-box.affix .compare-container, .aboutus-content .container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media(min-width:0px) and (max-width:599px) {
    .aboutus-content .compare-box.affix .compare-container, .aboutus-content .container {
        display: block
    }
}

@media(min-width:600px) {
    .aboutus-content .compare-box.affix .compare-container, .aboutus-content .container {
        flex-direction: row
    }
}

.aboutus-content .aboutus-feature {
    margin: 0 1% 0 0;
    box-sizing: border-box;
    flex: 0 0 23%
}

    .aboutus-content .aboutus-feature:last-child {
        margin-right: 0
    }

    .aboutus-content .aboutus-feature .padded {
        padding: 20px
    }

@media(min-width:0px) and (max-width:599px) {
    .aboutus-content .aboutus-feature {
        margin: 1%;
        width: 100%
    }
}

@media(min-width:600px) {
    .aboutus-content .aboutus-feature {
        flex: 0 0 48%;
        margin: 1% 1% 1% 0
    }
}

@media(min-width:1100px) {
    .aboutus-content .aboutus-feature {
        flex: 0 0 24%;
        margin: 0 1% 0 0
    }
}

.no-flexbox .aboutus-content .aboutus-feature {
    width: 24%;
    float: left
}

@media(min-width:0px) and (max-width:599px) {
    .no-flexbox .aboutus-content .aboutus-feature {
        width: 100%;
        margin: 1% 0
    }
}

@media(min-width:600px) {
    .no-flexbox .aboutus-content .aboutus-feature {
        width: 100%;
        margin: 1% 0
    }
}

@media(min-width:946px) {
    .no-flexbox .aboutus-content .aboutus-feature {
        width: 48%;
        margin: 1%;
        min-height: 460px
    }
}

@media(min-width:1280px) {
    .no-flexbox .aboutus-content .aboutus-feature {
        width: 24%;
        margin: 0 1% 0 0;
        min-height: 500px
    }
}

.aboutus-content .aboutus-feature .header-2, .aboutus-content .aboutus-feature h3 {
    text-align: center;
    margin-bottom: 0
}

.aboutus-feature:hover {
    box-shadow: inset 0 1px 0 #fff,inset 0 5px 15px hsla(100,9%,94%,.8)
}

.aboutus-feature i {
    font-size: 4.5em;
    line-height: 2em;
    text-align: center;
    display: block;
    transition: all .5s ease
}

#about-ship-time i {
    color: #ff6b36
}

#about-low-prices i {
    color: #41cf00
}

#about-content i {
    color: #f7b100
}

#about-support i {
    color: #0094de
}

.aboutus-brands {
    text-align: center;
    margin: 0 auto;
    padding: 20px 50px;
    background: hsla(0,0%,100%,.4);
    border-radius: 4px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.25);
    max-width: 600px;
    width: 90%;
    box-sizing: border-box
}

    .aboutus-brands h2 {
        color: #222322;
        display: inline-block;
        font-size: 1.6em;
        margin: 0 30px 0 0;
        text-shadow: none;
        position: relative;
        top: 4px
    }

@media(min-width:0px) and (max-width:599px) {
    .aboutus-brands h2 {
        margin: 5px;
        font-size: 1.2em;
        padding-bottom: 8px
    }
}

.about-warehouse {
    width: 100%;
    float: left;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background: #14bfd8;
    padding: 20px 0 40px
}

    .about-warehouse #content-container {
        width: 90%;
        border: 1px solid #00496b;
        border-radius: 8px;
        margin: 2em auto 0;
        max-width: 700px;
        color: #fff;
        background: #1c414e
    }

        .about-warehouse #content-container h2 {
            color: #fff;
            text-align: center;
            margin: 0 0 5px;
            text-shadow: 1px 1px #002d42
        }

        .about-warehouse #content-container p {
            margin-bottom: 0
        }

        .about-warehouse #content-container a, .about-warehouse #content-container a:active, .about-warehouse #content-container a:visited {
            color: #0094de
        }

            .about-warehouse #content-container a:hover {
                color: #12b0ff
            }

.aboutbrands-grid {
    float: left;
    width: 16%
}

    .aboutbrands-grid img {
        margin: 0 auto
    }

.City-index {
    margin: 40px 0
}

    .City-index .location-columns {
        columns: 7 100px;
        column-gap: 1em
    }

    .City-index .header-1 {
        text-shadow: none;
        text-align: center;
        margin-bottom: 30px
    }

.state {
    page-break-inside: avoid;
    break-inside: avoid;
    display: block
}

.no-flexbox .state {
    float: left;
    min-width: 150px;
    display: inline-block
}

.state .state-name {
    position: relative;
    font-weight: 700;
    font-size: 13px;
    padding: 0 2px 0 9px;
    border-bottom: 2px solid hsla(0,0%,100%,.3);
    text-transform: uppercase;
    color: inherit
}

    .state .state-name:before {
        content: "";
        background: url(../../med/mapmark.png);
        height: 9px;
        width: 6px;
        background-size: 6px;
        position: absolute;
        left: 0;
        top: 3px
    }

.state .City {
    padding: 0 5px;
    margin-left: -5px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: inherit
}

    .state .City:last-child {
        margin-bottom: 10px
    }

    .state .City:hover {
        color: #fff
    }

#estimated-shipping .map-display {
    margin: 20px 0 0
}

#webucks {
    position: relative;
    margin-top: 20px
}

    #webucks .page-header h1 {
        padding: 2% 0 0;
        color: #3b3d3b;
        font-size: 5em;
        line-height: 1em;
        text-align: center
    }

        #webucks .page-header h1 span {
            font-size: .5em;
            line-height: .8em;
            display: block
        }

@media(min-width:0px) and (max-width:945px) {
    #webucks .page-header h1 {
        font-size: 4em;
        padding-top: 5%
    }
}

@media(min-width:0px) and (max-width:599px) {
    #webucks .page-header h1 {
        font-size: 3em
    }
}

#webucks .center {
    padding: 0 10%;
    text-align: center
}

@media(min-width:0px) and (max-width:599px) {
    #webucks .center {
        font-size: .8em;
        padding: 0 5%
    }
}

#webucks .disclaimer {
    font-size: .7em;
    color: #aeb0ad
}

#webucks .webucks-row {
    width: 90%;
    margin: 2% auto
}

#webucks .webucks-card {
    width: 33.3%;
    float: left;
    text-align: center;
    padding: 2% 0
}

    #webucks .webucks-card p {
        font-size: 1.2em;
        font-weight: 700;
        margin: 15px 0 0
    }

    #webucks .webucks-card span {
        font-size: .9em
    }

@media(min-width:0px) and (max-width:599px) {
    #webucks .webucks-card span {
        font-size: .8em
    }
}

#webucks .webucks-card .card-shadow {
    width: 90%;
    border-radius: 14px;
    transition: all .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.12)
}

#webucks .webucks-card .add-to-cart {
    width: 180px;
    padding: 1% 0
}

@media(min-width:0px) and (max-width:945px) {
    #webucks .webucks-card {
        width: 50%
    }
}

@media(min-width:0px) and (max-width:599px) {
    #webucks .webucks-card {
        width: 100%;
        margin-bottom: 7%
    }
}

#webucks #giftcerts {
    background-color: #fafbfa;
    background-image: linear-gradient(180deg,#fff,#f3f5f2);
    background-repeat: repeat-x;
    right: 15px;
    top: 15px;
    border-radius: 4px;
    width: 270px;
    position: absolute;
    padding: 10px;
    border: 1px solid #dbdcdb
}

    #webucks #giftcerts .cart_thumb {
        float: left;
        margin-right: 10px;
        border: 1px solid #dbdcdb
    }

    #webucks #giftcerts p {
        font-size: .8em;
        line-height: 1em
    }

    #webucks #giftcerts .btn-container .btn-small {
        padding: 4px 12px
    }

@media(max-width:1080px) {
    #webucks #giftcerts {
        width: 150px
    }

        #webucks #giftcerts p {
            font-size: .7em
        }

        #webucks #giftcerts .cart_thumb {
            display: none
        }
}

@media(max-width:750px) {
    #webucks #giftcerts {
        display: none
    }
}

.information div.section {
    border-bottom-color: #dadbd9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    overflow: hidden;
    padding: 3%
}

    .information div.section img {
        margin-left: 2em;
        margin-bottom: 1em
    }

@media screen and (max-width:699px) {
    .information div.section {
        padding: 30px 15px
    }
}

.information div.section:last-child {
    border: 0
}

.information div.section .highlights li {
    font-size: 1em;
    padding-left: 20px;
    padding: 0 0 8px 30px
}

#policies-page h3 {
    margin: 35px 0 5px;
    font-weight: 600
}

#policies-page h4 {
    font-size: 18px;
    line-height: 20px
}

#policies-page .link-top {
    background: #dadbd9;
    padding: 5px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600
}

#policies-page .header-4.uiChrome {
    border-radius: 0
}

    #policies-page .header-4.uiChrome:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

#policies-page .padded.make-room {
    border: 1px solid #d9ddd7;
    border-radius: 4px
}

#industry-terms .aside .quick-link {
    margin-bottom: 8px;
    border-bottom: 0
}

#call .box:first-child, #industry-terms .box:first-child, #info-faq .box:first-child, #policies-page .box:first-child {
    border-radius: 4px
}

#call #sidebar .question-form .btn, #estimated-shipping #sidebar .question-form .btn, #industry-terms #sidebar .question-form .btn, #info-faq #sidebar .question-form .btn, #policies-page #sidebar .question-form .btn {
    margin-top: 10px
}

.parts-title #page #main {
    margin-bottom: 20px
}

@media screen and (max-width:699px) {
    .parts-title #page #main {
        margin-bottom: 20px
    }

    .parts-title h1 {
        font-size: 40px
    }
}

.prtCont {
    position: relative;
    z-index: 1;
    margin-top: 30px
}

@media screen and (max-width:699px) {
    .prtCont {
        margin-top: 0
    }
}

@media screen and (max-width:699px) {
    .partsbox {
        margin-top: 40px
    }
}

#equipment-parts-new {
    width: 100%;
    margin-right: 2%;
    margin-top: 0
}

    #equipment-parts-new .padded {
        padding: 1%
    }

@media(min-width:0px) and (max-width:599px) {
    #equipment-parts-new {
        margin-right: 0
    }
}

@media(min-width:600px) {
    #equipment-parts-new {
        margin-right: 0
    }
}

@media(min-width:946px) {
    #equipment-parts-new {
        margin-right: 2%
    }
}

#equipment-parts-new .part-search h2 {
    color: #3b3d3b;
    text-shadow: none;
    font-size: 16px;
    width: 100%;
    margin-bottom: 0;
    display: block;
    text-align: left;
    text-transform: uppercase
}

#equipment-parts-new .part-search span {
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: left
}

#equipment-parts-new .part-search .input-append {
    width: 50%;
    float: left;
    background-color: #f6f7f5;
    border-right: 1px solid #d9ddd7;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-bottom: 0
}

    #equipment-parts-new .part-search .input-append .the_input {
        box-sizing: border-box;
        height: 35px;
        width: 100%
    }

    #equipment-parts-new .part-search .input-append .btn {
        font-family: fontello;
        position: relative;
        left: -42px;
        padding: 11px 15px 10px;
        z-index: 2
    }

@media screen and (max-width:699px) {
    #equipment-parts-new .part-search .input-append {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #d9ddd7
    }
}

#equipment-parts-new .part-search .prtsrch {
    width: 50%;
    float: left;
    padding: 10px 20px;
    box-sizing: border-box
}

    #equipment-parts-new .part-search .prtsrch #overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-color: hsla(0,0%,100%,.8);
        background-image: url(/images/site/processing.gif);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 120px 160px;
        display: none
    }

    #equipment-parts-new .part-search .prtsrch .select-input {
        float: left;
        width: 40%;
        box-sizing: border-box
    }

        #equipment-parts-new .part-search .prtsrch .select-input.first {
            width: 60%;
            padding-right: 10px
        }

        #equipment-parts-new .part-search .prtsrch .select-input .the_input {
            box-sizing: border-box;
            width: 100%;
            height: 35px;
            padding: 6px 32px 5px 6px;
            position: relative;
            top: 1px
        }

    #equipment-parts-new .part-search .prtsrch .btn {
        float: left;
        padding: 12px 15px 10px;
        font-size: 16px;
        border-radius: 3px;
        line-height: 11px;
        position: relative;
        top: 1px
    }

@media screen and (max-width:699px) {
    #equipment-parts-new .part-search .prtsrch {
        width: 100%
    }
}

@media(min-width:768px) {
    .error404-page {
        background: url(../../med/missing404.png) no-repeat;
        background-size: contain;
        background-position: 50%
    }
}

@media(min-width:600px) {
    .error404-page {
        margin-top: 60px
    }
}

.error404-content {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0;
    text-align: center
}

@media(min-width:946px) {
    .error404-content {
        width: 50%;
        padding: 4em 0
    }
}

@media(min-width:768px) {
    .error404-content h1 {
        font-size: 4em;
        line-height: 1em
    }
}

.error404-browse {
    margin-bottom: 15px
}

    .error404-browse h3 {
        font-size: 1em;
        margin: .5em 0
    }

    .error404-browse ul {
        margin: 0
    }

        .error404-browse ul li {
            line-height: 1.5em;
            font-size: .85em;
            padding: 0 5px;
            display: inline-block
        }

@media(min-width:0px) and (max-width:599px) {
    .error404-browse ul li {
        display: block;
        line-height: 2em
    }
}

@media(min-width:1430px) {
    .home #global-navigation .nav-parent-products .nav-child:first-child .nav-child-link {
        border-radius: 5px 0 0 0
    }

    .home #global-navigation .nav-parent-types .nav-parent-link {
        border-radius: 0 5px 0 0
    }
}

.home #page {
    padding-right: 0;
    margin-top: 0
}

.home h1 {
    text-align: center;
    margin-bottom: 25px
}

@media(min-width:0px) and (max-width:599px) {
    .home h1 {
        text-align: left;
        font-size: 20px;
        line-height: 25px;
        margin: 10px 0 0;
        padding: 0 11px
    }
}

.home .account-status.inactive {
    display: none
}

.no-js .home .slidee {
    width: 100%;
    float: left;
    margin-bottom: 20px !important
}

    .no-js .home .slidee li {
        width: 100%;
        display: none
    }

        .no-js .home .slidee li:first-child {
            display: block
        }

.overflow-ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media(min-width:0px) and (max-width:945px) {
    .account-status {
        display: none
    }
}

.account-status.active {
    margin-bottom: 10px
}

.status__container {
    display: flex;
    justify-content: space-between;
    background: #2c2f2b;
    color: #fff;
    margin-top: -25px;
    padding-top: 25px
}

.no-flexbox .status__container {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    padding-top: 42px
}

.status__container--prompt {
    justify-content: center
}

    .status__container--prompt .status__alert--message, .status__container--prompt .status__alert--reorder, .status__container--prompt .status__order {
        display: none !important
    }

    .status__container--prompt .status__profile {
        flex: 0 0 auto
    }

.status__profile {
    position: relative;
    display: flex;
    min-width: 140px;
    align-items: center;
    font-size: 24px;
    text-transform: capitalize;
    padding: 31px 30px;
    justify-content: center
}

.no-flexbox .status__profile {
    width: 200px;
    float: left
}

.status__profile a {
    color: #fff
}

.status__profile:after {
    content: "";
    position: absolute;
    height: 51%;
    width: 1px;
    right: 0;
    border-right: 1px solid #565656
}

.status__order {
    display: flex;
    align-items: center;
    margin-right: auto;
    padding-left: 20px
}

.no-flexbox .status__order {
    padding-top: 0;
    float: left
}

.status__order-list {
    list-style: none;
    margin: 0
}

    .status__order-list li {
        float: left;
        padding: 0 15px;
        color: #fff;
        padding-bottom: 3px
    }

.status__label {
    display: block;
    font-size: 13px;
    line-height: 14px;
    color: #7b7b7b;
    margin-bottom: 5px
}

.status__label--green, .status__label--green:hover {
    color: #31a036
}

.status__alert-group {
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.no-flexbox .status__alert-group {
    float: right
}

.status__alert {
    padding: 20px 15px;
    max-width: 320px;
    font-size: 16px;
    line-height: 20px
}

.status__alert--message {
    background: #202020;
    margin-top: -25px;
    padding-top: 42px
}

    .status__alert--message:hover {
        background: #1c1c1c
    }

.no-flexbox .status__alert--message {
    display: inline-block
}

.status__alert--reorder {
    display: none
}

@media only screen and (min-width:1130px) {
    .status__alert--reorder {
        display: block
    }

    .no-flexbox .status__alert--reorder {
        display: inline-block
    }
}

.status__alert--prompt {
    font-size: 24px;
    line-height: 22px;
    max-width: none
}

.status__action {
    border-radius: 4px;
    font-size: 13px;
    line-height: 13px;
    padding: 8px 20px;
    margin-left: 20px;
    position: relative;
    top: -4px
}

    .status__action, .status__action:hover {
        background: #41922e;
        color: #fff
    }

.feature-banners {
    margin-top: -10px
}

@media(min-width:0px) and (max-width:599px) {
    .feature-banners {
        margin-top: 0
    }
}

@media(min-width:600px) and (max-width:945px) {
    .feature-banners {
        margin-top: 0
    }
}

.subfeature-grid {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

@media(min-width:0px) and (max-width:599px) {
    .subfeature-grid {
        padding: 10px 10px 0;
        box-sizing: border-box
    }
}

.subfeature-item {
    position: relative;
    top: 0;
    float: left;
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 1%;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.4);
    border-radius: 5px;
    overflow: hidden
}

@media(min-width:1430px) {
    .subfeature-item img {
        width: 100%
    }
}

.lt-ie9 .subfeature-item {
    width: 24%
}

.subfeature-item a {
    display: block;
    position: relative
}

    .subfeature-item a:before {
        position: absolute;
        content: "";
        width: 99.99%;
        height: 99.99%;
        z-index: 1;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,.2)
    }

.subfeature-item:last-child {
    margin-right: 0
}

.subfeature-item:active {
    top: 1px
}

@media(min-width:0px) and (max-width:767px) {
    .subfeature-item {
        width: 49.5%
    }

        .subfeature-item:nth-child(2n) {
            margin-right: 0
        }
}

@media(min-width:804px) {
    .subfeature-item {
        width: 24.25%
    }

        .subfeature-item:nth-child(2n) {
            margin-right: 1%
        }

        .subfeature-item:last-child {
            margin-right: 0
        }
}

#banners {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 25px
}

@media(max-width:599px) {
    #banners {
        margin-bottom: 0
    }
}

#banners .icon-spinner {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45px;
    font-size: 30px;
    color: #aeb0ad
}

#banners .frame {
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-size: 30px 30px;
    min-height: 140px
}

.lt-ie9 #banners .frame {
    min-height: 300px
}

#banners .slidee {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none
}

    #banners .slidee li {
        float: left;
        margin: 0;
        padding: 0;
        height: 100%
    }

        #banners .slidee li div {
            width: 100%
        }

        #banners .slidee li img {
            width: 100%;
            border-radius: 0;
            z-index: 1;
            display: block
        }

#banners .banner-nav {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    width: 100%;
    pointer-events: none;
    text-align: center
}

#banners .banner-pager {
    text-align: center;
    display: inline-block;
    pointer-events: all
}

    #banners .banner-pager span {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: 0 3px;
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0 1px 0 hsla(0,0%,100%,.4),inset 0 3px 3px rgba(0,0,0,.2);
        background: rgba(56,56,56,.6);
        cursor: pointer;
        pointer-events: all
    }

        #banners .banner-pager span.active {
            background: hsla(0,0%,100%,.6);
            border-color: #dfdfdf !important;
            box-shadow: inset 0 1px 0 #fff,inset 0 1px 3px #fff,0 2px 2px rgba(0,0,0,.1)
        }

@media(min-width:0px) and (max-width:599px) {
    #banners .banner-pager {
        display: none
    }
}

@media(min-width:600px) and (max-width:945px) {
    #banners .banner-pager {
        display: none
    }
}

@media(min-width:0px) and (max-width:945px) {
    .home .header-3, .home h3 {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 16px
    }
}

.home .fsr-content-wrap {
    padding: 0
}

.home .view-all {
    float: none;
    margin-left: 10px
}

@media(min-width:0px) and (max-width:945px) {
    .home .col-wrapper {
        padding-right: 0
    }
}

.home .col-wrapper {
    display: flex;
    width: 100%
}

@media(min-width:0px) and (max-width:945px) {
    .home .col-wrapper {
        flex-direction: column
    }
}

.home .main-col {
    flex: 1 1 auto;
    overflow: hidden
}

@media(min-width:946px) {
    .home .side-col {
        margin: 5px 0 0 1%;
        flex: 0 0 24.3%
    }
}

@media(min-width:1430px) {
    .home .side-col {
        flex: 0 0 300px
    }
}

.home .extras {
    position: relative;
    top: 30px;
    margin-bottom: 10px;
    display: block;
    width: 100%
}

    .home .extras:active {
        top: 29px
    }

    .home .extras a {
        display: block
    }

    .home .extras img {
        width: 100%
    }

@media(min-width:0px) and (max-width:599px) {
    .home .extras {
        top: 10px;
        width: 48%;
        margin-right: 2%;
        float: left
    }

        .home .extras:active {
            top: 9px
        }
}

@media(min-width:600px) and (max-width:945px) {
    .home .extras {
        width: 32.65%;
        float: left;
        margin-right: 1%
    }

        .home .extras:nth-child(3n) {
            margin-right: 0
        }
}

.home .vendors {
    display: block;
    padding-top: 10px
}

@media(min-width:0px) and (max-width:599px) {
    .home .vendors {
        padding-top: 0
    }
}

.home .vendors .grid-child img {
    width: 125px;
    margin-bottom: 0
}

.no-flexbox .home .vendors .grid-child {
    height: 125px;
    overflow: hidden
}

#home-category-grid .grid-module {
    margin-bottom: 5px
}

#home-category-grid .grid-child {
    flex: 1 1 20%
}

    #home-category-grid .grid-child:nth-child(n) {
        border-right: 1px solid #dadbd9
    }

    #home-category-grid .grid-child:nth-child(4n) {
        border-right: none
    }

@media(min-width:0px) and (max-width:599px) {
    #home-category-grid .grid-child {
        flex: 1 1 41%
    }

        #home-category-grid .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        #home-category-grid .grid-child:nth-child(2n) {
            border-right: none
        }

    #home-category-grid img {
        display: none
    }
}

@media(min-width:600px) and (max-width:945px) {
    #home-category-grid .grid-child {
        flex: 1 1 41%
    }

        #home-category-grid .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        #home-category-grid .grid-child:nth-child(2n) {
            border-right: none
        }
}

@media(min-width:946px) and (max-width:1279px) {
    #home-category-grid .grid-child {
        flex: 1 1 28.333%
    }

        #home-category-grid .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        #home-category-grid .grid-child:nth-child(3n) {
            border-right: none
        }
}

#home-category-grid .grid-child {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    border-color: #eee !important;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px
}

@media(min-width:0px) and (max-width:599px) {
    #home-category-grid .grid-child {
        align-items: flex-start
    }
}

#home-category-grid .grid-child img {
    padding: 0 20px 0 0;
    margin-left: -5px
}

#home-category-grid .grid-child:last-child:after {
    border-color: #eee
}

#home-category-grid .grid-child:hover {
    box-shadow: none
}

#home-category-grid .description {
    height: auto;
    max-height: none;
    font-weight: 400
}

    #home-category-grid .description a {
        display: block
    }

        #home-category-grid .description a:not(.header-3) {
            color: #50524f;
            margin: 5px 0
        }

            #home-category-grid .description a:not(.header-3):hover {
                text-decoration: underline
            }

    #home-category-grid .description .header-3 {
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 0;
        color: #5FB709;
        display: block;
        font-size: 15px
    }

        #home-category-grid .description .header-3:hover {
            color: #3b3d3b
        }

@media(min-width:0px) and (max-width:599px) {
    #home-category-grid .description {
        text-align: left;
        padding-left: 10px;
        padding-bottom: 0
    }
}

.no-flexbox #home-category-grid .description {
    height: 160px
}

.fsr-content-wrap.home-fsr .view-all {
    font-size: 14px;
    float: right
}

.fsr-content-wrap.home-fsr .fsr-flex {
    display: flex;
    flex-wrap: wrap
}

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-flex {
        display: block
    }
}

.fsr-content-wrap.home-fsr .fsr-item {
    position: relative;
    overflow: hidden;
    flex-direction: column;
    margin-right: 2%;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
    cursor: pointer
}

    .fsr-content-wrap.home-fsr .fsr-item:before {
        content: "";
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 4px;
        pointer-events: none
    }

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-item:before {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.13);
        border-radius: 0
    }
}

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-item:last-child:not(.fsr-feature):before {
        border-bottom: 0
    }
}

.no-flexbox .fsr-content-wrap.home-fsr .fsr-item {
    float: left;
    width: 31%
}

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-item {
        margin: 0;
        box-shadow: none;
        padding: 15px
    }
}

@media(min-width:600px) {
    .fsr-content-wrap.home-fsr .fsr-item {
        width: 49%
    }

    .no-flexbox .fsr-content-wrap.home-fsr .fsr-item {
        float: left;
        width: 100%
    }

    .fsr-content-wrap.home-fsr .fsr-item:nth-child(3n) {
        margin-right: 2%
    }

    .fsr-content-wrap.home-fsr .fsr-item:nth-child(2n) {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .fsr-content-wrap.home-fsr .fsr-item {
        width: 32%
    }

    .no-flexbox .fsr-content-wrap.home-fsr .fsr-item {
        float: left;
        width: 31%
    }

    .fsr-content-wrap.home-fsr .fsr-item:nth-child(2n) {
        margin-right: 2%
    }

    .fsr-content-wrap.home-fsr .fsr-item:nth-child(3n) {
        margin-right: 0
    }
}

.fsr-content-wrap.home-fsr .fsr-item:hover .fsr-img {
    opaCity: .9
}

@media(min-width:946px) {
    .fsr-content-wrap.home-fsr .fsr-item:hover:before {
        border: 1px solid rgba(0,0,0,.3)
    }
}

.fsr-content-wrap.home-fsr .fsr-img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 118px;
    background: #000;
    text-align: center;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .fsr-content-wrap.home-fsr .fsr-img img {
        width: 100%;
        max-width: none
    }

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-img {
        width: 120px;
        max-height: none;
        height: 70px;
        float: left;
        margin-right: 5px;
        border-bottom: 0;
        border-radius: 0
    }

        .fsr-content-wrap.home-fsr .fsr-img img {
            width: auto;
            height: 100%;
            position: absolute;
            top: 0;
            left: -20%
        }
}

.fsr-content-wrap.home-fsr .fsr-text {
    display: block;
    padding: 10px 15px;
    max-height: 62px;
    overflow: hidden;
    margin-bottom: 15px
}

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .fsr-text {
        margin-bottom: 0;
        padding: 0 10px 10px 5px;
        max-height: none
    }
}

.fsr-content-wrap.home-fsr .resource-title {
    font-weight: 600;
    font-size: .9em;
    line-height: 1.1em;
    margin: 0;
    padding: 0 0 2px;
    color: #3b3d3b
}

.fsr-content-wrap.home-fsr .resource-brief {
    display: block;
    font-size: .75em;
    line-height: 1.3em;
    color: #949793;
    margin: 0
}

    .fsr-content-wrap.home-fsr .resource-brief p:last-child {
        margin-bottom: 0
    }

@media(min-width:0px) and (max-width:599px) {
    .fsr-content-wrap.home-fsr .resource-brief {
        font-size: 12px;
        max-height: 21px
    }
}

.platinum .btn-rapid {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #0095da;
    background-image: linear-gradient(180deg,#00a0ea,#0084c2);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #0084c2
}

    .platinum .btn-rapid.active, .platinum .btn-rapid.disabled, .platinum .btn-rapid:active, .platinum .btn-rapid:hover, .platinum .btn-rapid[disabled] {
        color: #fff;
        background-color: #0084c2;
        *background-color: #0073a8
    }

.platinum .btn-wish {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #f0c71e;
    background-image: linear-gradient(180deg,#f7cf2c,#e7bb09);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #e7bb09
}

    .platinum .btn-wish.active, .platinum .btn-wish.disabled, .platinum .btn-wish:active, .platinum .btn-wish:hover, .platinum .btn-wish[disabled] {
        color: #fff;
        background-color: #e7bb09;
        *background-color: #cea708
    }

.platinum .btn-order {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #545753;
    background-image: linear-gradient(180deg,#5c5f5b,#484a47);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #484a47
}

    .platinum .btn-order.active, .platinum .btn-order.disabled, .platinum .btn-order:active, .platinum .btn-order:hover, .platinum .btn-order[disabled] {
        color: #fff;
        background-color: #484a47;
        *background-color: #3b3d3b
    }

.platinum .home-btns {
    margin-bottom: 40px;
    display: flex
}

.no-flexbox .platinum .home-btns {
    width: 100%;
    float: left
}

@media(min-width:0px) and (max-width:599px) {
    .platinum .home-btns {
        margin-bottom: 0;
        margin-top: 20px;
        padding: 0 10px
    }
}

@media(min-width:0px) and (max-width:945px) {
    .platinum .home-btns {
        flex-wrap: wrap
    }
}

@media(min-width:946px) {
    .platinum .home-btns {
        flex-wrap: wrap
    }
}

@media(min-width:1280px) {
    .platinum .home-btns {
        flex-wrap: nowrap
    }
}

.platinum .home-btns .btn {
    padding: 10px 0
}

.platinum .home-btns i {
    font-size: 28px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0 !important
}

.platinum .home-btns span {
    text-align: left;
    display: inline-block;
    vertical-align: middle
}

.platinum .home-btns a {
    margin: 0 1% 10px 0
}

    .platinum .home-btns a:last-child {
        margin-right: 0 !important
    }

.no-flexbox .platinum .home-btns a {
    float: left
}

.platinum .home-btns.hbtnTotal2 a {
    flex: 1 1 48%
}

.no-flexbox .platinum .home-btns.hbtnTotal2 a {
    width: 48.5%
}

@media(min-width:0px) and (max-width:599px) {
    .platinum .home-btns.hbtnTotal2 a {
        flex: 0 1 100%;
        margin-right: 0
    }

    .no-flexbox .platinum .home-btns.hbtnTotal2 a {
        width: 100%
    }
}

.platinum .home-btns.hbtnTotal3 a {
    flex: 1 1 32%
}

.no-flexbox .platinum .home-btns.hbtnTotal3 a {
    width: 32%
}

@media(min-width:0px) and (max-width:599px) {
    .platinum .home-btns.hbtnTotal3 a {
        margin-right: 0;
        flex: 0 1 100%
    }

    .no-flexbox .platinum .home-btns.hbtnTotal3 a {
        width: 100%
    }
}

.platinum .home-btns.hbtnTotal4 a {
    flex: 1 1 24%
}

.no-flexbox .platinum .home-btns.hbtnTotal4 a {
    width: 24%
}

@media(min-width:0px) and (max-width:599px) {
    .platinum .home-btns.hbtnTotal4 a {
        flex: 0 1 100%;
        margin-right: 0
    }

    .no-flexbox .platinum .home-btns.hbtnTotal4 a {
        width: 100%
    }
}

@media(min-width:600px) {
    .platinum .home-btns.hbtnTotal4 a {
        flex: 1 1 48%
    }

        .platinum .home-btns.hbtnTotal4 a:nth-child(2n) {
            margin-right: 0
        }

    .no-flexbox .platinum .home-btns.hbtnTotal4 a {
        width: 48%
    }
}

@media(min-width:946px) {
    .platinum .home-btns.hbtnTotal4 a {
        flex: 1 1 24%
    }

        .platinum .home-btns.hbtnTotal4 a:nth-child(2n) {
            margin-right: 1%
        }

    .no-flexbox .platinum .home-btns.hbtnTotal4 a {
        width: 24%
    }
}

.platinum .home-btns.hbtnTotal5 a {
    flex: 0 1 19%
}

.no-flexbox .platinum .home-btns.hbtnTotal5 a {
    width: 19%
}

@media(min-width:0px) and (max-width:599px) {
    .platinum .home-btns.hbtnTotal5 a {
        flex: 0 1 100%;
        margin-right: 0
    }

    .no-flexbox .platinum .home-btns.hbtnTotal5 a {
        width: 100%
    }
}

@media(min-width:600px) {
    .platinum .home-btns.hbtnTotal5 a {
        flex: 0 1 48%
    }

    .no-flexbox .platinum .home-btns.hbtnTotal5 a {
        width: 48%
    }
}

@media(min-width:804px) {
    .platinum .home-btns.hbtnTotal5 a {
        flex: 0 1 32%
    }

    .no-flexbox .platinum .home-btns.hbtnTotal5 a {
        width: 32%
    }
}

@media(min-width:1100px) {
    .platinum .home-btns.hbtnTotal5 a {
        flex: 0 1 19%
    }

    .no-flexbox .platinum .home-btns.hbtnTotal5 a {
        width: 19%
    }
}

.platinum span.one-line-btn {
    position: relative;
    top: 11px
}

.platinum .pla_animate {
    display: none
}

.platinum .platinum_side_content {
    float: left;
    width: 100%;
    margin: 0
}

.platinum #platinum_contact {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    display: block;
    background: #fff;
    padding: 0;
    margin: 0 0 20px;
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(0,0,0,.22)
}

@media(min-width:600px) {
    .platinum #platinum_contact {
        width: 48%;
        float: left
    }
}

@media(min-width:946px) {
    .platinum #platinum_contact {
        width: 100%
    }
}

.platinum #platinum_contact img {
    position: relative;
    z-index: 0;
    width: 100%
}

.platinum #platinum_contact div {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    background: rgba(49,150,9,.79);
    text-align: center;
    color: #fff;
    font-size: 14px
}

.platinum #platinum_contact span {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.42)
}

    .platinum #platinum_contact span.name {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px
    }

.platinum #platinum_contact:hover div {
    bottom: -35px
}

.platinum #platinum_contact:hover {
    cursor: pointer
}

@media(min-width:600px) {
    .platinum #platinum_reminders + #platinum_contact {
        margin-left: 10px
    }
}

@media(min-width:946px) {
    .platinum #platinum_reminders + #platinum_contact {
        margin-left: 0
    }
}

.platinum #platinum_reminders {
    background: #fff;
    padding: 32px 0 0;
    width: 100%;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    margin: 0 0 20px;
    border-radius: 4px;
    min-height: 250px;
    max-height: 250px;
    font-weight: 300;
    border: 1px solid #dadbd9
}

@media(min-width:600px) {
    .platinum #platinum_reminders {
        float: left;
        width: 50%
    }
}

@media(min-width:946px) {
    .platinum #platinum_reminders {
        width: 100%
    }
}

.platinum #platinum_reminders h4 {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background-color: #434542;
    background-image: linear-gradient(180deg,#484a47,#3b3d3b);
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: none;
    width: 100%;
    border: 1px solid #3b3d3b;
    box-shadow: inset -1px 1px 0 hsla(0,0%,100%,.3);
    text-align: center
}

.platinum #platinum_reminders .platMessageContain {
    max-height: 215px;
    overflow: auto;
    width: 100%;
    float: left
}

.platinum #platinum_reminders .update {
    padding: 10px;
    border-bottom: 1px solid #dadbd9
}

    .platinum #platinum_reminders .update h5 {
        font-size: 14px;
        border-radius: 4px;
        margin: 0;
        background: #008fd1;
        padding: 0 8px;
        display: inline-block;
        color: #fff;
        text-shadow: none;
        font-weight: 300
    }

    .platinum #platinum_reminders .update p {
        margin: 0
    }

    .platinum #platinum_reminders .update .close {
        display: none
    }

    .platinum #platinum_reminders .update:last-child {
        border-bottom: none
    }

    .platinum #platinum_reminders .update:hover {
        background: #f3f4f3;
        cursor: pointer
    }

        .platinum #platinum_reminders .update:hover .close {
            display: block;
            right: 5px;
            top: 5px;
            position: relative
        }

.platinum #platinum_reminders .metro h5 {
    background: #e83e00
}

.platinum #platinum_reminders .rep h5 {
    background: rgba(49,150,9,.89)
}

.platinum #platinum_reminders .general h5 {
    background: #8753c0
}

.platinum .paper {
    z-index: 1
}

    .platinum .paper, .platinum .paper:after {
        background: #fff;
        height: 3px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 1px 1px 2px rgba(0,0,0,.1)
    }

        .platinum .paper:after {
            display: block;
            content: "";
            line-height: 0;
            z-index: 2
        }

.plat-sample-header {
    z-index: -1;
    background-color: #ee5d00;
    background-image: linear-gradient(180deg,#e83e00,#f78c00);
    background-repeat: repeat-x
}

    .plat-sample-header .header-image {
        max-width: 60%;
        margin: 0 auto;
        padding: 5% 0 7%
    }

        .plat-sample-header .header-image h2 {
            color: #411c04;
            margin-top: 20px;
            text-shadow: 0 1px 0 hsla(0,0%,100%,.4);
            font-size: 2.5vw !important
        }

            .plat-sample-header .header-image h2 span {
                font-size: .6em;
                display: block;
                margin-top: 10px;
                line-height: 1.2em
            }

@media(min-width:0px) and (max-width:945px) {
    .plat-sample-header#article {
        margin-bottom: 0
    }

    .plat-sample-header .header-image {
        padding: 7% 0 5%;
        max-width: 80%
    }

        .plat-sample-header .header-image h2 {
            font-size: 3.5vw !important
        }
}

@media(min-width:0px) and (max-width:599px) {
    .plat-sample-header#article {
        margin-bottom: 10px
    }

    .plat-sample-header .header-image h2 {
        font-size: 2em !important
    }
}

.plat-sample-promo .guide-nav {
    display: block !important
}

@media(min-width:0px) and (max-width:945px) {
    .plat-sample-promo .guide-nav {
        width: 100%
    }
}

.plat-sample-promo .plat-sample-cat h2 {
    text-align: center;
    margin-bottom: 0;
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #dadbd9
}

.plat-sample-promo .plat-sample-cat .ag-grid {
    margin-bottom: 0
}

    .plat-sample-promo .plat-sample-cat .ag-grid .ag-item .add-to-cart input {
        width: 100%
    }

@media(min-width:0px) and (max-width:599px) {
    .plat-sample-promo .plat-sample-cat .ag-list .ag-item {
        padding: 8px 8px 8px 0
    }

        .plat-sample-promo .plat-sample-cat .ag-list .ag-item .add-to-cart {
            display: block;
            padding: 10px 0;
            width: 100%
        }

        .plat-sample-promo .plat-sample-cat .ag-list .ag-item .details, .plat-sample-promo .plat-sample-cat .ag-list .ag-item .product-image {
            display: table-cell
        }

        .plat-sample-promo .plat-sample-cat .ag-list .ag-item .add-to-cart select {
            width: 100%;
            margin-left: 0
        }
}

.plat-sample-promo .plat-sample-choices {
    position: relative
}

    .plat-sample-promo .plat-sample-choices h2 {
        text-align: center;
        margin-bottom: 0;
        padding: 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #dadbd9
    }

    .plat-sample-promo .plat-sample-choices ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .plat-sample-promo .plat-sample-choices ul .ag-item {
            padding: 6% 4%;
            box-sizing: border-box;
            border-bottom: 1px solid #dadbd9
        }

            .plat-sample-promo .plat-sample-choices ul .ag-item:last-child {
                border: none
            }

            .plat-sample-promo .plat-sample-choices ul .ag-item .product-image {
                width: 80px;
                height: 80px;
                left: 5px;
                position: relative;
                padding-right: 5px
            }

                .plat-sample-promo .plat-sample-choices ul .ag-item .product-image .sample-number {
                    position: absolute;
                    background-color: #ec8a0b;
                    background-image: linear-gradient(180deg,#ff9812,#ce7500);
                    background-repeat: repeat-x;
                    border: 1px solid #de7e00;
                    box-shadow: 0 2px 2px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4);
                    border-radius: 40px;
                    width: 25px;
                    height: 25px;
                    left: -10px;
                    top: -10px
                }

                    .plat-sample-promo .plat-sample-choices ul .ag-item .product-image .sample-number span {
                        left: 8px;
                        top: 3px;
                        position: relative;
                        font-size: .8em;
                        color: #fff;
                        text-shadow: 1px 1px 1px rgba(0,0,0,.42)
                    }

                .plat-sample-promo .plat-sample-choices ul .ag-item .product-image a {
                    margin: 0
                }

                    .plat-sample-promo .plat-sample-choices ul .ag-item .product-image a img {
                        border: 1px solid #dadbd9
                    }

            .plat-sample-promo .plat-sample-choices ul .ag-item .details {
                font-size: .8em;
                float: none;
                padding: 0;
                width: auto;
                padding-left: 15px
            }

                .plat-sample-promo .plat-sample-choices ul .ag-item .details .sub-text {
                    float: none
                }

            .plat-sample-promo .plat-sample-choices ul .ag-item .delete {
                width: 20%;
                display: table-cell;
                vertical-align: middle;
                position: relative
            }

                .plat-sample-promo .plat-sample-choices ul .ag-item .delete a {
                    position: absolute;
                    top: 35px;
                    left: 10px;
                    height: 30px;
                    width: 30px;
                    background: #aeb0ad;
                    border-radius: 40px;
                    border: 3px solid #eef0ed
                }

                    .plat-sample-promo .plat-sample-choices ul .ag-item .delete a:hover {
                        background: #cf3700;
                        box-shadow: 0 2px 4px rgba(0,0,0,.3)
                    }

                    .plat-sample-promo .plat-sample-choices ul .ag-item .delete a span {
                        color: #eef0ed;
                        position: relative;
                        top: 7px;
                        left: 8px
                    }

            .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .product-image {
                border: 1px dashed #aeb0ad
            }

            .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .details h3 {
                padding-top: 10px;
                padding-left: 5px
            }

            .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .delete {
                display: none
            }

        .plat-sample-promo .plat-sample-choices ul .sample-submit {
            text-align: center
        }

            .plat-sample-promo .plat-sample-choices ul .sample-submit input {
                width: 90%;
                margin: 15px
            }

                .plat-sample-promo .plat-sample-choices ul .sample-submit input.active {
                    opaCity: .4;
                    cursor: auto
                }

@media(min-width:0px) and (max-width:945px) {
    .plat-sample-promo .plat-sample-choices ul .ag-item {
        padding: 2%
    }

        .plat-sample-promo .plat-sample-choices ul .ag-item .product-image {
            padding-right: 0;
            width: 80px
        }

            .plat-sample-promo .plat-sample-choices ul .ag-item .product-image a {
                width: 80px;
                margin-right: 20px
            }

                .plat-sample-promo .plat-sample-choices ul .ag-item .product-image a img {
                    max-width: 100%;
                    padding: 5px
                }

        .plat-sample-promo .plat-sample-choices ul .ag-item .details {
            width: auto;
            font-size: 1.2em;
            padding-left: 10px
        }

        .plat-sample-promo .plat-sample-choices ul .ag-item .delete a {
            top: 35px;
            right: 15px;
            left: auto
        }

        .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .product-image {
            width: 90px;
            height: 90px
        }
}

@media(min-width:0px) and (max-width:599px) {
    .plat-sample-promo .plat-sample-choices ul .ag-item {
        display: table;
        padding: 4% 2% 2%
    }

        .plat-sample-promo .plat-sample-choices ul .ag-item .delete, .plat-sample-promo .plat-sample-choices ul .ag-item .details, .plat-sample-promo .plat-sample-choices ul .ag-item .product-image {
            display: table-cell
        }

        .plat-sample-promo .plat-sample-choices ul .ag-item .product-image {
            width: 60px;
            margin-right: 20px
        }

            .plat-sample-promo .plat-sample-choices ul .ag-item .product-image a {
                width: 60px
            }

        .plat-sample-promo .plat-sample-choices ul .ag-item .delete a {
            top: 20px;
            right: 5px
        }

        .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item {
            width: 100%;
            padding: 4% 2%
        }

            .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .product-image {
                margin-right: 0;
                width: 70px;
                height: 70px
            }

            .plat-sample-promo .plat-sample-choices ul .ag-item.empty-item .details {
                width: 100%
            }
}

.plat-sample-promo .plat-sample-choices .plat-sample-choices-deactive span {
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    margin: auto;
    position: absolute;
    width: 70%;
    height: 30%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 4
}

.plat-sample-promo .plat-sample-choices .plat-sample-choices-deactive:after {
    background: #000;
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #000;
    z-index: 3;
    width: 100%;
    opaCity: .8;
    height: 100%;
    left: -1px;
    top: -1px;
    border-radius: 4px
}

@media(min-width:0px) and (max-width:945px) {
    .plat-sample-promo .aside .affix {
        position: static
    }
}

#recipe-resizer * {
    box-sizing: border-box
}

#recipe-resizer .print-info {
    display: none
}

#recipe-resizer .btn-toolbar.custom-social {
    margin-bottom: 10px;
    width: 100%
}

@media(max-width:599px) {
    #recipe-resizer .btn-toolbar.custom-social {
        text-align: center
    }
}

#recipe-resizer .recipe-converter-ad h1, #recipe-resizer .recipe-converter-ad p {
    display: none
}

#recipe-resizer .recipe-converter-ad a {
    display: block;
    width: 100%
}

    #recipe-resizer .recipe-converter-ad a img {
        display: block;
        width: 100%;
        max-width: 399px;
        margin: 0 auto
    }

#recipe-resizer .recipe-converter-ad.underlined {
    border-bottom: 1px solid #aeb0ad;
    margin-bottom: 5px;
    padding-top: 1em
}

@media(min-width:800px) {
    #recipe-resizer .recipe-converter-ad {
        padding-right: 450px;
        position: relative;
        min-height: 110px
    }

        #recipe-resizer .recipe-converter-ad * {
            line-height: 1.3;
            margin: 0
        }

        #recipe-resizer .recipe-converter-ad h1 {
            display: block;
            font-size: 25px;
            margin-bottom: 0
        }

        #recipe-resizer .recipe-converter-ad a {
            display: block;
            height: 110px;
            width: 401px;
            position: absolute;
            right: 0;
            bottom: 0
        }

        #recipe-resizer .recipe-converter-ad p {
            display: block;
            font-size: 13px;
            padding-bottom: 10px
        }

        #recipe-resizer .recipe-converter-ad.underlined {
            border-bottom: 1px solid #aeb0ad;
            margin-bottom: 5px;
            padding-top: 1em
        }
}

@media(min-width:1025px) {
    #recipe-resizer .recipe-converter-ad p {
        font-size: 14px
    }
}

#recipe-resizer .resizer-container {
    padding-right: 500px;
    margin-top: 0;
    display: block
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .resizer-container {
        padding-right: 0
    }
}

@media(min-width:600px) {
    #recipe-resizer .resizer-container {
        padding-right: 0
    }
}

@media(min-width:946px) {
    #recipe-resizer .resizer-container {
        padding-right: 500px
    }
}

#recipe-resizer .recipe-sidebar {
    width: 500px;
    background: #f3f5f5;
    box-shadow: inset 1px 1px 0 #fff;
    border: 1px solid #c9d2d2;
    border-radius: 4px
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar {
        width: 100%;
        border-radius: 4px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-sidebar {
        width: 100%
    }
}

@media(min-width:946px) {
    #recipe-resizer .recipe-sidebar {
        width: 500px;
        border-radius: 4px
    }
}

#recipe-resizer .recipe-sidebar .recipe-intro {
    padding: 25px
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .recipe-intro {
        padding: 11px
    }
}

#recipe-resizer .recipe-sidebar h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 35px
}

#recipe-resizer .recipe-sidebar label {
    margin-top: 15px;
    text-transform: uppercase
}

#recipe-resizer .recipe-sidebar h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 45px 0 10px;
    color: #adbbbb
}

#recipe-resizer .recipe-sidebar input {
    border-color: #c9d2d2;
    vertical-align: top;
    margin-top: .55em;
    height: 32px
}

#recipe-resizer .recipe-sidebar .ingredInput {
    border-top: 1px solid #e5e9e9;
    padding: 15px 25px;
    width: 100%;
    float: left
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .ingredInput {
        padding: 15px 10px
    }
}

#recipe-resizer .recipe-sidebar .ingredInput .qty-input {
    width: 12%;
    margin-bottom: 0;
    margin-right: 2%
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .ingredInput .qty-input {
        width: 13%
    }
}

#recipe-resizer .recipe-sidebar .ingredInput .ingredient-input {
    width: 51.5%;
    margin-bottom: 0
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .ingredInput .ingredient-input {
        width: 50%
    }
}

#recipe-resizer .recipe-sidebar .ingredient-label, #recipe-resizer .recipe-sidebar .measurement-label, #recipe-resizer .recipe-sidebar .qty-label {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: 600;
    float: left;
    text-shadow: 1px 1px 1px #fff
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .ingredient-label, #recipe-resizer .recipe-sidebar .measurement-label, #recipe-resizer .recipe-sidebar .qty-label {
        font-size: 12px
    }
}

#recipe-resizer .recipe-sidebar .qty-label {
    width: 17%
}

#recipe-resizer .recipe-sidebar .measurement-label {
    width: 33%
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .measurement-label {
        width: 36%
    }
}

#recipe-resizer .recipe-sidebar .ingredient-label {
    width: auto
}

#recipe-resizer .recipe-sidebar .addMore {
    padding: 20px 25px;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #e5e9e9
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .addMore {
        padding: 20px 10px
    }
}

#recipe-resizer .recipe-sidebar .addMore .icon-plus {
    text-shadow: 1px 1px 1px #fff
}

#recipe-resizer .recipe-sidebar .addMore h4 {
    color: #92a4a4;
    text-transform: uppercase;
    margin: 0
}

#recipe-resizer .recipe-sidebar .addMore:hover {
    background: #e2e7e7
}

    #recipe-resizer .recipe-sidebar .addMore:hover h4 {
        color: #768d8d
    }

#recipe-resizer .recipe-sidebar .recipeButtons {
    padding: 25px;
    float: left;
    width: 100%
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-sidebar .recipeButtons {
        padding: 10px
    }
}

#recipe-resizer .recipe-sidebar .recipeButtons .btnResize {
    width: 68%;
    padding-left: 0;
    float: left;
    padding-right: 0;
    box-shadow: none;
    height: auto
}

#recipe-resizer .recipe-sidebar .recipeButtons .btnClear {
    box-shadow: none;
    margin-left: 2%;
    width: 30%;
    height: auto;
    padding-left: 0;
    padding-right: 0
}

    #recipe-resizer .recipe-sidebar .recipeButtons .btnClear:hover {
        color: #3b3d3b
    }

#recipe-resizer .recipe-resizer-select {
    width: 30%;
    display: inline-block;
    position: relative;
    margin-right: 2%
}

    #recipe-resizer .recipe-resizer-select label {
        display: block;
        margin-top: 0;
        font-size: .9em;
        color: #777;
        text-transform: none
    }

    #recipe-resizer .recipe-resizer-select .dropdown {
        position: relative;
        display: block;
        margin-top: .5em;
        overflow: hidden;
        width: 100%;
        max-width: 100%
    }

    #recipe-resizer .recipe-resizer-select select {
        width: 110%;
        max-width: 110%;
        min-width: 110%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: window;
        text-indent: .01px;
        text-overflow: "";
        font-size: 12px;
        font-weight: 400;
        background: 0 0;
        border: none;
        color: #444;
        outline: none;
        padding: .4em 30% .4em .8em;
        line-height: 1.2;
        margin: .2em
    }

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-resizer-select select {
        padding: .4em 34% .4em .5em
    }
}

#recipe-resizer .recipe-resizer-select select::-ms-expand {
    display: none
}

#recipe-resizer .recipe-resizer-select .dropdown:after {
    font-family: fontello;
    background: 0 0;
    color: #bbb;
    content: "\E7A7";
    font-size: 18px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 8px;
    bottom: .3em;
    z-index: 1;
    pointer-events: none
}

#recipe-resizer .recipe-resizer-select .dropdown:hover {
    border: 1px solid #888
}

#recipe-resizer .recipe-resizer-select select:focus {
    outline: none;
    box-shadow: 0 0 3px 3px rgba(180,222,250,.85)
}

#recipe-resizer .recipe-resizer-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

#recipe-resizer .recipe-resizer-select .button {
    border: 1px solid #bbb;
    border-radius: .3em;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    background: linear-gradient(180deg,#fff 0,#e5e5e5)
}

#recipe-resizer .recipe-cards {
    position: relative;
    margin-right: -100%;
    width: 98%
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards {
        padding-left: 0;
        width: 100%;
        margin-right: 0;
        top: -1px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-cards {
        padding-left: 0;
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        top: -1px;
        width: 100%
    }
}

@media(min-width:946px) {
    #recipe-resizer .recipe-cards {
        width: 98%;
        margin-right: -500px;
        left: 2%;
        top: 0
    }
}

#recipe-resizer .recipe-cards .printRecipe {
    cursor: pointer;
    position: relative;
    display: block;
    left: 75px;
    top: -30px;
    font-size: 14px;
    font-weight: 600;
    float: right;
    color: #008fd1;
    text-shadow: 1px 1px 0 #fff
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .printRecipe {
        float: left;
        left: 15px;
        top: 3px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-cards .printRecipe {
        float: left;
        left: 15px;
        top: 3px
    }
}

@media(min-width:1024px) {
    #recipe-resizer .recipe-cards .printRecipe {
        float: right;
        left: 75px;
        top: -30px
    }
}

#recipe-resizer .recipe-cards .printRecipe:hover {
    color: #00a7f4
}

#recipe-resizer .recipe-cards .rCard {
    border: 1px solid #dadbd9;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 4px
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .rCard {
        margin-top: 10px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-cards .rCard {
        margin-top: 10px
    }
}

@media(min-width:1024px) {
    #recipe-resizer .recipe-cards .rCard {
        margin-top: 0
    }
}

#recipe-resizer .recipe-cards .rCard .recipeHeader {
    padding: 35px 25px;
    border-bottom: 1px solid #dae0e0
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader {
        padding: 20px 10px 50px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader {
        padding-bottom: 60px
    }
}

@media(min-width:1024px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader {
        padding-bottom: 35px
    }
}

#recipe-resizer .recipe-cards .rCard .recipeHeader .recipeTitle {
    font-size: 30px;
    text-shadow: 1px 1px 1px #fff;
    font-weight: 600
}

    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipeTitle span {
        display: block;
        font-weight: 300;
        font-size: 80%;
        margin-top: 3px
    }

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipeTitle {
        font-size: 20px;
        line-height: 21px
    }
}

#recipe-resizer .recipe-cards .rCard .recipeHeader .inactive-title {
    color: rgba(59,61,59,.4) !important
}

#recipe-resizer .recipe-cards .rCard .recipeHeader .recipe-type {
    background: #39b500;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    float: right;
    position: relative;
    top: -55px;
    padding: 4px 10px;
    margin: 0;
    line-height: 15px;
    border-radius: 3px
}

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipe-type {
        float: left;
        top: 0;
        margin-top: 5px
    }
}

@media(min-width:600px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipe-type {
        float: left;
        top: 0;
        margin-top: 5px
    }
}

@media(min-width:1024px) {
    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipe-type {
        float: right;
        top: -55px;
        margin-top: 0
    }
}

#recipe-resizer .recipe-cards .rCard table.table-stylized {
    border: none
}

#recipe-resizer .recipe-cards .rCard table.recipe-table {
    width: 100% !important
}

#recipe-resizer .recipe-cards .rCard td {
    padding: 15px 25px;
    font-size: 18px;
    border-bottom: 1px solid #edf0f0
}

    #recipe-resizer .recipe-cards .rCard td span {
        font-weight: 600
    }

@media(min-width:0px) and (max-width:599px) {
    #recipe-resizer .recipe-cards .rCard td {
        font-size: 14px;
        padding: 10px
    }
}

#recipe-resizer .recipe-cards .rCard .table-striped tbody tr:nth-child(odd) td {
    background-color: #f9fafa
}

#recipe-resizer .recipe-cards .rCard .table-stylized td:last-child {
    border-right: none
}

.section-header {
    border-bottom: 1px solid #dadbd9;
    padding: 16px 20px
}

.grid-large {
    *zoom: 1
}

    .grid-large:after, .grid-large:before {
        display: table;
        content: "";
        line-height: 0
    }

    .grid-large:after {
        clear: both
    }

    .grid-large .grid-large-col {
        float: left
    }

@media screen and (min-width:0px) {
    .grid-large .grid-large-col {
        margin: 0 0 5%;
        width: 100%
    }
}

@media screen and (min-width:480px) {
    .grid-large .grid-large-col {
        margin: 1% 0 5% 6%;
        width: 47%
    }

        .grid-large .grid-large-col:nth-child(odd) {
            margin-left: 0
        }
}

@media screen and (min-width:1024px) {
    .grid-large .grid-large-col {
        width: 31.3%;
        margin: 1% 0 3% 3%
    }

        .grid-large .grid-large-col:nth-child(odd) {
            margin-left: 3%
        }

        .grid-large .grid-large-col:first-child {
            margin-left: 0
        }
}

#white-china {
    padding: 25px 20px 0;
    position: relative
}

    #white-china .key {
        display: none
    }

@media(min-width:1024px) {
    #white-china .key {
        display: block;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 14px;
        font-weight: 600;
        color: #aeb0ad
    }

        #white-china .key.dark {
            float: right;
            color: #3b3d3b;
            left: auto;
            right: 20px
        }
}

#white-china .btn {
    font-size: 12px;
    padding: 6px 10px;
    margin-top: -10px;
    margin-bottom: 10px
}

@media(min-width:600px) {
    #white-china .btn {
        display: block;
        font-size: 13px;
        padding: 8px;
        margin: 5px 0 0
    }
}

#white-china ul {
    margin: 0;
    padding: 0
}

#white-china li {
    list-style: none;
    text-align: center
}

    #white-china li img {
        width: 75%
    }

@media screen and (min-width:480px) {
    #white-china li img {
        width: 100%
    }
}

#white-china li h4 {
    font-size: 16px;
    position: relative;
    margin-bottom: 10px
}

    #white-china li h4.special {
        font-size: 13px
    }

#white-china li .gauge {
    margin-bottom: 12px;
    background-image: linear-gradient(90deg,#fff,#f0f0f0 40%,#f3f4e7 70%,#dbdcd6)
}

#white-china li p {
    font-size: 13px;
    color: #7b7e79
}

    #white-china li p.special {
        font-size: 12px
    }

.gauge {
    margin: 0 auto;
    width: 100%;
    height: 10px;
    max-width: 180px;
    background: #e1e2c7;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.47),0 1px 0 #fff
}

    .gauge div[class^=indicator] {
        position: absolute;
        width: 12px;
        height: 19px;
        background: url(../../med/tick.png);
        top: -11px;
        margin-left: -6px
    }

.indicator-5 {
    left: 5%
}

.indicator-20 {
    left: 20%
}

.indicator-75 {
    left: 75%
}

.indicator-95 {
    left: 95%
}

#colored-china-options .content-block {
    *zoom: 1;
    padding: 35px 25px
}

    #colored-china-options .content-block:after, #colored-china-options .content-block:before {
        display: table;
        content: "";
        line-height: 0
    }

    #colored-china-options .content-block:after {
        clear: both
    }

    #colored-china-options .content-block img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    #colored-china-options .content-block h3 {
        margin-bottom: 10px
    }

    #colored-china-options .content-block p {
        font-size: 14px;
        line-height: 1.5
    }

#colored-china-options .btn {
    display: block;
    margin-left: 0;
    margin-right: 0
}

    #colored-china-options .btn .long {
        display: none
    }

@media(min-width:600px) {
    #colored-china-options .col {
        position: relative
    }

    #colored-china-options .content-block {
        padding-bottom: 80px
    }

        #colored-china-options .content-block .btn {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px
        }

    .no-flexbox #colored-china-options .col {
        float: left;
        width: 48%;
        margin-left: 2.5%
    }

        .no-flexbox #colored-china-options .col:first-child {
            margin-left: 0
        }

    .flexbox #colored-china-options {
        display: flex
    }

        .flexbox #colored-china-options .col {
            flex: 1 100%
        }
}

@media(min-width:1280px) {
    #colored-china-options .content-block {
        padding-bottom: 20px
    }

        #colored-china-options .content-block .text {
            width: 45%;
            float: right
        }

        #colored-china-options .content-block img {
            width: 50%;
            float: left
        }

        #colored-china-options .content-block .btn {
            position: static
        }

            #colored-china-options .content-block .btn .short {
                display: none
            }

            #colored-china-options .content-block .btn .long {
                display: inline
            }
}

.china-dinnerware-vendors {
    margin-bottom: 20px
}

    .china-dinnerware-vendors .grid-module {
        flex-direction: column
    }

    .china-dinnerware-vendors .section-header {
        margin-bottom: 0
    }

    .china-dinnerware-vendors .grid-children {
        flex-wrap: wrap !important
    }

    .china-dinnerware-vendors .grid-child {
        padding-top: 18px;
        padding-bottom: 18px
    }

@media(min-width:600px) {
    .china-dinnerware-vendors .grid-children-8 .grid-child {
        flex: 1 1 20% !important
    }

        .china-dinnerware-vendors .grid-children-8 .grid-child:nth-child(n) {
            border-bottom: 1px solid #ddd !important
        }

        .china-dinnerware-vendors .grid-children-8 .grid-child:nth-child(4n) {
            border-right: 0 !important
        }

        .china-dinnerware-vendors .grid-children-8 .grid-child:nth-last-child(-n+4) {
            border-bottom: 0 !important
        }
}

.china-dinnerware-vendors .grid-children img {
    width: 120px;
    max-width: 100%;
    margin-bottom: 16px
}

.support-body {
    background: #fff;
    width: 100%;
    float: left;
    border-radius: 4px;
    border: 1px solid #dadbd9;
    margin: 20px 0 0
}

@media(min-width:0px) and (max-width:599px) {
    .support-body {
        width: auto
    }
}

.support-body .need-help {
    border-bottom: 1px solid #dadbd9;
    margin-bottom: 20px
}

.support-body .affix-top {
    position: absolute
}

@media(min-width:0px) and (max-width:945px) {
    .support-body .affix-top {
        top: 0;
        position: relative
    }
}

.support-body .affix {
    top: 30px
}

    .support-body .affix .need-help {
        display: none
    }

@media(min-width:0px) and (max-width:945px) {
    .support-body .affix {
        top: 0;
        position: relative
    }

        .support-body .affix .need-help {
            display: block
        }
}

.support-body .affix-bottom {
    top: auto;
    bottom: 865px;
    position: absolute
}

@media(min-width:0px) and (max-width:945px) {
    .support-body .affix-bottom {
        top: 0;
        position: relative
    }
}

.support-flex {
    padding-left: 300px
}

@media(min-width:0px) and (max-width:945px) {
    .support-flex {
        padding: 0;
        display: flex;
        flex-direction: column
    }
}

.support-sidebar {
    width: 300px;
    margin-left: -300px;
    order: 2
}

@media(min-width:0px) and (max-width:945px) {
    .support-sidebar {
        position: relative;
        width: 100%;
        margin: 0
    }
}

.support-section {
    float: right;
    clear: right;
    width: 100%;
    box-sizing: border-box;
    border-left: 1px solid #dadbd9
}

    .support-section.padded {
        padding: 30px
    }

@media(min-width:0px) and (max-width:945px) {
    .support-section {
        border-left: 0
    }
}

@media(min-width:0px) and (max-width:945px) {
    .faq-cat {
        display: none
    }
}

.support-label {
    font-weight: 600;
    padding: 0 20px;
    margin: 0
}

.support-nav {
    list-style: none;
    margin: 0 0 15px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #dadbd9
}

    .support-nav:last-child {
        border-bottom: 0
    }

    .support-nav li {
        cursor: pointer;
        font-size: .85em;
        padding: 0
    }

        .support-nav li a {
            padding: 4px 0;
            line-height: 1.5;
            display: block
        }

.support-search {
    position: relative;
    margin: 20px 0 0
}

@media(min-width:1430px) {
    .support-search {
        min-width: 48%;
        float: right
    }
}

.support-search input {
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 100px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.support-search .support-search-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    font-size: 20px;
    padding: 9px 10px;
    color: #dadbd9
}

.support-search button {
    position: absolute;
    padding: 13px 23px;
    font-size: 13px;
    line-height: 17px;
    right: 0;
    top: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    z-index: 5
}

@media(min-width:0px) and (max-width:945px) {
    .support-search button {
        right: 0
    }
}

.support-search input.btn {
    display: none
}

.support-header-text .page-header {
    margin-bottom: 0
}

.support-header-text p {
    font-size: 15px;
    line-height: 19px;
    max-width: 400px
}

@media(min-width:1430px) {
    .support-header-text {
        float: left;
        width: 48%
    }
}

.support-header-container {
    padding: 30px
}

    .support-header-container .page-header {
        margin-bottom: 0
    }

.support-results {
    padding: 10px 0
}

    .support-results .header-2 {
        padding-left: 30px
    }

@media(min-width:0px) and (max-width:945px) {
    .support-results .header-2 {
        padding-left: 10px
    }
}

.support-results .no-results {
    padding: 0 30px
}

.support-subjects.cols-grid {
    padding-left: 0;
    padding-right: 0
}

.support-subjects.padded {
    padding: 10px 20px
}

.support-subjects [class*=cols-], .support-subjects [class^=cols-] {
    padding: 0
}

@media(min-width:600px) {
    .support-subjects [class*=cols-], .support-subjects [class^=cols-] {
        padding: 10px
    }
}

.support-subjects .subject-link {
    transition: all .1s ease-in-out;
    border: 2px solid #def1fb;
    display: block;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    line-height: 10px;
    margin-top: 10px;
    padding: 10px
}

@media(min-width:600px) {
    .support-subjects .subject-link {
        margin: 0
    }
}

.support-subjects .subject-link img {
    width: 100px
}

.support-subjects .subject-link:hover {
    border-color: #00a5f7
}

.support-subjects .subject-link span {
    display: block;
    text-transform: uppercase;
    color: #3b3d3b;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    font-size: .9em;
    height: 40px
}

@media(min-width:0px) and (max-width:599px) {
    .support-subjects .subject-link span {
        font-size: .8em;
        line-height: 2em;
        height: auto;
        text-align: left
    }

        .support-subjects .subject-link span br {
            display: none
        }
}

@media(min-width:0px) and (max-width:599px) {
    .support-subjects .subject-link img {
        width: 28px;
        margin: 0 10px 0 0;
        display: block;
        float: left
    }
}

.support-help {
    padding: 30px;
    order: 2;
    max-height: 300px
}

@media(min-width:0px) and (max-width:599px) {
    .support-help {
        padding: 10px
    }
}

.support-help.support-open {
    overflow: hidden;
    max-height: 900px;
    transition: all .5s cubic-bezier(.08,.29,.6,1.01)
}

.support-ask {
    width: 100%;
    border-radius: 4px;
    display: inline-block;
    background: #e9f7fd;
    border: 1px solid #c1dfee;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    padding-left: 80px
}

@media only screen and (min-width:1110px) {
    .support-ask {
        padding-right: 180px
    }
}

.support-ask .icon-cancel {
    display: none
}

.support-ask .header-3, .support-ask p {
    margin: 0
}

.support-ask .btn-faq {
    display: block;
    margin-top: 15px;
    max-width: 200px
}

@media(min-width:0px) and (max-width:599px) {
    .support-ask .btn-faq {
        margin-left: -60px;
        max-width: none
    }
}

@media only screen and (min-width:1110px) {
    .support-ask .btn-faq {
        position: absolute;
        top: 35%;
        right: 30px;
        margin-top: 0
    }
}

.support-help-icon {
    float: left;
    width: 50px;
    margin-left: -60px;
    margin-right: 10px;
    opaCity: .4
}

.support-form {
    display: none;
    background: #e9f7fd;
    border: 1px solid #c1dfee;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media only screen and (min-width:1110px) {
    .support-form {
        padding: 30px
    }
}

.support-form textarea {
    padding: 8px
}

.support-form input, .support-form textarea {
    border-color: #99c0d2
}

@media(min-width:0px) and (max-width:599px) {
    .support-form input, .support-form textarea {
        width: 94%
    }
}

.support-form button {
    margin-top: 10px
}

.support-form .control-group {
    margin-bottom: 15px
}

.support-form .alert-info-dark {
    background: #1b9dd6;
    border: 0;
    color: #fff;
    text-shadow: none
}

.support-open .support-ask {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px
}

@media(min-width:0px) and (max-width:599px) {
    .support-open .support-ask {
        padding-right: 75px
    }
}

.support-open .support-ask .icon-cancel {
    display: block;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 30px;
    color: #aecfdf;
    cursor: pointer
}

.support-open .btn-faq {
    display: none
}

.support-open .support-form {
    display: block
}

.control-floater {
    margin: 0 10px 0 0;
    padding-right: 20px;
    width: 95%
}

    .control-floater input {
        width: 100%;
        max-width: none
    }

@media(min-width:768px) {
    .control-floater {
        width: 50%;
        float: left
    }
}

.support-faq-listing {
    order: 3
}

    .support-faq-listing .support-subject {
        padding: 0 30px;
        margin: 0 0 5px;
        font-size: 22px;
        color: #aeb0ad;
        font-weight: 700
    }

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .support-subject {
        padding: 0 10px
    }
}

.support-faq-listing .support-qa {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    cursor: pointer !important;
    font-size: 15px;
    line-height: 20px;
    padding: 0 30px;
    margin: -1px 0;
    box-sizing: border-box
}

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .support-qa {
        padding: 0 10px
    }
}

.support-faq-listing .support-qa:nth-child(odd) .question {
    border-bottom: 1px solid #e7e7e6;
    border-top: 1px solid #e7e7e6
}

.support-faq-listing .support-qa:last-child .question {
    border-bottom: 0
}

.support-faq-listing .support-qa:hover {
    background: #f0f9fd;
    z-index: 3
}

    .support-faq-listing .support-qa:hover .question {
        border-color: #f0f9fd
    }

.support-faq-listing .support-qa h4 {
    font-size: 20px
}

.support-faq-listing .support-qa p.small {
    margin-bottom: 5px
}

.support-faq-listing .support-qa .highlights li {
    font-size: 1em;
    padding-left: 25px;
    margin-bottom: 10px
}

.support-faq-listing .question {
    display: block;
    padding: 15px 30px 15px 0;
    margin: 0;
    font-weight: 700
}

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .question {
        padding: 10px 30px 10px 10px
    }
}

.support-faq-listing .question:after {
    content: "\E801";
    transform: rotate(90deg);
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-size: 18px;
    position: absolute;
    top: 15px;
    right: 35px;
    color: #ced1cd;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    text-transform: none
}

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .question:after {
        right: 15px
    }
}

.support-faq-listing .answer {
    display: none
}

.support-faq-listing .qa-open {
    z-index: 5;
    padding: 0 30px;
    margin-top: -1px;
    background: #f0f9fd;
    border-top: 1px solid #def1fb;
    border-bottom: 1px solid #def1fb
}

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .qa-open {
        padding: 0
    }
}

.support-faq-listing .qa-open .answer {
    position: relative;
    display: block;
    height: auto;
    padding: 15px 0;
    margin: -15px 0 0;
    visibility: visible;
    opaCity: 1
}

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .qa-open .answer {
        padding: 15px 10px
    }
}

.support-faq-listing .qa-open .question {
    border-bottom: 0;
    border-color: #f0f9fd !important
}

    .support-faq-listing .qa-open .question:after {
        content: "\E80C";
        right: 28px;
        font-size: 13px;
        color: #aecfdf;
        font-weight: 700
    }

@media(min-width:0px) and (max-width:945px) {
    .support-faq-listing .qa-open .question:after {
        right: 13px
    }
}

.support-subject-group {
    float: left;
    width: 100%;
    margin: 30px 0 0
}

.support-modal .modal-body {
    padding: 0 !important;
    max-height: 650px !important
}

    .support-modal .modal-body .collapse.in {
        overflow: visible !important
    }

.support-modal .main-col {
    width: 100%;
    float: none;
    padding: 20px 0
}

    .support-modal .main-col > p {
        padding: 0 30px
    }

.support-modal .more-ship-q {
    margin: 10px 0 10px 30px
}

.support-modal .support-qa {
    float: none
}

    .support-modal .support-qa:first-child .question {
        border-top: 0 !important
    }

.small-text p {
    font-size: 15px;
    line-height: 1.5
}

#shipping-times .support-section .support-section {
    padding: 0 0 30px;
    border: none
}

@media(min-width:1024px) {
    #shipping-times .left-column {
        float: left;
        width: 65%
    }

    #shipping-times .right-column {
        float: right;
        width: 32%
    }
}

.bundle-item {
    padding: 0
}

    .bundle-item a {
        cursor: pointer
    }

    .bundle-item .bundle-header {
        border-radius: 4px 4px 0 0;
        display: block;
        margin: -1px -1px 0;
        padding: 10px 20px;
        *zoom: 1
    }

        .bundle-item .bundle-header:after, .bundle-item .bundle-header:before {
            display: table;
            content: "";
            line-height: 0
        }

        .bundle-item .bundle-header:after {
            clear: both
        }

        .bundle-item .bundle-header h2 {
            margin: 0;
            font-size: 20px;
            border-bottom: 1px solid #aeb0ad;
            box-shadow: 0 1px 0 hsla(0,0%,100%,.2)
        }

        .bundle-item .bundle-header dl {
            font-size: 14px;
            text-shadow: 0 1px 0 hsla(0,0%,100%,.35);
            float: left;
            margin: 10px 20px 0 0
        }

            .bundle-item .bundle-header dl dt {
                font-weight: 400;
                color: #3b3d3b
            }

            .bundle-item .bundle-header dl dd {
                font-weight: 600;
                margin: 0
            }

    .bundle-item .bundle-child + .bundle-child {
        border-top: 1px solid #dadbd9
    }

    .bundle-item .bundle-child {
        padding: 14px 18px;
        *zoom: 1
    }

        .bundle-item .bundle-child:nth-child(2n) {
            background-color: #f6f7f5
        }

        .bundle-item .bundle-child:after, .bundle-item .bundle-child:before {
            display: table;
            content: "";
            line-height: 0
        }

        .bundle-item .bundle-child:after {
            clear: both
        }

        .bundle-item .bundle-child.pending .bundle-progress ol, .bundle-item .bundle-child.placed .bundle-progress ol, .bundle-item .bundle-child.processing .bundle-progress ol {
            background-image: url(../../med/track-order-prog-1.png)
        }

        .bundle-item .bundle-child.shipped .bundle-progress ol {
            background-image: url(../../med/track-order-prog-2.png)
        }

        .bundle-item .bundle-child.delivered .bundle-progress ol {
            background-image: url(../../med/track-order-prog-3.png)
        }

        .bundle-item .bundle-child.placed .bundle-status:before {
            display: inline;
            content: "\2192";
            font-weight: 700;
            color: #0073a8;
            font-size: 30px
        }

        .bundle-item .bundle-child.pending .bundle-status span {
            display: none
        }

        .bundle-item .bundle-child.backordered .bundle-status:before {
            font-size: 25px;
            color: #cf3700
        }

        .bundle-item .bundle-child.backordered .bundle-title {
            border-bottom: 0;
            background-position: left 0;
            padding-top: 3px
        }

        .bundle-item .bundle-child .ag-cart {
            margin-bottom: 6px
        }

        .bundle-item .bundle-child .ag-item .details a {
            font-size: 14px;
            margin-bottom: 3px
        }

        .bundle-item .bundle-child .more-tracking-numbers {
            display: none
        }

    .bundle-item .bundle-title {
        border-bottom: 1px solid #dadbd9;
        padding-bottom: 4px
    }

        .bundle-item .bundle-title h3 {
            margin-bottom: 0;
            font-size: 20px;
            line-height: 1;
            font-weight: 400
        }

            .bundle-item .bundle-title h3 strong {
                white-space: nowrap
            }

        .bundle-item .bundle-title .byline {
            font-size: 13px;
            margin-bottom: 2px;
            line-height: 1.4
        }

        .bundle-item .bundle-title .tag {
            font-size: 12px;
            display: inline-block;
            line-height: 1.3;
            margin-bottom: 5px
        }

        .bundle-item .bundle-title .popover-title {
            font-size: 15px;
            font-weight: 600
        }

    .bundle-item .bundle-show-toggle {
        display: block;
        padding: 10px 0;
        float: left;
        font-size: 14px;
        margin-top: 15px;
        font-weight: 700
    }

@media only screen and (max-width:380px) {
    .bundle-item .bundle-show-toggle {
        float: none;
        text-align: center;
        margin-top: 0
    }
}

.bundle-item .bundle-tracking-info {
    display: block;
    max-width: 260px;
    padding-left: 55px
}

    .bundle-item .bundle-tracking-info:before {
        content: "Tracking: ";
        position: relative;
        margin-left: -55px
    }

.bundle-item .bundle-status {
    float: right;
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600
}

@media only screen and (max-width:380px) {
    .bundle-item .bundle-status {
        margin: 0 auto;
        float: none;
        width: 215px
    }
}

.bundle-item .bundle-status a {
    color: #3b3d3b
}

.bundle-item .bundle-status:before {
    margin-right: 4px;
    vertical-align: bottom
}

.bundle-item .bundle-status .bundle-progress {
    box-sizing: border-box;
    width: 215px;
    padding: 18px 0 16px
}

    .bundle-item .bundle-status .bundle-progress p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 0
    }

    .bundle-item .bundle-status .bundle-progress ol {
        margin: 0;
        padding-top: 30px;
        background-position: top;
        background-repeat: no-repeat
    }

        .bundle-item .bundle-status .bundle-progress ol li {
            margin: 0;
            list-style: none;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            float: left;
            width: 33%
        }

            .bundle-item .bundle-status .bundle-progress ol li:nth-child(2) {
                text-align: center
            }

            .bundle-item .bundle-status .bundle-progress ol li:nth-child(3) {
                text-align: right
            }

.bundle-item .ag-cart {
    clear: both;
    border-radius: 2px;
    border: 1px solid #dadbd9
}

.bundle-item .feedback-block {
    margin: 0 -1px;
    padding: 13px 28px;
    border: 1px solid #a62c00;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0,0,0,.2)
}

    .bundle-item .feedback-block p {
        margin: 0;
        line-height: 1.3
    }

    .bundle-item .feedback-block.negative {
        background: #cf3700
    }

@media only screen and (min-width:700px) and (max-width:779px) {
    .bundle-item .bundle-progress {
        margin-top: -7px
    }
}

@media(min-width:1024px),only screen and (min-width:768px) and (max-width:945px) {
    .bundle-item .bundle-header {
        padding: 12px 28px
    }

        .bundle-item .bundle-header h2 {
            float: left;
            font-size: 24px;
            border: 0;
            box-shadow: none
        }

        .bundle-item .bundle-header dl {
            float: right;
            margin: 0 0 0 40px;
            font-size: 14px;
            text-shadow: 0 1px 0 hsla(0,0%,100%,.35)
        }

            .bundle-item .bundle-header dl dt {
                font-weight: 400;
                color: #3b3d3b
            }

            .bundle-item .bundle-header dl dd {
                font-weight: 600;
                margin: 0
            }

    .bundle-item .bundle-child {
        padding: 20px 28px 16px
    }

        .bundle-item .bundle-child.placed .bundle-status {
            position: relative
        }

            .bundle-item .bundle-child.placed .bundle-status:after, .bundle-item .bundle-child.placed .bundle-status:before {
                content: " ";
                display: block;
                position: absolute
            }

            .bundle-item .bundle-child.placed .bundle-status:before {
                background-color: #0073a8;
                height: 6px;
                width: 17px;
                left: -30px;
                top: 20px
            }

            .bundle-item .bundle-child.placed .bundle-status:after {
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-top-width: 7px;
                border-bottom-width: 7px;
                border-left-color: #0073a8;
                top: 20px;
                left: -30px;
                margin-top: -4px;
                margin-left: 14px
            }

        .bundle-item .bundle-child.pending .bundle-status {
            padding-left: 30px
        }

        .bundle-item .bundle-child.pending span {
            display: inline-block !important;
            width: 20px;
            height: 20px;
            background: #cf3700;
            color: #fff;
            text-align: center;
            line-height: 22px;
            border-radius: 100px;
            left: 0;
            top: 50%;
            margin-top: -10px
        }

    .bundle-item .bundle-title {
        float: left;
        border: 0;
        padding-bottom: 14px
    }

    .bundle-item .bundle-status {
        float: right;
        text-align: left;
        font-size: 17px
    }

    .bundle-item .bundle-show-toggle {
        clear: both;
        padding: 0 0 0 44px;
        margin-top: -14px;
        font-size: 14px;
        font-weight: 700
    }
}

@media(min-width:780px) and (max-width:1180px) {
    .bundle-item .bundle-title h3 {
        font-size: 17px
    }

        .bundle-item .bundle-title h3 strong {
            display: block;
            font-size: 20px
        }
}

@media(min-width:1181px) {
    .bundle-item .bundle-status {
        padding: 0 !important
    }
}

@media(min-width:946px) and (max-width:1023px) {
    .bundle-item .bundle-status {
        font-size: 13px
    }
}

.track-order .bundle-item .bundle-title {
    padding-left: 48px;
    background-position: left 4px;
    background-repeat: no-repeat;
    margin-left: -4px;
    margin-bottom: 0;
    background-size: 38px 30px
}

.track-order .from-de-cc .bundle-title, .track-order .from-ga-cc .bundle-title, .track-order .from-ky-cc .bundle-title, .track-order .from-md-cc .bundle-title, .track-order .from-mf-cc .bundle-title, .track-order .from-nv-cc .bundle-title, .track-order .from-pa-cc .bundle-title, .track-order .from-tx-cc .bundle-title {
    background-size: 34px 45px
}

.bundle-item .bundle-title, .from-mf-g .bundle-title {
    background-image: url(../../med/track-icon-manuf.png)
}

.from-pa-g .bundle-title {
    background-image: url(../../med/track-icon-pa.png)
}

.from-ky-g .bundle-title {
    background-image: url(../../med/track-icon-ky.png)
}

.from-nv-g .bundle-title {
    background-image: url(../../med/track-icon-nv.png)
}

.from-tx-g .bundle-title {
    background-image: url(../../med/track-icon-tx.png)
}

.from-md-g .bundle-title {
    background-image: url(/med/track-icon-md.png)
}

.from-de-g .bundle-title {
    background-image: url(/med/track-icon-de.png)
}

.from-ga-g .bundle-title {
    background-image: url(/med/track-icon-ga.png)
}

.from-mf-cc .bundle-title {
    background-image: url(../../med/icon-cc.png)
}

.from-pa-cc .bundle-title {
    background-image: url(../../med/icon-cc-pa.png)
}

.from-ky-cc .bundle-title {
    background-image: url(../../med/icon-cc-ky.png)
}

.from-nv-cc .bundle-title {
    background-image: url(../../med/icon-cc-nv.png)
}

.from-tx-cc .bundle-title {
    background-image: url(../../med/icon-cc-tx.png)
}

.from-md-cc .bundle-title {
    background-image: url(../../med/icon-cc-md.png)
}

.from-de-cc .bundle-title {
    background-image: url(../../med/icon-cc-de.png)
}

.from-ga-cc .bundle-title {
    background-image: url(../../med/icon-cc-ga.png)
}

@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .bundle-item .bundle-title, .from-mf-g .bundle-title {
        background-image: url(../../med/track-icon-manuf_2x.png)
    }

    .from-pa-g .bundle-title {
        background-image: url(../../med/track-icon-pa_2x.png)
    }

    .from-ky-g .bundle-title {
        background-image: url(../../med/track-icon-ky_2x.png)
    }

    .from-nv-g .bundle-title {
        background-image: url(../../med/track-icon-nv_2x.png)
    }

    .from-tx-g .bundle-title {
        background-image: url(../../med/track-icon-tx_2x.png)
    }

    .from-de-g .bundle-title {
        background-image: url(/med/track-icon-de_2x.png)
    }

    .from-md-g .bundle-title {
        background-image: url(/med/track-icon-md_2x.png)
    }

    .from-ga-g .bundle-title {
        background-image: url(/med/track-icon-ga_2x.png)
    }

    .from-mf-cc .bundle-title {
        background-image: url(../../med/icon-cc_2x.png)
    }

    .from-pa-cc .bundle-title {
        background-image: url(../../med/icon-cc-pa_2x.png)
    }

    .from-ky-cc .bundle-title {
        background-image: url(../../med/icon-cc-ky_2x.png)
    }

    .from-nv-cc .bundle-title {
        background-image: url(../../med/icon-cc-nv_2x.png)
    }

    .from-tx-cc .bundle-title {
        background-image: url(../../med/icon-cc-tx_2x.png)
    }

    .from-de-cc .bundle-title {
        background-image: url(../../med/icon-cc-md_2x.png)
    }

    .from-md-cc .bundle-title {
        background-image: url(../../med/icon-cc-de_2x.png)
    }

    .from-ga-cc .bundle-title {
        background-image: url(../../med/icon-cc-ga_2x.png)
    }
}

.track-order-notifications {
    background: #edf9ff !important;
    border-bottom: 1px solid #dadbd9
}

    .track-order-notifications .track-instructions {
        float: left
    }

        .track-order-notifications .track-instructions h4 {
            text-transform: uppercase;
            margin: 0;
            font-weight: 700
        }

            .track-order-notifications .track-instructions h4 span {
                display: block;
                font-size: 13px;
                line-height: 15px;
                text-transform: none;
                font-weight: 400;
                max-width: 250px
            }

    .track-order-notifications .track-options {
        float: right;
        width: 215px
    }

@media(min-width:0px) and (max-width:599px) {
    .track-order-notifications .track-options {
        width: 100%;
        float: left;
        margin-top: 15px
    }

        .track-order-notifications .track-options label {
            margin-bottom: 12px
        }
}

.track-order-notifications .track-options .sms-tracking-info {
    margin-bottom: 5px
}

.flashy-header {
    position: relative;
    z-index: 1;
    margin: -24px 0 -12px;
    padding: 24px 20px 12px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

    .flashy-header .flashy-header-title {
        z-index: 2;
        color: #fff;
        text-align: center;
        text-shadow: 0 2px 3px rgba(0,0,0,.5);
        margin: 2rem 0;
        font-size: 1.4em
    }

@media(min-width:804px) {
    .flashy-header .flashy-header-title {
        font-size: 3vw;
        margin: 4rem 0
    }
}

.skinny-page {
    margin: 0 auto;
    max-width: 740px;
    padding: 0 20px;
    z-index: 2;
    position: relative
}

    .skinny-page > .box {
        box-shadow: 0 1px 3px rgba(0,0,0,.16);
        border-color: rgba(0,0,0,.07);
        background-clip: padding-box
    }

.shootout-pair {
    *zoom: 1
}

    .shootout-pair:after, .shootout-pair:before {
        display: table;
        content: "";
        line-height: 0
    }

    .shootout-pair:after {
        clear: both
    }

.shootout-pair-item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 8px
}

@media(min-width:370px) {
    .shootout-pair-item {
        padding: 20px 14px
    }
}

@media(min-width:600px) {
    .shootout-pair-item {
        padding: 30px 50px
    }
}

.shootout-pair-item:last-child {
    border-left: 1px solid #ddd
}

.shootout-pair-item .anti-btn, .shootout-pair-item .btn {
    margin: auto;
    font-size: 12px
}

@media(min-width:375px) {
    .shootout-pair-item .anti-btn, .shootout-pair-item .btn {
        font-size: 14px
    }
}

@media(min-width:400px) {
    .shootout-pair-item .anti-btn, .shootout-pair-item .btn {
        font-size: 16px
    }
}

.shootout-pair-item .anti-btn {
    border: 1px solid #dadbd9;
    box-shadow: none;
    background: 0 0;
    color: #aeb0ad;
    cursor: default
}

.shootout-pair-title {
    font-size: 20px;
    font-weight: 700
}

.shootout-pair-image {
    box-sizing: border-box;
    margin: 0 auto 16px;
    padding: 18px;
    display: block;
    border: 1px solid #bbb;
    box-shadow: 0 1px 4px rgba(0,0,0,.16)
}

    .shootout-pair-image img {
        width: 100%;
        display: block
    }

.shootout-pair-price {
    color: #cf3700;
    font-weight: 600;
    font-size: 1em
}

@media(min-width:600px) {
    .shootout-pair-price {
        font-size: 1.5em
    }
}

.shootout-pair-price .each {
    font-size: .5em;
    color: #3b3d3b
}

.shootout-pair-reviews {
    min-height: 28px
}

.shootout-summary {
    border-top: 1px solid #dadbd9;
    padding: 2em;
    text-align: center
}

    .shootout-summary h2 {
        font-size: 1.7em;
        margin-bottom: .5em
    }

    .shootout-summary h3 {
        margin-bottom: 1em;
        clear: left
    }

    .shootout-summary.last {
        padding-bottom: 5em
    }

.shootout-values {
    font-size: 15px
}

.matchup-thumbs {
    margin: 0 auto 1.4em;
    max-width: 220px;
    *zoom: 1
}

    .matchup-thumbs:after, .matchup-thumbs:before {
        display: table;
        content: "";
        line-height: 0
    }

    .matchup-thumbs:after {
        clear: both
    }

    .matchup-thumbs li {
        box-sizing: border-box;
        width: 44%;
        display: block;
        margin: 1px 3%;
        list-style: none;
        float: left;
        border: 1px solid #ddd;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        padding: 6px;
        background: #fff
    }

        .matchup-thumbs li img {
            display: block;
            width: 100%;
            max-width: 100%
        }

        .matchup-thumbs li.winning {
            margin-top: 0;
            position: relative;
            border-color: #529537;
            border-width: 2px;
            box-shadow: 0 1px 3px rgba(0,0,0,.2),0 0 10px rgba(82,149,55,.3)
        }

            .matchup-thumbs li.winning:before {
                content: " ";
                display: block;
                position: absolute;
                right: -12px;
                bottom: -12px;
                width: 28px;
                height: 28px;
                border-radius: 30px;
                border: 1px solid rgba(0,0,0,.26);
                background-origin: border-box;
                background-clip: border-box;
                background-color: #6fb84d;
                background-image: linear-gradient(180deg,#BEFA83,#5FB709);
                background-repeat: repeat-x;
                box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)
            }

            .matchup-thumbs li.winning:after {
                content: "\E884";
                display: block;
                position: absolute;
                color: #fff;
                text-shadow: 1px 0 2px rgba(0,0,0,.2);
                right: -5px;
                bottom: -5px
            }

.shootout-advantage {
    position: relative;
    padding: 0 60px;
    box-sizing: border-box
}

    .shootout-advantage:before {
        content: " ";
        display: block;
        background: #ddd;
        height: 1px;
        top: 14px;
        position: absolute;
        z-index: 0;
        left: 0;
        right: 0
    }

.shootout-summary-conclusion {
    position: relative;
    z-index: 1;
    font-size: 1em;
    font-weight: 600;
    color: #555;
    background: #fff
}

@media(min-width:804px) {
    .shootout-summary-conclusion {
        font-size: 1.4em
    }
}

.shootout-checkbox {
    position: absolute;
    top: -1px;
    width: 28px;
    height: 28px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    border-radius: 30px;
    border: 1px solid rgba(0,0,0,.26);
    background-origin: border-box;
    background-clip: border-box;
    background: #fff
}

    .shootout-checkbox.left {
        left: 0
    }

    .shootout-checkbox.right {
        right: 0
    }

    .shootout-checkbox.active {
        background-color: #6fb84d;
        background-image: linear-gradient(180deg,#BEFA83,#5FB709);
        background-repeat: repeat-x;
        box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)
    }

        .shootout-checkbox.active:before {
            content: "\E884";
            display: block;
            position: absolute;
            color: #fff;
            text-shadow: 1px 0 2px rgba(0,0,0,.2);
            left: 6px;
            top: 1px
        }

.shootout-value {
    display: block;
    font-size: .8em;
    font-weight: 700;
    margin-top: 5px
}

    .shootout-value.left {
        float: left
    }

    .shootout-value.right {
        float: right
    }

.shootout-summary-text {
    clear: both;
    width: 80%;
    margin: 0 auto;
    font-size: .9em
}

.shootout-winner-block {
    box-shadow: inset 0 1px 0 #fff;
    background: linear-gradient(#f6fff2,#efffe8 40%);
    border-top: 1px solid #dadbd9;
    text-align: center;
    padding: 4.7em 2em 2em;
    position: relative;
    border-radius: 0 0 4px 4px
}

    .shootout-winner-block h2 {
        font-size: 2em
    }

.shootout-winner-badge {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -41px;
    width: 83px;
    height: 83px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2);
    border-radius: 80px;
    border: 1px solid rgba(0,0,0,.26);
    background-color: #6fb84d;
    background: url(../../med/icon-comparison-trophy.png) repeat,linear-gradient(180deg,#BEFA83,#5FB709);
    background-position: 50%;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: border-box
}

.goto-product-block {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    padding: 25px;
    overflow: hidden;
    text-align: left
}

    .goto-product-block img {
        display: block;
        width: 50%;
        max-width: 120px;
        margin: 0 auto 18px
    }

@media(min-width:600px) {
    .goto-product-block {
        padding-left: 145px
    }

        .goto-product-block > img {
            width: 70px;
            float: left;
            margin-left: -120px;
            border: 1px solid rgba(0,0,0,.2);
            padding: 15px;
            box-shadow: 0 1px 3px rgba(0,0,0,.2)
        }
}

@media(min-width:804px) {
    .goto-product-block {
        padding-left: 205px
    }

        .goto-product-block > img {
            width: 130px;
            margin-left: -180px
        }
}

.goto-product-block h4 {
    font-size: 16px;
    margin-bottom: 0
}

.goto-product-block .item-number {
    font-size: 11px;
    margin-bottom: 3px
}

.goto-product-block .rating, .goto-product-block .shootout-pair-price {
    margin-bottom: 8px
}

.no-flexbox .vendor .grid-layout {
    width: 100% !important
}

.vendor-main {
    margin-top: 20px
}

@media(min-width:946px) {
    .vendor .vendor-main.grid-module {
        margin-right: 0
    }
}

.vendor .vendor-main .grid-parent {
    padding: 0;
    margin-bottom: -1px
}

@media(min-width:0px) and (max-width:599px) {
    .vendor-main.grid-module:not(.grid-children-0) .grid-parent {
        padding: 0
    }
}

.vendor-main .grid-parent {
    flex-direction: column;
    border-bottom: 0;
    padding: 0 0 30px
}

@media(min-width:946px) {
    .vendor-main .grid-parent {
        flex-direction: row;
        padding: 0
    }

    .no-flexbox .vendor-main .grid-parent {
        width: 100%
    }
}

.vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-image {
    flex: 1;
    display: block
}

@media(min-width:946px) {
    .vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-image {
        flex: 1 1 200px
    }
}

.vendor-main .grid-image {
    flex: 1;
    display: block;
    padding: 20px;
    position: relative;
    margin: 0
}

@media(min-width:600px) {
    .vendor-main .grid-image {
        margin: 20px 0 0
    }
}

@media(min-width:946px) {
    .vendor-main .grid-image {
        margin: 0;
        text-align: center;
        border-right: 1px solid #dadbd9
    }
}

.vendor-main .grid-image img {
    display: block;
    margin: 0 auto
}

.no-flexbox .vendor-main .grid-image {
    float: left;
    width: 29%;
    text-align: center
}

    .no-flexbox .vendor-main .grid-image img {
        width: 100%
    }

.vendor-main .grid-image .ie10, .vendor-main .grid-image .ie11 {
    flex: 0 1 auto;
    text-align: center
}

@media(min-width:946px) {
    .vendor-main .grid-right {
        flex: 1 1 55%
    }
}

@media(min-width:1280px) {
    .vendor-main .grid-right {
        flex: 1 1 60%
    }
}

.no-flexbox .vendor-main .grid-right {
    float: right;
    width: 70%
}

.ie10 .vendor-main .grid-right, .ie11 .vendor-main .grid-right {
    width: 100%
}

.vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-text {
    display: flex
}

@media(min-width:0px) and (max-width:599px) {
    .vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-text {
        padding: 20px
    }
}

@media(min-width:600px) {
    .vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-text {
        padding: 30px 40px
    }
}

@media(min-width:946px) {
    .vendor-main.grid-module:not(.grid-children-0) .grid-parent .grid-text {
        display: block
    }
}

.vendor-main .grid-text {
    flex-direction: column
}

@media(min-width:0px) and (max-width:945px) {
    .ie10 .vendor-main .grid-text, .ie11 .vendor-main .grid-text {
        max-width: 500px;
        margin: 0 auto
    }
}

@media(min-width:0px) and (max-width:599px) {
    .ie10 .vendor-main .grid-text, .vendor-main .grid-text .ie11 {
        max-width: none
    }
}

@media(min-width:946px) {
    .vendor-main .grid-text {
        display: block
    }
}

.vendor-main .grid-children {
    position: relative;
    border-top: 1px solid #dadbd9
}

    .vendor-main .grid-children .grid-child:nth-child(n) {
        border-bottom: 0
    }

    .vendor-main .grid-children .grid-child:nth-last-child(-n+2) {
        border-right: 0
    }

.vendor-main .grid-child {
    border: 1px solid #dadbd9;
    margin-top: -1px;
    margin-left: -1px;
    padding: 20px 2%
}

.vendor-main .vendor-rating p {
    display: inline-block;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0
}

.vendor-main .vendor-rating .stars {
    display: block;
    margin-left: 0;
    font-size: 24px
}

@media(min-width:946px) {
    .vendor-main .vendor-rating .stars {
        margin-left: 10px;
        display: inline-block
    }
}

.vendor .grid-module, .vendor .grid-module:last-child {
    margin-bottom: 20px
}

.vendor-play-btn {
    transform: translate(-50%,-50%);
    width: 75px;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,.7);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center
}

    .vendor-play-btn:before {
        content: "\E871";
        font-family: Fontello;
        font-size: 1.8em;
        color: #fff
    }

.vendor-small .grid-parent {
    padding-bottom: 0
}

.vendor-small .grid-image {
    border-right: 0
}

@media(min-width:946px) {
    .vendor-small .grid-right {
        border-left: 1px solid #dadbd9
    }
}

.vendor-small .grid-children {
    border-top: 1px solid #dadbd9;
    margin-top: 35px
}

@media(min-width:946px) {
    .vendor-small .grid-children {
        margin-top: 0
    }
}

.vendor-small .grid-children .grid-child:last-child:after {
    display: none
}

.vendor-small .ag-item .product-image img {
    display: inline-block
}

.vendor-smallad {
    order: 10;
    padding: 10px;
    width: 200px;
    border: 1px solid #dadbd9;
    float: none;
    margin: 20px auto 10px
}

@media(min-width:946px) {
    .vendor-smallad {
        float: right;
        display: inline-block;
        margin: 0 0 20px 20px
    }
}

.vendor-smallad-img {
    width: 60px;
    float: left
}

.vendor-smallad-discount {
    color: #cf3700;
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px
}

.vendor-smallad-desc {
    font-size: .8em;
    font-weight: 700;
    line-height: 1
}

.vendor-smallad-btn {
    margin-top: 20px
}

.vendor-subtitle {
    font-style: italic;
    font-size: 1.1em;
    margin-top: 10px
}

.vendor-top {
    transform: translate(-50%,-50%);
    width: 148px;
    height: 34px;
    background: url("../../med/top-products.png") no-repeat 50%/147px auto;
    top: 0;
    left: 50%;
    position: absolute;
    z-index: 1
}

.vendor-child {
    padding: 25px 1%
}

@media(min-width:946px) {
    .vendor .grid-module-large .vendor-sub.grid-split {
        flex: 0 0 49%;
        max-width: 49%
    }
}

.no-flexbox .vendor-sub {
    width: 49%;
    float: left
}

    .no-flexbox .vendor-sub:nth-child(2n) {
        margin-right: 0;
        clear: none
    }

    .no-flexbox .vendor-sub .grid-image {
        width: 30%
    }

    .no-flexbox .vendor-sub .grid-text {
        width: 70%
    }

@media(min-width:946px) {
    .vendor-sub:nth-child(odd):not(.vendor-single) {
        margin-right: 2%
    }
}

@media(min-width:946px) {
    .vendor-sub:nth-child(2n):not(.vendor-single) {
        margin-right: 0
    }
}

.vendor .grid-layout .vendor-sub.vendor-single {
    margin: 0 auto
}

@media(min-width:768px) {
    .vendor .grid-layout .vendor-sub.vendor-single {
        flex: 0 0 80%;
        max-width: 80%
    }
}

@media(min-width:1430px) {
    .vendor .grid-layout .vendor-sub.vendor-single {
        flex: 0 0 60%;
        max-width: 60%
    }
}

.vendor-sub .grid-image {
    padding: 0 20px
}

.vendor .vendor-sub h2 {
    font-size: 1.1em;
    color: #5FB709;
    line-height: 1.2em
}

.vendor-sub .grid-parent .sub-text {
    clear: both
}

.vendor-sub .pricing {
    font-size: .9em;
    margin-top: 10px
}

.vendor .price {
    font-size: 1.3em
}

.vendor .category-page {
    border-color: #d9ddd7
}

    .vendor .category-page:not(:first-child) {
        display: none
    }

.no-js .vendor .category-page:not(:first-child) {
    display: block
}

.rebate__terms {
    padding: 20px 5px;
    margin-top: 20px
}

.rebate__terms-box {
    padding: 0 15px;
    font-size: 16px;
    box-sizing: border-box
}

    .rebate__terms-box:not(:first-child) {
        margin-top: 30px
    }

@media(min-width:946px) {
    .rebate__terms-box {
        width: 50%
    }

        .rebate__terms-box:not(:first-child) {
            margin-top: 0
        }
}

.rebate__terms-box h3 {
    font-size: 20px
}

.rebate__heading {
    padding: 0 20px
}

@media(min-width:600px) {
    .rebate__heading {
        padding: 0
    }
}

.rebate__line {
    margin: 0 0 10px;
    line-height: 1.2em
}

    .rebate__line strong {
        display: inline-block;
        width: 55px
    }

.rebate__grid {
    width: 100%;
    overflow: visible
}

    .rebate__grid .rebate__item {
        background: #fff;
        border: 1px solid #dadbd9 !important;
        border-radius: 4px;
        text-align: center;
        width: 49%;
        margin: 0 2% 2% 0;
        padding-top: 30px
    }

        .rebate__grid .rebate__item:nth-child(2n) {
            margin-right: 0
        }

        .rebate__grid .rebate__item:nth-child(odd) {
            clear: left
        }

        .rebate__grid .rebate__item:nth-child(3n+1) {
            clear: none
        }

@media(min-width:768px) {
    .rebate__grid .rebate__item {
        width: 32%
    }

        .rebate__grid .rebate__item:nth-child(2n) {
            margin-right: 2%
        }

        .rebate__grid .rebate__item:nth-child(odd) {
            clear: none
        }

        .rebate__grid .rebate__item:nth-child(3n) {
            margin-right: 0
        }

        .rebate__grid .rebate__item:nth-child(3n+1) {
            clear: left
        }
}

@media(min-width:1280px) {
    .rebate__grid .rebate__item {
        width: 23.5%
    }

        .rebate__grid .rebate__item:nth-child(3n) {
            margin-right: 2%
        }

        .rebate__grid .rebate__item:nth-child(3n+1) {
            clear: none
        }

        .rebate__grid .rebate__item:nth-child(4n) {
            margin-right: 0
        }

        .rebate__grid .rebate__item:nth-child(4n+1) {
            clear: left
        }

        .rebate__grid .rebate__item:nth-child(5n+1) {
            clear: none
        }
}

.rebate__grid .rebate__item:last-child:after {
    display: none
}

.rebate__grid .rebate__item .product-image img {
    margin: 0 auto
}

.rebate__grid .rebate__item .btn {
    margin: 10px 0 5px;
    padding: 10px 20px 9px
}

.rebate__grid .rebate__item-table {
    margin: 20px auto 0;
    font-size: 10px;
    width: 100%
}

@media(min-width:600px) {
    .rebate__grid .rebate__item-table {
        font-size: 12px
    }
}

.rebate__grid .rebate__item-table td, .rebate__grid .rebate__item-table th {
    text-align: center;
    padding: 5px
}

.rebate__grid .rebate__expires {
    width: 131px;
    height: 26px;
    background: url(../../med/expire-bg.png) no-repeat 50%;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    font-weight: 600;
    position: absolute;
    top: 5px;
    left: -2px;
    z-index: 10;
    box-sizing: border-box;
    text-align: left;
    padding-left: 15px
}

@media(min-width:1280px) {
    .rebate__grid .rebate__expires {
        top: 20px;
        font-size: 12px
    }
}

.rebate__grid .rebate__sub-text {
    height: 1.7em;
    overflow: hidden
}

    .rebate__grid .rebate__sub-text:hover {
        height: auto
    }

.rebate__table {
    border-collapse: collapse;
    border: 1px solid #dadbd9;
    border-bottom: 0;
    border-right: 0;
    background: #fff;
    box-shadow: inset -1px -1px 0 #d9ddd7
}

    .rebate__table thead tr {
        display: none
    }

@media(min-width:768px) {
    .rebate__table thead tr {
        display: table-row
    }
}

.rebate__table thead tr th {
    vertical-align: middle
}

.rebate__table tr {
    display: inline-block;
    width: 50%;
    border-right: 1px solid #dadbd9;
    border-bottom: 1px solid #dadbd9;
    box-sizing: border-box;
    float: left
}

    .rebate__table tr:nth-child(2n) {
        background: hsla(100,8%,85%,.13)
    }

@media(min-width:768px) {
    .rebate__table tr {
        border: 0;
        display: table-row;
        float: none
    }
}

.rebate__table td, .rebate__table th {
    padding: 8px;
    vertical-align: middle
}

@media(min-width:768px) {
    .rebate__table td, .rebate__table th {
        padding: 15px
    }
}

.rebate__table th {
    display: none
}

    .rebate__table th:first-child {
        width: 40%
    }

    .rebate__table th:nth-child(2) {
        width: 25%
    }

    .rebate__table th:nth-child(3) {
        width: 10%
    }

    .rebate__table th:nth-child(4) {
        width: 15%
    }

@media(min-width:768px) {
    .rebate__table th {
        display: table-cell
    }
}

.rebate__table td {
    font-size: 13px;
    display: block;
    text-align: center;
    border: 0
}

@media(min-width:768px) {
    .rebate__table td {
        border-right: 1px solid #dadbd9
    }
}

.rebate__table td:first-child {
    padding-top: 15px
}

@media(min-width:768px) {
    .rebate__table td:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px
    }
}

@media(min-width:1280px) {
    .rebate__table td:first-child {
        max-width: none
    }
}

.rebate__table td:last-child {
    padding-bottom: 15px
}

@media(min-width:768px) {
    .rebate__table td:last-child {
        border-right: 0
    }
}

.rebate__table td:before {
    content: attr(data-title);
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 700
}

@media(min-width:768px) {
    .rebate__table td {
        display: table-cell;
        text-align: left;
        border-top: 1px solid #dadbd9
    }

        .rebate__table td:first-child, .rebate__table td:last-child {
            padding: 15px
        }

        .rebate__table td:before {
            display: none
        }
}

@media(min-width:1280px) {
    .rebate__table td {
        font-size: 15px
    }
}

.rebate__table td a {
    font-weight: 600
}

@media(min-width:768px) {
    .rebate__table td a:not(.btn) {
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media(min-width:1280px) {
    .rebate__table td a:not(.btn) {
        white-space: normal
    }
}

.rebate__table-items, .rebate__table-title {
    height: 49px;
    overflow: hidden;
    display: block
}

@media(min-width:768px) {
    .rebate__table-items, .rebate__table-title {
        height: auto
    }
}

.media-card {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #dadbd9;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
    background: #fff;
    font-size: .8em;
    line-height: 1.2em
}

@media(min-width:0px) and (max-width:599px) {
    .media-card {
        border-radius: 0
    }
}

.media-card .pricing {
    margin-bottom: 0
}

    .media-card .pricing .price {
        font-size: 2em
    }

.media-card .resources {
    margin-top: 0 !important
}

.media-card .item-list .item .description {
    font-size: 13px
}

.media-card .item-list i {
    font-size: 12px;
    line-height: 14px
}

.media-card__feature {
    display: block;
    width: 100%
}

    .media-card__feature .video-ui {
        box-shadow: none;
        margin-bottom: 0 !important
    }

    .media-card__feature > * {
        width: 100%
    }

.media-card__feature--compact {
    max-height: 140px;
    overflow: hidden
}

    .media-card__feature--compact img {
        position: relative;
        top: -50px
    }

.media-card__description {
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    float: left
}

.media-card__description--colored {
    background: #eee
}

.media-card__description p:last-child {
    margin-bottom: 0
}

.media-card__description [class^=header-] a:not(.media-card__link), .media-card__description [class^=header-] a:not(.media-card__link):hover {
    color: #3b3d3b
}

.media-card__footer {
    border-top: 1px solid #dadbd9;
    padding: 15px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

    .media-card__footer [class^=header-] {
        margin-bottom: 5px;
        border: 0
    }

.media-card__ribbon {
    position: absolute;
    z-index: 10;
    width: auto;
    background: rgba(0,0,0,.8);
    padding: 8px 13px;
    color: #fff;
    font-size: 13px;
    top: 10px
}

    .media-card__ribbon span {
        display: block;
        color: #50b4f5;
        font-size: 15px
    }

.media-card__section {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px 15px
}

    .media-card__section [class^=header-] {
        margin-bottom: 5px;
        border: 0;
        padding: 0
    }

.media-card__section--split {
    width: 50%;
    border-bottom: 1px solid #dadbd9;
    border-top: 1px solid #dadbd9;
    margin-bottom: -1px
}

    .media-card__section--split + .media-card__section--split {
        border-left: 1px solid #dadbd9
    }

.media-card__section--center {
    text-align: center
}

.media-card__overflow {
    max-height: 80px;
    min-height: 80px;
    overflow: hidden;
    margin-bottom: 15px
}

.media-card__overflow--compact {
    max-height: 30px;
    min-height: 30px;
    overflow: hidden
}

.media-card__overflow--medium {
    max-height: 68px;
    min-height: 68px;
    overflow: hidden
}

.no-flexbox .media-card__overflow--medium {
    max-height: 80px;
    min-height: 80px
}

.no-bottom-margin {
    margin-bottom: 0
}

.compact-bottom-margin {
    margin-bottom: 5px
}

.media-grid > * {
    float: left;
    margin: 0 2% 20px 0;
    width: 100%
}

.media-grid--1 .media-card {
    width: 100%;
    margin-right: 0
}

@media(min-width:600px) {
    .media-grid--2 .media-card {
        width: 49%
    }

        .media-grid--2 .media-card:nth-child(2n) {
            margin-right: 0
        }
}

@media(min-width:1280px) {
    .media-grid--2 .media-card {
        width: 49%
    }

        .media-grid--2 .media-card:nth-child(2n) {
            margin-right: 0
        }
}

@media(min-width:600px) {
    .media-grid--3 .media-card {
        width: 49%
    }

        .media-grid--3 .media-card:nth-child(2n) {
            margin-right: 0
        }
}

@media(min-width:1280px) {
    .media-grid--3 .media-card {
        width: 32%
    }

        .media-grid--3 .media-card:nth-child(2n) {
            margin-right: 2%
        }

        .media-grid--3 .media-card:nth-child(3n) {
            margin-right: 0
        }
}

@media(min-width:600px) {
    .media-grid--flex {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:600px) {
    .media-grid--flex .media-card {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between
    }
}

.media-card--resource {
    transition: all .1s ease
}

@media(min-width:0px) and (max-width:600px) {
    .media-card--resource {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
        margin: 0 0 -1px;
        padding: 10px
    }
}

.media-card--resource .media-card__description {
    color: #888b86
}

    .media-card--resource .media-card__description .header-3, .media-card--resource .media-card__description h3 {
        font-size: 15px;
        line-height: 15px;
        margin-left: 0;
        margin-right: 0
    }

    .media-card--resource .media-card__description p {
        font-size: 13px
    }

.media-card--resource:hover {
    border-color: #aeb0ad
}

    .media-card--resource:hover img {
        opaCity: .95
    }

@media(min-width:0px) and (max-width:600px) {
    .media-card--resource:not(.media-card--spotlight):not(.video) .media-card__description {
        float: left;
        width: 60%;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .media-card--resource:not(.media-card--spotlight):not(.video) .media-card__feature {
        width: 150px;
        height: 100px;
        float: left;
        position: relative;
        overflow: hidden
    }

        .media-card--resource:not(.media-card--spotlight):not(.video) .media-card__feature img {
            position: absolute;
            top: 0;
            left: 0;
            width: auto;
            height: 100%;
            max-width: none
        }

    .media-card--resource:not(.media-card--spotlight):not(.video) .media-card__overflow--medium {
        max-height: 99px;
        min-height: 99px
    }
}

@media(min-width:0px) and (max-width:599px) {
    .aside .media-card--resource {
        margin-bottom: -1px
    }

        .aside .media-card--resource:last-child {
            margin-bottom: 20px
        }
}

@media(min-width:600px) {
    .aside .media-card--resource {
        margin-bottom: 20px
    }
}

.media-grid--spotlight {
    flex-wrap: nowrap !important
}

.media-card--spotlight {
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1 1 auto
}

@media(min-width:600px) {
    .media-card--spotlight .media-card__description h3 {
        font-size: 24px;
        line-height: 26px
    }

    .media-card--spotlight .media-card__description p {
        font-size: 16px;
        line-height: 18px
    }
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--spotlight__flow {
        min-height: 70px
    }
}

@media(min-width:600px) {
    .media-card--spotlight__flow {
        flex: 1 1 auto;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden
    }
}

@media(min-width:601px) and (max-width:1100px) {
    .media-card--spotlight__flow {
        min-height: 150px
    }
}

.media-card--spotlight__flow:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.02),#fff);
    background-color: hsla(0,0%,100%,.01) !important
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--spotlight__flow:after {
        display: none
    }
}

.media-card--spotlight__flow .media-card__description {
    position: absolute
}

@media(min-width:600px) {
    .spotlight-large .media-card__description {
        padding: 25px
    }

        .spotlight-large .media-card__description h3 {
            font-size: 34px;
            line-height: 30px
        }

        .spotlight-large .media-card__description p {
            font-size: 17px;
            line-height: 24px
        }
}

@media(min-width:0px) and (max-width:599px) {
    .spotlight-large .media-card--spotlight__flow {
        min-height: 350px
    }
}

.aside .media-card.video {
    font-weight: 400
}

    .aside .media-card.video a {
        display: block
    }

.media-card--recipe .recipe-level {
    list-style: none;
    margin: 0
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--recipe .recipe-level {
        display: inline-block
    }
}

.media-card--recipe .recipe-level li {
    display: inline-block;
    padding-right: 10px
}

    .media-card--recipe .recipe-level li i {
        opaCity: .5;
        padding-right: 5px
    }

@media(min-width:0px) and (max-width:599px) {
    .media-card--recipe .media-card__feature {
        max-height: 150px;
        overflow: hidden
    }
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--recipe .media-card__description {
        width: 60%;
        margin-right: -1px;
        border-right: 1px solid #dadbd9
    }
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--recipe .media-card__overflow {
        max-height: 30px;
        min-height: auto
    }
}

@media(min-width:0px) and (max-width:599px) {
    .media-card--recipe .media-card__section--split {
        width: 40%;
        border-bottom: 0;
        border-left: 1px solid #dadbd9
    }
}

.category-promo {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    position: relative;
    margin-bottom: 20px
}

@media(min-width:0px) and (max-width:599px) {
    .category-promo {
        margin-left: 10px;
        margin-right: 10px
    }
}

.category-promo img {
    width: 100%;
    display: block
}

.category-promo:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    opaCity: .2;
    border-radius: 4px;
    pointer-events: none
}

@media(min-width:0px) and (max-width:945px) {
    .category-promo--sidebar {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto
    }
}

.category-promo--eyebrow {
    width: 100%
}

@media(min-width:946px) {
    .category-promo--eyebrow {
        margin-right: 2%
    }
}

.category-promo--eyebrow-live {
    width: 100%;
    overflow: hidden;
    background: #244266;
    display: flex;
    justify-content: space-between
}

    .category-promo--eyebrow-live img {
        width: 100%;
        flex: 0 0 200px
    }

@media(min-width:946px) {
    .category-promo--eyebrow-live {
        margin-right: 2%
    }
}

.category-promo__text {
    width: 100%;
    display: flex;
    align-items: center;
    color: #f4f4f4
}

@media(min-width:0px) and (max-width:599px) {
    .category-promo__text {
        display: none
    }
}

.category-promo__text p {
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    padding: 8px
}

@media(min-width:1100px) {
    .category-promo__text p {
        font-size: 18px;
        line-height: 15px
    }
}

.category-promo__cta {
    display: flex;
    float: right;
    border-left: 1px solid rgba(0,0,0,.39);
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 5px;
    background: rgba(0,0,0,.39);
    color: #dadbd9
}

@media(min-width:0px) and (max-width:599px) {
    .category-promo__cta {
        order: 2
    }
}

@media(min-width:600px) {
    .category-promo__cta {
        min-width: 75px
    }
}

.category-promo__cta i {
    color: #aeb0ad;
    margin-left: 10px
}

.category-promo__cta .cta-text {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600
}

@media(min-width:0px) and (max-width:599px) {
    .category-promo__cta .cta-text {
        font-size: 11px;
        line-height: 13px
    }
}

.grid__block .category-promo {
    margin-bottom: 0
}

@media(min-width:0px) and (max-width:599px) {
    .grid__block .category-promo {
        margin-left: 0;
        margin-right: 0
    }
}

#page.manage-quotes {
    font-size: 15px
}

.box--confirm {
    padding-top: 6%;
    padding-bottom: 6%;
    text-align: center
}

    .box--confirm h1 {
        font-weight: 700
    }

        .box--confirm h1 span {
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            display: block
        }

    .box--confirm a.small {
        font-size: 12px;
        margin-top: 10px;
        display: inline-block;
        color: inherit;
        text-decoration: none;
        text-decoration-skip: ink
    }

        .box--confirm a.small:hover {
            text-decoration: underline
        }

.box--has-table h2 {
    font-size: 21px;
    line-height: normal
}

.table--fluid tr td:first-child::before {
    content: "Quote"
}

.table--fluid tr td:nth-child(2):before {
    content: "Created"
}

.table--fluid tr td:nth-child(3):before {
    content: "Expires"
}

.table--fluid tr td:nth-child(4):before {
    content: "Items"
}

.table--fluid tr td:nth-child(5):before {
    content: "Viewed?"
}

.table--fluid tr td:nth-child(6):before {
    content: "Purchase"
}

.table--expired tr td:nth-child(3):before {
    content: "Expired"
}

.table--expired tr td:nth-child(6):before {
    content: "Extend"
}

.table--fluid tbody tr:nth-child(odd) td, .table--fluid tbody tr:nth-child(odd) th {
    background-color: transparent
}

@media(min-width:620px) {
    .box--confirm {
        padding-top: 3%;
        padding-bottom: 3%
    }

    .table--fluid tbody tr:nth-child(odd) td, .table--fluid tbody tr:nth-child(odd) th {
        background-color: #f6f7f5
    }
}

.grid-children, .grid-children-0 .grid-text, .grid-container, .grid-item, .grid-layout, .grid-module {
    display: flex
}

.grid-module {
    box-sizing: border-box
}

.grid-children, .grid-item {
    flex: 1 1 auto
}

@media(min-width:0px) and (max-width:945px) {
    .grid-layout {
        flex-direction: column
    }
}

.grid-layout .grid-module-side {
    order: 1
}

@media(min-width:946px) {
    .grid-layout .grid-module-side {
        flex: 0 0 300px
    }
}

.grid-layout--tuck {
    position: relative;
    z-index: 5
}

@media(min-width:600px) {
    .grid-layout--tuck {
        margin-top: -50px
    }
}

.grid-container {
    flex-wrap: wrap;
    overflow: hidden;
    align-content: flex-start
}

.grid-container--compact {
    align-items: flex-start
}

.grid-container .grid-module--collapse {
    margin: 0
}

.grid-container, .grid-container .padded-subtle, .grid-module-blank, .grid-module-blank .padded-subtle {
    flex: 1 1 auto
}

.grid-container, .grid-module {
    flex: 1 1 auto;
    width: 100%
}

.grid-module {
    background: #fff;
    border: 1px solid #dadbd9;
    border-radius: 4px;
    margin-bottom: 20px
}

    .grid-module:last-child {
        margin-bottom: 0
    }

    .grid-module + .box {
        margin-top: 20px
    }

.grid-module, .grid-module-blank {
    flex-direction: column;
    overflow: hidden
}

@media(min-width:946px) {
    .grid-container .grid-module, .grid-container .grid-module-blank {
        margin-right: 2%
    }
}

.grid-module--wrap {
    flex-direction: row;
    flex-wrap: wrap
}

@media(min-width:946px) {
    .grid-container .grid-module--collapse {
        margin: 0
    }
}

.grid-parent {
    align-items: center;
    border-bottom: 1px solid #dadbd9
}

    .grid-parent:only-child {
        border-bottom: none
    }

.grid-child {
    position: relative
}

    .grid-child:last-child {
        border-right: none !important
    }

.grid-children {
    flex-wrap: wrap
}

.grid-module .grid-child {
    flex: 1 1 28.333%
}

    .grid-module .grid-child:nth-child(n) {
        border-right: 1px solid #dadbd9
    }

    .grid-module .grid-child:nth-child(3n) {
        border-right: none
    }

    .grid-module .grid-child:nth-child(n) {
        border-bottom: 1px solid #dadbd9
    }

    .grid-module .grid-child:nth-last-child(-n+3) {
        border-bottom: none
    }

    .grid-module .grid-child:last-child:after {
        display: none;
        content: "";
        display: block;
        border-top: 1px solid #dadbd9;
        width: 700%;
        height: 1px;
        position: absolute;
        left: 0;
        top: -1px
    }

.grid-children-0 {
    flex: 1 1 auto
}

.grid-children-2 .grid-child, .grid-children-4 .grid-child {
    flex: 1 1 41%
}

    .grid-children-2 .grid-child:nth-child(n), .grid-children-4 .grid-child:nth-child(n) {
        border-right: 1px solid #dadbd9
    }

    .grid-children-2 .grid-child:nth-child(2n), .grid-children-4 .grid-child:nth-child(2n) {
        border-right: none
    }

    .grid-children-2 .grid-child:nth-child(n), .grid-children-4 .grid-child:nth-child(n) {
        border-bottom: 1px solid #dadbd9
    }

    .grid-children-2 .grid-child:nth-last-child(-n+2), .grid-children-4 .grid-child:nth-last-child(-n+2) {
        border-bottom: none
    }

    .grid-children-2 .grid-child:last-child:after, .grid-children-4 .grid-child:last-child:after {
        display: none
    }

@media(min-width:600px) {
    .grid-children-4 .grid-child, .grid-children-7 .grid-child, .grid-children-8 .grid-child {
        flex: 1 1 20%
    }

        .grid-children-4 .grid-child:nth-child(n), .grid-children-7 .grid-child:nth-child(n), .grid-children-8 .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        .grid-children-4 .grid-child:nth-child(4n), .grid-children-7 .grid-child:nth-child(4n), .grid-children-8 .grid-child:nth-child(4n) {
            border-right: none
        }

        .grid-children-4 .grid-child:nth-child(n), .grid-children-8 .grid-child:nth-child(n) {
            border-bottom: 1px solid #dadbd9
        }

        .grid-children-4 .grid-child:nth-last-child(-n+4), .grid-children-8 .grid-child:nth-last-child(-n+4) {
            border-bottom: none
        }

        .grid-children-4 .grid-child:last-child:after, .grid-children-8 .grid-child:last-child:after {
            display: none
        }
}

@media(min-width:768px) {
    .grid-children-5 .grid-child, .grid-children-9 .grid-child, .grid-children-10 .grid-child, .grid-children-max .grid-child {
        flex: 1 1 15%
    }

        .grid-children-5 .grid-child:nth-child(n), .grid-children-9 .grid-child:nth-child(n), .grid-children-10 .grid-child:nth-child(n), .grid-children-max .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        .grid-children-5 .grid-child:nth-child(5n), .grid-children-9 .grid-child:nth-child(5n), .grid-children-10 .grid-child:nth-child(5n), .grid-children-max .grid-child:nth-child(5n) {
            border-right: none
        }

        .grid-children-5 .grid-child:nth-child(n), .grid-children-10 .grid-child:nth-child(n) {
            border-bottom: 1px solid #dadbd9
        }

        .grid-children-5 .grid-child:nth-last-child(-n+5), .grid-children-10 .grid-child:nth-last-child(-n+5) {
            border-bottom: none
        }

        .grid-children-5 .grid-child:last-child:after, .grid-children-10 .grid-child:last-child:after {
            display: none
        }

        .grid-children-9 .grid-child:nth-child(n) {
            border-bottom: 1px solid #dadbd9
        }

        .grid-children-9 .grid-child:nth-last-child(-n+5) {
            border-bottom: none
        }

        .grid-children-9 .grid-child:last-child:after {
            display: none;
            content: "";
            display: block;
            border-top: 1px solid #dadbd9;
            width: 700%;
            height: 1px;
            position: absolute;
            left: 0;
            top: -1px
        }

    .grid-children-max .grid-children .grid-item {
        border-bottom: none !important;
        border-top: 1px solid #dadbd9
    }
}

@media(min-width:946px) {
    .grid-module-large .grid-children-0 {
        flex: 1 1 200px
    }

    .grid-split.grid-children-0 {
        flex: 0 0 48%;
        max-width: 48%
    }

    .grid-children-2 {
        flex-direction: row
    }

        .grid-children-2 .grid-parent {
            border-right: 1px solid #dadbd9;
            border-bottom: none;
            flex: 2
        }

        .grid-children-2 .grid-children {
            flex: 1;
            flex-direction: column
        }

            .grid-children-2 .grid-children .grid-child:nth-child(n) {
                border-bottom: 1px solid #dadbd9
            }

            .grid-children-2 .grid-children .grid-child:last-child {
                border-bottom: none
            }

                .grid-children-2 .grid-children .grid-child:last-child:after {
                    display: none
                }

            .grid-children-2 .grid-children .grid-child {
                border-right: none
            }
}

@media(min-width:1100px) {
    .grid-children-3:not(.grid-split), .grid-children-6:not(.grid-split) {
        flex-direction: row
    }

        .grid-children-3:not(.grid-split) .grid-parent, .grid-children-6:not(.grid-split) .grid-parent {
            border-right: 1px solid #dadbd9;
            border-bottom: none
        }

        .grid-children-3:not(.grid-split) .grid-children, .grid-children-3:not(.grid-split) .grid-parent, .grid-children-6:not(.grid-split) .grid-children, .grid-children-6:not(.grid-split) .grid-parent {
            flex: 1
        }
}

@media(min-width:1280px) {
    .grid-children-2 .grid-children {
        flex-direction: row
    }

        .grid-children-2 .grid-children .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        .grid-children-2 .grid-children .grid-child:nth-child(2) {
            border-right: none
        }

        .grid-children-2 .grid-children .grid-child {
            border-bottom: none !important
        }

    .grid-children-2:not(.grid-thirds):not(.grid-split) .grid-parent, .grid-children-4:not(.grid-split) .grid-parent {
        flex: 1.5
    }

    .grid-children-2:not(.grid-thirds):not(.grid-split) .grid-children, .grid-children-4:not(.grid-split) .grid-children {
        flex: 1
    }

    .grid-children-4:not(.grid-split) {
        flex-direction: row
    }

        .grid-children-4:not(.grid-split) .grid-child {
            flex: 1 1 41%
        }

            .grid-children-4:not(.grid-split) .grid-child:nth-child(n) {
                border-right: 1px solid #dadbd9
            }

            .grid-children-4:not(.grid-split) .grid-child:nth-child(2n) {
                border-right: none
            }

        .grid-children-4:not(.grid-split) .grid-parent {
            border-right: 1px solid #dadbd9;
            border-bottom: none
        }

        .grid-children-4:not(.grid-split) .grid-child:nth-child(n) {
            border-bottom: 1px solid #dadbd9
        }

        .grid-children-4:not(.grid-split) .grid-child:nth-last-child(-n+2) {
            border-bottom: none
        }

        .grid-children-4:not(.grid-split) .grid-child:last-child:after {
            display: none
        }

    .grid-split .grid-parent, .grid-thirds .grid-parent {
        border-right: none;
        border-bottom: 1px solid #dadbd9;
        flex: 4 1 auto
    }

    .grid-split .grid-children, .grid-thirds .grid-children {
        flex: 1 1 auto
    }

    .grid-split.grid-children-2, .grid-split.grid-children-3, .grid-split.grid-children-5, .grid-split.grid-children-6 {
        flex-direction: column
    }

    .grid-split.grid-children-0, .grid-split.grid-children-2, .grid-split.grid-children-3, .grid-split.grid-children-4, .grid-split.grid-children-5, .grid-split.grid-children-6 {
        flex: 0 0 48%;
        max-width: 48%
    }

    .grid-thirds.grid-children-2, .grid-thirds.grid-children-3 {
        flex-direction: column
    }

    .grid-thirds.grid-children-0, .grid-thirds.grid-children-2, .grid-thirds.grid-children-3 {
        flex: 0 0 31.33333333%
    }

    .grid-children-7 .grid-child, .grid-children-8 .grid-child {
        flex: 1 1 auto
    }

        .grid-children-7 .grid-child:nth-child(n), .grid-children-8 .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9;
            border-bottom: none
        }

        .grid-children-7 .grid-child:last-child, .grid-children-8 .grid-child:last-child {
            border-right: none
        }

    .grid-children-7 .grid-child, .grid-children-8 .grid-child {
        flex: 1
    }

    .grid-children-7 .grid-children, .grid-children-8 .grid-children {
        flex-wrap: nowrap
    }
}

@media(min-width:1430px) {
    .grid-children-max .grid-child {
        flex: 1 1 11.666%
    }

        .grid-children-max .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        .grid-children-max .grid-child:nth-child(6n) {
            border-right: none
        }
}

@media screen and (min-width:1600px) {
    .grid-children-8 {
        flex-direction: row
    }

        .grid-children-8 .grid-parent {
            border-right: 1px solid #dadbd9;
            border-bottom: none
        }

        .grid-children-8 .grid-children {
            flex-wrap: wrap
        }

        .grid-children-8 .grid-child:nth-child(n) {
            border-right: 1px solid #dadbd9
        }

        .grid-children-8 .grid-child:nth-child(4n) {
            border-right: none
        }

        .grid-children-8 .grid-child:nth-child(n) {
            border-bottom: 1px solid #dadbd9
        }

        .grid-children-8 .grid-child:nth-last-child(-n+4) {
            border-bottom: none
        }

        .grid-children-8 .grid-child:last-child:after {
            display: none
        }

        .grid-children-8 .grid-child {
            flex: 1 1 20%
        }
}

.grid-parent {
    overflow: hidden
}

    .grid-parent .grid-image {
        display: block
    }

    .grid-parent .sub-text {
        text-transform: uppercase;
        font-size: 10px;
        margin-top: 8px;
        text-align: center;
        margin-bottom: -10px;
        line-height: 1.4em
    }

    .grid-parent .grid-text {
        padding: 15px;
        box-sizing: border-box
    }

        .grid-parent .grid-text p:not(.sub-text):last-child {
            margin-bottom: 0
        }

    .grid-parent h2, .grid-parent h3 {
        font-size: 24px;
        line-height: 1em;
        margin-bottom: 10px
    }

    .grid-parent p {
        color: #3b3d3b;
        font-weight: 400;
        font-size: .75em;
        line-height: 1.4em;
        margin-bottom: 10px
    }

    .grid-parent .shopAll {
        float: left
    }

@media(min-width:0px) and (max-width:599px) {
    .grid-parent .shopAll {
        width: 100%
    }
}

.grid-split .grid-parent .grid-image img {
    max-width: 200px;
    width: 100%
}

.grid-parent {
    padding: 10px 0
}

@media(min-width:1800px) {
    .grid-parent {
        padding: 40px 0
    }
}

.grid-module-small .grid-children-0 .grid-parent .grid-image, .grid-module:not(.grid-children-0) .grid-parent .grid-image {
    flex: 1 1 200px
}

.grid-module-small .grid-children-0 .grid-parent .grid-text, .grid-module:not(.grid-children-0) .grid-parent .grid-text {
    flex: 3 1 90%;
    display: block
}

@media(min-width:0px) and (max-width:599px) {
    .grid-module-small .grid-children-0 .grid-parent, .grid-module:not(.grid-children-0) .grid-parent {
        flex-direction: column;
        padding: 15px
    }

        .grid-module-small .grid-children-0 .grid-parent .grid-image, .grid-module:not(.grid-children-0) .grid-parent .grid-image {
            display: none
        }

        .grid-module-small .grid-children-0 .grid-parent .grid-text, .grid-module:not(.grid-children-0) .grid-parent .grid-text {
            display: block;
            flex: none;
            padding: 0
        }

        .grid-module-small .grid-children-0 .grid-parent .btn, .grid-module:not(.grid-children-0) .grid-parent .btn {
            display: block;
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            box-sizing: border-box
        }
}

@media(min-width:1481px) {
    .grid-module-small .grid-children-0.grid-thirds .grid-image, .grid-module:not(.grid-children-0).grid-thirds .grid-image {
        flex: 1 1 100px
    }
}

@media(min-width:1280px) and (max-width:1480px) {
    .grid-module-small .grid-children-0.grid-thirds .grid-parent .grid-image, .grid-module:not(.grid-children-0).grid-thirds .grid-parent .grid-image {
        display: none
    }

    .grid-module-small .grid-children-0.grid-thirds .grid-parent .grid-text, .grid-module:not(.grid-children-0).grid-thirds .grid-parent .grid-text {
        flex: 1
    }
}

.grid-module-small .grid-children-0 .grid-image {
    padding-right: 15px
}

@media(min-width:0px) and (max-width:599px) {
    .grid-children-0 .grid-image, .grid-module-small .grid-children-0 .grid-image {
        display: none
    }
}

.grid-module-large .grid-children-0 .grid-parent {
    align-items: stretch;
    position: relative
}

@media(min-width:1800px) {
    .grid-module-large .grid-children-0 .grid-parent {
        padding: 25px
    }
}

.grid-module-large .grid-children-0 .grid-text {
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 15px;
    width: 100%
}

.grid-module-large .grid-children-0:not(.grid-split) .grid-parent {
    flex-direction: column;
    justify-content: space-between
}

.grid-module-large .grid-children-0:not(.grid-split) .grid-header-parent {
    display: flex;
    flex-direction: column
}

    .grid-module-large .grid-children-0:not(.grid-split) .grid-header-parent h2 {
        font-size: 21px;
        line-height: 1.1em;
        margin-bottom: 0;
        margin-left: 10px
    }

@media(min-width:0px) and (max-width:599px) {
    .grid-module-large .grid-children-0:not(.grid-split) .grid-header-parent h2 {
        margin-left: 0
    }
}

.grid-module-large .grid-children-0:not(.grid-split) .grid-header-child {
    padding: 15px 15px 10px;
    display: flex;
    flex-direction: row
}

.grid-module-large .grid-children-0:not(.grid-split) .grid-text {
    padding-top: 0;
    justify-content: space-between
}

.grid-module-large .grid-children-0:not(.grid-split) .shopAll {
    float: left;
    width: 100%;
    padding: 0 15px 15px;
    box-sizing: border-box
}

.grid-module-large .grid-children-0:not(.grid-split) .grid-image {
    flex: 0 1 70px
}

.grid-module-large .grid-children-0:not(.grid-split) .btn {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

.grid-module-large .grid-children-0.grid-split .grid-parent {
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0
}

.grid-module-large .grid-children-0.grid-split .grid-image {
    flex: 2 1 auto;
    padding: 0 10px
}

    .grid-module-large .grid-children-0.grid-split .grid-image img {
        max-width: 100%
    }

.grid-module-large .grid-children-0.grid-split .grid-text {
    flex: 1 2 auto;
    justify-content: flex-end;
    text-align: center
}

.grid-module-large .grid-children-0.grid-split .btn {
    width: 50%;
    margin: 0 auto
}

.grid-child {
    padding: 10px 2%;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.no-touchevents .grid-child:hover {
    box-shadow: inset 0 1px 0 #fff,inset 0 5px 15px hsla(100,9%,94%,.8)
}

.no-touchevents .grid-child:active {
    box-shadow: inset 0 3px 3px hsla(100,2%,68%,.1),inset 0 5px 15px hsla(100,9%,94%,.8)
}

.grid-child img {
    margin-bottom: 10px;
    width: 76px
}

.grid-child .description {
    font-weight: 600;
    font-size: .7em;
    line-height: 1.15em;
    width: 100%;
    overflow: hidden;
    max-height: 42px;
    display: block
}

.grid-children-max .grid-child img {
    width: auto
}

.grid-module-side .box {
    margin-bottom: 20px
}

.grid-module-side .padded {
    padding: 20px
}

.grid-module-side .resources {
    margin-bottom: 15px
}

.ab-hide-cta-btn .shopAll {
    display: none
}

.upsell--plus .upsell__content {
    margin-top: 0 !important
}

@media(max-width:945px) {
    .nav-child-link:after {
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        font-variant: normal;
        text-transform: none
    }
}

@media(min-width:0px) and (max-width:599px) {
    #web-internal-trigger {
        display: none !important
    }

    #faq {
        padding: 0
    }

        #faq .support-body {
            border-left: none;
            border-right: none;
            border-radius: 0;
            margin-top: 5px
        }

        #faq .support-faq-listing {
            padding: 0 15px
        }

    .homeNew .side-col {
        box-sizing: border-box;
        padding-left: 10px
    }

    .fsr-content-wrap {
        padding: 0 10px
    }

    .toolbar, .uiChrome {
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        border-right: none;
        border-left: none
    }

    .replacement-parts-banner {
        padding: 10px 0;
        text-align: center
    }

        .replacement-parts-banner img {
            max-width: 94%
        }

    .productQuestions .box {
        border-width: 1px !important;
        border-top: none !important
    }

    .productQuestions .uiChrome {
        border: 1px solid #a9aba8;
        border-bottom: 0
    }

    #paging, #search-elastic .bottom-related {
        margin-left: 10px;
        margin-right: 10px
    }

    .prefooter {
        margin-top: 0
    }

    .grid-module-blank .header-3, .main-col > .clearfix > h3, .main-col > h3 {
        margin: 10px 5px
    }

    .findRelatedProducts {
        padding: 10px
    }

    .reviewsProdPage > h2 {
        margin-left: 5px;
        margin-right: 5px
    }

    .box + .box, .cart #bottom-checkout, .track-order #bottom-checkout {
        margin-top: 0 !important
    }

    .cart #top-checkout, .track-order #top-checkout {
        margin: 0 10px 10px !important
    }

    .newcheckout .section-label h2 {
        text-align: center !important
    }

    .newcheckout .checkout-progress {
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: -5px !important
    }

    #sidebar .extras {
        width: 48%;
        margin: 0 1% !important;
        margin-bottom: 2% !important
    }

    .ag-list .ag-item {
        display: block;
        padding: 0 8px 8px 0;
        width: auto;
        overflow: hidden
    }

        .ag-list .ag-item .gbb-badge {
            display: none !important
        }

        .ag-list .ag-item .sub-text {
            text-indent: -9999px;
            height: 0
        }

        .ag-list .ag-item .product-image {
            float: left;
            display: block;
            width: 116px
        }

            .ag-list .ag-item .product-image a {
                margin: 10px 10px 0
            }

            .ag-list .ag-item .product-image img {
                padding: 0;
                max-width: 92px
            }

    .ag-list .details {
        display: block;
        padding: 0;
        font-size: 75%;
        margin-top: 10px;
        overflow: hidden
    }

        .ag-list .details .description {
            margin: 0;
            font-size: 14px;
            line-height: 17px
        }

        .ag-list .details .rating {
            clear: none;
            margin-right: 8px
        }

        .ag-list .details .specials li {
            position: static
        }

    .ag-list .pricing {
        display: block;
        margin-top: 3px;
        margin-left: 116px;
        width: auto;
        padding: 0;
        text-align: left
    }

        .ag-list .pricing .free-shipping {
            margin: 0
        }

        .ag-list .pricing table {
            margin: 2px 0 0
        }

        .ag-list .pricing .price {
            text-align: left;
            margin: 4px 0 0;
            max-width: 100% !important;
            font-size: 17px !important
        }

            .ag-list .pricing .price.enter-email, .ag-list .pricing .price.too-low, .ag-list .pricing .price.too-low strong {
                font-size: 12px !important;
                padding: 0
            }

            .ag-list .pricing .price .from {
                margin-top: 0;
                top: -4px;
                position: relative
            }

        .ag-list .pricing .input-append {
            margin: 0
        }

        .ag-list .pricing .to-see-label, .ag-list .pricing .to-see-price {
            text-align: left !important
        }

    .ag-list .add-to-cart {
        display: block;
        width: 150px;
        margin: 8px 0 0;
        padding: 0;
        margin-left: 116px
    }

        .ag-list .add-to-cart .btn-cart.btn-small, .ag-list .add-to-cart .btn-custom {
            padding: 7px 0 5px
        }

        .ag-list .add-to-cart input.quantity {
            padding: 5px 8px 3px 3px
        }

        .ag-list .add-to-cart .configure {
            width: 135%;
            margin-left: -34%
        }

        .ag-list .add-to-cart .messages, .cart-security, .toolbar .ag-sort, .toolbar .ag-toggle, .toolbar .filter {
            display: none
        }
}

@media(min-width:0px) and (max-width:945px) {
    .three-sixty {
        display: none
    }
}

@media print {
    h1[data-gotowebstore]:before {
        width: 50%;
        position: absolute;
        top: 40px;
        right: 20px;
        text-align: right;
        margin: 0 auto;
        color: #000;
        content: "https://www.progelcone.com/pt-pt/store/pesquisa.asp?ac=445&hf=&ctg=&pg=1&tp=0&pq=" attr(data-gotowebstore);
        display: block;
        font-size: 12px
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border: none !important
    }

    #footer .bar, #footer .bio, #footer .feedback, #footer .linklist, #global-menu, #global-navigation, #global-search, #refer_badges, .add-to-contain, .ag-item .add-to-cart input, .ag-search, .btn, .footer, .main-col .video, .prefooter, .pricing .input-append, .social-share, .subfooter, .thumbnails {
        display: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    #global-header .mobile-nav, #internal_notes_header {
        display: none
    }

    h1.page-header {
        margin: -30px 10px 20px
    }

    h2.page-header-2 {
        margin-top: 103px
    }

    .breadcrumb {
        display: none !important
    }

    .cart .main-content {
        width: 100%
    }

    .cart-bottom .btn-row, .cart-bottom .sub-content, .cart .grid-side, .cart .toolbar {
        display: none
    }

    .cart .calculate-shipping #shipping_options ~ .small {
        display: none !important
    }

    #mainProductContentContainer {
        padding: 120px 20px 0 !important
    }

    .product-page {
        margin-top: 20px
    }

        .product-page .side-col .padded {
            margin: 0 auto;
            padding: 0
        }

        .product-page .side-col.aside ul.highlights {
            width: 50%;
            float: left
        }

        .product-page .side-col.aside dl.meta {
            width: 50%;
            float: left;
            clear: none
        }

        .product-page .product__ship {
            width: 50%;
            float: left
        }

        .product-page .product__ship-feature {
            margin-top: 0
        }

        .product-page #whiteGloveButton, .product-page a.vendor-text {
            display: none
        }

        .product-page .flexcarousel-mini, .product-page .mobile-carousel {
            display: none !important
        }

        .product-page .downloads, .product-page .findRelatedProducts, .product-page .review-section .aside, .product-page p.header-3.clears, .ribbon-list {
            display: none
        }

        .product-page .feature {
            width: 50%;
            margin: 0 auto;
            float: left
        }

        .product-page .ads {
            display: none
        }

        .product-page .details {
            padding-top: 10px;
            clear: both
        }

        .product-page #productVariationBlock, .product-page .feature.productQuestions {
            display: none
        }

        .product-page #gallery {
            width: 39% !important;
            float: left;
            margin-bottom: 0
        }

            .product-page #gallery .box {
                min-height: 0;
                padding: 0 !important
            }

            .product-page #gallery #no-zoom, .product-page #gallery #zoom {
                width: 100% !important;
                margin-bottom: 0
            }

        .product-page #subject {
            width: 60% !important;
            border: 1px solid #d9ddd7 !important;
            float: right;
            left: 43%
        }

        .product-page > #subject + #gallery:after {
            right: 0
        }

        .product-page .main-col .padded {
            padding: 0;
            display: block
        }

        .flexcarousel-mini, .product-page .main-col .clearfix h3 {
            display: none
        }

    .ag-cart .ag-item {
        border-bottom: 1px solid #000 !important;
        padding: 20px 0 20px 83px
    }

        .ag-cart .ag-item .details .description {
            text-decoration: none
        }

    .ag-cart .tag {
        margin: 0;
        padding: 0
    }

    .ag-cart .remove {
        display: none !important
    }

    .ag-cart .qty {
        width: 1 0
    }

        .ag-cart .qty:before {
            content: "Qty:";
            float: left;
            font-size: 12px
        }

        .ag-cart .qty input {
            padding: 5px 0
        }

    #global-banner {
        margin: 10px 0
    }

        #global-banner #global-logo {
            overflow: visible;
            width: 0;
            margin-left: 17px !important
        }

            #global-banner #global-logo:after {
                content: url(../../med/logo-progelcone-ubereats.png);
                display: block
            }

    #gallery img {
        max-height: 200px
    }

    #footer {
        opaCity: .5;
        font-size: 10px;
        border-top: none;
        margin-top: 0
    }

        #footer .full {
            border: none;
            margin: 0
        }

            #footer .full nav {
                padding-top: 10px;
                text-align: center;
                width: 100%
            }

    #page.fixed-go-to-top #sidebar {
        width: 22%;
        float: left
    }

        #page.fixed-go-to-top #sidebar .ag-filter {
            font-size: 80% !important
        }

        #page.fixed-go-to-top #sidebar ul {
            border-right: 0
        }

    #page.fixed-go-to-top #main {
        width: 77.2%;
        float: right
    }

    #page .guide-nav {
        display: none
    }

    .toolbar .filter {
        border-right: none
    }

    .toolbar .btn-toolbar {
        float: right !important
    }

    .ag-grid > .ag-item .add-to-cart {
        padding-top: 0;
        margin-bottom: 10px
    }

    .ag-filter > ul:before {
        display: none !important
    }

    .ag.grid > .ag-item ul.specials li, .pricing .free-shipping {
        font-size: 12px;
        color: #000;
        font-family: Helvetica,Arial,sans-serif;
        text-indent: 0;
        overflow: visible;
        line-height: 14px;
        text-align: center;
        background-color: #fff !important
    }

    .pricing .free-shipping {
        height: 14px
    }

    .ag-list > .ag-item .product-image {
        width: 75px
    }

        .ag-list > .ag-item .product-image + .details {
            padding-left: 1%
        }

    .ag-list .add-to-cart {
        display: none !important
    }

    .ag-grid .gbb {
        text-align: center;
        height: auto
    }

    .ag-grid .ag-item ul.specials li {
        height: 15px;
        margin-top: 8px
    }

    select {
        -webkit-appearance: none;
        padding: 3px
    }

    .recipe-page #page #main .box {
        border: none;
        margin: 0;
        padding: 0
    }

    .recipe-page #page #main .recipe-headerimg {
        padding: 0;
        height: 100%;
        font-size: 60%;
        border: 0;
        width: 45%;
        float: left;
        overflow: visible
    }

        .recipe-page #page #main .recipe-headerimg .recipe-title {
            padding: 10px 0 0;
            position: relative
        }

    .recipe-page #page #main .print-hide {
        display: block;
        float: right;
        width: 45%;
        padding: 15px 0
    }

    .recipe-page #page #main .stats {
        border: 0;
        position: relative;
        float: left;
        width: 50%
    }

        .recipe-page #page #main .stats .stats-item {
            width: 25%;
            border: 0;
            padding: 0 9px 0 0;
            font-size: 70%
        }

            .recipe-page #page #main .stats .stats-item label {
                height: 10px;
                text-align: left;
                line-height: 12px;
                opaCity: .5
            }

            .recipe-page #page #main .stats .stats-item p {
                text-align: left;
                margin-top: -5px;
                font-size: 1.5em
            }

    .recipe-page #page #main .recipe-content .onethird {
        width: 45%;
        margin-left: 0;
        margin-top: 126px;
        float: left
    }

        .recipe-page #page #main .recipe-content .onethird .directions {
            padding: 0;
            margin: 0;
            line-height: auto
        }

            .recipe-page #page #main .recipe-content .onethird .directions .header-2 {
                font-size: 16pt
            }

            .recipe-page #page #main .recipe-content .onethird .directions ol {
                padding: 0;
                margin: 0 0 0 15px
            }

                .recipe-page #page #main .recipe-content .onethird .directions ol li {
                    margin: 0;
                    padding: 0;
                    font-size: 12px
                }

        .recipe-page #page #main .recipe-content .onethird .print {
            display: none
        }

    .recipe-page #page #main .recipe-content .twothird {
        margin-left: 0;
        width: 45%;
        float: right
    }

        .recipe-page #page #main .recipe-content .twothird .ingredients {
            padding: 0 0 10px;
            margin: 0;
            line-height: auto
        }

            .recipe-page #page #main .recipe-content .twothird .ingredients .header-2 {
                font-size: 16pt
            }

            .recipe-page #page #main .recipe-content .twothird .ingredients .clearfix {
                float: left
            }

            .recipe-page #page #main .recipe-content .twothird .ingredients .stats-full {
                padding: 6px 0 0 5px;
                display: block;
                font-size: 10px
            }

        .recipe-page #page #main .recipe-content .twothird .cart .col-label {
            display: none
        }

        .recipe-page #page #main .recipe-content .twothird .cart .ag-item {
            border: none;
            padding-bottom: 10px
        }

            .recipe-page #page #main .recipe-content .twothird .cart .ag-item .abbr {
                padding: 0;
                margin: 0;
                font-size: 70%;
                text-align: left;
                width: 30px
            }

                .recipe-page #page #main .recipe-content .twothird .cart .ag-item .abbr p {
                    margin: 0
                }

            .recipe-page #page #main .recipe-content .twothird .cart .ag-item .details {
                text-align: left;
                padding: 0 0 0 10px;
                width: 100%
            }

                .recipe-page #page #main .recipe-content .twothird .cart .ag-item .details a {
                    text-decoration: none;
                    font-size: 70%
                }

                .recipe-page #page #main .recipe-content .twothird .cart .ag-item .details .sub-text {
                    opaCity: .5
                }

                .recipe-page #page #main .recipe-content .twothird .cart .ag-item .details .optional {
                    color: red
                }

            .recipe-page #page #main .btn-cart, .recipe-page #page #main .btn-group, .recipe-page #page #main .flexcarousel, .recipe-page #page #main .header-3, .recipe-page #page #main .recipe-content .twothird .cart .ag-item .price, .recipe-page #page #main .recipe-content .twothird .cart .ag-item .product-image, .recipe-page #page #main .recipe-content .twothird .cart .ag-item .qty {
                display: none
            }

    #recipe-resizer {
        margin-left: 15px
    }

        #recipe-resizer .print-info {
            display: block;
            margin-top: 40px;
            font-size: 24px;
            margin-bottom: 10px;
            float: left
        }

        #recipe-resizer .recipe-converter-ad, #recipe-resizer .recipe-sidebar {
            display: none !important
        }

        #recipe-resizer .recipe-cards {
            margin-top: 10px;
            display: block
        }

            #recipe-resizer .recipe-cards .rCard {
                margin-bottom: 25px;
                display: block
            }

                #recipe-resizer .recipe-cards .rCard .recipeHeader {
                    padding: 0;
                    margin-bottom: 4px;
                    float: left;
                    width: 100%;
                    display: block
                }

                    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipeTitle {
                        float: left;
                        font-weight: 700
                    }

                        #recipe-resizer .recipe-cards .rCard .recipeHeader .recipeTitle span {
                            font-weight: 700
                        }

                    #recipe-resizer .recipe-cards .rCard .recipeHeader .recipe-type {
                        padding: 0;
                        float: left;
                        margin-left: 25px
                    }

                #recipe-resizer .recipe-cards .rCard td {
                    padding: 5px 0
                }

                    #recipe-resizer .recipe-cards .rCard td span {
                        font-weight: 300
                    }

        #recipe-resizer .printRecipe {
            display: none !important
        }

    .fragile .header-warning {
        font-size: 24px;
        margin-top: 50px
    }

    .fragile .delivery-side {
        padding: 0
    }

    .delivery-hideprint, .delivery-video, .fragile-bottom, .fragile .view-more-policy {
        display: none
    }

    #prepTables {
        padding-left: 30px;
        display: block
    }

        #prepTables fieldset:not(.custom-print) {
            display: none !important
        }

        #prepTables .fixed-side-right #sidebar {
            margin-right: 0 !important;
            float: left !important;
            display: block !important
        }

        #prepTables fieldset.custom-print {
            max-width: 350px;
            min-width: 300px;
            position: absolute;
            right: 0;
            float: left;
            margin: 20px auto 0;
            text-align: left
        }

            #prepTables fieldset.custom-print .custom-product-preview {
                float: none;
                display: block;
                width: 100% !important;
                padding: 0
            }

            #prepTables fieldset.custom-print .quote-side {
                display: block;
                float: none !important;
                width: 100% !important
            }

        #prepTables h2:not(.photo-header) {
            font-size: 18px;
            font-weight: 700;
            text-align: left
        }

        #prepTables #sideBoxPreview {
            display: none !important
        }

        #prepTables #live-estimate {
            display: block !important;
            top: auto !important;
            bottom: auto !important;
            width: 39%;
            float: left;
            position: relative !important
        }

            #prepTables #live-estimate h2 {
                display: none
            }

            #prepTables #live-estimate table {
                width: 98% !important;
                border: 1px solid #7e7e7e !important
            }

            #prepTables #live-estimate td {
                font-size: 11px;
                border-bottom: 1px solid #7e7e7e !important
            }

                #prepTables #live-estimate td:last-child {
                    border-right: 1px solid #7e7e7e !important
                }

            #prepTables #live-estimate .side-list {
                font-size: 11px;
                line-height: 11px
            }

            #prepTables #live-estimate th {
                font-size: 9px
            }

        #prepTables .photo-header {
            background: 0 0;
            margin-top: 70px;
            padding: 0
        }

            #prepTables .photo-header:after, #prepTables .photo-header:before {
                display: none
            }

            #prepTables .photo-header .text {
                padding: 0;
                text-align: left
            }
}