/*---------------------------------------*/

/*---------------------------------------*/

/*---------------OBFRAME.CSS-------------*/

/*---------------------------------------*/

/*---------------------------------------*/

/*---------------------------------------*/

/* Global */

/* CircularStd @font-face kit */
@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Black.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Black.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Black.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BlackItalic.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BlackItalic.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BlackItalic.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Bold.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Bold.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Bold.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BoldItalic.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BoldItalic.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BoldItalic.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Medium.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Medium.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Medium.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-MediumItalic.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-MediumItalic.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-MediumItalic.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Book.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Book.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Book.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CircularStd';
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BookItalic.eot');
    src: url('//media.offbroadwayshoes.com/fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BookItalic.woff') format('woff'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BookItalic.ttf') format('truetype'), url('//media.offbroadwayshoes.com/fonts/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd') format('svg');
    font-weight: 400;
    font-style: italic;
}

html,
html a {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: hsla(0, 0%, 42%, 1);
}

a:hover,
a:focus {
    color: #000;
    text-decoration: underline;
}

a.underline {
    text-decoration: underline;
}

.frame {
    margin: 0 auto;
    max-width: 100%;
    padding: 10px
}

.frame:after {
    content: "";
    display: table;
    clear: both
}

[class*=obs-] {
    float: left;
    padding: .3em
}

/*---------------------------------------*/

/* IE Hacks */

.ie-show {
    display: none;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ie-hide {
        display: none;
    }

    .ie-show {
        display: block;
    }
}


/*---------------------------------------*/

/* Default Boxes */

.obs_box,
.obs_box-black,
.obs_box-grey,
.obs_box-white {
    padding: 15px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center
}

.obs_box {
    color: #000;
    background: #fff
}

.obs_box a {
    text-decoration: none;
    color: inherit
}

.obs_box-white {
    color: #000;
    background: #fff
}

.obs_box-white a {
    text-decoration: none;
    color: inherit
}

.obs_box-grey {
    color: #000;
    background: #eee
}

.obs_box-grey a {
    text-decoration: none;
    color: inherit
}

.obs_box-black {
    color: #fff;
    background: #000
}

.obs_box-black a {
    text-decoration: none;
    color: #fff
}


/*---------------------------------------*/

/* Default Banner Styles */

/*
.sw--banner--bottom,
.sw--banner--top {
    height: 0;
}
*/

.sw--banner--bottom {
    margin-top: 0px;
}


/*---------------------------------------*/

/* Grids */

.obs-1,
.obs__container {
    width: 100%
}

.obs-2,
.obs-2-static {
    width: 50%
}

.obs-3,
.obs-3-static {
    width: 33.33333%
}

.obs-4,
.obs-4-static {
    width: 25%
}

.obs-5,
.obs-5-static-20 {
    width: 20%
}

.obs-6,
.obs-6-static {
    width: 16.66667%
}

.obs-7 {
    width: 14.28571%
}

.obs-8,
.obs-8-static {
    width: 12.5%
}

.obs-9 {
    width: 11.11111%
}

.obs-10,
.obs-10-static {
    width: 10%
}

.obs-11 {
    width: 9.09091%
}

.obs-12,
.obs-12-static {
    width: 8.33333%
}


/*---------------------------------------*/

/* Custom Grids */

.obs-25 {
    width: 25%
}

.obs-40 {
    width: 40%
}

.obs-60 {
    width: 60%
}

.obs-75 {
    width: 75%
}

.obs-66 {
    width: 66.66666%;
}

.obs-33 {
    width: 33.33333%;
}

@media (max-width:650px) {
    .obs-66 {
        width: 100%;
    }

    .obs-33 {
        width: 100%;
    }

    .obs-40 {
        width: 100%
    }
}


/*---------------------------------------*/

/* Max Width Containers */

.obs__max1000 {
    max-width: 1000px;
    margin: 0 auto
}

.obs__max1200 {
    max-width: 1200px;
    margin: 0 auto
}

.obs__max1400 {
    max-width: 1400px;
    margin: 0 auto
}

.obs__max1440 {
    max-width: 1440px;
    margin: 0 auto
}

.obs__max1500 {
    max-width: 1500px;
    margin: 0 auto
}

.obs__max1600 {
    max-width: 1600px;
    margin: 0 auto
}

.obs__max1700 {
    max-width: 1700px;
    margin: 0 auto
}


/*---------------------------------------*/

/* Spacers */

.obs__spacer10 {
    height: 10px
}

.obs__spacer20 {
    height: 20px
}

.obs__spacer30 {
    height: 30px
}

.obs__spacer40 {
    height: 40px
}

.obs__spacer50 {
    height: 50px
}

.obs__spacer60 {
    height: 60px
}

.obs__spacer70 {
    height: 70px
}

.obs__spacer80 {
    height: 80px
}

.obs__spacer90 {
    height: 90px
}

.obs__spacer100 {
    height: 100px
}

.obs__spacer110 {
    height: 110px
}

.obs__spacer120 {
    height: 120px
}

.obs__spacer130 {
    height: 130px
}

.obs__spacer140 {
    height: 140px
}

.obs__spacer150 {
    height: 150px
}

.obs__spacer200 {
    height: 200px
}

.obs__spacer250 {
    height: 250px
}

.obs__spacer300 {
    height: 300px
}

/*---------------------------------------*/

/* Padding Styles */

.obs__padding0 {
    padding: 0px;
}


/*---------------------------------------*/

/* Hide & Show */

body .showformobile,
body .showfortablet,
body .hideforall {
    display: none
}


/*---------------------------------------*/

/* Mobile */

@media (max-width:650px) {
    .obs__mob-spacer0 {
        height: 0
    }

    .obs__mob-spacer10 {
        height: 10px
    }

    .obs__mob-spacer20 {
        height: 20px
    }

    .obs__mob-spacer30 {
        height: 30px
    }

    .obs__mob-spacer40 {
        height: 40px
    }

    .obs__mob-spacer50 {
        height: 50px
    }

    .obs__mob-spacer100 {
        height: 100px
    }

    .obs__mob-spacer150 {
        height: 150px
    }

    .obs__mob-spacer200 {
        height: 200px
    }

    .obs__mob-spacer250 {
        height: 250px
    }

    .obs__mob-spacer300 {
        height: 300px
    }

    [class*=obs-] {
        padding: 0
    }

    .obs-1,
    .obs-2,
    .obs-3,
    .obs-4 {
        width: 100%
    }

    .obs-10-static,
    .obs-12-static,
    .obs-4-static,
    .obs-2-static,
    .obs-6-static,
    .obs-8-static,
    .obs-75 {
        width: 50%
    }

    .obs-10,
    .obs-11,
    .obs-12,
    .obs-5,
    .obs-6,
    .obs-60,
    .obs-7,
    .obs-8,
    .obs-9,
    [class*=mob100] {
        width: 100%
    }

    body .hideformobile {
        display: none
    }

    body .showformobile {
        display: block
    }

    body .hidefortablet {
        display: none
    }

    body .showfortablet {
        display: block
    }

    [class*=mob50] {
        width: 50%
    }

    .mob50:nth-child(odd) {
        clear: left
    }
}


