body{
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #000;
    background: #ffffff;
}
@-webkit-keyframes flash {0%, 100%, 50% {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 100%, 50% {opacity: 1;}25%, 75% {opacity: 0;}}
html{
    background: #ffffff;
}
p{
    margin-bottom: 10px;
}
a:hover {
    text-decoration: none;
}
:root {
    --primary-color: #446084;
}
.bg-loaded {
    opacity: 1;
}
.header-top {
    min-height: 30px;
}
.transparent #logo img {
    max-height: 65px;
}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 90px;
}
.header-bottom {
    background-color: #f1f1f1;
}
.nav > li > a {
    font-weight: normal;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
}
#wrapper{
    max-width: 420px;
    margin: auto;
}
#search{
    position: relative;
    margin-top: 10px;
}
#search .icon-search{
    position: absolute;
    top: 7px;
    left: 10px;
}
#search input[type="text"]{
    background-color: rgb(241, 241, 243);
    height: 30px;
    line-height: 30px;
    padding: 0px 12px;
    border: none;
    width: 256px;
    padding-left: 30px;
    box-shadow: none;
    margin-bottom: 5px;
}
#search img{
    position: absolute;
    right: 0px;
    top:0px;
}
.header-main .header-nav{
    border-bottom: 2px solid rgb(233, 233, 233);
}
.header-main .nav > li > a{
    font-size: 14px;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}
