/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2021, 4:56:51 PM
    Author     : hoangtoanit
*/

#phone_buy_fast {
    width: calc(100% - 64px);
    float: left;
    border-radius: 4px;
    padding-left: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #0003;
    line-height: 40px;
}
.promotion {
    margin-top: 0px; 
    padding-top: 0px; 
}

.notify-error {
    text-align: left;
    color: red;
    font-size: 14px;
}
._warrity_product .main_summary {
    text-align: left !important;
}
.tags {
    text-transform: lowercase;
    font-size: 16px;
    line-height: 2;
}
.tags-service {
    background-color: gray;
    color: white;
    text-transform: lowercase;
    font-size: 16px;
    line-height: 2;
    border: solid 1px graytext;
    padding: 3px;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 5px;
}
@media only screen and (min-width: 768px) {
    .hide_desktop {
        display: none;
    }
    #footer-actions {
        display: none;
    }
}
.frame_inner ul {
    padding-left: 0px;
    padding-top: 5px;
    display: flex;
    /*margin-bottom: 5px;*/
    justify-content: flex-start;
    /*flex-wrap: wrap;*/
}
.frame_inner ul li {
    text-align: center;
    cursor: pointer;
    margin-left: 8px;
    width: 28% !important;
    padding: 5px 2px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 2px;
    color: #333;
    /*display: inline-flex !important;*/
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
.frame_inner ul li.act, .frame_inner ul li:hover {
    border-color: #2f80ed !important;
    color: #2f80ed !important;
}
#footer-actions {
    position: fixed;
    z-index: 1020;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}
#footer-actions ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
#footer-actions ul li {
    width: 25%;
}
.hide {
    display: none;
}
#footer-actions .active, #footer-actions a:hover {
    color: var(--extra-color);
}
#footer-actions .footer-action-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 5px;
    font-size: 12px;
}
#footer-actions .footer-action-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 5px;
    font-size: 12px;
}
.h2-title {
    color: white;
    font-size: 20px;
    margin-left: 5px;
}
/*begin css bao kim*/
.bk-btn .bk-btn-installment-amigo {
    width: 49%;
    margin-right: 0px;
    line-height: 1.6rem;
    display: inline-flex !important
}

.bk-btn .bk-btn-paynow {
    width: 100%;
    line-height: 1.6rem;
}

.bk-btn .bk-btn-installment {
    width: 49%;
    line-height: 1.6rem;
    margin-right: 6px;
}
/*end css bao kim*/
@-webkit-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}
@-moz-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}
@-o-keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}
@keyframes my {
    0% { color: #F8CD0A; }
    50% { color: #fff; }
    100% { color: #F8CD0A; }
}
.text-animation {
    background:red;
    font-size:24px;
    font-weight:bold;
    -webkit-animation: my 1000ms infinite;
    -moz-animation: my 1000ms infinite;
    -o-animation: my 1000ms infinite;
    animation: my 1000ms infinite;
}