@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf) format('truetype')
}

section.content .product-detail {
    background-color: rgb(241,241,241);
    margin-top: 0px;
    padding-top:20px;
}

    section.content .product-detail .product-title h1 {
        font-family: inherit;
        font-weight: 500;

        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    section.content .product-detail .row .wrap-list .wrap-row-ft .image-ft-cf h4 {
        font-family: Lobster,cursive;
        color: #61646b
    }

    section.content .product-detail .thumb-pd-detail {
        opacity: 1;
        top: 0
    }

    section.content .product-detail .item .image:hover .thumb-pd {
        opacity: 1 !important
    }

    section.content .product-detail .wrap-list .item .image {
        position: relative;
        background-color: #f3f2f0
    }

@media(max-width:599px) {
    section.content .product-detail .wrap-list .item {
        width: 100%;
        float: left
    }
}

section.content .product-detail .wrap-list .item .image img {
    width: 100%;
    display: block;
    padding: .8rem 12%
}

section.content .product-detail .product-info ul {
    padding-left: 0;
    column-count: 1;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

    section.content .product-detail .product-info ul li {
        list-style: none;
        line-height: 16px;
        font-size: 14px;
        break-inside: initial;
        margin-bottom: 8px
    }

        section.content .product-detail .product-info ul li:before {
            background: #545351;
            margin-top: 7px;
            width: 4px;
            height: 4px;
            content: '';
            display: block;
            float: left;
            border-radius: 2px;
            margin-right: 5px
        }

        section.content .product-detail .product-info ul li span {
            display: block;
            margin-left: 10px
        }

section.content .product-detail .clear-padding {
    padding-left: 0;
    padding-right: 0
}

section.content .product-detail .clear-padding-left {
    padding-left: 80px;
    margin-top: 25px
}

section.content .product-detail .clear-padding-right {
    padding-right: 0
}

section.content .product-detail .price-detail span {
    display: block
}

    section.content .product-detail .price-detail span h3 {
        margin-bottom: 5px
    }

section.content .product-detail .price-detail .price-old {
    display: inline-block;
    text-decoration: line-through
}

section.content .product-detail .btn-buy {
    margin-top: 8px;
    background: #f37021;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    letter-spacing: -1px
}

    section.content .product-detail .btn-buy:hover {
        background: #e3e3e3;
        color: #f37021
    }

section.content .product-detail .right-info {
    background: #f4f7f8;
    margin-top: 45px;
    border-top: 1px solid #ddd
}

    section.content .product-detail .right-info .place-option span {
        padding-bottom: 5px;
        padding-top: 5px
    }

    section.content .product-detail .right-info .place-option .tooltip-launcher__icon {
        width: 16px;
        height: 16px;
        border-width: 1px;
        border-radius: 100%;
        border-style: solid;
        border-color: gray;
        position: relative;
        margin: 3px auto auto;
        overflow: hidden;
        display: inline-table;
        float: right
    }

        section.content .product-detail .right-info .place-option .tooltip-launcher__icon:before {
            border-width: 1px;
            top: 3px;
            left: 6px;
            content: "";
            position: absolute;
            border-style: solid;
            border-color: gray
        }

        section.content .product-detail .right-info .place-option .tooltip-launcher__icon:after {
            border-width: 2px 1px 3px;
            top: 6px;
            left: 6px;
            content: "";
            position: absolute;
            border-style: solid;
            border-color: gray
        }

    section.content .product-detail .right-info .place-option {
        padding: 5px 10px 0
    }

    section.content .product-detail .right-info .dp-location {
        left: unset;
        right: 0;
        min-width: 300px
    }

    section.content .product-detail .right-info .place-ship {
        margin-top: 10px;
        padding: 0 10px 5px
    }

        section.content .product-detail .right-info .place-ship .lc {
            padding-bottom: 5px
        }

    section.content .product-detail .right-info .stylish-input-group .input-group-addon {
        background: #fff !important;
        display: table-cell
    }

    section.content .product-detail .right-info .place-ship .lc .keep-inside-clicks-open ul {
        clear: both;
        list-style-type: none;
        padding-left: 0;
        max-height: 200px;
        overflow-y: auto
    }

        section.content .product-detail .right-info .place-ship .lc .keep-inside-clicks-open ul li {
            padding-top: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid #ddd;
            padding-left: 15px;
            cursor: pointer
        }

    section.content .product-detail .right-info .place-ship .lc .lblLocation {
        padding: 5px 15px 10px
    }

    section.content .product-detail .right-info .place-ship .lc .input-group {
        margin-bottom: 15px
    }

    section.content .product-detail .right-info .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc
    }

    section.content .product-detail .right-info .stylish-input-group button {
        border: 0;
        background: 0 0
    }

    section.content .product-detail .right-info .place-ship span {
        display: block
    }

    section.content .product-detail .right-info .place-ship .place-ship-change {
        float: right;
        text-transform: uppercase;
        cursor: pointer;
        display: inline-block;
        color: #1a9cb7
    }

    section.content .product-detail .right-info .form-ship {
        padding: 10px 10px 5px;
        border-top: 1px solid #ddd;
        overflow: hidden
    }

        section.content .product-detail .right-info .form-ship strong {
            padding-left: 10px
        }

        section.content .product-detail .right-info .form-ship span {
            display: block
        }

        section.content .product-detail .right-info .form-ship .free-ship {
            float: right
        }

    section.content .product-detail .right-info .pay-for-ship {
        border-top: 1px solid #ddd;
        padding: 10px 10px 5px
    }

        section.content .product-detail .right-info .pay-for-ship strong {
            padding-left: 10px
        }

section.content .product-detail .product-detail-content {
    margin-top: 20px;
    margin-bottom: 15px;
    border-top: 2px solid #ddd
}

    section.content .product-detail .product-detail-content h2, section.content .product-detail .question-rate-group h4 {
        margin-top: 15px;
        font-weight: 600
    }

section.content .product-detail .recent-product h4 {
    font-weight: 600;
    text-transform: uppercase
}

section.content .product-detail .question {
    border-top: 2px solid #ddd;
    overflow: hidden;
    margin-bottom: 15px
}

    section.content .product-detail .question .question-form {
        width: 90%;
        float: left
    }

        section.content .product-detail .question .question-form textarea {
            height: 60px
        }

    section.content .product-detail .question .btn-question {
        float: right;
        margin-top: 11px
    }

        section.content .product-detail .question .btn-question span {
            background: #f37021;
            color: #fff;
            border: 0;
            cursor: pointer;
            font-weight: 400
        }

            section.content .product-detail .question .btn-question span:hover {
                background: #e3e3e3;
                color: #f37021
            }

section.content .product-detail .rate-group .bg-rate-group {
    background: #f4f7f8;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 10px;
    display: none
}

section.content .product-detail .rate-group .btn-rating-comment span {
    float: right;
    display: block;
    padding: 7px 25px;
    background: #f37021;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase
}

section.content .product-detail .rate-group .bg-rate-group h5 {
    font-weight: 600
}

section.content .product-detail .starrr {
    display: inline-block
}

    section.content .product-detail .starrr i {
        font-size: 12px;
        cursor: pointer;
        color: #fff;
        border: 1px solid transparent;
        border-radius: 100%;
        padding: 3px 4px;
        margin: 2px;
        background: #ffd119
    }

section.content .product-detail .slide-product {
    margin-bottom: 15px
}

section.content .product-detail .starrr .fa-star-o {
    background: #eaeaea
}

    section.content .product-detail .starrr .fa-star-o:hover {
        background: #ffd119
    }

section.content .product-detail .rate-group .rating-note {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    margin-left: 20px;
    line-height: 20px;
    padding: 2px 5px 0;
    background-color: #8B9AA2;
    position: relative;
    top: 0
}

    section.content .product-detail .rate-group .rating-note:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 11px solid transparent;
        border-top: 11px solid transparent;
        border-right: 11px solid #8B9AA2;
        position: absolute;
        left: -11px;
        top: 0
    }