/*---------------------------------------*/

/* Tablet */

@media (min-width:650px) and (max-width:1050px) {
    .obs__tab-spacer0 {
        height: 0
    }

    .obs__tab-spacer10 {
        height: 10px
    }

    .obs__tab-spacer20 {
        height: 20px
    }

    .obs__tab-spacer30 {
        height: 30px
    }

    .obs__tab-spacer40 {
        height: 40px
    }

    .obs__tab-spacer50 {
        height: 50px
    }

    .obs__tab-spacer100 {
        height: 100px
    }

    .obs__tab-spacer150 {
        height: 150px
    }

    .obs__tab-spacer200 {
        height: 200px
    }

    .obs__tab-spacer250 {
        height: 250px
    }

    .obs__tab-spacer300 {
        height: 300px
    }

    [class*=obs-] {
        padding: 0
    }

    .obs-10,
    .obs-10-static,
    .obs-12,
    .obs-4,
    .obs-4-static,
    .obs-2-static,
    .obs-6,
    .obs-8,
    .obs-8-static {
        width: 50%
    }

    .obs-1,
    .obs-11,
    .obs-2,
    .obs-3,
    .obs-7,
    .obs-9 {
        width: 100%
    }

    .obs-12-static,
    .obs-6-static {
        width: 33.33333%
    }

    body .hidefortablet {
        display: none
    }

    body .showfortablet {
        display: block
    }

    [class*=tab100] {
        width: 100%
    }

    [class*=tab50] {
        width: 50%
    }

    .tab50:nth-child(odd) {
        clear: left
    }
}


/*---------------------------------------*/

/* Small Laptop */

@media (min-width:1050px) and (max-width:1700px) {
    .obs-10-static {
        width: 20%
    }

    .obs-12-static {
        width: 33.33333%
    }
}


/*---------------------------------------*/

/* Homepage Hero */

#hero.obs-1 {
    padding: 0
}

#hero .hero_contents h2,
.cb-cta,
.cb-cta-left,
.obsbtn {
    text-transform: uppercase
}

#hero.homepage,
#hero.internal {
    background-size: cover;
    height: 360px;
    position: relative;
    width: 100%
}

#hero.homepage {
    background-image: url(//media.offbroadwayshoes.com/images/2018-spring-athletic/20180207-adidas-hero.jpg);
    background-position: bottom;
    height: 75vh
}

#hero .overlay {
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: rgba(37, 37, 37, .5)
}

#hero.homepage .overlay {
    background-color: rgba(37, 37, 37, 0);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 60%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .15)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 60%)
}

.obsbtn {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 5px 20px;
    margin: 2px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: 'Source Sans Pro', sans-serif;
}

.hero_buttons>a {
    color: #fff;
    background: #000;
    text-decoration: none !important;
    cursor: pointer;
}

.hero_buttons>a:hover {
    color: #fff;
    background: #101010;
    text-decoration: none !important;
}

.hero_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 650px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#hero .hero_buttons .btn.obbtn {
    margin: .2em;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%
}

@media(max-width:650px) {
    #hero .hero_buttons .btn.obbtn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media(max-width:450px) {
    #hero .hero_buttons .btn.obbtn {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
        flex: 1 0 45%
    }
}

#hero.homepage .scroll_indicator {
    width: 100%;
    height: 2.5em;
    position: absolute;
    bottom: 0;
    overflow: visible;
    background: #f6f6f6;
}

#hero.homepage .scroll_indicator .car {
    width: 3em;
    height: 3em;
    bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    margin: 0 auto;
    left: calc(50% - 1.5em);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid #eee;
    outline: #fff solid 3px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

#hero.homepage .scroll_indicator:before {
    content: '';
    width: 1.7em;
    height: 1.8em;
    bottom: 1.45em;
    position: absolute;
    left: calc(50% - .8em);
    z-index: 1;
    pointer-events: none;
    background: url(//media.offbroadwayshoes.com/icons/single-arrow-down.svg) center center no-repeat;
    -webkit-animation: bounce 1.2s infinite;
    animation: bounce 1.2s infinite
}

@-webkit-keyframes bounce {

    0%,
    100% {
        bottom: 1.45em
    }

    50% {
        bottom: 2.15em
    }
}

@keyframes bounce {

    0%,
    100% {
        bottom: 1.45em
    }

    50% {
        bottom: 2.15em
    }
}

#hero .hero_contents {
    position: relative;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

#hero.homepage .hero_contents {
    top: 8%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

#hero.homepage .hero_contents img {
    max-width: 800px;
    height: 55px;
    width: 100%
}

@media(max-width:650px) {
    #hero.homepage .hero_contents {
        padding: 1em;
        top: 1%
    }
}

#hero .hero_contents h2 {
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    margin: 0 auto 5px;
    font-size: 1.5em
}

#hero .hero_contents h1,
#hero .hero_contents p {
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    margin: 0 auto 10px
}

#hero .hero_contents h1 {
    font-size: 40px
}

#hero .hero_contents p {
    font-size: 18px
}

#hero+.btnrow {
    border-bottom: #e5ecea solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#hero+.btnrow [class*=obs-] {
    background: #eee;
    margin: 0;
    padding: 1em;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 16.666%;
    flex: 1 0 16.666%;
    -ms-flex-preferred-size: calc(100% / 6);
    flex-basis: calc(100% / 6)
}

#hero+.btnrow img {
    margin: 1em;
    max-width: 3em
}

.cb-cta-left,
.cb-description-left,
.cb-title-left {
    margin-left: 10px;
    padding-right: 10px
}

@media screen and (max-width:650px) {
    #hero .hero_contents h1 {
        font-size: 32px
    }

    #hero .hero_contents h2 {
        font-size: 22px
    }

    #hero+.btnrow {
        border-bottom: 0
    }

    #hero+.btnrow [class*=obs-] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}


/*---------------------------------------*/

