.loading{overflow: auto;position: fixed;top: 0px;left: 0px;width: 100%;height:100%;background: rgba(0, 0, 0, 0.5);display: none;z-index:9999999999}
.loader {position: fixed; left: 50%; top: 50%; border: 12px solid #CAD1DD; border-top: 12px solid #5B6F8C; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite;}@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} 

.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
        }

p {
    margin: 0 0 16px
}

.header-1, .header-2, .header-3, .header-4, .header-5, .header-6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-family: inherit;
    font-weight: 600;
    color: #3b3d3b;
    text-rendering: optimizeLegibility;
    text-shadow: 0 1px 0 #fff
}

.header-1, h1 {
    font-size: 30px;
    line-height: 35px
}

.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
}

.page-header {
    margin: 6px 0 10px
}

.page-header-container .page-header {
    margin-bottom: 0
}

.page-header-2 {
    font-size: 14px;
    line-height: 20px;
    margin: -3px 0 5px
}

@media (min-width:0px) and (max-width:599px) {
    h1.page-header {
        font-size: 21px;
        line-height: 24px;
        margin: 0 0 10px
    }

    .page-header-2 {
        margin-top: 0;
        font-weight: 400;
        line-height: 15px
    }
}

.compact {
    margin-bottom: 5px;
    line-height: 16px
}

.margin-bottom {
    margin-bottom: 20px
}

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

.no-margin {
    margin-bottom: 0 !important
}

.small, small {
    font-size: 75%;
    line-height: 170%
}

ol, ul {
    padding: 0;
    margin: 0 0 8px 25px
}

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

li {
    line-height: 16px
}

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

.social-share {
    overflow: hidden
}

.tax-fine-print {
    display: block;
    text-align: left;
    margin-top: -2px;
    font-weight: 400;
    color: #999;
    text-transform: none;
    line-height: 1.4;
    font-size: 11px
}

.checkout__table-cell .tax-fine-print {
    margin-top: 0;
    text-align: right
}

.checkout-disclaimer {
    font-size: 11px;
    text-align: center
}

.breadcrumb {
    margin: 5px 0 0;
    color: #3b3d3b;
    letter-spacing: -.01em;
    font-size: 13px;
    line-height: 14px
}

@media (min-width:600px) {
    .breadcrumb {
        padding: 8px 15px 5px 0;
        margin: 0 0 5px;
        font-size: 12px;
        text-shadow: 0 0px 0 #fff;
        border-top: 1px solid #aeb0ad;
        box-shadow: 0 -1px 0 hsla(0,0%,100%,.3)
    }
}

@media (min-width:946px) {
    .breadcrumb {
        border-top: 0;
        border-bottom: 1px solid #aeb0ad;
        box-shadow: 0 1px 0 hsla(0,0%,100%,.3)
    }
}

.breadcrumb .icon-breadcrumb, .breadcrumb a, .breadcrumb li {
    display: inline
}

.breadcrumb li {
    font-weight: 600
}

.breadcrumb a {
    font-weight: 400;
    margin-right: 6px
}

.breadcrumb .icon-breadcrumb {
    width: 4px;
    height: 16px;
    color: #949793;
    margin-right: 4px
}

.breadcrumb--inverse {
    border: 0;
    box-shadow: none;
    color: #fff;
    text-shadow: none
}

    .breadcrumb--inverse .icon-breadcrumb, .breadcrumb--inverse .icon-breadcrumb:before {
        color: #fff
    }

    .breadcrumb--inverse li {
        font-weight: 400
    }

    .breadcrumb--inverse a {
        color: #fff;
        opacity: 1;
        text-shadow: 1px 1px 1px rgba(0,0,0,.6)
    }

@media (min-width:600px) {
    .breadcrumb--inverse a:hover {
        color: #e6e6e6
    }
}

.breadcrumb--specialized a:hover {
    color: #e6e6e6
}

.breadcrumb--absolute {
    position: absolute;
    z-index: 1
}

@media (max-width:599px) {
    .breadcrumb li {
        display: none;
        position: relative;
        padding: 0 0 0 8px
    }

        .breadcrumb li:nth-last-child(2) {
            display: block
        }

    .breadcrumb .icon-breadcrumb {
        color: #277BAD;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-180deg)
    }
}

.breadcrumb--hero {
    color: #277BAD
}

@media (min-width:600px) {
    .breadcrumb--hero {
        color: #fff
    }
}

.breadcrumb--hero a {
    color: #277BAD;
    text-shadow: none
}

@media (min-width:600px) {
    .breadcrumb--hero a {
        color: #fff;
        opacity: 1;
        text-shadow: 1px 1px 1px rgba(0,0,0,.6)
    }
}

.breadcrumb--hero .icon-breadcrumb {
    color: #277BAD;
    text-shadow: none
}

    .breadcrumb--hero .icon-breadcrumb:before {
        color: #277BAD
    }

@media (min-width:600px) {
    .breadcrumb--hero .icon-breadcrumb:before {
        color: #fff
    }
}

@media (min-width:600px) {
    .breadcrumb--hero .icon-breadcrumb {
        color: #fff;
        opacity: 1;
        text-shadow: 1px 1px 1px rgba(0,0,0,.6)
    }
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

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

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

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

    .dropdown-menu li.small {
        padding: 5px 20px;
        line-height: 14px
    }

    .dropdown-menu li a {
        display: block;
        padding: 5px 20px;
        clear: both;
        font-weight: 400;
        line-height: 16px;
        color: #3b3d3b;
        white-space: nowrap;
        font-size: 14px
    }

    .dropdown-menu li > a:focus, .dropdown-menu li > a:hover, .dropdown-submenu:hover > a {
        text-decoration: none;
        background-color: rgba(28,155,217,.25)
    }

    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #1c9bd9;
        background-color: #1c9bd9;
        background-image: linear-gradient(180deg,#1c9bd9,#2e9100);
        background-repeat: repeat-x
    }

    .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
        color: #dadbd9
    }

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

.open, .show {
    *z-index: 1000
}

    .open > .dropdown-menu, .show > .dropdown-menu {
        display: block
    }

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "\2191"
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px
    }

        .dropdown-submenu > .dropdown-menu:after, .dropdown-submenu > .dropdown-menu:before {
            display: none !important
        }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 2px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px
    }

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.menu-dropdown .dropdown-menu {
    right: 0;
    left: auto
}

    .menu-dropdown .dropdown-menu:before {
        content: "";
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: -7px;
        left: 9px
    }

    .menu-dropdown .dropdown-menu:after {
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 10px
    }

    .menu-dropdown .dropdown-menu:before {
        right: 9px;
        left: auto
    }

    .menu-dropdown .dropdown-menu:after {
        right: 10px;
        left: auto
    }

}