section.content .product-detail .rate-group .title-rating {
    margin-top: 10px
}

section.content .product-detail .rate-group .content-comment {
    height: 120px
}

section.content .product-detail .rate-group .user-comment span {
    float: right;
    display: block;
    margin: 5px 0
}

section.content .product-detail .rate-group .btnComment {
    clear: both
}

    section.content .product-detail .rate-group .btnComment span {
        float: right;
        display: block;
        padding: 7px 25px;
        background: #f37021;
        color: #fff;
        border: 0;
        cursor: pointer;
        font-weight: 600;
        text-transform: uppercase
    }

        section.content .product-detail .rate-group .btnComment span:hover {
            background: #e3e3e3;
            color: #f37021
        }

section.content .product-detail .rate-group .note-comment ul {
    padding-left: 18px
}

section.content .product-detail .rate-group .rating-result {
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
    pointer-events: none
}

    section.content .product-detail .rate-group .rating-result .rating-result-number span {
        display: block;
        padding-top: 5px;
        line-height: 15px
    }

    section.content .product-detail .rate-group .rating-result .progress {
        height: 10px;
        border-radius: 0;
        margin-bottom: 0;
        margin-top: 6px
    }

    section.content .product-detail .rate-group .rating-result .progress-bar {
        background-color: #ffd119
    }

section.content .product-detail .all-comment-group .one-comment .rate-comment {
    pointer-events: none
}

section.content .product-detail .all-comment-group {
    margin-bottom: 20px
}

    section.content .product-detail .all-comment-group .one-comment {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

        section.content .product-detail .all-comment-group .one-comment .rate-comment i {
            font-size: 7px;
            padding: 2px
        }

        section.content .product-detail .all-comment-group .one-comment span {
            display: inline-block;
            vertical-align: middle
        }

        section.content .product-detail .all-comment-group .one-comment .user-comment {
            display: block;
            font-size: 14px;
            font-weight: 500;
            line-height: 14px;
            color: grey;
            padding-top: 5px;
            padding-bottom: 5px
        }

        section.content .product-detail .all-comment-group .one-comment .time-comment {
            float: right;
            color: grey;
            font-size: 13px
        }

        section.content .product-detail .all-comment-group .one-comment .comment-like {
            line-height: 14px;
            color: #6A6A6A;
            vertical-align: bottom
        }

            section.content .product-detail .all-comment-group .one-comment .comment-like i {
                cursor: pointer
            }

        section.content .product-detail .all-comment-group .one-comment .glyphicon-option-vertical {
            float: right;
            cursor: pointer
        }

        section.content .product-detail .all-comment-group .one-comment .dropdown-menu {
            right: 20px;
            left: unset;
            top: unset;
            padding: 15px;
            min-width: 150px;
            border-radius: 0
        }

            section.content .product-detail .all-comment-group .one-comment .dropdown-menu ul {
                padding-left: 0;
                list-style-type: none;
                margin-bottom: 0
            }

                section.content .product-detail .all-comment-group .one-comment .dropdown-menu ul li {
                    line-height: 30px;
                    cursor: pointer
                }

section.content .full-screen {
    width: auto;
    max-width: 1500px
}

section.content .product-detail .detail-pd-detail img {
    width: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease
}

    section.content .product-detail .detail-pd-detail img:hover {
        transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        -moz-transform: scale(1.5,1.5);
        -o-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5)
    }

section.content .product-detail .border-top {
    border-top: 2px solid #ddd;
    padding-top: 10px
}