/* Basic Font Styles for Wrapping, Weights, and Alignment */

.new-line-mob {
    display: block
}

@media (min-width:650px) {
    .new-line-mob {
        display: inline
    }
}

.new-line-tab {
    display: block
}

@media (min-width:1050px) {
    .new-line-tab {
        display: inline
    }
}

.textcenter {
    text-align: center
}

.textleft {
    text-align: left
}

.textright {
    text-align: right
}

.obs__regular {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400
}

.obs__bold {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700
}


/*---------------------------------------*/

/* CB Styles */

.cb-title {
    text-align: center
}

.cb-title-left {
    text-align: left
}

.cb-title,
.cb-title-left {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #000;
    margin-top: 10px
}

.cb-description,
.cb-description-left {
    margin-top: 0;
    margin-bottom: 3px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000
}

.cb-description {
    text-align: center
}

.cb-description-left {
    text-align: left
}

.cb-cta {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-bottom: 15px
}

.cb-cta-left,
.cb-small-copy {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
    color: #000;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400
}

.cb-small-copy {
    margin-top: 10px
}

.cb-cta a,
.cb-cta-left a,
.cb-small-copy a {
    color: #000;
    text-decoration: none
}

.cb-cta a:hover,
.cb-cta-left a:hover,
.cb-small-copy a:hover {
    color: #565656;
    text-decoration: none;
    border-bottom: 1px solid #565656
}

.cb-content {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden
}

.cb-content img {
    cursor: pointer
}

.cb-content .cb-content-overlay-dark {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.cb-content .cb-content-overlay-light {
    background: rgba(255, 255, 255, .4);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.cb-content:hover .cb-content-overlay-dark,
.cb-content:hover .cb-content-overlay-light {
    opacity: 1
}

.cb-content-image {
    width: 100%
}

.cb-content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    color: #fff;
    margin-bottom: .5em
}

.cb-content:hover .cb-content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

@media (max-width:1050px) {

    .cb-content:hover .cb-content-overlay-dark,
    .cb-content:hover .cb-content-overlay-light {
        opacity: 0
    }

    .cb-content .cb-content-overlay-dark,
    .cb-content .cb-content-overlay-light,
    .cb-content-details {
        -webkit-transition: none;
        transition: none
    }

    .cb-content:hover .cb-content-details {
        display: none
    }

    .cb-cta,
    .cb-description,
    .cb-title {
        text-align: left;
        margin-left: 10px;
    }

    .cb-description {
        font-size: 14px;
        margin-top: 0
    }

    .cb-small-copy {
        margin-left: 10px
    }
}

@media (max-width:650px) {

    .cb-title,
    .cb-title-left {
        font-size: 18px
    }

    .cb-cta,
    .cb-description,
    .cb-title {
        text-align: left;
        margin-left: 10px
    }

    .cb-description {
        font-size: 14px;
        margin-top: 0
    }

    .cb-description-left {
        font-size: 14px
    }

    .cb-cta,
    .cb-cta-left {
        font-size: 12px
    }
}

.cb-content-title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 25px;
    font-weight: 400
}

.cb-content-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.section__title {
    width: 100%;
    margin: 0 auto;
    font-size: 80px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #000;
    letter-space: -2px;
}

.section__description {
    width: 100%;
    margin: 0 auto;
    margin-top: -10px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #000;
}


/*---------------------------------------*/

/* Flex CB's */

.flex-cb__line1,
.flex-cb__line2,
.flex-cb__line3,
.flex-cb__line4 {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #000;
}

.fadeIn-bottom {
    top: 80%
}

.fadeIn-top {
    top: 20%
}

.fadeIn-left {
    left: 20%
}

.fadeIn-right {
    left: 80%
}

.flex-cb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-cb-1,
.flex-cb-2,
.flex-cb-3,
.flex-cb-4,
.flex-cb-5,
.flex-cb-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-cb__line1 {
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
}

.flex-cb__line2 {
    font-weight: 700;
    font-size: 82px;
    font-size: 4.6vw;
    line-height: 90%;
    margin-left: -5px;
}

.flex-cb__line3,
.flex-cb__line4 {
    font-size: 14px;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 10px;
}

.flex-cb__line3 a {
    color: #000;
    text-decoration: none
}

.flex-cb__line3 a:hover {
    color: #565656;
    border-bottom: 1px solid #565656
}

.flex-cb__line4 a {
    color: #000;
    text-decoration: none
}

.flex-cb__line4 a:hover {
    color: #565656;
    border-bottom: 1px solid #565656
}

.floating--content {
    margin-left: 50px;
}

@media (max-width:1050px) {
    .flex-cb-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-cb__line1 {
        font-size: 16px;
    }

    .flex-cb__line2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .floating--content {
        margin-left: 0px;
        padding: 1%;
    }
}

@media (max-width:650px) {

    .flex-cb__line2,
    .flex-cb__line3,
    .flex-cb__line4 {
        color: #000;
        text-align: left
    }

    .flex-cb-1,
    .flex-cb-2 {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left
    }

    .flex-cb__line1 {
        font-size: 14px;
    }

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

    .flex-cb__line3 {
        font-size: 14px;
    }

    .flex-cb__line4 {
        font-size: 12px;
        text-transform: uppercase;
    }
}

@media (min-width:650px) and (max-width:1050px) {

    .flex-cb-1,
    .flex-cb-2 {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left
    }

    .flex-cb__line2 {
        font-size: 22px;
        color: #000;
        text-align: left
    }

    .flex-cb__line3,
    .flex-cb__line4 {
        font-size: 14px;
        color: #000;
    }

    .flex-cb__line3 {}

    .flex-cb__line4 {
        text-transform: uppercase;

    }
}

.float__wrapper {
    position: relative;
    cursor: pointer
}

.float__content1 {
    position: absolute;
    z-index: 9999
}


/*---------------------------------------*/

/* Category Hero */

#obs_cathero .subhero1,
.subhero2,
.subhero3,
.subhero4,
.subhero5,
.subhero6 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 360px;
    width: 100%;
    position: relative;
}

#obs_cathero .subhero--left {
    background-position: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#obs_cathero .subhero--center {
    background-position: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#obs_cathero .subhero--right {
    background-position: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#obs_cathero .subhero--left .subhero__content-container {
    margin-left: 5%
}

#obs_cathero .subhero--right .subhero__content-container {
    margin-right: 5%
}

#obs_cathero .subhero__content-container {
    color: #fff;
    text-align: center;
    margin: auto 0;
    width: 55%
}

