/* Home Page */

.tab-layout4 .row-border1 .product-box {
    min-height: 450px;
}

.tab-layout4 .row-border1 .col-xl-3.col-md-4.col-6 {
    padding: 0;
}

@media only screen and (max-width: 768px) {

    .tab-layout4 .row-border1 .product-box {
        min-height: 310px;
    }

}

.product-detail-page .selling-price {
    color: #333;
    font-size: 1.2rem;
}

.product-detail-page span.price {
    color: #8c8c8c;
    font-size: 1.05rem;
    position: relative;
}

.discount-cross {
    position: relative;
}

.product-detail-page span.price::after, .discount-cross:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #9e9e9e;
    position: absolute;
    bottom: 8px;
    left: 5px;
    transform: rotate(12deg);
}

.product-detail-page span.price::before, .discount-cross:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #9e9e9e;
    position: absolute;
    bottom: 8px;
    left: 5px;
    transform: rotate(-12deg);
}

.product-detail-page span.discount {
    background: #ff5722;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.product-detail-page span.bv-point {
    background: #436ffd;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.cart-price-box span.bv-point {
    background: #436ffd;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.checkout-address-row {
    border-bottom: 1px solid #eee;
    margin: 5px 0;
    padding: 10px;
}

.ing-spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    border-radius: 100%;
    border: 6px solid;
    border-top-color: #ff5722;
    border-bottom-color: #ff5722;
    border-left-color: rgba(156, 0, 0, 0.15);
    border-right-color: rgba(156, 0, 0, .15);
    animation: spinner .8s ease-in-out infinite alternate
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.form-group label {
    padding: 2px 10px;
}

.radio label, .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    min-width: 17px;
    min-height: 17px;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.radio label:before, .checkbox label:before {
    box-sizing: border-box;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #505050;
}

.radio label {
    margin-bottom: 6px;
}

.radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.radio input[type=radio]:checked + label:before {
    border-width: 5px;
}

.radio input[type=radio]:focus + label {
    color: #373e43;
}

.radio input[type=radio]:focus + label:before {
    background-color: #eaecee;
}

.radio input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
}

.radio input[type=radio][disabled] + label {
    opacity: .65;
}

.radio.radio-success input[type=radio]:checked + label:before {
    border-color: #007be8;
}

.radio.radio-primary input[type=radio]:checked + label:before {
    border-color: #007be8;
}

.radio.radio-info input[type=radio]:checked + label:before {
    border-color: #47525e;
}

.radio.radio-warning input[type=radio]:checked + label:before {
    border-color: #fed76e;
}

.radio.radio-danger input[type=radio]:checked + label:before {
    border-color: #ea2c54;
}

.radio.radio-complete input[type=radio]:checked + label:before {
    border-color: #00e8ba;
}

.font-small-1 {
    font-size: 0.7rem !important;
}

.font-small-2 {
    font-size: 0.8rem !important;
}

.font-small-3 {
    font-size: 0.9rem !important;
}

.font-medium-1 {
    font-size: 1.1rem !important;
}

.font-medium-2 {
    font-size: 1.2rem !important;
}

.font-medium-3 {
    font-size: 1.3rem !important;
}

.font-medium-4 {
    font-size: 1.4rem !important;
}

.font-medium-5 {
    font-size: 1.5rem !important;
}

.font-large-1 {
    font-size: 2rem !important;
}

.font-large-2 {
    font-size: 3rem !important;
}

.font-large-3 {
    font-size: 4rem !important;
}

.font-large-4 {
    font-size: 5rem !important;
}

.font-large-5 {
    font-size: 6rem !important;
}

.text-right {
    text-align: right !important;
}

.swal-text {
    text-align: center !important;
}

.star_rating > span {
    color: #f7d4c7;
}

.star_rating span {
    cursor: pointer;
    display: inline-block;
}

.star_rating span i {
    font-size: 20px;
}

.star_rating > span.selected i::before {
    font-weight: 900;
    color: #F6BC3E;
}

.btn-fill-out {
    background-color: transparent;
    border: 1px solid #2fbf28;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-fill-out::before,
.btn-fill-out::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #2fbf28;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    width: 51%;
}

.btn-fill-out::after {
    right: 0;
    left: auto;
}

.btn-fill-out:hover:before,
.btn-fill-out:hover:after {
    width: 0;
}

.btn-fill-out:hover {
    color: #2fbf28 !important;
}