.continue-shop, .order-shop .btn-dathang {
    border: 1px solid #002e6d;
    -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

section.content .product-detail .resize-with-col-thumb {
    width: 90px
}

section.content .product-detail .resize-with-col-large-img {
    width: calc(100% - 90px)
}

@media (max-width:991px) {
    section.content .product-detail .question .question-form {
        width: 80%
    }
}

@media (max-width:767px) {
    section.content .product-detail .price-style {
        padding-left: 15px;
        padding-right: 15px
    }

    section.content .product-detail .rate-group .note-comment {
        padding-left: 0
    }
}

@media (max-width:510px) {
    section.content .product-detail .question .question-form {
        width: 100%
    }
}

@media (max-width:450px) {
    section.content .product-detail .rate-group .rating-note {
        display: none
    }

    section.content .product-detail .rate-group .rating-result .rate-icon {
        width: 100%
    }

    section.content .product-detail .rate-group .rating-result .rate-number {
        width: 100%;
        padding-left: 0;
        padding-top: 10px
    }

        section.content .product-detail .rate-group .rating-result .rate-number .text-right {
            text-align: left
        }

    section.content .product-detail .product-info ul {
        column-count: 1
    }

    section.content .product-detail .slide-product {
        padding-left: 14px;
        padding-right: 0
    }
}

@media (max-width:400px) {
    section.content .product-detail .thumb-pd-detail {
        height: 280px
    }

    section.content .product-detail .detail-pd-detail .slick-slide img {
        width: 85%
    }
}

@media (max-width:377px) {
    section.content .product-detail .thumb-pd-detail {
        padding-left: 15px
    }
}

@media (max-width:381px) {
    .update-shop {
        clear: both;
        float: left !important;
        margin-top: 10px
    }
}

@media (max-width:350px) {
    section.content .product-detail .right-info .dp-location {
        right: -15px
    }
}

.cart-content .shoppingCartUtility {
    background-color: #ECEDE5;
    color: #232F3E;
    min-height: 50px;
    z-index: 10;
    font-size: 16px;
    padding: 8px 0
}

.cart-content .form-cart {
    width: 100%;
    float: left;
    padding: 1.5rem
}

.cart-content .shoppingCartUtility .count-item-cart .fa-check {
    font-size: 14px
}

@media(max-width:480px) {
    .cart-content .shoppingCartUtility .col-xs-6 {
        width: 100%
    }

        .cart-content .shoppingCartUtility .col-xs-6:last-child {
            text-align: left
        }
}

.continue-shop {
    float: left;
    margin-right: 20px;
    background: #002e6d;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    min-width: 156px;
    webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.order-shop .btn-dathang, .update-shop {
    float: right;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    line-height: 1.42857143
}

.continue-shop:hover, .order-shop .btn-dathang {
    webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s
}

.continue-shop a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px 0
}

.continue-shop:hover a, .update-shop:hover a {
    color: #f37021
}

.continue-shop:hover {
    transition: all .4s ease 0s;
    background: #e3e3e3
}

.order-shop .btn-dathang {
    padding: 5px 0;
    background: #f37021;
    touch-action: manipulation;
    user-select: none;
    border-radius: 5px;
    min-width: 135px;
    transition: all .4s ease 0s
}

    .order-shop .btn-dathang:focus, .order-shop .btn-dathang:hover, .update-shop {
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        webkit-transition: all .4s ease 0s
    }

    .order-shop .btn-dathang:focus, .order-shop .btn-dathang:hover {
        transition: all .4s ease 0s;
        background: #e3e3e3;
        color: #f37021
    }

.update-shop {
    background: #002e6d;
    border: 1px solid #002e6d;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    min-width: 156px;
    transition: all .4s ease 0s
}

    .update-shop .btn-update:hover, .update-shop:hover {
        webkit-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        transition: all .4s ease 0s;
        background: #e3e3e3
    }

    .update-shop .btn-update {
        text-decoration: none;
        display: inline-block;
        text-align: center;
        padding: 5px 12px;
        color: #fff;
        background-color: #002e6d;
        border-radius: 0;
        font-weight: 400;
        vertical-align: unset;
        width: 100%;
        border: none
    }

/*.font-price-now {
    font-family: Lobster,cursive
}*/

.tableCartOrder {
    margin-top: 4rem
}

    .tableCartOrder .product-infor a {
        color: #000
    }

    .tableCartOrder .price {
        vertical-align: middle;
        text-align: center
    }

    .tableCartOrder .quantity {
        vertical-align: middle;
        text-align: center
    }

    .tableCartOrder .total {
        vertical-align: middle;
        text-align: right
    }

@media only screen and (max-width:991px) {
    .tableCartOrder table, .tableCartOrder tbody, .tableCartOrder td, .tableCartOrder th, .tableCartOrder thead, .tableCartOrder tr {
        display: block !important
    }

        .tableCartOrder thead tr {
            position: absolute !important;
            top: -9999px !important;
            left: -9999px !important
        }

    .tableCartOrder tr {
        border: 1px solid #ccc !important
    }

    .tableCartOrder td {
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 35% !important;
        white-space: normal !important;
        text-align: left !important
    }

    .price, .product-infor .product-remove, .quantity, .total {
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 10px
    }

    .tableCartOrder .product-infor .icon-image .image img {
        margin: 0 !important
    }

    .price .price-product, .product-infor .product-remove .price-product, .quantity .price-product, .total .price-product {
        text-align: left
    }

    .tableCartOrder td.price .price-product, .tableCartOrder td.product-infor .tableCartOrder td.product-remove .price-product, .tableCartOrder td.quantity .price-product, .tableCartOrder td.total .price-product, .tableCartOrder td:before {
        text-align: left !important
    }

    .price .arrow-qty, .price .price-product, .price .productPrice, .product-infor .product-remove .arrow-qty, .product-infor .product-remove .price-product, .product-infor .product-remove .productPrice, .quantity .arrow-qty, .quantity .price-product, .quantity .productPrice, .total .arrow-qty, .total .price-product, .total .productPrice {
        margin-left: 0
    }

        .price .arrow-qty input[type=button], .price .arrow-qty input[type=number], .product-infor .product-remove .arrow-qty input[type=button], .product-infor .product-remove .arrow-qty input[type=number], .quantity .arrow-qty input[type=button], .quantity .arrow-qty input[type=number], .total .arrow-qty input[type=button], .total .arrow-qty input[type=number] {
            min-width: 44px;
            min-height: 44px
        }

    .tableCartOrder td.price, .tableCartOrder td.product-infor .tableCartOrder td.product-remove, .tableCartOrder td.quantity, .tableCartOrder td.total {
        padding-top: 0 !important;
        padding-bottom: 10px !important;
        margin-top: 10px !important;
        font-family: Lato-Regular
    }

        .tableCartOrder td.price .arrow-qty, .tableCartOrder td.price .price-product, .tableCartOrder td.price .productPrice, .tableCartOrder td.product-infor .tableCartOrder td.product-remove .arrow-qty, .tableCartOrder td.product-infor .tableCartOrder td.product-remove .price-product, .tableCartOrder td.product-infor .tableCartOrder td.product-remove .productPrice, .tableCartOrder td.quantity .arrow-qty, .tableCartOrder td.quantity .price-product, .tableCartOrder td.quantity .productPrice, .tableCartOrder td.total .arrow-qty, .tableCartOrder td.total .price-product, .tableCartOrder td.total .productPrice {
            margin-left: 0 !important
        }

    .tableCartOrder td.product-infor {
        width: 100% !important;
        overflow: hidden !important
    }

        .tableCartOrder td.product-infor .icon-image img {
            width: 50px !important;
            height: auto !important
        }

        .tableCartOrder td.product-infor .info {
            width: 100% !important;
            float: none !important;
            margin-top: 0 !important
        }

    .tableCartOrder td.price:before {
        top: 0 !important
    }

    .tableCartOrder td.product-remove:before {
        top: 5px !important
    }

    .tableCartOrder td:before {
        color: #232f3e !important;
        position: absolute !important;
        top: 6px !important;
        left: 6px !important;
        width: 25% !important;
        padding-right: 10px !important;
        white-space: nowrap !important;
        font-weight: 700 !important;
        content: attr(data-title)
    }
}

.tableCartOrder .table tr th {
    color: #232f3e;
    font-size: 16px
}

.tableCartOrder .icon-delete .la-times-circle:before, .tableCartOrder .product-remove a {
    color: #000
}

.tableCartOrder .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent !important
}