@media (max-width:499px) {
    .menu-dropdown .dropdown-menu {
        right: 0;
        left: auto
    }

        .menu-dropdown .dropdown-menu:before {
            right: 9px;
            left: auto
        }

        .menu-dropdown .dropdown-menu:after {
            right: 10px;
            left: auto
        }
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.clears {
    clear: both
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.clearfix {
    *zoom: 1
}

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

    .clearfix:after {
        clear: both
    }

.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], .menu-btn:active .btn, .menu-btn:hover .btn {
        color: #3b3d3b;
        background-color: #b8bab7;
        *background-color: #abaeaa
    }

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

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

    .btn.active, .btn:active, .menu-btn:active .btn {
        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
    }

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

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

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

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

.btn-primary {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #419CD3;
    background-image: linear-gradient(180deg,#91C6E6,#277BAD);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #277BAD
}

    .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled], .menu-btn:active .btn-primary, .menu-btn:hover .btn-primary {
        color: #fff;
        background-color: #277BAD;
        *background-color: #247300
    }

.btn-info {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: #4dacdc;
    background-image: linear-gradient(180deg,#80c9ee,#007fbf);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,.25);
    background-origin: border-box;
    *background-color: #007fbf
}

    .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled], .menu-btn:active .btn-info, .menu-btn:hover .btn-info {
        color: #fff;
        background-color: #007fbf;
        *background-color: #006ea6
    }

.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], .menu-btn:active .btn-inverse, .menu-btn:hover .btn-inverse {
        color: #fff;
        background-color: #545852;
        *background-color: #474b45
    }

.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, .menu-btn:hover .btn-glass {
        background-color: #fff
    }

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

.ribbon-list {
    font-size: 0;
    margin-bottom: 5px
}

    .ribbon-list .ribbon {
        margin: 0 5px 5px 0
    }

.ribbon-spread {
    line-height: 17px
}

    .ribbon-spread .ribbon {
        vertical-align: top;
        margin-top: 4px
    }

.ribbon-stack {
    display: inline-block;
    z-index: 1
}

.ag-item .ribbon-stack {
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 0
}

    .ag-item .ribbon-stack .ribbon {
        display: table;
        margin: 0 5px 5px -5px
    }

.ag-list .ag-item .ribbon-stack {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    overflow: visible
}

    .ag-list .ag-item .ribbon-stack .ribbon {
        margin: 0 4px 0 0
    }

.ribbon {
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
    border-radius: 3px;
    transform: skewX(-15deg) skewY(0)
}

@media (min-width:0px) and (max-width:599px) {
    .ribbon {
        font-size: 11px;
        line-height: 20px
    }
}

.ribbon--best, .ribbon--better, .ribbon--good, a.ribbon {
    cursor: pointer
}

    .ribbon--best:hover, .ribbon--better:hover, .ribbon--good:hover, a.ribbon:hover {
        color: #fff
    }

.ribbon--mini {
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    padding: 2px 7px;
    border-radius: 4px 1px 4px 1px
}

.ag-grid .ribbon--mini {
    padding: 2px 7px 2px 11px
}

.ribbon--mini .ribbon__icon {
    font-size: 10px;
    margin-left: 2px
}

.ribbon--shipping {
    background: #0073a8
}

.ribbon--quantity {
    background: #f78c00
}

.ribbon--top {
    background: #1c9bd9
}

.ribbon--sale {
    background: #f78c00
}

.ribbon--pro {
    background: #1bb1a0
}

.ribbon--important {
    background: #cf3700
}

.ribbon--good {
    background: #9f5121
}

    .ribbon--good:hover {
        background: #753b18
    }

.ribbon--better {
    background: #aeb0ad
}

    .ribbon--better:hover {
        background: #949793
    }

.ribbon--best {
    background: #e9a700
}

    .ribbon--best:hover {
        background: #b68200
    }

.ribbon--mix {
    background: #0094de
}

    .ribbon--mix:hover {
        background: #0072ab
    }

.ribbon--inverse {
    background: #949793
}

    .ribbon--inverse:hover {
        background: #888b86
    }

.ribbon--info {
    background: #24556d
}

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

.ribbon--case {
    background: #7a43b6;
    margin-left: -7px;
    margin-top: 10px
}

.ribbon--vantagens {
    background: #f78c00;
    margin-left: -7px;
    margin-top: 10px
}

.ribbon--case:hover {
    background: #613591
}

.ribbon--plus {
    background: #00aeef;
    font-style: italic
}

    .ribbon--plus a {
        color: #fff
    }

.ag-grid .ribbon--plus, .ag-list .ribbon--plus, .ribbon--mini.ribbon--plus {
    padding: 2px 5px 2px 4px
}

.ribbon--plus:hover {
    background: #0089bc
}

.compare-template .product-info .ribbon--plus a {
    font-size: 12px;
    line-height: 13px
}

.ribbon--best, .ribbon--better, .ribbon--good {
    text-transform: capitalize
}

.ribbon--supervisor {
    background: #6d38ad;
    padding: 0 9px
}

.ribbon__text {
    display: block;
    transform: skewX(15deg) skewY(0)
}

.ag-list .ribbon--best, .ag-list .ribbon--better, .ag-list .ribbon--good, .ag-list .ribbon--plus, .ag-list .ribbon--sale, .ag-list .ribbon--top {
    float: left;
    margin-right: 4px
}

.ag-carousel .ag-item {
    position: relative
}

.ag-carousel .ribbon-stack .ribbon--plus {
    padding: 2px 5px 2px 10px
}

.ag-mini-cav .ribbon--plus, .ag-mini .ribbon--plus {
    vertical-align: 2px
}

.ag-mini .ribbon--plus {
    margin-right: 4px
}

.plus-enrolled .ribbon--shipping {
    display: none !important
}

span.most-recent {
    background: #3a82d3;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase
}

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
}

@media (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
    }
}

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: 10px
    }

    .box + .box, .grid-module + .box, .toggle + .box {
        margin-top: 20px
    }

.container {
    padding: 0 20px;
    *zoom: 1
}

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

    .container:after {
        clear: both
    }

@media (min-width:0px) and (max-width:599px) {
    .container {
        padding: 0 10px
    }
}

@media (min-width:768px) {
    .container {
        margin: 0 auto;
        max-width: 890px
    }
}

@media (min-width:946px) {
    .container {
        padding: 0 15px;
        max-width: 916px
    }
}

@media (min-width:1024px) {
    .container {
        padding: 0 10px;
        max-width: 974px
    }
}

@media (min-width:1100px) {
    .container {
        padding: 0 7%;
        max-width: 1200px
    }
}

@media (min-width:1430px) {
    .container {
        padding: 0 7%;
        max-width: 1920px
    }
}

@media (width:812px) and (orientation:landscape) {
    .container {
        padding-left: constant(safe-area-inset-left) !important;
        padding-right: constant(safe-area-inset-right) !important
    }
}

.page-white {
    background: #fff;
    padding: 40px 0 20px;
    margin: -30px 0 0
}

@media (min-width:600px) {
    .page-white {
        margin-bottom: -60px;
        padding: 60px 0 30px
    }
}

@media (min-width:1100px) {
    .page-white {
        padding: 50px 0 80px;
        margin: -30px 0 -60px
    }
}

