@charset "UTF-8";
:root{
    --primary-color:#212121;
    --secondary-color:#ED1D24;
    --foreground-color:#121416;
    --foreground-sub-color:#898686;
    --body-text-color:#000000;
    --text-white-color:#fff;
    --body-background-color:#fff;
    --bg-offwhite-color:#F7F7F7;
    --bg-black-color:#000000;
    --bg-light-dark-color:#1a1818;
    --border-color:#E5E5E5;
    --open-sans-fonts:'Open Sans',sans-serif;
    --rubik-fonts:'Rubik',sans-serif;
    --inter-fonts:'Inter',sans-serif;
    --body-font-size:1.5rem;
    --body-font-weight:400;
    --body-line-height:2.8rem;
    --headings-weight:700;
    --transition:all 0.3s ease 0s;
    --container-fluid-offset:12rem
}
@media only screen and (max-width:575px){
    .cart__title{
        text-align:center
    }
}
.cart__table--inner{
    width:100%;
    border-spacing:0
}
@media only screen and (max-width:575px){
    .cart__table--header{
        display:none
    }
}
.cart__table--header__list{
    padding:0 20px 20px 0;
    text-transform:uppercase;
    text-align:left;
    border-bottom:1px solid var(--border-color)
}
.cart__table--header__list:last-child{
    padding-right:0
}
@media only screen and (min-width:992px){
    .cart__table--header__list{
        font-size:15px
    }
}
.cart__table--header__list.text-right{
    text-align:right
}
.cart__table--header__list.text-center{
    text-align:center
}
@media only screen and (max-width:575px){
    .cart__table--body__items{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.cart__table--body__list{
    border-bottom:1px solid var(--border-color);
    padding:20px 20px 20px 0
}
.cart__table--body__list:last-child{
    padding-right:0
}
@media only screen and (max-width:575px){
    .cart__table--body__list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        padding:20px 0
    }
}
.cart__thumbnail{
    max-width:10rem;
    line-height:1
}
@media only screen and (max-width:767px){
    .cart__thumbnail{
        max-width:8rem
    }
}
.cart__content{
    padding-left:15px
}
@media only screen and (min-width:1200px){
    .cart__content{
        padding-left:20px
    }
}
.cart__content--variant{
    display:block;
    margin-bottom:.5rem;
    color:var(--foreground-sub-color);
    line-height:22px;
    font-size:13px
}
.cart__content--variant:last-child{
    margin-bottom:0
}
.cart__content--title{
    margin-bottom:.5rem;
    line-height:25px
}
.cart__remove--btn{
    font-weight:600;
    width:3rem;
    height:3rem;
    text-align:center;
    line-height:3rem;
    background:var(--body-background-color);
    -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
    box-shadow:0 2px 22px rgba(0,0,0,.16);
    margin-right:15px;
    border-radius:50%;
    padding:0;
    border:0
}
@media only screen and (min-width:992px){
    .cart__remove--btn{
        margin-right:3rem
    }
}
.cart__remove--btn:hover{
    color:var(--secondary-color)
}
.cart__price{
    font-weight:600
}
@media only screen and (min-width:992px){
    .cart__price{
        font-size:16px
    }
}
.continue__shopping{
    padding-top:20px
}
.continue__shopping--link{
    font-size:15px;
    font-weight:600;
    color:var(--primary-color)
}
@media only screen and (min-width:992px){
    .continue__shopping--link{
        font-size:17px
    }
}
.continue__shopping--clear{
    font-size:15px;
    font-weight:600;
    color:var(--primary-color);
    border:0;
    padding:0;
    background:inherit
}
@media only screen and (min-width:992px){
    .continue__shopping--clear{
        font-size:17px
    }
}
.continue__shopping--clear:hover{
    color:var(--secondary-color)
}
.cart__summary{
    -webkit-box-shadow:0 2px 22px rgba(0,0,0,.16);
    box-shadow:0 2px 22px rgba(0,0,0,.16);
    padding:20px;
    background:var(--body-background-color);
    position:-webkit-sticky;
    position:sticky;
    top:0
}
@media only screen and (max-width:991px){
    .cart__summary{
        margin-top:5.5rem
    }
}
@media only screen and (max-width:767px){
    .cart__summary{
        margin-top:45px
    }
}
.cart__summary--total__table{
    width:100%
}
.coupon__code--title{
    font-size:17px;
    margin-bottom:.7rem;
    line-height:24px
}
@media only screen and (min-width:992px){
    .coupon__code--title{
        font-size:20px
    }
}
.coupon__code--desc{
    color:var(--foreground-sub-color);
    margin-bottom:15px
}
.coupon__code--field__input{
    border:1px solid var(--border-color);
    height:4px;
    padding:0 15px;
    border-radius:24px;
    width:100px
}
@media only screen and (min-width:768px){
    .coupon__code--field__input{
        width:160px
    }
}
@media only screen and (min-width:992px){
    .coupon__code--field__input{
        width:140px
    }
}
@media only screen and (min-width:1200px){
    .coupon__code--field__input{
        width:160px;
        height:45px
    }
}
.coupon__code--field__input:focus{
    border-color:var(--secondary-color)
}
.coupon__code--field__btn{
    margin-left:15px
}
@media only screen and (min-width:1200px){
    .coupon__code--field__btn{
        margin-left:20px
    }
}
.cart__note--title{
    font-size:17px;
    margin-bottom:.7rem;
    line-height:24px
}
@media only screen and (min-width:992px){
    .cart__note--title{
        font-size:20px
    }
}
.cart__note--desc{
    color:var(--light-color);
    margin-bottom:15px
}
.cart__note--textarea{
    border:1px solid var(--border-color);
    height:10rem;
    padding:10px;
    width:100%;
    resize:none
}
.cart__note--textarea:focus{
    border-color:var(--secondary-color)
}
.cart__summary--total__list{
    margin-bottom:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.cart__summary--total__list:last-child{
    margin-bottom:0
}
.cart__summary--footer__desc{
    font-size:15px;
    color:var(--foreground-sub-color);
    margin-bottom:15px
}
.cart__summary--footer__btn{
    padding:0 15px
}
@media only screen and (min-width:1200px){
    .cart__summary--footer__btn{
        padding:0 25px
    }
}
@media only screen and (max-width:767px){
    .wishlist__cart--btn{
        padding:.5rem 12px;
        height:auto;
        line-height:24px;
        border-radius:5px;
        text-align:center
    }
}
.checkout__breadcrumb{
    padding:0;
    margin:0
}
@media only screen and (max-width:767px){
    .checkout__breadcrumb{
        margin-top:25px
    }
}
.breadcrumb__link{
    font-size:13px;
    color:var(--secondary-color)
}
.readcrumb__chevron-icon{
    color:#737373;
    width:16px;
    height:16px;
    margin:0 .6rem
}
.order__summary--mobile__version{
    display:none
}
@media only screen and (max-width:767px){
    .order__summary--mobile__version{
        display:block
    }
}
.order__summary--toggle{
    width:100%;
    text-align:left;
    background:var(--bg-offwhite-color);
    border:0;
    border:1px solid var(--border-color);
    padding:12px
}
.order__summary--toggle__inner{
    width:100%
}
.order__summary--toggle__text{
    color:var(--secondary-color)
}
.order__summary--toggle__icon{
    color:var(--secondary-color);
    vertical-align:middle;
    line-height:15px;
    margin-right:10px
}
.summary__table{
    width:100%
}
.summary__table--items{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.summary__table--list{
    padding:10px 20px 10px 0;
    border-bottom:1px solid var(--border-color)
}
.summary__table--list:last-child{
    padding-right:0
}
details>summary{
    list-style:none
}
details>summary::-webkit-details-marker{
    display:none
}
.order__summary--final__price{
    float:right;
    font-size:15px;
    font-weight:600
}
.order__summary--section{
    background:var(--bg-offwhite-color);
    padding:3rem 10px 10px
}
.checkout__checkbox{
    position:relative
}
.checkout__checkbox--input{
    position:absolute;
    left:-1px;
    top:4px;
    opacity:0;
    cursor:pointer;
    z-index:999
}
.checkout__checkbox--input:checked~.checkout__checkbox--checkmark{
    background-color:var(--secondary-color);
    border:1px solid var(--secondary-color)
}
.checkout__checkbox--input:checked~.checkout__checkbox--checkmark::before{
    display:block
}
.checkout__checkbox--label{
    padding-left:3rem;
    cursor:pointer
}
.checkout__checkbox--checkmark{
    height:1.8rem;
    width:1.8rem;
    border:1px solid var(--border-color);
    border-radius:.3rem;
    display:block;
    position:absolute;
    top:4px;
    left:0;
    background:var(--body-background-color);
    -webkit-transition:var(--transition);
    transition:var(--transition)
}
.checkout__checkbox--checkmark::before{
    left:.5rem;
    top:.3rem;
    width:.5rem;
    height:.8rem;
    border:solid #fff;
    border-top-width:medium;
    border-right-width:medium;
    border-bottom-width:medium;
    border-left-width:medium;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    content:"";
    position:absolute;
    display:none
}
.checkout__input--label{
    display:inline-block
}
.checkout__input--label__star{
    color:var(--secondary-color)
}
.checkout__input--field{
    width:100%;
    border:1px solid var(--border-color);
    height:45px;
    padding:0 15px
}
.checkout__input--field:focus{
    border-color:var(--secondary-color)
}
.checkout__notes--textarea__field{
    width:100%;
    border:1px solid var(--border-color);
    padding:10px 15px .5rem;
    resize:none
}
.checkout__notes--textarea__field:focus{
    border-color:var(--secondary-color)
}
@media only screen and (max-width:991px){
    .checkout__section--header{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
.section__header--title{
    font-size:20px;
    line-height:22px
}
@media only screen and (min-width:1200px){
    .section__header--title{
        font-size:22px;
        line-height:24px
    }
}
@media only screen and (max-width:575px){
    .section__header--title{
        margin-bottom:.8rem
    }
}
.section__header--desc{
    margin-top:.5rem
}
.layout__flex--item{
    color:var(--foreground-sub-color)
}
@media only screen and (max-width:991px){
    .layout__flex--item{
        margin-top:10px
    }
}
.layout__flex--item__link{
    color:var(--secondary-color)
}
.section__shipping--address{
    padding:3rem 0 20px
}
@media only screen and (min-width:992px){
    .section__shipping--address{
        padding:4px 0 3rem
    }
}
.section__shipping--address.pt-10{
    padding-top:10px
}
.section__shipping--address.pt-0{
    padding-top:0
}
.checkout__input--select{
    position:relative
}
.checkout__input--select__field{
    width:100%;
    height:45px;
    padding:.5rem 15px;
    border:1px solid var(--border-color);
    -webkit-appearance:none;
    cursor:pointer
}
.checkout__input--select__field:focus{
    border-color:var(--secondary-color)
}
.previous__link--content{
    margin-left:20px;
    color:var(--secondary-color)
}
@media only screen and (max-width:575px){
    .previous__link--content{
        margin-left:0;
        margin-top:10px
    }
}
.checkout__footer{
    border:0
}
@media only screen and (max-width:575px){
    .checkout__content--step__footer{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.checkout__sidebar{
    background:#fafafa;
    border:1px solid var(--border-color);
    padding:3rem 25px;
    position:-webkit-sticky;
    position:sticky;
    top:0
}
@media only screen and (max-width:991px){
    .checkout__sidebar{
        padding:3rem 1.8rem
    }
}
@media only screen and (max-width:767px){
    .checkout__sidebar{
        margin-top:3rem
    }
}
.product__thumbnail{
    width:100px;
    border:1px solid var(--border-color);
    position:relative;
    line-height:1
}
.product__thumbnail--quantity{
    position:absolute;
    top:-6px;
    right:-5px;
    width:20px;
    height:20px;
    line-height:20px;
    background:#7f7f7f;
    color:var(--text-white-color);
    text-align:center;
    border-radius:50%;
    font-size:12px
}
.product__description{
    padding-left:15px
}
.product__description--name{
    font-size:14px;
    line-height:20px;
    font-weight:600;
    opacity:.9
}
.product__description--name a{
    font-size:14px;
    line-height:20px;
    font-weight:600;
    opacity:.9;
    color:#000;
}
.product__description--name a:hover{
    font-size:14px;
    line-height:20px;
    font-weight:600;
    opacity:.9;
     color:#000;
}
.product__description--variant{
    font-size:12px;
    color:var(--foreground-sub-color);
    line-height:20px
}
.checkout__product--table{
    margin-bottom:20px
}
.checkout__product--table .cart__table--body__list{
    padding:10px 20px 10px 0
}
.checkout__product--table .cart__table--body__list:last-child{
    padding-right:0
}
.checkout__discount--code{
    margin-bottom:25px
}
.checkout__discount--code__input--field{
    width:100%;
    border:1px solid var(--border-color);
    height:4px;
    padding:0 15px
}
.checkout__discount--code__input--field:focus{
    border-color:var(--secondary-color)
}
@media only screen and (min-width:768px){
    .checkout__discount--code__input--field{
        height:45px
    }
}
.checkout__discount--code__btn{
    height:4px;
    line-height:4px;
    margin-left:20px;
    padding:0 25px;
    font-size:14px
}
@media only screen and (min-width:768px){
    .checkout__discount--code__btn{
        height:45px;
        line-height:45px;
        font-size:15px
    }
}
@media only screen and (min-width:1200px){
    .checkout__discount--code__btn{
        font-size:16px
    }
}
.checkout__total{
    border-top:1px solid var(--border-color);
    padding-top:12px
}
.checkout__total--table{
    width:100%
}
.checkout__total--calculated__text{
    font-size:13px;
    color:var(--foreground-sub-color)
}
.checkout__total--title{
    color:var(--foreground-sub-color)
}
.checkout__total--footer__list{
    padding-top:3rem;
    position:relative
}
.checkout__total--footer__list::before{
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    background:#e4e4e4;
    top:15px;
    left:0
}
.checkout__total--footer__title{
    font-size:16px
}
.checkout__total--footer__amount{
    font-size:22px;
    font-weight:600
}
.checkout__order--summary__title{
    font-size:20px;
    line-height:22px
}
@media only screen and (min-width:1200px){
    .checkout__order--summary__title{
        font-size:22px;
        line-height:24px
    }
}
.payment__history{
    margin-top:20px
}
.payment__history--title{
    font-size:20px;
    line-height:22px
}
@media only screen and (min-width:1200px){
    .payment__history--title{
        font-size:22px;
        line-height:24px
    }
}
@media only screen and (max-width:575px){
    .payment__history--inner{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.payment__history--list{
    margin-right:15px
}
@media only screen and (max-width:1199px){
    .payment__history--list{
        margin-bottom:10px
    }
}
.payment__history--list:last-child{
    margin-right:0
}
@media only screen and (max-width:1199px){
    .payment__history--list{
        margin-right:10px
    }
}
.payment__history--link{
    background:var(--body-background-color);
    color:var(--primary-color);
    border:1px solid var(--primary-color);
    padding:0 12px;
    font-size:14px
}
@media only screen and (min-width:1200px){
    .payment__history--link{
        font-size:16px;
        padding:0 20px;
        height:48px;
        line-height:46px
    }
}
.checkout__now--btn{
    width:100%;
    text-align:center;
    font-size:14px
}
@media only screen and (min-width:1200px){
    .checkout__now--btn{
        font-size:16px;
        height:48px;
        line-height:46px
    }
}
.continue__shipping--btn{
    font-size:14px
}
@media only screen and (min-width:1200px){
    .continue__shipping--btn{
        font-size:16px;
        height:48px;
        line-height:46px
    }
}

.primary__btn{
    font-weight:600;
    display:inline-block;
    font-size:1.3rem;
    line-height:3.8rem;
    height:3.8rem;
    padding:0 2rem;
    letter-spacing:.2px;
    border-radius:2.4rem;
    background:var(--secondary-color);
    color:var(--text-white-color);
    border:0
}
.primary__btn:hover{
    background:var(--primary-color);
    color:var(--text-white-color)
}
@media only screen and (min-width:768px){
    .primary__btn{
        line-height:4rem;
        height:4rem;
        padding:0 2.2rem;
        font-size:1.4rem
    }
}
@media only screen and (min-width:992px){
    .primary__btn{
        font-size:1.5rem;
        line-height:4.2rem;
        height:4.2rem;
        padding:0 2.5rem
    }
}
@media only screen and (min-width:1600px){
    .primary__btn{
        line-height:4.6rem;
        height:4.6rem;
        padding:0 3rem
    }
}