.tableCartOrder .table-bordered > thead > tr > td, .tableCartOrder .table-bordered > thead > tr > th {
    border-bottom-width: 0
}

.tableCartOrder .product-remove {
    vertical-align: middle;
    text-align: center
}

.tableCartOrder .icon-delete .la-times-circle {
    font-size: 20px;
    padding: 5px 10px
}

    .tableCartOrder .icon-delete .la-times-circle:hover {
        cursor: pointer
    }

.tableCartOrder .product-infor .icon-image {
    width: 30%;
    float: left;
    text-align: center
}

    .tableCartOrder .product-infor .icon-image .image {
        text-align: center;
        width: 70%
    }

        .tableCartOrder .product-infor .icon-image .image img {
            margin: 10px 10px 10px 0
        }

.tableCartOrder .product-infor .info {
    width: 70%;
    float: left;
    margin-top: 25px;
    overflow: hidden
}

.tableCartOrder .price .price-product {
    margin: 5px 1em 0;
    text-align: center
}

.tableCartOrder .quantity .arrow-qty {
    display: inline-flex;
    margin: 0 1em;
    white-space: nowrap;
    vertical-align: top
}

    .tableCartOrder .quantity .arrow-qty input[type=number]::-webkit-inner-spin-button, .tableCartOrder .quantity .arrow-qty input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .tableCartOrder .quantity .arrow-qty input[type=button], .tableCartOrder .quantity .arrow-qty input[type=number] {
        -moz-appearance: textfield
    }

    .tableCartOrder .quantity .arrow-qty input.is-form {
        color: #888;
        background-color: #f9f9f9;
        border: 1px solid #ddd
    }

        .tableCartOrder .quantity .arrow-qty input.is-form:hover {
            color: #000;
            background-color: #f1f1f1;
            box-shadow: inset 0 0 0 100px rgba(0,0,0,.2)
        }

        .tableCartOrder .quantity .arrow-qty input.is-form.minus {
            border-right: none;
            outline: 0
        }

        .tableCartOrder .quantity .arrow-qty input.is-form.plus {
            border-left: none;
            outline: 0
        }

    .tableCartOrder .quantity .arrow-qty .inputQty {
        width: 30px;
        height: 30px;
        border: 1px solid #ddd;
        text-align: center
    }

    .tableCartOrder .quantity .arrow-qty small {
        font-size: 12px;
        margin-top: 10px
    }

.tableCartOrder .total {
    padding-top: 33px
}

    .tableCartOrder .total .productPrice {
        margin: 0 1em;
        font-size: 20px;
        color: #000;
        font-weight: 700
    }

.form-your-order {
    margin: 3rem 0;
    overflow: hidden;
    width: 305px;
    float: left;
    padding: 1.5rem
}

@media(max-width:767px) {
    .cart-content .form-cart, .form-your-order {
        width: 100%;
        float: none
    }
}

.form-your-order .mg30 {
    margin-bottom: 30px
}

.form-your-order .title-your-order {
    font-size: 1.6em;
    text-transform: capitalize;
    border-bottom: 2px solid;
    color: #232f3e;
    width: 100%;
    padding-bottom: 5px;
    padding-left: 0
}