a {
    color: #277BAD
}

    a, a:hover {
        text-decoration: none
    }

        a:hover {
            color: #1c5679
        }

.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
            }

@media (max-width:1280px) {
    .container-break {
        padding: 0;
        max-width: none
    }
}

.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 .box.text {
    font-size: .8em;
    line-height: 1.5em
}

    .aside .box.text :last-child {
        margin-bottom: 0
    }

#sidebar .padded {
    padding: 20px
}

.global-menu {
    height: 45px;
    background-color: #dadbd9;
    background-image: linear-gradient(#e4e5e4,#cfd1cf);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.3),0 1px 0 hsla(0,0%,100%,.7);
    border-bottom: 1px solid #a9aba8
}

    .global-menu .pull-left:not(.menu-btn) {
        margin-left: 6px
    }

    .global-menu .pull-right:not(.menu-btn) {
        margin-right: 8px
    }

@media (min-width:600px) {
    .global-menu .pull-right:not(.menu-btn) {
        margin-right: 15px
    }
}

@media (max-width:945px) {
    .open .global-menu {
        position: relative;
        z-index: 12
    }
}

.menu-nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    color: #3b3d3b;
    font-size: 28px;
    height: 25px;
    padding: 10px 15px;
    text-shadow: 0 1px 0 hsla(0,0%,100%,.3);
    border-right: 1px solid #a9aba8;
    box-shadow: 1px 0 0 hsla(0,0%,100%,.3)
}

    .menu-nav-toggle:hover {
        background-color: hsla(0,0%,100%,.2);
        color: #222322
    }

    .menu-nav-toggle:active {
        background-image: linear-gradient(0deg,#e4e5e4,#a6a9a5);
        box-shadow: inset 0 0 6px rgba(0,0,0,.1)
    }

@media (min-width:0px) and (max-width:599px) {
    .menu-dropdown-item, .menu-nav-toggle {
        border: none !important;
        box-shadow: none !important
    }
}

.menu-btn {
    display: inline-block;
    margin-top: 9px
}

    .menu-btn .btn {
        border-radius: 4px 0 0 4px;
        float: left;
        padding-right: 8px
    }

    .menu-btn .btn-glass {
        border-radius: 0 4px 4px 0;
        border-left: none;
        font-weight: 700
    }

    .menu-btn .btn-glass-chat {
        color: #0094de;
        font-size: 11px
    }

    .menu-btn .btn-inverse + .btn-glass {
        background: linear-gradient(#dadbd9,#eef0ed);
        color: #3b3d3b
    }

    .menu-btn .btn-icon {
        font-size: 17px;
        line-height: 9px;
        top: 1px;
        left: -3px;
        position: relative
    }

.menu-text {
    display: block;
    height: 45px;
    line-height: 44px;
    color: #3b3d3b;
    text-shadow: 0 1px 0 hsla(0,0%,100%,.3)
}

    .menu-text:hover {
        color: #222322
    }

.menu-text-icon, .menu-text-image, .menu-text-main, .menu-text-name {
    display: inline-block;
    vertical-align: middle
}

    .menu-text-icon.menu-text-image {
        opacity: 1
    }

@media (max-width:945px) {
    .menu-text-icon {
        font-size: .875em
    }
}

.menu-text .icon-check {
    background: #1c9bd9;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.5),inset 0 1px 3px rgba(0,0,0,.2);
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 27px;
    text-align: center
}

.menu-text .icon-bolt {
    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)
}

.menu-text-main {
    font-size: 11px;
    line-height: 12px;
    margin-left: 3px
}

#chat-message .menu-text-main {
    margin-top: -1px
}

.menu-text-name {
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.menu-text-strong {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1em
}

.menu-text-alt, .menu-text-more:hover .menu-text-main {
    display: none
}

.menu-text-more:hover .menu-text-alt {
    display: inline-block
}

.menu-text-image {
    background: url("../../../medwarehouse-global-header_1x.png") 0 0/66px 40px no-repeat;
    float: left;
    width: 66px;
    height: 40px;
    margin-top: 3px
}

@media (min-width:600px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:600px) and (min-resolution:144dppx) {
    .menu-text-image {
        background-image: url(../../../medwarehouse-global-header_2x.png)
    }
}

.menu-text-badge {
    background: #f78c00;
    background-image: linear-gradient(#ff9812,#de7e00);
    position: absolute;
    left: 18px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    z-index: 2;
    font-size: 8px;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    height: 12px;
    width: 12px;
    top: 9px
}

.menu-text-message + .menu-text-message {
    display: none;
    background: red
}

.menu-dropdown {
    margin: 0
}

.menu-dropdown-item {
    display: block;
    float: left;
    border-right: 1px solid #a9aba8;
    box-shadow: inset 1px 0 0 hsla(0,0%,100%,.3)
}

    .menu-dropdown-item.mobile-only, .menu-dropdown-item:first-child {
        border-left: 1px solid #a9aba8
    }

@media (max-width:945px) {
    .menu-dropdown-item.mobile-only {
        margin-left: -1px
    }
}

.menu-dropdown-item.mobile-only.mobile-chat {
    display: none !important
}

@media (min-width:768px) and (max-width:945px) {
    .menu-dropdown-item.mobile-only.mobile-chat {
        display: block !important
    }
}

.menu-dropdown .dropdown-toggle {
    padding-right: 15px;
    padding-left: 14px
}

@media (min-width:600px) {
    .menu-dropdown .dropdown-toggle:hover {
        background-color: hsla(0,0%,100%,.2)
    }

    .menu-dropdown .dropdown-toggle:active, .menu-dropdown .open .dropdown-toggle {
        background-image: linear-gradient(0deg,#e4e5e4,#a6a9a5);
        box-shadow: inset 0 0 6px rgba(0,0,0,.1)
    }
}

.menu-dropdown .icon-comments {
    font-size: 1.3em;
    color: #0094de
}

@media (min-width:946px) {
    .menu-dropdown .icon-comments {
        color: #0094de
    }
}

.menu-dropdown .badge {
    float: none
}

.menu-dropdown-chat-link:hover {
    background: #0094de !important
}

    .menu-dropdown-chat-link:hover .icon-comments {
        font-size: 1.3em;
        color: #fff
    }

    .menu-dropdown-chat-link:hover .badge {
        background: #fff;
        color: #0094de;
        text-shadow: none
    }

@media (min-width:600px) and (max-width:767px),(min-width:946px) {
    .menu-dropdown-item:nth-of-type(2) {
        border-left: 1px solid #a9aba8
    }
}

.open #global-header {
    height: auto
}

.open #global-navigation, .open #global-search {
    display: block
}

@media (max-width:945px) {
    .menu-text-message {
        display: none
    }
}

@media (max-width:1024px) {
    .platinum .menu-text-message {
        display: none
    }
}

@media (max-width:945px) {
    #chat-message {
        display: none
    }
}

@media (max-width:860px) {
    .platinum #chat-message {
        display: none
    }
}

@media (max-width:599px) {
    .global-menu #chat-button {
        display: none
    }
}

