.tp-post-view i {
    margin-right: 3px;
    font-size: 0.9em;
    font-family: "Font Awesome 5 Free" !important;
}
.icon-view:before {
    content: "\f06e" !important;
}
.footer-wrapper .col-inner ul li:before {
    content: "\f105" !important;
    font-family: 'fl-icons';
    font-size: 16px;
    color: var(--primary-color);
    padding-right: 10px;
    list-style: none;
}
.stories-row .product-small .box-image a::after {
   content:"\e018" !important;
   font-family: fl-icons;
}

.button.alert .icon-angle-right, .button.primary .icon-angle-right, .button.secondary .icon-angle-right {
    margin-left: .2em;
    top: -0.4px;
}
.button:not(.is-outline) .icon-angle-right:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg>');
    background-repeat: no-repeat !important;
    padding-right: 12px !important;
}
.button.is-large .icon-angle-right:before {
    padding-right: 14px !important;
}
.button.is-small .icon-angle-right:before {
    padding-right: 10px !important;
}
.slider-nav-simple .flickity-prev-next-button, .slider-nav-small .flickity-prev-next-button {
    opacity: 0.7;
    width: 40px !important;
    height: 40px;
    background: hsla(0,0%,100%,.4);
    border: 1px solid rgba(16,16,16,.1);
    box-sizing: border-box;
    box-shadow: 0 0 4px rgba(16,16,16,.1);
    border-radius: 999px;
}
.flickity-prev-next-button:hover {
    background: hsla(0,0%,100%,.9);
}
.flickity-prev-next-button svg {
    display: none;
}
.flickity-prev-next-button.next {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-280 -250 1000 1000"><path fill="%23333" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg>') !important;
    background-repeat: no-repeat !important;
}
.flickity-prev-next-button.previous {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-280 -250 1000 1000"><path d="M7.4 273.4C2.7 268.8 0 262.6 0 256s2.7-12.8 7.4-17.4l176-168c9.6-9.2 24.8-8.8 33.9 .8s8.8 24.8-.8 33.9L83.9 232 424 232c13.3 0 24 10.7 24 24s-10.7 24-24 24L83.9 280 216.6 406.6c9.6 9.2 9.9 24.3 .8 33.9s-24.3 9.9-33.9 .8l-176-168z"/></svg>') !important;
    background-repeat: no-repeat !important;
}
a.reset_variations {
    background: url(/wp-content/themes/flatsome-child/img/arrows-rotate.svg) left center no-repeat;
    padding-left: 17px;
    font-size: 14px !important;
    text-transform: none !important;
    height: 14px;
    line-height: 13px;
    bottom: 92% !important;
}
.woocommerce a.remove {
    width: 22px;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>') no-repeat;
    content: "";
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    font-size: 14px !important;
    padding-left: 17px !important;
    height: 19px;
    display: block;
    position: absolute;
    opacity: 0.6;
}
.cart-item .icon-shopping-basket:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23fff" d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32L83.9 463.5C91 492 116.6 512 146 512H430c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32H458.4L365.3 12.9C359.2 1.2 344.7-3.4 332.9 2.7s-16.3 20.6-10.2 32.4L404.3 192H171.7L253.3 35.1zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16zm96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16zm128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>') !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    font-size: 24px !important;
    padding-left: 25px !important;
    opacity: 0.85;
}
.cart-item .icon-shopping-basket:hover:before {
    opacity: 1;
}
.cart-item [data-icon-label]:after {
    right: -5px;
    top: -5px;
    opacity: 0.9;
    z-index: 1;
    display: block;
    overflow: visible;
}
/* Reviews Form */
.rating-table.row.row-small.align-middle {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    margin: 1.5em 0;
}
.rating-table>.col {
    padding-bottom: 0;
}
.title-rating {
    font-size: 1.1em;
    margin-bottom: 1em;
    width: 100%;
}
.rating_total {
    font-size: 2.4em;
    color: #f3330d;
    font-weight: bold;
    margin-bottom: 4px;
    background: #f3f4f7;
    border-radius: 5px;
    padding: 0 .7em;
}
.star-rating-custom {
    text-align: left;
}
.ptt-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ptt-col-1 {
    width: 35px;
    display: flex;
}
.star-cust {
    height: 15px;
    margin: 4.5px 2px;
    filter: invert(79%) sepia(16%) saturate(6499%) hue-rotate(4deg) brightness(101%) contrast(97%);
}
.ptt-col-2 {
    width: 100%;
    margin: auto 10px;
}
.ptt-meter-bar {
    width: 97%;
    background-color: #e9ecef;
    border-radius: 19.6px;
    height: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 4px 0 5px;
}
.ptt-bar-temperature {
    height: 100%;
    background: #FEC606;
    border-radius: 5px;
    background-image: linear-gradient(to right,#feab01,#FEC606);
}
.ptt-col-3 {
    min-width: 10%;
}
.rating-table__total, .rating-table_cmt {
    text-align: center;
}
.rating-table_cmt button {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background: var(--primary-color);
}
.star-rating-custom .star-rating, span.tong-danh-gia {
    margin: 0 1em;
    font-size: 1em;
}
.rating-table__total {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.rating-table_cmt button a {
    color: #fff;
}
.product-footer div#reviews {
    padding-top: 40px;
}
.woocommerce-Reviews .review {
    margin-left: 0;
}
/* Contact & Back to top Button */
.thaitoan-nav {
    right: 12px;
}
.back-to-top {
    right: 14px !important;
}
.back-to-top.icon.circle {
    padding-left: 0;
    padding-right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.17);
    border: none;
    background: hsla(0,0%,100%,.4);
    border: 1px solid rgba(16,16,16,.1);
    box-sizing: border-box;
    color: #666;
}
.back-to-top i.icon-angle-up {
    font-size: 1.6em !important;
    opacity: 0.8;
}
.back-to-top i.icon-angle-up:hover {
    font-size: 1.6em !important;
    opacity: 1;
    color: var(--primary-color);
}
/* Mobile */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas-right .mfp-content {
    width: 90%;
}

}