#obs_cathero .subhero__large-heading {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 4vmax;
    line-height: 1em;
    padding-top: 2px;
    color: #fff
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #obs_cathero .subhero__large-heading {
        font-size: 50px;
    }
}

#obs_cathero .subhero__cta,
#obs_cathero .subhero__small-heading {
    font-size: 16px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif
}

p.subhero__large-heading {
    margin: 0 !important
}

#obs_cathero .subhero__small-heading {
    margin-bottom: 15px;
    font-weight: 400
}

h1.subhero__small-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

#obs_cathero .subhero__cta {
    line-height: 1.5em;
    text-decoration: none;
    padding-bottom: 2px
}

@media (max-width:650px) {

    #obs_cathero .subhero--center .subhero__content-container,
    #obs_cathero .subhero--left .subhero__content-container,
    #obs_cathero .subhero--right .subhero__content-container {
        margin-left: auto;
        margin-right: auto
    }

    #obs_cathero .subhero--center,
    #obs_cathero .subhero--left,
    #obs_cathero .subhero--right {
        background-position: center
    }

    #obs_cathero .subhero1,
    .subhero2,
    .subhero3,
    .subhero4,
    .subhero5,
    .subhero6 {
        height: 240px
    }

    #obs_cathero .subhero__content-container {
        text-align: center !important;
        margin: auto;
        width: 98%
    }

    #obs_cathero .subhero__cta,
    #obs_cathero .subhero__small-heading {
        font-size: 14px
    }

    #obs_cathero .subhero__large-heading {
        font-size: 8vmin
    }
}

@media (min-width:650px) and (max-width:1050px) {

    #obs_cathero .subhero--center .subhero__content-container,
    #obs_cathero .subhero--left .subhero__content-container,
    #obs_cathero .subhero--right .subhero__content-container {
        margin-left: auto;
        margin-right: auto
    }

    #obs_cathero .subhero--center,
    #obs_cathero .subhero--left,
    #obs_cathero .subhero--right {
        background-position: center
    }

    #obs_cathero .subhero1,
    .subhero2,
    .subhero3,
    .subhero4,
    .subhero5,
    .subhero6 {
        height: 240px
    }

    #obs_cathero .subhero__content-container {
        text-align: center !important;
        margin: auto;
        width: 90%
    }

    #obs_cathero .subhero__large-heading {
        font-size: 5vmin
    }
}


/*---------------------------------------*/

/* Cards */

.cardwrapper {
    width: 100%
}

.obs__cards {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    color: #000;
    box-sizing: border-box;
    letter-spacing: 0
}

.obs__card,
.obs__fullcard {
    background: #fff;
    padding: 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.obs__fullcard {
    width: 91.8%;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #eee;
    margin-bottom: 30px
}

.obs__card {
    width: 33%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #eee
}

.obs__cardinner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.obs__cardheader,
.obs__fullcardheader {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    border-bottom: 2px solid #eee;
    padding-bottom: 25px
}

.obs__cardheader img {
    max-width: 15%;
    padding-bottom: 10px
}

.obs__fullcardheader img {
    max-width: 4%;
    padding-bottom: 10px
}

.obs__cardline1 {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    padding-top: 8px
}

.obs__cardline2 {
    font-size: 16px;
    margin-bottom: 20px
}

.obs__cardline3 {
    font-size: 16px
}

@media (max-width:1050px) {
    .cardwrapper {
        margin-top: -20px
    }

    .obs__fullcard {
        margin-bottom: 10px
    }

    .obs__card {
        width: 92%;
        height: auto;
        margin: 0 0 10px !important;
        z-index: 1
    }

    .obs__cardinner {
        padding-top: 5px
    }

    .obs__cardheader,
    .obs__fullcardheader {
        margin-top: -10px;
        border-bottom: none;
        padding-bottom: 0
    }

    .obs__fullcardheader img {
        max-width: 15%
    }

    .obs__cardline2 {
        padding-top: 0;
        margin-bottom: 0
    }
}


/*---------------------------------------*/

/* Accordion Styles */

.obs__accordion {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    width: 100%;
    margin: 0 auto
}

.obs__accordion-body,
.obs__accordion-header {
    background: #fff
}

.obs__accordion-header {
    padding: 20px;
    background: #fff;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.obs__accordion-header:hover {
    background: #eee;
    position: relative;
    z-index: 5
}

.obs__accordion-body {
    background: #fff;
    color: #000;
    display: none
}

.obs__accordion-body__contents {
    padding: 25px;
    font-size: 14px
}

.obs__accordion-body__contents li {
    margin: 10px
}

.obs__accordion__item.active:last-child .obs__accordion-header {
    border-radius: none
}

.obs__accordion__item>.obs__accordion-header:after {
    content: "\2303";
    font-size: 14px;
    float: right;
    position: relative;
    top: -2px;
    -webkit-transition: .3s all;
    transition: .3s all;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.obs__accordion__item.active>.obs__accordion-header:after {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.obs__accordion__item.active .obs__accordion-header {
    background: #000;
    color: #fff
}

.obs__accordion__item .obs__accordion__item .obs__accordion-header {
    background: #eee;
    color: #000
}

@media screen and (max-width:1000px) {
    .obs__accordion {
        width: 100%
    }
}


/*---------------------------------------*/

/* Brands */

.acc_headline {
    color: #000;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    font-size: 2em;
    position: relative;
    margin-left: 1em;
    margin-top: 55px;
    z-index: 0;
}

#brandsrow {
    background: #f6f6f6;
    margin-top: -33px;
}

#brandsrow .scroller {
    position: relative;
    -webkit-overflow-scrolling: touch;
}

/* width */

#brandsrow .scroller>div::-webkit-scrollbar {
    height: 5px;
}

/* Track */

#brandsrow .scroller>div::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */

#brandsrow .scroller>div::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */

#brandsrow .scroller>div::-webkit-scrollbar-thumb:hover {
    background: #888;
}

#brandsrow img.brand {
    max-height: 8.5em;
    opacity: 1;
}

#brandsrow .scroller:before,
#brandsrow .scroller:after {
    pointer-events: none;
}

#brandsrow .scroller:before {
    content: '';
    background: -webkit-linear-gradient(left, rgba(246, 246, 246, 1) 5%, rgba(246, 246, 246, 0) 100%);
    background: linear-gradient(to right, rgba(246, 246, 246, 1) 5%, rgba(246, 246, 246, 0) 100%);
    height: 100%;
    width: 8em;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}

#brandsrow .scroller:after {
    content: '';
    background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 95%);
    background: linear-gradient(to right, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 95%);
    height: 100%;
    width: 8em;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}