@media (min-width:600px) and (max-width:945px) {
    .global-menu #chat-button {
        margin-left: 124px;
        display: none
    }
}

@media (max-width:499px) {
    .global-menu .menu-btn-text, .menu-text-main {
        display: none
    }

    .menu-text-arrow {
        margin-left: 0
    }

    .menu-dropdown .dropdown-toggle {
        padding: 0 6px
    }
}

@media (max-width:374px) {
    .global-menu .menu-btn .btn {
        border-radius: 5px
    }

    .global-menu .menu-btn .btn-glass {
        display: none
    }
}

.sitewide-alert {
    text-align: center;
    font-size: 14px;
    color: hsla(0,0%,100%,.8);
    background: #198d00;
    padding: 15px;
    line-height: 1.2;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2)
}

    .sitewide-alert .icon {
        opacity: .6;
        margin-right: 4px
    }

    .sitewide-alert a {
        color: #fff;
        border-bottom: 1px solid hsla(0,0%,100%,.5)
    }

        .sitewide-alert a:hover {
            border-bottom-color: #fff
        }

.global-banner {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:0px) and (max-width:599px) {
    .global-banner {
        padding: 8px
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .global-banner {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .custom-header--uspca .global-banner {
        min-height: 70px
    }
}

.banner-logo {
    float: left;
    width: 360px;
    height: 65px
}

@media (max-width:599px) {
    .open .banner-logo {
        z-index: 12
    }
}

.banner-logo-platinum {
    height: 85px;
    position: relative;
    margin-top: -20px;
    top: 10px
}

    .banner-logo-platinum .platinum__logo--plus, .banner-logo-platinum .standard__logo {
        display: none
    }

    .banner-logo-platinum .platinum__logo {
        display: block
    }

    .banner-logo-platinum.bens-logo .platinum__logo, .banner-logo-platinum.bens-logo .platinum__logo--plus, .banner-logo-platinum.bens-logo .standard__logo {
        display: block !important
    }

.plus-enrolled .banner-logo-platinum {
    top: 20px;
    height: 68px
}

    .plus-enrolled .banner-logo-platinum .platinum__logo {
        display: none
    }

    .plus-enrolled .banner-logo-platinum .platinum__logo--plus {
        display: block;
        height: 100%
    }

@media (min-width:600px) and (max-width:767px) {
    .banner-logo {
        width: 288px;
        height: 52px;
        margin-top: 6px
    }

    .banner-logo-platinum {
        height: 68px;
        margin-top: -10px
    }

    .plus-enrolled .banner-logo-platinum {
        top: 10px
    }
}

@media (min-width:0px) and (max-width:599px) {
    .banner-logo {
        width: 180px;
        height: 32.5px;
        position: absolute;
        top: 7px;
        left: 50px
    }

    .banner-logo-platinum {
        height: 42.5px;
        margin: 0;
        top: 2px
    }

    .plus-enrolled .banner-logo-platinum {
        top: 6px;
        height: 32.5px
    }

    .newcheckout .banner-logo {
        left: 10px
    }
}

@media (max-width:350px) {
    .banner-logo {
        width: 150px;
        height: 27px;
        top: 10px
    }

    .banner-logo-platinum {
        height: 35.4px;
        top: 6px
    }
}

.banner-search {
    width: 100%;
    position: relative
}

.banner-search-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 20px;
    padding: 9px 10px;
    color: #aeb0ad
}

.banner-search-group {
    box-sizing: border-box;
    width: 100%;
    padding-right: 90px;
    float: right;
    position: relative
}

@media (min-width:600px) {
    .banner-search-group {
        width: 47%;
        margin: 12px 0
    }
}

@media (min-width:900px) {
    .banner-search-group {
        width: 52%
    }
}

@media (min-width:600px) and (max-width:945px) {
    .banner-search-group {
        margin-top: 12px
    }
}

@media (min-width:945px) and (max-width:1023px) {
    .banner-search-group {
        position: absolute;
        right: 0;
        margin-top: 22px
    }
}

@media (min-width:945px) and (max-width:1023px) {
    .custom-header--uspca .banner-search-group {
        margin-top: 12px
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .checkout .custom-header--bens .banner-search-group, .checkout .custom-header--uspca .banner-search-group, .newcheckout .custom-header--bens .banner-search-group, .newcheckout .custom-header--uspca .banner-search-group, .plus-enrolled.checkout .banner-search-group, .plus-enrolled.newcheckout .banner-search-group {
        position: relative;
        margin-top: 12px
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .banner-search-group {
        width: 41%
    }

    .checkout .plus-enrolled .banner-search-group, .newcheckout .plus-enrolled .banner-search-group, .plus-enrolled .banner-search-group {
        width: 47%
    }
}

.banner-search input[type=submit], .banner-search input[type=text] {
    vertical-align: top;
    float: left;
    box-sizing: border-box
}

.banner-search input[type=text] {
    width: 100%;
    padding: 11px 11px 11px 33px;
    border: 1px solid #aeb0ad;
    border-radius: 5px 0 0 5px;
    border-right: none;
    font-size: 16px;
    color: #3b3d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    height: 42px;
    margin-bottom: 0
}

    .banner-search input[type=text]:focus {
        border-color: rgba(0,148,222,.8);
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,148,222,.6)
    }

.banner-search input[type=submit] {
    width: 90px;
    font-size: 15px;
    text-transform: capitalize;
    padding: 12px 10px;
    margin-right: -100%;
    border-radius: 0 5px 5px 0;
    margin-bottom: 0
}

@media (min-width:0px) and (max-width:599px) {
    .banner-search-group {
        padding-right: 80px
    }

    .banner-search-icon {
        padding: 6px 9px
    }

    .banner-search-input, .banner-search input[type=text] {
        height: 36px;
        padding: 8px 8px 8px 30px
    }

    .banner-search-btn, .banner-search input[type=submit] {
        width: 80px;
        padding: 9px 0;
        margin-top: 0
    }
}

.banner-search-help {
    font-size: 13px;
    line-height: 20px;
    margin-left: 5px;
    color: #3b3d3b;
    display: block;
    display: none
}

.banner-search-app-link {
    display: none
}

.scanner-app-ready .banner-search-app-link {
    display: block;
    background: url("/med/ios-scanner-app-icon.png") 2px 12px no-repeat;
    box-sizing: border-box;
    width: 48px;
    height: 42px
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .scanner-app-ready .banner-search-app-link {
        background-image: url("/med/ios-scanner-app-icon_2x.png");
        background-size: 41px 23px
    }
}

@media (min-width:0px) and (max-width:599px) {
    .scanner-app-ready .banner-search-app-link {
        background-position: 2px 9px;
        height: 36px
    }
}

.scanner-app-ready .icon-search {
    display: none
}

.scanner-app-ready input[type=text] {
    padding-left: 48px
}

.banner-plus {
    position: relative;
    width: auto;
    max-width: 197px;
    float: left;
    margin: 12px 0 10px 5px
}

@media (max-width:599px) {
    .banner-plus {
        display: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
        text-align: center
    }

    .home .banner-plus {
        display: block
    }
}

@media (max-width:599px) {
    .banner-plus {
        top: 44px
    }
}

@media (min-width:600px) and (max-width:767px) {
    .banner-plus {
        left: 17px;
        display: none
    }
}

@media (min-width:600px) and (max-width:945px) {
    .banner-plus {
        display: none
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .banner-plus {
        top: -12px;
        width: auto;
        max-width: 275px;
        margin: 0 0 -10px;
        clear: both
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .banner-plus {
        left: 53px
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .platinum .banner-plus {
        top: 5px;
        margin: 0
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .platinum.checkout .banner-plus, .platinum.newcheckout .banner-plus {
        top: 5px;
        margin: 0
    }
}

.custom-header--bens .banner-plus, .custom-header--uspca .banner-plus {
    display: none !important
}

@media (min-width:600px) and (max-width:767px) {
    .checkout .banner-plus {
        left: 3px
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .checkout .banner-plus, .newcheckout .banner-plus {
        top: -12px;
        width: auto;
        max-width: 365px;
        margin: 0;
        clear: both
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .checkout .banner-plus, .newcheckout .banner-plus {
        left: 53px
    }
}

.banner-plus__link {
    display: block;
    padding: 8px;
    line-height: 0;
    border: 1px solid transparent;
    border-radius: 4px
}

    .banner-plus__link:hover {
        border: 1px solid #cfcfce
    }

@media (max-width:599px) {
    .banner-plus__link {
        padding: 0;
        margin-top: 2px
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .banner-plus__link {
        display: inline-block;
        padding: 5px
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .checkout .banner-plus__link, .newcheckout .banner-plus__link {
        display: inline-block;
        padding: 5px
    }
}

.banner-plus__logo {
    display: inline-block;
    height: 20px;
    vertical-align: middle
}

    .banner-plus__logo img, .banner-plus__logo svg {
        position: relative;
        top: -2px;
        width: 48px;
        height: 24px
    }

@media (max-width:599px),(min-width:600px) and (max-width:1023px) {
    .banner-plus__logo img, .banner-plus__logo svg {
        width: 35px
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .checkout .banner-plus__logo img, .checkout .banner-plus__logo svg, .newcheckout .banner-plus__logo img, .newcheckout .banner-plus__logo svg {
        width: 35px
    }
}

.banner-plus__text {
    display: inline-block;
    vertical-align: middle
}

.plus__text--action, .plus__text--highlight {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em
}

.plus__text--highlight {
    color: #3b3d3b
}

.plus__text--action {
    color: #00aeef
}

    .plus__text--action .icon {
        transform: translateY(1px) rotate(-90deg);
        display: inline-block;
        font-size: 130%;
        line-height: 0
    }

@media (max-width:599px),(min-width:600px) and (max-width:1023px) {
    .plus__text--action, .plus__text--highlight {
        display: inline-block
    }
}

@media (min-width:600px) and (max-width:1099px) {
    .checkout .plus__text--action, .checkout .plus__text--highlight, .newcheckout .plus__text--action, .newcheckout .plus__text--highlight {
        display: inline-block
    }
}

#global-navigation {
    position: relative;
    z-index: 10
}

@media (max-width:945px) {
    #global-navigation {
        position: absolute;
        top: 46px;
        left: 0
    }
}

.nav-child, .nav-parent {
    display: block
}

@media (max-width:945px) {
    .nav-child, .nav-parent {
        border-radius: 0 !important
    }
}

@media (max-width:945px) {
    .nav-child {
        position: relative;
        overflow: visible !important
    }
}

.nav-grandparent-list, .nav-parent-list {
    margin: 0
}

.nav-child-link, .nav-parent-link {
    background-color: #277BAD;
    background-image: linear-gradient(180deg,#1C5679,#113448);
    background-repeat: repeat-x;
    border: 1px solid #02070b;
    border-right: none;
    box-shadow: 0 2px 2px rgba(1,3,0,.25),inset 0 1px 0 #277BAD,inset 1px 0 0 rgba(39,123,173,.4);
    cursor: pointer;
    padding: 15px 8px 16px;
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(1,3,0,.8);
    -webkit-font-smoothing: antialiased
}

@media (min-width:946px) and (max-width:1279px) {
    .nav-child-link, .nav-parent-link {
        font-size: 12px;
        line-height: 14px
    }
}

@media (min-width:946px) {
    .nav-child-link:focus, .nav-child-link:hover, .nav-child.has-flyout:focus .nav-child-link, .nav-child.has-flyout:focus .nav-parent-link, .nav-child.has-flyout:hover .nav-child-link, .nav-child.has-flyout:hover .nav-parent-link, .nav-parent-link:focus, .nav-parent-link:hover {
        color: #fff;
        background-color: #1c5679;
        background-image: linear-gradient(180deg,#277BAD,#1c5679);
        background-repeat: repeat-x;
        box-shadow: 0 2px 2px rgba(1,3,0,.25),inset 0 1px 0 #1c9bd9,inset 1px 0 0 rgba(39,123,173,.4)
    }
}

@media (min-width:946px) {
    .nav-child-link:active, .nav-child.has-flyout .nav-child-link:active, .nav-child.has-flyout .nav-parent-link:active, .nav-parent-link:active {
        background-color: #1c5679;
        background-image: linear-gradient(180deg,#113448,#1C5679);
        background-repeat: repeat-x;
        box-shadow: inset 0 2px 5px rgba(1,3,0,.5)
    }
}

@media (max-width:945px) {
    .nav-child-link {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        box-shadow: 0 2px 3px rgba(0,0,0,.1) !important
    }

        .nav-child-link:after {
            transition: .2s ease-in-out
        }

    .expand .nav-child-link:after {
        transform: rotate(90deg)
    }
}

@media (min-width:946px) {
    .nav-parent-products .nav-parent-link {
        border-radius: 5px 0 0 5px
    }
}

@media (min-width:946px) {
    .nav-parent-types .nav-parent-link {
        border-radius: 0 5px 5px 0;
        border-right: 1px solid #02070b
    }
}

.nav-parent .icon-down-micro {
    display: none;
    font-size: 22px;
    line-height: 19px;
    background: rgba(25,79,0,.8);
    width: 16px;
    height: 16px;
    text-shadow: none;
    border-radius: 20px;
    border: 1px solid rgba(17,54,0,.99);
    box-shadow: 0 1px 0 #277BAD,inset 0 1px 0 #277BAD
}

.divider {
    display: block;
    height: 1px;
    background-color: #e7e7e6
}

@media (min-width:946px) {
    .nav-child-link {
        padding-top: 16px;
        padding-bottom: 15px
    }

    .two-lines .nav-child-link {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .nav-parent .icon-down-micro {
        display: inline-block;
        margin-top: 8px
    }

    .nav-text {
        display: none
    }

    .nav-grandparent-list, .nav-parent-products .nav-parent-list {
        display: flex
    }

    .nav-parent, .nav-parent-products .nav-child {
        flex: 1 1 auto
    }

    .ie10 .nav-parent, .nav-parent-products .nav-child, .no-flexbox .nav-parent {
        float: left
    }

    .ie10 .nav-parent-types, .no-flexbox .nav-parent-types {
        min-width: 45px;
        margin-left: -1px;
        position: relative
    }

    .nav-parent-products .nav-parent-link {
        display: none
    }

    .nav-parent-products .nav-child:last-child .nav-child-link {
        position: relative;
        border-right: 1px solid #02070b;
        border-radius: 0 5px 5px 0
    }

    .nav-parent-link {
        padding: 15px 0 10px;
        background-color: #287d00;
        background-image: linear-gradient(180deg,#1c9bd9,#1c5679)
    }

        .nav-parent-link, .nav-parent-link:hover {
            background-repeat: repeat-x;
            box-shadow: 0 2px 2px rgba(1,3,0,.25),inset 0 1px 0 #50b4f5,inset 1px 0 0 rgba(39,123,173,.5)
        }

            .nav-parent-link:hover {
                background-color: #2b8700;
                background-image: linear-gradient(180deg,#1c9bd9,#1C5679)
            }

    .nav-parent-types:hover .nav-parent-list {
        display: block
    }

    .nav-parent-types .nav-parent-list {
        min-width: 180px;
        background-clip: padding-box;
        display: none;
        position: absolute;
        bottom: auto;
        right: 0;
        top: auto;
        margin-top: -5px;
        z-index: -1;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 2px 5px rgba(0,0,0,.3)
    }

        .nav-parent-types .nav-parent-list .nav-child {
            width: 100%
        }

        .nav-parent-types .nav-parent-list .nav-child-link {
            background: #fff;
            padding: 10px 20px;
            color: #3b3d3b;
            font-weight: 400;
            border: none;
            text-shadow: none;
            text-align: left
        }

            .nav-parent-types .nav-parent-list .nav-child-link:hover {
                background: #277BAD;
                color: #fff
            }

        .nav-parent-types .nav-parent-list .nav-child:first-child .nav-child-link {
            padding-top: 13px
        }

        .nav-parent-types .nav-parent-list .nav-child:last-child .nav-child-link {
            border-radius: 0 0 5px 5px
        }
}

@media (min-width:946px) and (min-width:946px) and (max-width:1279px) {
    .two-lines .nav-child-link {
        padding-bottom: 9px
    }
}

@media (min-width:946px) and (min-width:946px) {
    .nav-parent-products .nav-child:first-child .nav-child-link {
        border-radius: 5px 0 0 5px
    }
}

@media (min-width:946px) and (min-width:1430px) {
    .home .nav-parent-products .nav-child:last-child .nav-child-link {
        border-radius: 0 5px 0 0
    }
}

@media (min-width:946px) and (min-width:946px) and (max-width:1023px) {
    .nav-parent-products .nav-child:last-child .nav-child-link {
        min-height: 47px;
        box-sizing: border-box;
        padding-left: 12.5px;
        padding-right: 12.5px
    }
}

@media (min-width:946px) and (min-width:1024px) and (max-width:1099px) {
    .nav-parent-products .nav-child:last-child .nav-child-link {
        padding-left: 10px;
        padding-right: 10px
    }
}

/*
@media (min-width:946px) and (max-width:1099px) {
    .nav-parent-products .nav-child:last-child .nav-child-link {
        font-size: 0
    }
}
*/

@media (min-width:946px) and (max-width:945px) {
    .nav-parent-products .nav-child:last-child .nav-child-link:after {
        display: none
    }
}

@media (min-width:946px) and (max-width:1099px) {
    .nav-parent-products .nav-child:last-child .nav-child-link:after {
/*        content: "\E7A7";*/
        position: absolute;
        top: 17px;
        display: inline-block;
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 19px;
        background: rgba(25,79,0,.8);
        width: 16px;
        height: 16px;
        text-shadow: none;
        border-radius: 20px;
        border: 1px solid rgba(17,54,0,.99);
        box-shadow: 0 1px 0 #277BAD,inset 0 1px 0 #277BAD
    }
}

@media (min-width:946px) and (min-width:1100px) {
    .nav-parent-products .nav-child:last-child .nav-child-link:after {
        display: none
    }
}

@media (min-width:946px) and (max-width:1279px) {
    .nav-parent-products .nav-child:last-child .nav-child-link:after {
        top: 14px
    }
}

@media (min-width:946px) and (min-width:946px) and (max-width:1099px) {
    .nav-parent-products .nav-child:last-child .nav-child-link:after {
        right: 50%;
        margin-right: -9px
    }
}

@media (min-width:1024px) {
    .nav-parent-link {
        padding: 15px 4px 10px 14px
    }

    .nav-parent .icon-down-micro {
        top: -2px;
        position: relative
    }

    .nav-text {
        display: inline-block;
        margin-right: 6px
    }

    .ie10 .nav-parent-types, .no-flexbox .nav-parent-types {
        width: 10%
    }
}

@media (min-width:1100px) {
    .nav-child-link {
        font-size: 13.25px;
/*        padding-top: 9px;
        padding-bottom: 11px
*/
    }

    .nav-parent-products {
        width: 90.1%
    }

    .ie10 .nav-parent-products, .no-flexbox .nav-parent-products {
        width: 90%
    }

    .nav-parent-products .nav-child {
        width: 9.999%
    }
}

@media (min-width:1280px) {
    .nav-child-link, .nav-parent-link {
        font-size: 13.25px;
    }

/*
    .nav-child-link {
        padding-top: 18px;
        padding-bottom: 18px
    }
*/

    .nav-parent-link, .two-lines .nav-child-link {
        font-size: 13.25px;
/*
        padding-top: 9px;
        padding-bottom: 11px
*/
    }
}

.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
    }

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: -34px
    }

    .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,#1c5679);
    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: #277BAD
    }
}

.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: #1c5679
    }

.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: #277BAD
}

.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
}

@media (min-width:600px) and (max-width:945px) {
    .menu-nav-toggle.mobile-only {
        display: inline-block !important
    }

        .menu-nav-toggle.mobile-only:after {
            content: "Produtos";
            font-weight: 600;
            font-size: .55em;
            margin-left: 8px
        }

        .menu-nav-toggle.mobile-only .icon-list, .menu-nav-toggle.mobile-only:after {
            display: inline-block;
            vertical-align: middle;
            margin-top: -5px
        }
}

@media (max-width:945px) {
    .mobile-only {
        display: block !important
    }

    .desktop-only {
        display: none !important
    }

    .global-nav {
        padding: 0 0 8px
    }

    .nav-grandparent-list .divider, .nav-grandparent-list br, .nav-parent-link, .nav-parent-types .nav-child {
        display: none
    }

    .nav-child, .nav-parent {
        width: 100%;
        border: none
    }

    #product-categories .nav-child:first-child {
        border-radius: 5px 5px 0 0;
        overflow: hidden
    }

    #business-types .nav-child:last-child {
        border-radius: 0 0 5px 5px;
        overflow: hidden
    }

    .nav-child {
        border: 1px solid #dadbd9;
        border-bottom: none
    }

    .nav-child-link, .nav-child-link:active, .nav-child-link:hover {
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        position: relative;
        background: #fff;
        box-shadow: none;
        border: none;
        color: #3b3d3b;
        text-shadow: none
    }

        .nav-child-link:after {
            font-family: fontello;
            color: #dadbd9;
            content: "\E75E";
            font-size: 16px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -10px
        }

    .nav-parent-types .nav-child:last-child {
        border-bottom: 1px solid #dadbd9
    }

    .nav-parent-types .nav-child:nth-last-child(-n+5) {
        display: block
    }
}

@media (max-width:945px) and (min-width:946px) {
    .global-nav {
        border-radius: 5px
    }
}

@media (min-width:0px) and (max-width:599px) {
    .header-2 {
        font-size: 18px !important;
        line-height: 21px !important
    }

    .padded {
        padding: 10px
    }

    #page {
        margin-left: -10px;
        margin-right: -10px
    }

        #page .toolbar, #page > #page {
            margin-left: 0;
            margin-right: 0
        }

        #page .box:not(#top-checkout), #page .grid-module {
            border: 1px solid #dadbd9;
            border-width: 1px 0;
            border-radius: 0
        }

            #page .box:not(#top-checkout) .grid__block-wrap, #page .grid-module .grid__block-wrap {
                margin-top: -1px;
                position: relative;
                z-index: 2
            }
}

@media (min-width:768px) and (max-width:945px) {
    .menu-dropdown-item.desktop-only {
        display: block !important
    }

    .menu-dropdown-item.mobile-only {
        display: none !important
    }
}

img {
    max-width: 100%;
    vertical-align: middle
}

.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
}

.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
}