.header-main .nav > li.active{
    border-bottom: 2px solid #000;
    margin-bottom: -2px;
}
.header-main .nav > li.active a{
    font-weight: bold;
}
#gallery{
    margin-top: 10px;
}
.flickity-prev-next-button,
.flickity-prev-next-button{
    opacity: 1;
}
.slider-nav-light .flickity-prev-next-button svg,
.slider-nav-light .flickity-prev-next-button .arrow {
    fill: #000;
}
.icon-extra-bonus{
    position: absolute;
    bottom: 0px;
}
.price-box{
    background: url("img/icon-price.png") center center no-repeat;
    background-size: cover;
    height: 52px;
    padding: 5px 0px;
}
.price-box .sale{
    padding-left: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 22px;
}
.price-box .price{
    padding-left: 15px;
    color: rgb(255, 216, 216);    
    line-height: 22px;
}
.price-box .price span{
    text-decoration: line-through;
}
.flash_sale{
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
}
.flash_sale img{
    animation-name: flash;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.countdown span{
    font-weight: bold;
    padding: 0px 10px;
}
.hangviet{
    background-image: linear-gradient(154deg, rgb(150, 201, 61), rgb(0, 176, 155));
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 0px 7px;
    border-radius: 5px;
    text-transform: uppercase;
}
.star_shop{
    background-color: rgb(255, 206, 113);
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 0px 7px;
    border-radius: 5px;
}
.shop_box{
    margin-top: 10px;
    line-height: 26px;
}
.shop_box img{
    position: absolute;
    right: 0px;
}
.sitename{
    font-size: 18px;
    line-height: 1.4;
    color: rgb(0, 0, 0);
    text-align: left;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}
.shop_box .star{
    margin-top: 5px;
    color: rgb(138, 138, 145);
    font-size: 15px;
}
.shop_box .star .icon-star{
    color: #fdd61b;
    font-size: 20px;
}
.shop_box .star span.line{
    margin: 0px 10px;
}
.shop_box .star .trungbinh{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.shop_box .star .total{
    font-size: 16px;
    line-height: 1.4;
    color: rgb(44, 93, 186);
    text-align: left;
}
.vanchuyen{
    margin-top: 5px;
    padding-top: 5px;
}
.vanchuyen strong{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(28, 191, 192);
    text-align: left;
}
.vanchuyen .free{
    color: rgb(138, 138, 145);
}
.call_to_action{
    margin-top: 20px;
    background-color: rgb(249, 249, 249);
    font-size: 12px;
    line-height: 1.4;
    color: #000;
    padding: 20px 0px;    
}
.call_to_action span{
    margin: 0px 6px;
}
.option{
    margin-top: 20px;
    border-bottom: 3px solid rgb(249, 249, 249);
    padding-bottom: 20px;
}
.option span{
    padding: 6px 17px;
    background-color: rgb(248, 248, 248);
    margin-left: 20px;
    cursor: pointer;
}
.payment{
    padding: 10px 0px;
    font-size: 13px;
    line-height: 1.4;
    color: rgb(112, 112, 112);
}
.payment strong{
    color: #000;
    margin-bottom: 5px;
    display: block;
    font-size: 15px;
}
.cod{
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(255, 255, 255);
    border-radius: 2px;
    background-color: rgb(79, 171, 126);
    padding: 2px 4px;
}
hr {
    margin: 7px 0;
}
.vanchuyen_cod .title{
    position: relative;
    font-size: 15px;
}
.vanchuyen_cod .free{
    position: absolute;
    right: 0px;
    top:0px;
    font-size: 14px;
    line-height: 1.4;
    color: rgb(255, 9, 88);
}
.vanchuyen_cod .icon-angle-right{
    color: rgb(146, 143, 143);
}
.vanchuyen_cod .free del{
    color: rgb(146, 143, 143);
    margin-right: 10px;
}
.chinhsach{
    padding-bottom: 10px;
}
.chinhsach .title{
    font-size: 15px;
}
.chinhsach p{
    font-size: 13px;
    line-height: 1.4;
    color: rgb(112, 112, 112);
    text-align: left;
}
a.muangay{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(241, 243, 244);
    text-align: center;
    background-color: rgb(254, 43, 84);
    height: 39px;
    line-height: 39px;
    display: inline-block;
    padding: 0px 30px;
    border-radius: 5px;
}
.danhgia .title,
.danhgia .rating{
    font-size: 15px;
}
.danhgia .rating{
    margin-bottom: 20px;
}
.danhgia .rating .icon-star{
    color: #fdd61b;
}
.list_rating .item{
    margin-bottom: 20px;
    margin-left: 20px;
}
.list_rating .item .name{
    font-size: 15px;
    font-weight: bold;
}
.list_rating .item .name img{
    width: 28px;
    height: 28px;
    border-radius: 100%;
}
.list_rating .item .icon-star{
    color: #fdd61b;
}
.list_rating .item .desc{
    font-size: 12px;
    line-height: 1.4;
    color: rgb(146, 143, 143);
}
.list_rating .item .content{
    font-size: 15px;
}
.list_rating .item img{
    width: 85px;
    height: 90px;
    border-radius: 5px;
    margin-right: 5px;
    object-fit: cover;
    margin-bottom: 5px;
}
.shop-detail{
    border-bottom: 5px solid rgb(249, 249, 249);
    border-top: 5px solid rgb(249, 249, 249);
    padding: 10px 0px;
}
.shop-detail img{    
    float: left;
}
.shop-detail .name{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
}
.shop-detail .rating{
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    border-color: rgb(219, 230, 224);
    background-color: rgb(234, 245, 239);
    padding: 2px 10px;
    font-weight: bold;
}
.shop-detail .rating .icon-star{
    color: rgb(79, 171, 125);
    margin-right: 5px;
}
.shop-detail .avatar .small-7{
    padding-left: 10px !Important;
}
.shop-detail .avatar{
    margin-bottom: 20px;
}
.shop-detail .avatar a{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(71, 71, 71);
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(146, 143, 143);
    padding: 5px 10px;
}
.shop-detail .detail .item{
    border-right: 1px solid #eee;
}
.shop-detail .detail .item strong{
    color: #000;
    font-size: 15px;
}
.shop-detail .detail .item strong .notes{
    font-size: 11px;
    line-height: 1.4;
    color: rgb(255, 68, 106);
    background-color: rgb(255, 243, 244);
    padding: 2px 5px;
}
.shop-detail .detail .item{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(112, 112, 112);
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
}
.shop-detail .detail .item:last-child{
    border-right: none;
}
.detail-content{
    padding-top: 10px;
}
.detail-content ul,
.detail-content ol{
    margin-left: 30px;
}
.cart{
    background-color: rgb(255, 206, 113);
    padding: 20px;
}
.cart .title{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.cart .deal{
    background-color: rgb(255, 243, 244);
    border-width: 1.2px;
    border-radius: 4px;
    border-style: solid;
    border-color: rgb(234, 151, 151);
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(255, 9, 88);
    text-align: center;
    margin: auto;
    padding: 6px 30px;
    margin-top: 10px;
    display: inline-block;
}
.cart .deal img{
    animation-name: flash;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.cart .flash_sale{
    margin-top: 10px;
}
.flash_sale_countdown{
    font-size: 34px;
    font-weight: bold;
    color: rgb(255, 0, 0);
    text-align: center;
    margin: 0px 12px;
}
.flash_sale_countdown span{
    margin:0px 5px;
}
.flash_sale_countdown strong{
    font-size: 17px;
    font-weight: bold;
    color: #000;
}
.form_cart{
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}
.form_cart input[type="text"],
.form_cart input[type="email"],
.form_cart input[type="tel"],
.form_cart select{
    background-color: rgb(248, 248, 248);
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: rgb(1, 89, 255);
    height: 27px;
    line-height: 27px;
    margin-bottom: 0px;
}
.form_cart textarea{
    background-color: rgb(248, 248, 248);
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: rgb(1, 89, 255);
    height: 60px;
    margin-bottom: 0px;
    min-height: 60px;
    padding-top: 5px;
}
.form_cart textarea.diachi{
    min-height: 27px;
    height: 29px;
    line-height: 27px;
    overflow: hidden;
    padding: 0px 10px;
}
fieldset{
    margin: 0px;
}
.form_cart .form-group{
    margin-bottom: 10px;
}
.form_cart input[type="submit"]{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(241, 243, 244);
    text-align: center;
    background-color: rgb(254, 43, 84);
    height: 39px;
    line-height: 39px;
    display: inline-block;
    padding: 0px 30px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 0px;
}
.form_cart form{
    margin-bottom: 0px;
}
.wpcf7-spinner{
    position: absolute;
    display: none;
}
.footer{
    background-color: rgb(249, 249, 249);
    padding: 20px;
    font-size: 14px;
    margin-bottom: 80px;
}
.footer .title{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.fix{
    position: fixed;
    top: 0;
    max-width: 420px;
    z-index: 999;
    background: #fff;
    width: 100%;
}
.mfp-close{
    display: none;
}
#muangay .mfp-close{
    display: block;
}
.cart-footer{
    position: fixed;
    bottom: 0px;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 420px;
    z-index: 999;
    background: #fff;
    margin: auto;
    display: flex;
    justify-content: space-around;
    padding: 7px 0px;
}
.cart-footer a.addcart span{
    line-height: 18px;
    display: inline-block;
    margin-top: 2px;
}
.cart-footer a.addcart{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: rgb(255, 9, 88);
    text-align: center;
    border: 1px solid rgb(255, 9, 88);
    display: inline-block;
    padding: 0px 30px;
    border-radius: 5px;
}
.cart-footer a.buynow{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(241, 243, 244);
    text-align: center;
    background-color: rgb(254, 43, 84);
    height: 39px;
    line-height: 39px;
    display: inline-block;
    padding: 0px 30px;
    border-radius: 5px;
}
img.size-full.alignnone{
    margin-bottom: 0px;
}
.form-group.loaisanpham{
    background-color: rgb(248, 248, 248);
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    border-color: rgb(1, 89, 255);
    padding-top: 10px;
    text-align: left;
    padding-left: 5px;
    width: 100%;
    padding-bottom: 10px;
    display: inline-block;
}
.form-group.loaisanpham .wpcf7-list-item{
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
    width: 100%;
}
.form_cart input[type='checkbox']{
    margin-bottom: 0px;
    margin-right: 0px;
}
.wpcf7 label{
    margin: 0px;
    font-weight: normal;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    margin: 0px;
    border-radius: 0px;
}
.wpcf7 .wpcf7-not-valid-tip{
    background: none;
    text-align: left;
    margin: 0px;
    opacity: 1;
    font-size: 12px;
}
.wpcf7 .wpcf7-not-valid-tip:after{
    display: none;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background: #cf2e2e3d;
    border: none;
    margin: 0px;
    border-radius: 0px;
}
.shop-list{
    margin: 20px 0px;
}
.shop-list .row{
    margin-left: -15px;
    margin-right: -15px;
}