#brandsrow .scroller>div {
    overflow: auto;
    white-space: nowrap;
    padding: 0 0 1em;
}

#brandsrow .scroller>div>a {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

@media (max-width: 1050px) {
    .acc_headline {
        margin-top: 0px;
        font-size: 2em;
    }
}

@media (max-width: 650px) {
    #brandsrow scroller>div>a img.brand {
        max-height: 10em;
    }
}

/*---------------------------------------*/

/* Endcap Title Styles */

.obs__endcaptitle mark,
.obs__endcaptitle2 {
    padding: 0 14px;
    font-family: 'Source Sans Pro', sans-serif
}

.obs__endcaptitle {
    border-top: 1px solid #000;
    width: 99%;
    position: relative;
    background: red;
    margin-top: 30px;
    z-index: 303
}

.obs__endcaptitle mark {
    background-color: #fff;
    position: absolute;
    top: -18px;
    display: block;
    width: auto;
    font-size: 22px;
    font-weight: 700;
    z-index: 304
}

.title__left a,
.title__right a {
    font-weight: 600;
    text-decoration: none
}

.obs__endcaptitle2 {
    margin-top: 14px;
    font-size: 14px;
    color: #000;
    z-index: 305
}

.title__left {
    text-align: left;
    margin-left: -3px
}

.title__left a {
    color: inherit
}

.title__left a:hover {
    color: #565656;
    text-decoration: none;
    border-bottom: 1px solid #000
}

.title__right {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    width: 100%;
    max-width: 150px;
    float: right;
    min-height: 30px
}

.title__right a {
    color: inherit
}

.title__right a:hover {
    color: #565656;
    text-decoration: none;
    border-bottom: 1px solid #000
}

mark {
    font-size: 18px;
    top: -16px
}


/*---------------------------------------*/

/* Customer Service Styles */

.obs__fullwidthlinks-wrapper {
    background: #eee
}

.obs__fullwidthlinks {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    background: #eee;
    color: #000;
    padding: 30px;
    margin-left: 8%
}

.obs__fullwidthlinks ul {
    list-style: none
}