input {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}

    input[type=email], input[type=number], input[type=text], 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
    }

.label, label {
    display: block;
    margin-bottom: 7px;
    color: #3b3d3b;
    text-shadow: 0 1px 0 #fff;
    font-size: .8em;
    font-weight: 600;
    line-height: 16px
}

.label {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700
}

input {
    width: 206px
}

textarea {
    height: auto
}

input[type=email], input[type=number], input[type=text], 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
}

    input[type=email]:focus, input[type=number]:focus, input[type=text]:focus, textarea:focus {
        border-color: rgba(82,168,236,.8);
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)
    }

input[type=submit] {
    width: auto
}

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

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

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

.help-block, .help-inline {
    font-size: 13px;
    line-height: 18px;
    color: #616460
}

.help-block {
    display: block;
    margin-bottom: 8px;
    margin-top: 0
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}

.btn + .help-inline {
    margin-top: 3px;
    margin-bottom: 0
}

.prefooter {
    clear: both;
    margin-top: 60px;
    position: relative;
    z-index: 2;
    *zoom: 1;
    background-color: #daded8;
    background-image: linear-gradient(#fff,#daded8);
    box-shadow: 0 1px 6px rgba(0,0,0,.25),inset 0 2px 0 hsla(0,0%,100%,.2)
}

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

    .prefooter:after {
        clear: both
    }

@media (max-width:1023px) {
    .prefooter .container {
        padding: 0;
        max-width: none
    }
}

.iconlist {
    margin: 0;
    height: 35px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    border-bottom: 1px solid rgba(0,0,0,.13);
    padding: 20px
}

@media (min-width:520px) {
    .iconlist {
        height: 48px;
        padding: 24px 30px
    }
}

@media (min-width:1024px) {
    .iconlist {
        float: left;
        width: 450px;
        margin-top: 42px;
        padding: 0;
        border: none
    }
}

.iconlist .iconlist__icon {
    width: 35px;
    height: 35px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-indent: 0;
    line-height: 0;
    font-size: 0
}

    .iconlist .iconlist__icon a {
        width: 36px;
        height: 36px;
        border-radius: 5px;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
        display: block;
        background-size: 384px 125px
    }

@media (min-width:520px) {
    .iconlist .iconlist__icon, .iconlist .iconlist__icon a {
        width: 48px;
        height: 48px
    }
}

.iconlist .iconlist__icon--facebook a {
    background-position: 0 -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--facebook a {
        background-position: 0 0
    }
}

.iconlist .iconlist__icon--pinterest a {
    background-position: -36px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--pinterest a {
        background-position: -48px 0
    }
}

.iconlist .iconlist__icon--twitter a {
    background-position: -72px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--twitter a {
        background-position: -96px 0
    }
}

.iconlist .iconlist__icon--youtube a {
    background-position: -108px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--youtube a {
        background-position: -144px 0
    }
}

.iconlist .iconlist__icon--instagram a {
    background-position: -144px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--instagram a {
        background-position: -192px 0
    }
}

.iconlist .iconlist__icon--google a {
    background-position: -180px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--google a {
        background-position: -240px 0
    }
}

.iconlist .iconlist__icon--blog a {
    background-position: -252px -48px
}

@media (min-width:520px) {
    .iconlist .iconlist__icon--blog a {
        background-position: -336px 0
    }
}

.iconlist .iconlist__shim {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    background: green
}

.spotlights {
    transition: all .8s
}

@media (min-width:1024px) {
    .spotlights {
        float: right
    }
}

.spotlights.open {
    opacity: .3;
    transform: translate3d(50%,0,0)
}

.spotlight {
    padding: 20px 20px 20px 92px;
    border: 1px solid rgba(0,0,0,.1);
    border-width: 0 0 1px;
    position: relative;
    box-sizing: border-box
}

    .spotlight .spotlight__icon {
        width: 52px;
        height: 42px;
        margin-top: -21px;
        top: 50%;
        display: block;
        position: absolute;
        left: 20px
    }

    .spotlight .spotlight__heading {
        font-size: 15px;
        margin-bottom: 2px
    }

    .spotlight p {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 6px
    }

    .spotlight .btn-mini {
        margin-bottom: 12px;
        text-transform: uppercase
    }

    .spotlight .btn-small {
        margin-bottom: 6px
    }

    .spotlight .spotlight__miniform {
        padding-right: 60px;
        position: relative
    }

        .spotlight .spotlight__miniform input {
            width: 100%;
            box-sizing: border-box;
            padding: 6px;
            height: 28px
        }

        .spotlight .spotlight__miniform .btn-small {
            position: absolute;
            right: 0;
            top: 0
        }

        .spotlight .spotlight__miniform .success-message {
            font-size: 14px;
            font-weight: 600;
            height: 33px;
            margin: 0
        }

@media (min-width:520px) {
    .spotlight {
        float: left;
        border-width: 0 0 0 1px;
        width: 49%;
        padding-left: 20px
    }

        .spotlight .spotlight__icon {
            display: none
        }

        .spotlight:first-child {
            border-left-width: 0
        }
}

@media (min-width:1024px) {
    .spotlight {
        float: left;
        width: 235px
    }

        .spotlight:first-child {
            border-left-width: 1px
        }

        .spotlight:last-child {
            border-right: 1px solid rgba(0,0,0,.1)
        }
}

@media (min-width:1200px) {
    .spotlight {
        padding: 20px 25px;
        padding-left: 97px;
        width: 305px
    }

        .spotlight .spotlight__icon {
            display: block;
            left: 25px
        }
}

.spotlight--fsr .spotlight__icon {
    width: 52px;
    height: 46px;
    background-position: -545px -3px;
    margin-top: -23px
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dppx) {
    .spotlight--fsr .spotlight__icon {
        background-size: 1050px 50px
    }
}

.spotlight--newsletter .spotlight__icon {
    width: 56px;
    height: 41px;
    background-size: 384px 125px;
    border-radius: 4px;
    background-position: 0 -84px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.footer {
    clear: both;
    position: relative;
    z-index: 1;
    background-color: #000000;
    background-image: linear-gradient(rgba(0,0,0,.12),transparent 20%);
    color: #fff;
    padding: 20px 0;
    -webkit-font-smoothing: antialiased
}

@media (min-width:600px) {
    .footer {
        padding: 30px 0
    }
}

@media (min-width:946px) {
    .footer {
        padding: 40px 0
    }
}

.footer .summary-blurb {
    *zoom: 1
}

@media (min-width:1024px) {
    .footer .summary-blurb {
        float: left;
        width: 51%
    }
}

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

.footer .summary-blurb:after {
    clear: both
}

.footer .summary-blurb .logo {
    float: left;
    margin-top: 50px;
    margin-left: -3px;
    margin-right: 15px
}

@media (min-width:600px) {
    .footer .summary-blurb .logo {
        margin-top: 0;
        margin-bottom: 20px
    }
}

.footer .summary-blurb .summary__title, .footer .summary-blurb h3 {
    clear: both;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px
}

.footer .summary-blurb p {
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    font-weight: 400;
    line-height: 1.4
}

.footer #GTS_CONTAINER {
    display: block;
    width: 165px;
    height: 54px;
    float: right;
    margin-top: -9px
}

@media (max-width:445px) {
    .footer #GTS_CONTAINER {
        margin: 15px auto 0;
        float: none
    }
}