.form-your-order div.discount, .form-your-order div.shipping, .form-your-order div.subtotal, .form-your-order div.tax, .form-your-order div.total-shipping {
    font-weight: 600;
    color: #555;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    align-items: center
}

    .form-your-order div.discount .shipping-review, .form-your-order div.shipping .shipping-review, .form-your-order div.subtotal .shipping-review, .form-your-order div.tax .shipping-review, .form-your-order div.total-shipping .shipping-review {
        margin-top: 15px
    }

    .form-your-order div.discount .orderSummaryName, .form-your-order div.discount .title-shipping, .form-your-order div.discount .title-subtotal, .form-your-order div.discount .title-tax, .form-your-order div.discount .title-total, .form-your-order div.shipping .orderSummaryName, .form-your-order div.shipping .title-shipping, .form-your-order div.shipping .title-subtotal, .form-your-order div.shipping .title-tax, .form-your-order div.shipping .title-total, .form-your-order div.subtotal .orderSummaryName, .form-your-order div.subtotal .title-shipping, .form-your-order div.subtotal .title-subtotal, .form-your-order div.subtotal .title-tax, .form-your-order div.subtotal .title-total, .form-your-order div.tax .orderSummaryName, .form-your-order div.tax .title-shipping, .form-your-order div.tax .title-subtotal, .form-your-order div.tax .title-tax, .form-your-order div.tax .title-total, .form-your-order div.total-shipping .orderSummaryName, .form-your-order div.total-shipping .title-shipping, .form-your-order div.total-shipping .title-subtotal, .form-your-order div.total-shipping .title-tax, .form-your-order div.total-shipping .title-total {
        width: 180px !important;
        float: left;
        line-height: 1.42857143;
        vertical-align: top;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        text-transform: none
    }

@media(max-width:480px) {
    .form-your-order div.discount .orderSummaryName, .form-your-order div.discount .title-shipping, .form-your-order div.discount .title-subtotal, .form-your-order div.discount .title-tax, .form-your-order div.discount .title-total, .form-your-order div.shipping .orderSummaryName, .form-your-order div.shipping .title-shipping, .form-your-order div.shipping .title-subtotal, .form-your-order div.shipping .title-tax, .form-your-order div.shipping .title-total, .form-your-order div.subtotal .orderSummaryName, .form-your-order div.subtotal .title-shipping, .form-your-order div.subtotal .title-subtotal, .form-your-order div.subtotal .title-tax, .form-your-order div.subtotal .title-total, .form-your-order div.tax .orderSummaryName, .form-your-order div.tax .title-shipping, .form-your-order div.tax .title-subtotal, .form-your-order div.tax .title-tax, .form-your-order div.tax .title-total, .form-your-order div.total-shipping .orderSummaryName, .form-your-order div.total-shipping .title-shipping, .form-your-order div.total-shipping .title-subtotal, .form-your-order div.total-shipping .title-tax, .form-your-order div.total-shipping .title-total {
        width: 160px !important;
        padding-left: 1.5rem
    }
}

.form-your-order div.discount .number-subtotal, .form-your-order div.discount .number-tax, .form-your-order div.discount .number-total, .form-your-order div.discount .orderSummaryValue, .form-your-order div.discount .shipping-method, .form-your-order div.shipping .number-subtotal, .form-your-order div.shipping .number-tax, .form-your-order div.shipping .number-total, .form-your-order div.shipping .orderSummaryValue, .form-your-order div.shipping .shipping-method, .form-your-order div.subtotal .number-subtotal, .form-your-order div.subtotal .number-tax, .form-your-order div.subtotal .number-total, .form-your-order div.subtotal .orderSummaryValue, .form-your-order div.subtotal .shipping-method, .form-your-order div.tax .number-subtotal, .form-your-order div.tax .number-tax, .form-your-order div.tax .number-total, .form-your-order div.tax .orderSummaryValue, .form-your-order div.tax .shipping-method, .form-your-order div.total-shipping .number-subtotal, .form-your-order div.total-shipping .number-tax, .form-your-order div.total-shipping .number-total, .form-your-order div.total-shipping .orderSummaryValue, .form-your-order div.total-shipping .shipping-method {
    text-align: right;
    padding: 8px 15px 8px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    margin: 0;
    font-weight: 400;
    color: #000
}

.form-your-order div.discount .orderSummaryName, .form-your-order div.shipping .orderSummaryName, .form-your-order div.subtotal .orderSummaryName, .form-your-order div.tax .orderSummaryName, .form-your-order div.total-shipping .orderSummaryName {
    width: 120px;
    float: left;
    color: #000
}

.form-your-order div.discount .orderSummaryValue, .form-your-order div.shipping .orderSummaryValue, .form-your-order div.subtotal .orderSummaryValue, .form-your-order div.tax .orderSummaryValue, .form-your-order div.total-shipping .orderSummaryValue {
    color: #000
}

.form-your-order div.discount .title-shipping.line-two, .form-your-order div.shipping .title-shipping.line-two, .form-your-order div.subtotal .title-shipping.line-two, .form-your-order div.tax .title-shipping.line-two, .form-your-order div.total-shipping .title-shipping.line-two {
    padding-top: 18px
}

.form-your-order div.discount .shipping-method, .form-your-order div.shipping .shipping-method, .form-your-order div.subtotal .shipping-method, .form-your-order div.tax .shipping-method, .form-your-order div.total-shipping .shipping-method {
    width: auto;
    float: right;
    text-align: right
}

    .form-your-order div.discount .shipping-method p, .form-your-order div.shipping .shipping-method p, .form-your-order div.subtotal .shipping-method p, .form-your-order div.tax .shipping-method p, .form-your-order div.total-shipping .shipping-method p {
        margin: 0;
        text-transform: none
    }

        .form-your-order div.discount .shipping-method p label, .form-your-order div.shipping .shipping-method p label, .form-your-order div.subtotal .shipping-method p label, .form-your-order div.tax .shipping-method p label, .form-your-order div.total-shipping .shipping-method p label {
            margin: 0;
            font-weight: 100
        }

.form-your-order div.total-shipping .number-total, .form-your-order div.total-shipping .title-total {
    font-weight: 700;
    font-size: 14px
}

.form-your-order div.total-shipping {
    border-top: 1px solid #666;
    font-size: 25px
}

.form-your-order .alert-infor-shipping {
    margin-top: 30px
}

    .form-your-order .alert-infor-shipping .alert > ul {
        margin: 0;
        font-size: 14px;
        padding-left: 25px;
        line-height: 1.5
    }

