.small-progress-bar {
    height: 35px;
    line-height: 36px;
    font-size: 14px
}

.small-progress-bar .progress-bar {
    line-height: 36px;
    height: 35px;
    font-size: 14px
}

.progressbar_nocorners {
    border-radius: 0 !important
}

.progressbar_offsetWhite {
    background: #fff
}

.progressbar_offsetTransparentWhite {
    background: rgba(255, 255, 255, 0.5)
}

.progressbar_offsetBlack {
    background: rgba(0, 0, 0, 0.8)
}

.progressbar_offsetTransparentBlack {
    background: rgba(0, 0, 0, 0.5)
}

.progressbar_bold {
    font-weight: bold
}

.progressbar_italic {
    font-style: italic
}

.progressbar_bolditalic {
    font-style: italic;
    font-weight: bold
}

.progressbar_left {
    text-align: left;
    padding-left: 17px
}

.progressbar_right {
    text-align: right;
    padding-right: 17px
}

.progressbar_w_0 {
    width: 0%
}

.progressbar_w_33 {
    width: 33%
}

.progressbar_w_50 {
    width: 50%
}

.progressbar_w_66 {
    width: 66%
}

.progressbar_w_75 {
    width: 100%;
    background: #a37bde;
    margin-bottom: 20px;
    text-align: center;
}

.progressbar_w_85 {
    width: 85%
}

.progressbar_w_90 {
    width: 90%
}

.progressbar_w_100 {
    width: 100%
}

.progressbar_borderOn {
    border: 3px solid rgba(0, 0, 0, 0)
}

.progressbar_borderOn.large-progress-bar .progress-bar {
    height: 68px
}

.progressbar_borderOn.medium-progress-bar .progress-bar {
    height: 46px;
    line-height: 40px
}

.progressbar_borderOn.small-progress-bar .progress-bar {
    height: 38px;
    line-height: 33px
}

.progress-bar {
    -webkit-transition: width .25s ease, height .25s ease, font-size .25s ease;
    -moz-transition: width .25s ease, height .25s ease, font-size .25s ease;
    -ms-transition: width .25s ease, height .25s ease, font-size .25s ease;
    -o-transition: width .25s ease, height .25s ease, font-size .25s ease;
    transition: width .25s ease, height .25s ease, font-size .25s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar-striped_active {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite reverse;
    -o-animation: progress-bar-stripes 2s linear infinite reverse;
    animation: progress-bar-stripes 2s linear infinite reverse
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}



.pum-container .wpforms-submit{
    width: 100%;
    height: auto;
    font-size: 21px;
    background: #9b7175;
}

.only_button{display: flex; flex-direction: column}
.only_button .add_to_cart_button{display: block; background-color: #d26e4b; border-radius: 48px; margin: 0 0 2rem;    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.only_button .add_to_cart_button:hover{ background-color: #aa5030; box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.23);}
.only_button .badge-container,
.only_button .product-small.box{display: none!important;}
.only_button.large-columns-4>.col{width: 100%; max-width: none}

.checkout-page-title .breadcrumbs a:first-of-type,
.checkout-page-title .breadcrumbs span:first-of-type{display: none;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}