.subfooter {
    clear: both;
    position: relative;
    z-index: 0;
    background: #222222;
    color: #dadbd9;
    padding: 40px 0;
    border-top: 1px solid #353535;
}

    .subfooter .linklist {
        margin-bottom: 28px
    }

        .subfooter .linklist li {
            font-size: 14px
        }

.copyright-text {
    font-size: 12px;
    text-align: center;
    line-height: 1.4
}

.page-container > .copyright-text, .simple-footer .copyright-text {
    text-shadow: 0 1px 0 #fff;
    color: #a1a4a0;
    font-weight: 400;
    margin: 0 0 21px
}

.simple-footer {
    padding: 30px 15px
}

    .simple-footer .copyright-text {
        margin-bottom: 14px
    }

    .simple-footer #GTS_CONTAINER {
        width: 110px;
        height: 44px;
        margin: 0 auto;
        padding: 0 4px;
        display: block
    }

        .simple-footer #GTS_CONTAINER img {
            width: 100%
        }

.credit-card-list {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 26px;
    line-height: 1
}

    .credit-card-list li {
        margin-right: 8px;
        display: inline-block
    }

    .credit-card-list .card-icon {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 38px;
        height: 24px;
        display: block;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
        background-size: 384px 125px
    }

    .credit-card-list .card-icon--visa {
        background-position: -56px -84px
    }

    .credit-card-list .card-icon--mastercard {
        background-position: -94px -84px
    }

    .credit-card-list .card-icon--discover {
        background-position: -132px -84px
    }

    .credit-card-list .card-icon--amex {
        background-position: -170px -84px
    }

    .credit-card-list .card-icon--paypal {
        background-position: -208px -84px
    }

    .credit-card-list .card-icon:not(.lazyLoad) {
        background-image: url("/med/social-icon-sprite.png")
    }