.choose-pay .choose-pay .form-your-order div.subtotal .orderSummaryName, .choose-pay .form-your-order div.discount .orderSummaryName, .choose-pay .form-your-order div.discount .title-shipping, .choose-pay .form-your-order div.discount .title-subtotal, .choose-pay .form-your-order div.discount .title-tax, .choose-pay .form-your-order div.discount .title-total, .choose-pay .form-your-order div.shipping .orderSummaryName, .choose-pay .form-your-order div.shipping .title-shipping, .choose-pay .form-your-order div.shipping .title-subtotal, .choose-pay .form-your-order div.shipping .title-tax, .choose-pay .form-your-order div.shipping .title-total, .choose-pay .form-your-order div.subtotal .title-shipping, .choose-pay .form-your-order div.subtotal .title-subtotal, .choose-pay .form-your-order div.subtotal .title-tax, .choose-pay .form-your-order div.subtotal .title-total, .choose-pay .form-your-order div.tax .orderSummaryName, .choose-pay .form-your-order div.tax .title-shipping, .choose-pay .form-your-order div.tax .title-subtotal, .choose-pay .form-your-order div.tax .title-tax, .choose-pay .form-your-order div.tax .title-total, .choose-pay .form-your-order div.total-shipping .orderSummaryName, .choose-pay .form-your-order div.total-shipping .title-shipping, .choose-pay .form-your-order div.total-shipping .title-subtotal, .choose-pay .form-your-order div.total-shipping .title-tax, .choose-pay .form-your-order div.total-shipping .title-total {
    width: 220px !important;
    float: left;
    padding: 8px 8px 8px 0;
    line-height: 1.42857143;
    vertical-align: top;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: none
}

@media(max-width:480px) {
    .choose-pay .form-your-order div.discount .orderSummaryName, .choose-pay .form-your-order div.discount .title-shipping, .choose-pay .form-your-order div.discount .title-subtotal, .choose-pay .form-your-order div.discount .title-tax, .choose-pay .form-your-order div.discount .title-total, .choose-pay .form-your-order div.shipping .orderSummaryName, .choose-pay .form-your-order div.shipping .title-shipping, .choose-pay .form-your-order div.shipping .title-subtotal, .choose-pay .form-your-order div.shipping .title-tax, .choose-pay .form-your-order div.shipping .title-total, .choose-pay .form-your-order div.subtotal .orderSummaryName, .choose-pay .form-your-order div.subtotal .title-shipping, .choose-pay .form-your-order div.subtotal .title-subtotal, .choose-pay .form-your-order div.subtotal .title-tax, .choose-pay .form-your-order div.subtotal .title-total, .choose-pay .form-your-order div.tax .orderSummaryName, .choose-pay .form-your-order div.tax .title-shipping, .choose-pay .form-your-order div.tax .title-subtotal, .choose-pay .form-your-order div.tax .title-tax, .choose-pay .form-your-order div.tax .title-total, .choose-pay .form-your-order div.total-shipping .orderSummaryName, .choose-pay .form-your-order div.total-shipping .title-shipping, .choose-pay .form-your-order div.total-shipping .title-subtotal, .choose-pay .form-your-order div.total-shipping .title-tax, .choose-pay .form-your-order div.total-shipping .title-total {
        width: 120px !important;
        padding-left: 1.5rem
    }
}

.price-table {
    text-align: right
}

.choose-pay .item {
    padding: 1.5rem
}

    .choose-pay .item .title {
        font-size: 1.6em;
        text-transform: capitalize;
        border-bottom: 2px solid;
        color: #002E6D;
        margin-bottom: 2.5rem;
        display: -webkit-inline-box
    }

.choose-pay .form-control:focus {
    border-color: #232f3e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(35,47,62,.6)
}

.bg-tab-payment {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    padding: 0;
    width: 100%;
    margin-bottom: 2rem
}

    .bg-tab-payment .bg-white {
        background-color: #fff;
        filter: alpha(opacity=60);
        opacity: .6;
        -moz-opacity: .6;
        -khtml-opacity: .6
    }

    .bg-tab-payment ul#myTab {
        width: 400px;
        margin: 0 auto;
        border-bottom: 0
    }

        .bg-tab-payment ul#myTab > li {
            width: 100px
        }

@media(max-width:479px) {
    .bg-tab-payment ul#myTab {
        width: 320px;
        margin: 0 auto;
        border-bottom: 0
    }
}

.bg-tab-payment ul#myTab > li a {
    position: relative;
    text-align: center;
    font-size: 1.6rem;
    color: #000;
    font-weight: 600;
    text-transform: capitalize
}

.bg-tab-payment ul#myTab > li.active > a:focus, .bg-tab-payment ul#myTab > li.active > a:hover, .bg-tab-payment ul#myTab > li > a {
    border: none
}

    .bg-tab-payment ul#myTab > li > a, .bg-tab-payment ul#myTab > li > a:focus, .bg-tab-payment ul#myTab > li > a:hover {
        border: transparent;
        background: 0 0
    }

.bg-tab-payment .tab-content .icon img {
    width: 100%;
    display: block
}

.bg-tab-payment .tab-content .icon {
    width: 100px;
    float: left
}

.bg-tab-payment .tab-content .flex-wrap {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #dad5d3;
    margin-bottom: 1rem
}

.bg-tab-payment .tab-content .content {
    width: calc(100% - 100px);
    float: left;
    padding-left: 1.5rem
}

    .bg-tab-payment .tab-content .content .title {
        margin: 0 0 1.5rem;
        font-size: 1.6rem;
        font-weight: 600;
        color: #000
    }

    .bg-tab-payment .tab-content .content .gp-price p {
        margin-bottom: 0
    }

        .bg-tab-payment .tab-content .content .gp-price p.price {
            color: #c28400;
            font-weight: 600;
            font-size: 1.8rem;
            line-height: 1
        }

        .bg-tab-payment .tab-content .content .gp-price p.price-old {
            font-size: 1.2rem;
            color: #515151;
            font-weight: 600;
            text-decoration: line-through
        }

.bg-tab-payment .tab-content .pagination li a {
    border: none;
    background: 0 0;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600
}

