#content {
    background-color: white;
}

#checkoutBack {
    background-color: transparent;
    color: #a2122e;
}

#checkoutBackText {
    font-family: "Galliard Pro" !important;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}

#checkoutBack:hover #checkoutBackText {
    font-weight: bolder !important;
    color: #a2122e;
}

#checkoutBack:hover #checkoutBackArrow {
    color: #a2122e;
}

.productQuantity {
    color: #3c4232 !important;
}

.checkoutStep {
    border-radius: 40px;
    font-size: 19px;
    font-weight: normal;
    text-transform: none;
    border: 1px solid #cccccc;
    color: #cccccc;
    background-color: white;
}

.checkoutStep.currentStep {
    background-color: #a2122e;
    border: 1px solid #a2122e;
    color: white;
    opacity: 1;
}

#checkoutSummaryTitle {
    background-color: #a2122e;
    color: white;
    font-weight: normal;
    font-family: "Galliard Pro" !important;
}

#checkoutContinue:hover {
    color: #a2122e !important;
}

.checkoutDivider {
    height: 1px;
    background-color: #cccccc;
}

.shippingOption:hover,
.shippingOption.selectedShippingOption {
    background-color: #a2122e !important;
    color: white;
    fill: white;
}

#checkoutMain .selectArrow {
    background-color: #a2122e !important;
}

.title {
    background-color: #ffffff !important;
}

.btn {
    background: none repeat scroll 0 0 #ffffff !important;
}

#checkoutContinue,
#confirmShipping,
.billingContinue {
    background-color: transparent;
    color: gray;
    border: 1px solid;
    border-radius: 30px;
    height: 35px;
    line-height: 35px;
    width: max-content;
    padding-left: 50px;
    padding-right: 50px;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    font-family: "Futura New" !important;
}

.billingContinue:hover {
    color: #a2122e !important;
    box-shadow: none;
}

#checkoutContinue:hover {
    border: 3px solid #a2122e !important;
    background-color: #ffffff !important;
    color: #a2122e !important;
}

.checkoutContinue:hover {
    border-color: #7a182f !important;
    background-color: #7a182f !important;
    color: white !important;
}

#checkoutContinue:not(.disabled):hover {
    background-color: white;
    color: #51d5a5;
    font-weight: 900;
}

#checkoutContinue.disabled {
    background-color: #ececec;
    color: #c2c2c2;
    cursor: not-allowed;
    border: 3px solid #ececec;
}

.billingInfoOption:hover,
.billingInfoOption.selectedBillingInfoOption {
    background-color: #8b052c !important;
    color: white;
    font-weight: 600;
}

#cartInfoTitle {
    color: #a2122e !important;
}

#checkoutSummaryContainer {
    box-shadow: none;
}

#checkoutSummary {
    padding: 0;
    width: 98%;
    margin: auto;
    padding-top: 15px;
}

#addCouponRow {
    border-bottom: 1px solid #cccccc;
}

#couponText {
    background-color: white;
    font-size: 14px;
    color: black;
    padding: 0;
    width: calc(100% - 80px);
}

#couponText::placeholder {
    color: #828282;
}

#addCoupon {
    background-color: transparent;
    color: black;
    text-transform: none;
    font-size: 16px;
    float: right;
    width: fit-content;
}

.checkoutSummaryRow {
    margin: 10px auto;
    line-height: 25px;
}

.checkoutContinue {
    margin: auto;
    background-color: white;
    border: 1px solid #1a1a1a;
    border-radius: 40px;
    width: calc(100% - 4px);
    font-weight: normal;
    font-size: 18px;
    color: #1a1a1a;
    text-transform: none;
    height: 40px;
    line-height: 40px;
}

.checkoutContinue:not(.disabled):hover {
    color: #a2122e;
    font-weight: normal;
}

#isGift.cartCheckboxChecked {
    border-color: #a2122e;
    background-color: #a2122e;
}

.giftText {
    font-family: "Galliard Pro" !important;
}

#checkoutMain #cartTitle {
    display: block;
    color: #a2122e !important;
    font-weight: normal !important;
    font-family: "Galliard Pro" !important;
    margin-bottom: 10px;
}

#checkoutMain .productRow,
#checkoutMain2 .productRow {
    height: 130px !important;
    margin: 20px auto;
}

#checkoutMain .productImage,
#checkoutMain2 .productImage {
    height: 100%;
    width: 105px;
    background-size: contain;
}

#checkoutMain .productInfo,
#checkoutMain2 .productInfo {
    display: block;
    height: 80%;
    margin: auto;
    width: calc(30% - 15px);
}