.feedback-form {
    clear: both;
    position: relative;
    margin-bottom: 8px;
    -webkit-font-smoothing: subpixel-antialiased;
    z-index: 2;
    margin-top: 26px
}

@media (min-width:1024px) {
    .feedback-form {
        clear: none;
        float: right;
        width: 47%;
        margin-top: 0
    }
}

.feedback-form .top {
    padding: 25px;
    color: #3b3d3b
}

.feedback-form .input-xxlarge {
    width: 100%;
    max-width: 470px;
    box-sizing: border-box
}

.feedback-form .email-form-element {
    margin-bottom: 0;
    *zoom: 1
}

    .feedback-form .email-form-element:after, .feedback-form .email-form-element:before {
        display: table;
        content: "";
        line-height: 0
    }

    .feedback-form .email-form-element:after {
        clear: both
    }

    .feedback-form .email-form-element input {
        float: left;
        margin-right: 15px
    }

    .feedback-form .email-form-element .help-block {
        float: left;
        font-size: 12px;
        line-height: 1.2
    }

.feedback-form .feedback-form__wrapper, .feedback-form:after, .feedback-form:before {
    border-radius: 4px;
    box-shadow: 0 2px 9px rgba(0,0,0,.26);
    background-color: #f5f5f5
}

.feedback-form .feedback-form__wrapper {
    position: relative;
    z-index: 1
}