.bg-tab-payment .slider-show-pd {
    margin: 3rem 0;
    padding: 0 3rem;
    width: 100%
}

    .bg-tab-payment .slider-show-pd .item a {
        outline: 0
    }

.tab-restaurant .slider-show-pd .item img {
    width: 100%;
    display: block;
    padding: 1rem
}

.bg-tab-payment .nav-tabs li {
    border: 1px solid transparent
}

.bg-tab-payment .tab-content {
    border-top: 1px solid #ddd
}

.bg-tab-payment .nav-tabs li.active {
    background: #fffef1;
    border: 1px solid #ddd;
    border-bottom: none
}

.bg-tab-payment .nav-tabs li .title {
    min-height: 44px;
    color: #000;
    font-size: 1.4rem;
    text-transform: uppercase
}

.bg-tab-payment .nav-tabs li input {
    margin: 1rem 0
}

.bg-tab-payment .nav-tabs li .image {
    min-height: 23px
}

.bg-tab-payment .nav-tabs img {
    width: 100%
}

.bg-tab-payment .nav-tabs .checkbox {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    position: relative;
    margin: 1rem auto
}

    .bg-tab-payment .nav-tabs .checkbox.checked::before {
        content: ""
    }

    .bg-tab-payment .nav-tabs .checkbox.checked::after {
        font-family: FontAwesome;
        content: "\f00c";
        font-size: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.check-order .title, .complete-payment .item .title-head {
    font-size: 1.6em;
    text-transform: capitalize;
    border-bottom: 2px solid;
    color: #232f3e;
    margin-bottom: 2.5rem;
    display: -webkit-inline-box
}

.complete-payment .form-your-order {
    padding: 0
}

.sub-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.item-check .form-your-order {
    margin-top: 0;
    padding: 0;
    width: 100%
}

    .item-check .form-your-order .title-your-order {
        margin-top: 0
    }

@media(max-width:991px) {
    .info-check .form-your-order div.discount .orderSummaryName, .info-check .form-your-order div.discount .title-shipping, .info-check .form-your-order div.discount .title-subtotal, .info-check .form-your-order div.discount .title-tax, .info-check .form-your-order div.discount .title-total, .info-check .form-your-order div.shipping .orderSummaryName, .info-check .form-your-order div.shipping .title-shipping, .info-check .form-your-order div.shipping .title-subtotal, .info-check .form-your-order div.shipping .title-tax, .info-check .form-your-order div.shipping .title-total, .info-check .form-your-order div.subtotal .orderSummaryName, .info-check .form-your-order div.subtotal .title-shipping, .info-check .form-your-order div.subtotal .title-subtotal, .info-check .form-your-order div.subtotal .title-tax, .info-check .form-your-order div.subtotal .title-total, .info-check .form-your-order div.tax .orderSummaryName, .info-check .form-your-order div.tax .title-shipping, .info-check .form-your-order div.tax .title-subtotal, .info-check .form-your-order div.tax .title-tax, .info-check .form-your-order div.tax .title-total, .info-check .form-your-order div.total-shipping .orderSummaryName, .info-check .form-your-order div.total-shipping .title-shipping, .info-check .form-your-order div.total-shipping .title-subtotal, .info-check .form-your-order div.total-shipping .title-tax, .info-check .form-your-order div.total-shipping .title-total {
        width: 130px
    }
}

@media(max-width:767px) {
    .info-check .item {
        padding: 1.5rem
    }
}

.shipping-info {
    width: 80%;
    margin: 1.5rem auto 0;
    border: 1px solid #f37021;
    padding: 1rem;
    line-height: 1.5
}

.menu-select, .menu-stile {
    border: 1px solid #929292
}

.cont, .panel-info-pd .panel-body {
    padding: 0
}

@media(max-width:479px) {
    .shipping-info {
        width: 100%
    }
}

.shipping-info .continue-shop {
    margin-top: 1rem
}

.cont {
    height: 100%;
    left: calc(50% - 350px);
    margin: 40px auto;
    position: absolute
}

.panel-info-pd .panel-heading {
    color: #002E6D !important;
    font-size: 1.5rem;
    font-weight: 600
}

    .panel-info-pd .panel-heading span {
        color: #929292;
        font-weight: 300;
        margin-left: 1rem
    }

.panel-info-pd .panel-body table tr th {
    color: #929292;
    text-align: right
}

.panel-info-pd {
    margin-top: 3rem
}

    .panel-info-pd .panel-body .form-your-order {
        padding: 0;
        width: 100%;
        background: #fafafa;
        margin-bottom: 0
    }

    .panel-info-pd .panel-body .infor-shipping {
        padding: 0 1.5rem
    }

    .panel-info-pd .panel-body .form-your-order div.discount .number-subtotal, .panel-info-pd .panel-body .form-your-order div.discount .number-tax, .panel-info-pd .panel-body .form-your-order div.discount .number-total, .panel-info-pd .panel-body .form-your-order div.discount .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.discount .shipping-method, .panel-info-pd .panel-body .form-your-order div.shipping .number-subtotal, .panel-info-pd .panel-body .form-your-order div.shipping .number-tax, .panel-info-pd .panel-body .form-your-order div.shipping .number-total, .panel-info-pd .panel-body .form-your-order div.shipping .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.shipping .shipping-method, .panel-info-pd .panel-body .form-your-order div.subtotal .number-subtotal, .panel-info-pd .panel-body .form-your-order div.subtotal .number-tax, .panel-info-pd .panel-body .form-your-order div.subtotal .number-total, .panel-info-pd .panel-body .form-your-order div.subtotal .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.subtotal .shipping-method, .panel-info-pd .panel-body .form-your-order div.tax .number-subtotal, .panel-info-pd .panel-body .form-your-order div.tax .number-tax, .panel-info-pd .panel-body .form-your-order div.tax .number-total, .panel-info-pd .panel-body .form-your-order div.tax .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.tax .shipping-method, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-subtotal, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-tax, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-total, .panel-info-pd .panel-body .form-your-order div.total-shipping .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.total-shipping .shipping-method {
        width: calc(100% - 220px)
    }

@media(max-width:479px) {
    .panel-info-pd .panel-body .form-your-order div.discount .number-subtotal, .panel-info-pd .panel-body .form-your-order div.discount .number-tax, .panel-info-pd .panel-body .form-your-order div.discount .number-total, .panel-info-pd .panel-body .form-your-order div.discount .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.discount .shipping-method, .panel-info-pd .panel-body .form-your-order div.shipping .number-subtotal, .panel-info-pd .panel-body .form-your-order div.shipping .number-tax, .panel-info-pd .panel-body .form-your-order div.shipping .number-total, .panel-info-pd .panel-body .form-your-order div.shipping .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.shipping .shipping-method, .panel-info-pd .panel-body .form-your-order div.subtotal .number-subtotal, .panel-info-pd .panel-body .form-your-order div.subtotal .number-tax, .panel-info-pd .panel-body .form-your-order div.subtotal .number-total, .panel-info-pd .panel-body .form-your-order div.subtotal .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.subtotal .shipping-method, .panel-info-pd .panel-body .form-your-order div.tax .number-subtotal, .panel-info-pd .panel-body .form-your-order div.tax .number-tax, .panel-info-pd .panel-body .form-your-order div.tax .number-total, .panel-info-pd .panel-body .form-your-order div.tax .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.tax .shipping-method, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-subtotal, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-tax, .panel-info-pd .panel-body .form-your-order div.total-shipping .number-total, .panel-info-pd .panel-body .form-your-order div.total-shipping .orderSummaryValue, .panel-info-pd .panel-body .form-your-order div.total-shipping .shipping-method {
        width: calc(100% - 120px) !important
    }
}

.panel-info-pd .panel-body .shipping .number-subtotal, .panel-info-pd .panel-body .shipping .title-shipping {
    color: #04bd00 !important
}

.panel-info-pd .panel-body .title-total small {
    color: #929292
}

.panel-info-pd .panel-body .total-shipping .number-total {
    color: #002e6d !important
}

.panel-info-pd table.table-striped tr th:nth-child(1), .panel-info-pd table.table-striped tr th:nth-child(2) {
    text-align: left
}

.menu-stile {
    text-align: center;
    width: 300px;
    margin-top: 47px;
    margin-left: 20px;
    background: #232f3e
}

.bnt-dt, .btn-info:hover {
    background: 0 0
}

.pay-on, .pay-type {
    border-width: 1px;
    border-style: solid;
    border-color: #9c9c9c;
    border-image: initial
}

.mn-ul-select {
    margin-left: -37px;
    list-style-type: none
}

.menu-stile-s .menu-select .mn-ul-select a {
    color: #ffc385
}

.menu-stile-s .menu-select h5 a {
    color: #00a8ec
}

.menu-stile-s .text-left h4 strong, .modal-al p {
    color: #fff
}

.continue-shop-right {
    margin-bottom: 30px;
    float: right;
    margin-right: 20px
}

.pay-on {
    padding-left: 20px;
    margin-bottom: 15px
}

.pay-type {
    width: 97%;
    height: auto;
    padding: 0 16px;
    margin-bottom: 10px;
    overflow: hidden
}

.pay-on .pay-type .image img {
    width: 100%;
    height: 100%;
    margin-left: 2px
}

.image-pay {
    width: 50%;
    float: left
}

.pay-on .pay-type .image-pay .image img {
    width: 100%;
    height: 100%
}

.bnt-dt {
    line-height: 1.33;
    border: none
}

.md-dialog {
    width: 30%;
    background: #232f3e;
    margin: auto;
    height: auto
}

.modal-al {
    width: 100%;
    height: 100%;
    padding: 15px
}

.modal-ft .article-relate .row .dlog-image-overflow {
    overflow: hidden
}

.dialog-mh {
    background: #fff;
    width: 72%;
    margin: auto;
    height: auto;
    display: flex;
    justify-content: center
}

.dlog-header .dlog-left .dlog-img img {
    float: left;
    width: 90%;
    height: 85%
}

.dlog-pay {
    border-bottom: 1px solid #ccc
}

.dlog-price {
    float: left;
    margin-left: 15px
}

.dlog-from {
    margin: 0;
    width: 100%;
    padding: 1.5rem
}

.dialog-all {
    boder-bottom: 1px solid gray
}

    .dialog-all button {
        font-size: 40px;
        color: #000;
        transition: color .2s ease-in-out;
        -webkit-transition: color .2s ease-in-out
    }

        .dialog-all button:hover {
            color: #11171f
        }

.dlog-header {
    border-bottom: 1px solid #858585
}

.dlog-img {
    margin-bottom: 13px
}

.dlog-right, .product-gift h3 {
    margin-bottom: 10px
}

.dlog-left {
    border-right: 1px solid #858585
}

.dialog-mh .modal-ft .article-relate .row .wrap-list .check-filter .wrap-row-ft .image-ft-cf .detail-pd-ft img {
    width: 70%;
    height: 70%
}

.dlog-header .dlog-left .dlog-price span {
    font-family: Lato-Regular,cursive;
    color: #61646b
}

section.content .product-detail .col-lg-12 .product-info .col-lg-12 .sb-btn {
    overflow: hidden;
    float: left
}

@media screen and (max-width:1199px) {
    section.content .product-detail .col-lg-12 .product-info .col-lg-12 .sb-btn {
        overflow: hidden;
        padding-left: 0;
        float: left
    }
}

.product-gift h3 {
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.list-product-gift {
    padding: 0;
    margin: 0
}

    .list-product-gift li {
        list-style: none
    }

.image-gift {
    width: 20%
}

    .image-gift img {
        max-width: 100%;
        margin-bottom: 10px
    }

    .image-gift figcaption {
        text-align: center;
        font-size: 16px
    }

.content .choose-pay .container .row .info-order-right .group-btn-order .fix-position {
    position: absolute;
    right: 0;
    bottom: 15px
}