#checkoutMain .productName,
#checkoutMain2 .productName {
    margin-bottom: 15px;
    font-size: 15px;
}

#checkoutMain .productPrice,
#checkoutMain2 .productPrice {
    font-size: 16px;
    color: #a2122e;
    margin-left: 0px;
}

#shippingTitle,
.billingTitle,
.shippingTitle {
    text-align: left;
    margin: auto;
    color: #a2122e;
    font-weight: normal;
    font-size: 18px;
    font-family: "Galliard Pro" !important;
    line-height: 25px;
}

#shippingOptionsContainer {
    margin: 5px auto;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shippingOption {
    background-color: white;
    border: 1px solid;
    border-radius: 15px;
    margin: auto 40px;
    color: #cccccc;
    fill: #cccccc;
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.shippingOptionText {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    width: max-content;
    margin: 10px auto;
}

#shippingOptionsContainer.pickedOption {
    width: 100%;
    height: auto;
}

.pickedOption .shippingOption {
    height: 35px;
    line-height: 35px;
}

.shippingLabel {
    font-size: 15px;
    font-weight: normal;
}

.shippingInput,
.shippingInputsContainer,
.shippingSelect {
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    text-indent: 0;
    padding-left: 0;
    width: 48%;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: normal;
}

.shippingSelect {
    width: 100%;
}

.shippingSelect.shippingInput {
    border: none;
}

.shippingSelectArrow {
    background-color: transparent;
}

.shippingSelectImg {
    height: 30%;
    width: 30%;
    background-image: url("/files/triangle.png");
}

textarea.shippingInput {
    border-bottom: 1px solid #cccccc;
}

.pickedOption .shippingOptionIcon.pickup {
    height: 21px;
}

#storeData,
#storePhoneDiv {
    background-color: transparent;
}

.paymentType {
    background-color: transparent;
    border: 1px solid;
    margin-bottom: 25px;
    padding-bottom: 9px;
    border-radius: 15px;
    height: 100px;
}

.paymentType.selectedPaymentType,
.paymentType:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 10px solid #a2122e !important;
    padding-bottom: 0;
}

.paymentDiscountImg {
    margin-top: -27px;
}

.selectedPaymentTypeImg circle {
    fill: #a2122e;
}

.checkoutContinue.disabled {
    border: 1px solid #ececec;
}

#textAreaAux,
.clientAddress {
    background-color: transparent;
}

.summaryContainer {
    box-shadow: none;
}

.summaryTitle {
    font-size: 16px;
}

.summaryText {
    margin-top: 12px;
}

.summaryDiv .title {
    text-align: left;
    width: 80%;
    padding-bottom: 10px;
    margin-left: 10%;
    color: #8b052c;
    background-color: transparent !important;
    border-bottom: 1px solid #9f9f9f;
}

.summaryDiv #cartTitle {
    display: none;
}

.summaryDiv #productsContent {
    background-color: transparent;
    box-shadow: none;
    width: 80%;
    padding-top: 0px;
}

.summaryDiv .cartSeparator:first-of-type {
    display: none;
}

#storeName {
    font-weight: normal !important;
}

#storeNotification {
    font-weight: normal !important;
}

#storePhone {
    border-radius: 50px !important;
    border: 1px solid gray !important;
}

.discountCard[data-bank-id="16"] .discountIcon {
    display: none;
}

.discountCard[data-bank-id="16"] .discountText {
    width: 90%;
}

@media screen and (max-width: 768px) {

    #checkoutMain .productImage,
    #checkoutMain2 .productImage {
        background-position: top;
        border-radius: 0px;
    }

    #checkoutMain .productInfo {
        margin-left: 0px;
        height: auto;
        width: 40%;
        margin-bottom: 10px;
    }

    #checkoutMain .productSpec,
    #checkoutMain2 .productSpec {
        margin-top: 10px;
        height: auto;
        font-size: 13px;
    }

    #checkoutMain .productName,
    #checkoutMain2 .productName {
        font-size: 15px;
    }

    #checkoutMain .productQuantityDiv {
        width: 129px;
        margin-top: 10px;
    }

    #checkoutMain .productRow,
    #checkoutMain2 .productRow {
        height: 182px !important;
    }

    .shippingOption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .paymentDiscountImg {
        margin-top: -30px;
        width: 60%;
    }

    .paymentTypeImg {
        height: 63px;
        margin-top: 0px;
    }

    .paymentType {
        height: 80px;
    }
}