.obs__fullwidthlinks li a {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.obs__fullwidthlinks li {
    margin: 15px
}

.obs__fullwidthlinks li a:hover {
    color: #565656;
    text-decoration: none;
    border-bottom: 1px solid #565656
}

.fullwidthlink-title {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin-top: 22px
}

.cust_service_headline,
h1.cust_service_headline {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 30px;
    color: #231F20
}

@media (max-width:650px) {
    .cust_service_headline {
        font-size: 18px;
    }
}

.obs-60 li {
    margin-left: 25px;
}

@media (max-width:650px) {
    .obs__endcaptitle {
        width: 98.5%
    }

    .obs__fullwidthlinks {
        margin-left: 0
    }

    .fullwidthlink-title {
        text-align: center;
        margin-top: -14px
    }
}

.cust_service_headline {
    font-weight: 700
}

.rightsideheading {
    padding-left: 18px
}

h1.cust_service_headline {
    font-weight: 400
}

.cust_service_leftnav,
.obs__account-icons {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif
}

.cust_service_leftnav {
    list-style: none;
    color: #231F20
}

.cust_service_leftnav li {
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    max-width: 400px
}

.cust_service_leftnav li a {
    color: #231F20;
    text-decoration: none
}

.cust_service_leftnav li a:hover {
    color: #565656;
    text-decoration: none
}

.obs__account-list li {
    margin: 15px 30px
}

.obs__account-icons {
    text-align: center;
    margin-bottom: 20px
}

.obs__account-icons a {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.obs__account-icons a:hover {
    color: #565655
}

.obs__account-icons img {
    width: 100%;
    max-width: 25%
}


/*---------------------------------------*/

/* Backgrounds */

.bg-split__whitetogrey {
    background: -webkit-repeating-linear-gradient(#fff, #fff 50%, #f6f6f6 50%, #f6f6f6 100%);
    background: repeating-linear-gradient(#fff, #fff 50%, #f6f6f6 50%, #f6f6f6 100%)
}

.bg-split__greytowhite {
    background: -webkit-repeating-linear-gradient(#f6f6f6, #f6f6f6 50%, #fff 50%, #fff 100%);
    background: repeating-linear-gradient(#f6f6f6, #f6f6f6 50%, #fff 50%, #fff 100%)
}

.bg__grey {
    background: #eee
}

.bg__lightgrey {
    background: #f6f6f6
}

.bg__black {
    background: #000
}

.bg__white {
    background: #fff
}

@media (max-width:650px) {

    .bg__black,
    .bg__grey,
    .bg__lightgrey,
    .bg__white {
        background: 0 0
    }
}

@media (min-width:650px) and (max-width:1050px) {

    .bg__black,
    .bg__grey,
    .bg__lightgrey,
    .bg__white {
        background: 0 0
    }
}


/*---------------------------------------*/

/* Hover Frost */

.obs__lightfrost {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.obs__lightfrost:hover {
    opacity: .8
}

@media (max-width:1050px) {
    .obs__lightfrost:hover {
        opacity: 1
    }
}


/*---------------------------------------*/

/* Responsive Video Embed */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

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

.obs__videowrapper {
    position: relative
}

.obs__videooverlay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999999;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 5.5vmin;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #fff
}


/*---------------------------------------*/

/* Fixes - Clean Up Later */

.seodata>.display-content {
    margin-left: 4em;
    margin-right: 4em;
}

@media (max-width:1050px) {
    .seodata>.display-content {
        margin-left: 1em;
        margin-right: 1em;
    }
}

.seodata.page-title>h1 {
    font-weight: 600;
}

.store-information>.row>div h1 {
    font-size: 25px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0px;
}

.header-shrink {
    border-bottom: 1px solid #eee !important
}

.search-pannel-notmobile-inner {
    padding-top: 80px !important;
    padding-bottom: 90px !important
}

.ccl-container,
.contactUs,
.gift-cards {
    max-width: 1440px;
    margin: 0 auto
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:hover {
    color: #000 !important
}

.nav>li>a {
    padding: 10px
}

@media (max-width:1050px) {
    .nav>li>a {
        padding: 15px !important
    }

    .main-navigation .main-navigation {
        padding-top: 0 !important
    }
}

.main-navigation .main-navigation {
    padding-top: 8px
}

@media (min-width:1051px) {

    .main-navigation ul li.dropdown:hover>a:after,
    .open>a:after {
        top: 49px
    }
}

@media (max-width:510px) {
    .mobile-logo img {
        padding-top: 7px;
        padding-left: 10px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
    .product-box h4 {
        font-size: 3vmax
    }
}

@media only screen and (min-device-width:300px) and (max-device-width:350px) and (-webkit-min-device-pixel-ratio:2) {
    .product-box h4.product-name {
        font-size: 3vmax
    }
}

.guest-checkout-text,
.guest-checkout-text p {
    font-size: 14px !important
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.select-container .btn-default,
.select-container .btn-default:active,
.select-container .btn-default:focus,
.select-container .btn-default:hover,
.select-container .caret:after {
    color: #000
}

.p-w-r .pr-review-display p,
.p-w-r .pr-review-snapshot .pr-msq-list dd,
.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-msqs .pr-ratings-histogram-percent,
.p-w-r .pr-review-snapshot .pr-review-snapshot-block .pr-snapshot-tag-def span,
.p-w-r .pr-review-snapshot .pr-snapshot-highlight,
.p-w-r .pr-review-snapshot p,
.p-w-r .pr-snippet-reco-to-friend .pr-reco span {
    color: #000 !important
}

.p-w-r .pr-review-snapshot .pr-histogram-msq-headline {
    color: #fff !important;
}

.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count,
.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    font-weight: 400;
    font-size: 14px
}

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-reco-reco {
    margin-top: 0 !important
}

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-write,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-container {
    margin-top: 8px !important
}

#product_power_reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    font-weight: 400 !important
}

.p-w-r .pr-review-snapshot .pr-faceoff-review {
    font-size: 12px !important
}

.p-w-r .pr-review-display .pr-rd-pagination .pr-rd-pagination-btn {
    padding: 10px 20px !important
}

#pr-write>header>h3 {
    font-weight: bold;
}

.sortby-product .bootstrap-select.btn-group .dropdown-menu>li.selected>a {
    background-color: #000
}

.sortby-product .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background-color: #eee;
    color: #000
}

.back-to-result {
    padding-bottom: 10px;
    padding-left: 15px
}

.rewards-section-inner .content-empty {
    display: none
}

.store-information .store-phone {
    color: #000
}

@media (max-width:1050px) {
    .product-detail-section {
        padding: 10px 0 0
    }

    .carousel-inner>.item {
        -webkit-overflow-scrolling: touch !important
    }
}

.product-box h4.product-name {
    padding: 4px
}

.rw-block-detail {
    padding: 20px 15px
}

.cart-price .cart-price-base,
.cart-price .cart-price-bogo,
.cart-price .cart-price-rew {
    font-weight: 400
}

.cut {
    font-size: 14px !important;
    color: #000 !important
}

.bootstrap-select .btn-default.active,
.bootstrap-select .btn-default:active,
.bootstrap-select.open>.dropdown-toggle.btn-default,
.select-container .btn-default,
.select-container .btn-default:active,
.select-container .btn-default:focus,
.select-container .btn-default:hover {
    background: #fff !important
}

.cart-location {
    padding-right: 5px
}

.cart-price .cart-price-bogo .bogo-name {
    padding-top: 5px
}

.cart-price .cart-price-bogo {
    width: 100%;
    margin-left: 0
}

.checkout-price {
    text-align: center !important
}

.checkout-total-section .os-estimated-total {
    font-size: 30px !important
}

.cartproline {
    text-align: center;
    padding-left: 125px
}

@media (max-width:1050px) {
    .checkout-price .checkout-price-border {
        font-size: 18px;
        font-weight: 400
    }

    .checkout-price {
        font-size: 30px;
        font-weight: 700;
        line-height: 25px;
        padding-bottom: 0
    }

    .shopping-bag-row {
        border-bottom: #eee solid 35px !important
    }

    .shopping-bag-section .cart-container {
        margin-top: -85px
    }

    .cart-pro-img img {
        width: 130% !important;
        margin-left: -35px
    }

    .wishlist-link {
        margin-left: -25px
    }

    .cartproline {
        padding-left: 0;
        padding-bottom: 20px
    }

    .shopping-bag-section .save-this-cart,
    .shopping-bag-section .shopping-bag-heading {
        padding-top: 10px
    }
}

.os-checkout-btn .btn-default.btn-keep-shopping {
    background: #000 !important;
    color: #fff !important
}

@media (max-width:510px) {
    .mobile-logo img {
        width: 170px !important;
        padding-top: 10px !important;
        padding-left: 10px !important
    }
}

@media (max-width:400px) {
    .header-icon-section .icon-box {
        height: 56px !important
    }

    .mobile-logo img {
        width: 140px !important;
        padding-left: 10px !important;
        padding-top: 8px !important
    }
}

@media (max-width:344px) {
    .mobile-logo img {
        width: 120px !important;
        padding-left: 0 !important;
        padding-top: 5px !important
    }

    .header-icon-section {
        height: 55px !important
    }

    .responsive-menu {
        margin-top: 0;
        padding: 11px 10px;
        height: 55px
    }
}

@media (min-width:344px) and (max-width:1050px) {
    .header-icon-section {
        height: 56px !important
    }
}

.search-empty {
    text-align: center;
    padding-top: 30px;
    background: -webkit-repeating-linear-gradient(#f6f6f6, #f6f6f6 50%, #fff 50%, #fff 100%);
    background: repeating-linear-gradient(#f6f6f6, #f6f6f6 50%, #fff 50%, #fff 100%)
}

.checkout-price-border,
.checkout-price-calc .row {
    text-align: center !important
}

.search-empty>.headline {
    font-size: 16px;
    padding-bottom: 10px
}

.product-box {
    padding-bottom: 0
}

.os-estimated-total {
    font-size: 2.2vmin
}

@media (max-width:1050px) {
    .os-estimated-total {
        font-size: 5vmin
    }
}

.cart-container {
    margin-top: 31px
}

@media (max-width:1050px) {
    .cart-container {
        margin-top: 10px
    }
}

.footer-form input,
.save-cart-prodetail span {
    color: #000
}

.os-estimated-tax a {
    text-decoration: underline;
}

span#sNewZip {
    font-weight: 700
}

span#sNewZip::before {
    content: ' - Your Zip: '
}

.cart-location {
    padding-right: 10px;
}

.need-help-box #live-chat-url,
.need-help-box a:hover {
    color: #565656;
}

.need-help-box #live-chat-url,
.need-help-box a:active {
    color: #000;
}

.need-help-box #live-chat-url,
.need-help-box a:focus {
    color: #000;
}

.need-help-box #live-chat-url,
.need-help-box a:visted {
    color: #000;
}

.checkout-price-calc .row {
    padding-right: 30px
}

.secure-checkout .secure-checkout-tabs .secure-checkout-tabs-head {
    margin-top: 5px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .sort-select {
        margin-right: 18px
    }
}

.header-icon-section .icon-box span.box-head,
.header-icon-section .icon-box span.box-head a {
    margin-top: 0;
    padding-right: 0px;
}

.header.checkout {
    padding-top: 15px;
    border-bottom: 1px solid #eee;
    height: 90px;
}

@media (max-width:1050px) {
    .header.checkout {
        padding-top: 0;
        border-bottom: none;
        height: auto;
    }

    .checkout-cart-box {
        border-bottom: 1px solid #eee;
    }
}

@media (max-width:510px) {
    .checkout-cart-box {
        height: 57px;
    }
}

@media (min-width: 1050px) {
    .cd-top.cd-footer {
        margin-bottom: 80px !important;
    }
}

body #_asm {
    position: fixed !important;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    padding: .5em;
    overflow: visible;
}

.include-saletax {
    padding-bottom: 15px;
}

.secure-checkout .secure-checkout-tabs .secure-checkout-inner {
    padding-top: 15px;
}

.delivery-method-text {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.cart-checkout-section {
    padding: 0px;
}

#product-detail-modal {
    display: none;
    position: absolute;
    /*changes - dsk - 20180210*/
    width: 100% !important;
    z-index: 999999;
    left: 0;
    background: #fff;
    top: 0;
    padding: 15px;
}

.breadcrumb {
    margin: 0px 1%;
}

.second-day-message {
    font-size: 12px;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    color: hsla(0, 0%, 42%, 1);
    padding: 5px;
    text-align: center;
    float: left;
}

@media(max-width:650px) {
    .second-day-message {
        text-align: left;
        margin-left: -5px;
    }
}

.search-descktop-button.active:after {
    bottom: -10px;
    right: 20px;
}

input:-webkit-autofill {
    border: 1px solid #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

input:focus,
input:-webkit-autofill:focus {
    border-color: #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white, 0 0 8px rgba(255, 255, 255, 0.5);
}

.js-site-search-input:focus,
.js-site-search-input:-webkit-autofill:focus {
    border-bottom: 2px solid #fff;
    -webkit-box-shadow: inset 0 0 0px 9999px black, 0 0 8px rgba(0, 0, 0, 0.5) !important;
}

@media(max-width:1050px) {
    .js-site-search-input:focus,
    .js-site-search-input:-webkit-autofill:focus {
        border-bottom: 2px solid #fff;
        -webkit-box-shadow: inset 0 0 0px 9999px white, 0 0 8px rgba(255, 255, 255, 0.5) !important;
    }
}

button .btn.btn-default .btn-submit {
    background: #000;
    color: #fff;
}

.product-box {
    min-height: 550px;
}

.product-box h4 {
    font-size: 20px;
}

.product-box h4.product-name {
    font-size: 14px;
}

.product-box h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1050px) {
    .product-box {
        min-height: 560px;
    }

    .product-box h4.product-name {
        font-size: 14px;
    }
}

@media (max-width: 850px) {
    .product-box {
        min-height: 560px;
    }

    .product-box h4 {
        font-size: 25px;
    }

    .product-box h4.product-name {
        font-size: 16px;
    }
}

@media (max-width: 650px) {
    .product-box {
        min-height: 450px;
    }

    .product-box h4.product-name {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .product-box .price-cut {
        padding-bottom: 0;
    }

    .product-box h4.product-name {
        font-size: 14px;
    }
}

@media (max-width: 420px) {
    .product-box {
        min-height: 380px;
    }

    .product-box h4.product-name {
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .product-box {
        min-height: 300px;
    }

    .product-box h4 {
        font-size: 18px;
    }

    .product-box h4.product-name {
        font-size: 12px;
    }
}

.search-result-item-box .brand {
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
    font-size: 20px;
}

.search-result-item-box h3 {
    font-size: 14px;
}


/*---------------------------------------*/

/* Feedback Btn Styles */

body ._acs._acsbadge--default {
    left: -1000em !important;
}

body footer ._acs._acsbadge--default {
    position: absolute;
    right: unset !important;
    left: 0 !important;
    top: -2.35em;
    bottom: unset;
    -webkit-transform: rotate(0);
    margin: 0;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-box-shadow: none;
    font-family: 'Source Sans Pro' !important;
    box-shadow: none;
    border-radius: 0;
    z-index: 1;
    background: #000 !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: .45em .25em .45em .75em;
    font-size: 1.1em;
    overflow: visible !important;
    font-family: "";
    height: 37px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

body footer ._acs._acsbadge--default:after {
    content: '';
    position: absolute;
    border-bottom: 37px solid #000000;
    border-right: 37px solid transparent;
    right: -2.35em;
    height: 1em;
    width: 1em;
    top: 0;
    z-index: 0 !important;
}

footer {
    margin-top: 2.75em;
}

body ._acsbadge--default ._acsBadgeLabel {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.storeImage {
    text-align: center;
    background: #eee;
}

@media (max-width: 650px) {
    .storeImage img {
        width: 100%;
    }
}

.col-centered {
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.10);
}

@media (max-width: 1050px) {
    .col-centered {
        max-width: 100%;
    }

    .login-signup-form {
        background: #fff;
    }
}

.phone-disclaimer {
    padding-bottom: 10px;
}

.delet-modal-info p {
    padding-bottom: 10px;
}

.claim-rewads-form .square-labels input,
.claim-rewads-form .square-labels select {
    color: #000;
}

.alert-warning {
    background-color: #F26A65;
    border-color: none;
}

.store-box-inner>.row>.col-xs-7>h4 {
    text-align: right;
}

@media (max-width: 1050px) {
    .store-box-inner>.row>.col-xs-12>h4 {
        text-align: right;
    }
}

@media (max-width: 650px) {
    .store-box-inner>.row>.col-xs-12>h4 {
        text-align: center;
    }
}

.carousel-control {
    text-shadow: none !important;
    opacity: 1 !important;
}

#product-modalslider .carousel-indicators li.active {
    background: #000;
}

#product-modalslider .carousel-inner {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid #eee;
}

.bootstrap-select .dropdown-menu>li>a:hover,
.bootstrap-select .dropdown-menu>li>a:focus {
    color: #fff !important;
    background-color: #000 !important;
}

.price-detail {
    width: 100%;
}

.pr-snippet-stars-container {
    padding-top: 18px !important;
}

img.inactive {
    max-width: 25px;
}

@media (max-width: 344px) {
    .rw-mobile-cal {
        font-size: 30px;
    }
}

.pd-add-to-cart .btn-default:disabled:hover,
.pd-find-store .btn-default:disabled:hover {
    background: #000 !important;
    border: 1px solid transparent !important;
}

.pd-add-to-cart .btn-default:hover,
.pd-wishlist .btn-default:hover,
.pd-find-store .btn-default:hover {
    background: #000 !important;
    border: 1px solid #000 !important;
}

/*
.pd-add-to-cart .btn-default:disabled,
.pd-find-store .btn-default:disabled,
.pd-wishlist .btn-default:disabled,
.pd-find-store .btn-default.disabled,
.pd-wishlist .btn-default.disabled {
    background: #000 !important;
    border: 1px solid #000 !important;
}
*/

.pd-add-to-cart .btn-default {
    border: 1px solid transparent !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 1;
}

.sortby-product .bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: #fff !important;
}

.cart-box .cart-item-count {
    top: 0px !important;
}

@media (max-width: 1050px) {
    .cart-box .cart-item-count {
        top: 3px !important;
    }

    .product-list-by .product-box h4 {
        font-size: 16px !important;
    }
}

.product-list,
.product-box {
    border: none;
}

.product-box [id*=monetate_badge] {
    min-width: 5em;
}

@media (max-width: 1050px) {
    .header-icon-section .icon-box {
        height: 100%;
    }

    .header-icon-section .icon-box>img,
    .header-icon-section .icon-box a>img {
        margin-top: 8px;
    }

    .head-main,
    .header,
    .top-banner,
    .monetate-striped {
        height: unset;
    }
}

.search-full-field .close-searh {
    top: -15px;
}

.search-results {
    padding-bottom: 0px;
}

.write-a-review a,
.pr-snippet-write-review-link {
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 14px 35px !important;
}

@media (max-width: 1050px) {
    #navbar-main {
        height: calc(100vh - 77px);
    }
}

@media (max-width: 1050px) {
    #brandstab .tab-content img {
        max-height: 200px;
    }
}

#brandstab .tab-content {
    -webkit-overflow-scrolling: touch;
}

@media print {
    .cust_service_headline {
        display: inline !important;
    }
    .obs__accordion,
    .obs__accordion-body {
        display: block !important;
    }
    .coupon__cardwrapper {
        display: none !important;
    }
}

.top-header-strip {
    border-radius: 0px;
}

.p-w-r .thank-you-page .header.col-sm-12 {
    z-index: 0;
}

.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    color: #000 !important;
}