.feedback-form:after, .feedback-form:before {
    display: block;
    position: absolute;
    height: 30px;
    z-index: -1
}

.feedback-form:after {
    bottom: -4px;
    left: 5px;
    right: 5px
}

.feedback-form:before {
    bottom: -8px;
    left: 10px;
    right: 10px
}

.feedback-form__heading {
    margin: -25px -25px 20px;
    border-bottom: 1px solid #cdcecc;
    padding: 16px 25px;
    font-size: 22px;
    display: block
}

.feedback-form__body {
    margin: 0 -25px;
    padding: 0 25px 16px
}

    .feedback-form__body p {
        color: #3b3d3b
    }

.feedback-form__footer {
    margin: 0 -25px -25px;
    padding: 20px 25px;
    border-top: 1px solid #cdcecc
}

@media (max-width:445px) {
    .feedback-form__footer .btn {
        margin: 0 auto;
        display: block
    }
}

.teaser-links {
    *zoom: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,.15);
    margin-top: 26px
}

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

    .teaser-links:after {
        clear: both
    }

    .teaser-links ul {
        margin: 0;
        width: 50%;
        float: left
    }

@media (min-width:600px) {
    .teaser-links ul {
        width: 25%
    }
}

.teaser-links li {
    margin-bottom: 4px;
    list-style: none
}

.teaser-links a {
    display: block;
    color: #a9bd9e;
    font-size: 14px;
    padding: 2px 0
}

    .teaser-links a:hover {
        color: #fff
    }

    .teaser-links a strong {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: .02rem;
        color: #fff
    }

.page-container #footer, .page-container #page, .page-container .article-box .section, .page-container .cart-security, .page-container .toolbar {
    opacity: 0
}
/*# sourceMappingURL=styles-top.88765de6ce4ef34a39e2.css.map*/