.head-main+div {
    margin-top: 178px;
}

@media(max-width:1050px) {
    .head-main+div {
        margin-top: 119px;
    }
}

/*review animation + bolding of text
bringing emphasis to PDP review elements*/
.pr-star-v4 {
    opacity: 0;
    -webkit-animation: starsfadeIn .25s ease-in both;
    animation: starsfadeIn .25s ease-in both;
}

.pr-star-v4:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

.pr-star-v4:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.pr-star-v4:nth-child(4) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.pr-star-v4:nth-child(5) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.pr-star-v4:nth-child(6) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

@-webkit-keyframes starsfadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes starsfadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

body.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    color: #000 !important;
}

body.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    color: #000000 !important;
}

.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count,
.pd-detial-reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    font-weight: bold !important;
}

#product_power_reviews .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding-left: 15px !important;
    padding: 15px !important;
}

/*this corrects a problem of heights when there is a 'see price in cart' product listing on PLP pages at larger screen resolutions*/
.product-box .promo-price-invisible {
    min-height: 52px;
}

.carousel:nth-child(1) {
    min-height: 325px;
}

@media(max-width:650px) {
    .carousel:nth-child(1) {
        min-height: unset;
    }
}

@media(max-width:1050px) {
    .product-detail-section .pro-slider {
        padding-top: 0px !important;
    }

    .col-md-6.pro-slider {
        padding: 0px !important;
    }
}

.sortby-product>.col-xs-6 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

@media (max-width: 1050px) {
    .sort-select {
        padding-right: 5px !important;
    }
}

.filter-select.js-facet-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* .selected-filter {
    float: left !important;
    min-width: unset !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 18%;
    flex: 1 0 18%;
} */

@media (max-width: 1050px) {
    .filter-applied-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 15px;
    }

    .selected-filter.even {
        width: unset !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 44% !important;
        flex: 1 0 44% !important;
    }

    .selected-filter {
        margin: 5px !important;
        width: calc(100% - 10px) !important;
    }
}

.filter-select.show-on-mobile>.clear-filters:nth-child(3) {
    display: none !important;
}

@media (max-width: 1050px) {
    .pagination-sorting {
        background: #f6f6f6;
        padding-top: 12px;
    }

    .mobile-filter-button,
    .mobile-filter-button:hover,
    .mobile-filter-button:focus {
        background: #fff;
    }
}

.btn-cont-payment.error {
    background: #ccc;
}

.order-summery h4 {
    color: #000;
}

.order-summery {
    color: #000;
}

.need-help-info p {
    color: #000;
}

.need-help-checkout a {
    color: #000;
}

.order-summery .row:nth-child(7) {
    border-bottom: 4px solid #ed1b2e !important;
}

.checkout-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.rw-breadcrumbs {
    text-align: center;
}

@media (max-width: 650px) {
    .rw-breadcrumbs {
        text-align: left;
    }
}

.shopping-bag-id {
    background: #eee;
    padding: 10px;
}

.use-promocode {
    padding-bottom: 15px;
    padding-top: 10px;
    margin-top: 20px;
}

.redeem-reward,
.use-promocode,
.use-gift-card {
    margin-top: 0px;
    padding-bottom: 15px;
}

.col-xs-4.col-sm-4.pad-l-5,
.col-xs-6.col-sm-6.pad-l-5 {
    padding: 0px;
}

.col-xs-8.col-sm-8.pad-r-5,
.col-xs-6.col-sm-6.pad-r-5 {
    padding: 0px;
    padding-right: 10px;
}

.btn-use-promocode-apply,
.btn-gift-card-apply {
    width: 92%;
}

.shooping-bag-info>h4 {
    text-align: center;
    padding: 30px;
    font-weight: bold;
    background: #f6f6f6;
    color: #000;
}

.bottom-banner {
    height: calc(3em - 1px);
}
@media (max-width: 650px) {
    .bottom-banner {
        height: calc(4em - 1px);
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation: none;
    }
}