/*
Theme Name: thuysan
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.product-small.col{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px;
	margin:0!important;
}
.products.row{
	border:1px solid #ddd;
	border-right:unset;
	border-bottom:unset;
}
.my-account-header h1 {display:none;}
@media only screen and (min-width: 481px){.col-inner ul li.tab {width: 25% !important;text-align: center;}}
@media only screen and (max-width: 480px){.col-inner ul li.tab {width: 21% !important;text-align: center;}.col-inner ul li.tab:nth-child(2) {width: 18% !important;text-align: center;}.col-inner ul li.tab:nth-child(3) {width: 29% !important;text-align: center;}.col-inner ul li.tab:nth-child(4) {width: 32% !important;text-align: center;}}
.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 48em){.product-home .col {padding:5px;}}
.product-small .box-text a {-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;}
.tab-panels {padding-top: 0em;}
.nav-pills>li>a {border-radius: 0px;}
.nav-pills > li > a {font-size:22px;color:#fff!important;}
.nav-pills > li.active > a {font-size:22px;color:#fff!important;width: 100%;text-align: center;}
.col-inner ul li.tab {border: 1px solid white;background-color: red;}

@media only screen and (min-width: 48em) {.home .product-small .box-text a {font-size:24px!important;} .home .price-wrapper {font-size:160%!important;}}
.image-tools.top.right {opacity: 1;}

@media screen and (max-width: 849px){.nav-right li a {color:#fff!important;font-size: 60%;}}
.section-title-normal {background-color: #21aae11f;border-bottom: 2px solid #ec1f24;margin-bottom: 0em;}
.section-title a {padding-right: 10px;}
@media (max-width: 849px){.category-filter-row {display: none;}}
@media screen and (max-width: 849px){.medium-logo-center .logo {margin: 0px 15px 0px 0px;}}
.hotl-pro span {font-size:90%}
.product-short-description {font-size:90%;}
#login-form-popup {background-color:#fff!important;}
.tab-sanpham .nav>li.active>a {color: #fff;}
.nav-tabs+.tab-panels {border-top: 1px solid #3b67b0!important;}
.nav-tabs+.tab-panels {border:none;}
.tab-sanpham .nav-tabs > li.active > a {border-top-color: #3b67b0;}
.tab-sanpham .nav-tabs>li.active>a {background-color: #3b67b0;}
.nav-tabs>li>a {border-top: 1px solid #3b67b0;border-left: 1px solid #3b67b0;border-right: 1px solid #3b67b0;border-bottom: 1px solid #3b67b0;background-color: rgb(255 255 255);}
.tab-sanpham .nav>li>a {color:rgb(0 0 0 / 85%);}
.tab-sanpham .nav-tabs+.tab-panels {padding: 30px 0px 0px 0px;}
.chinhsach-giaonhan li {list-style: none;background-image: url(/wp-content/uploads/2022/10/icon-check-v.png);background-repeat: no-repeat;background-size: 14px;background-position: left top 6px;padding-left: 20px;color: #000;}
.product-small .box-text a {font-weight: 600;font-size: 15px;}
@media only screen and (min-width: 48em){.product-small .box-text p {text-transform: none; margin-top: 0;margin-bottom: 0.1em;opacity: 1;color: #146ebe;font-size: 20px;}}
ul.chinhsach-giaonhan, .hotl-pro {border:2px solid #ec1f25;border-radius: 8px;padding: 10px;}
.hotl-pro h3 {color:#ec1f25;margin-bottom: 0;}
.hotl-pro {text-align: center;}
.title-wrapper p:nth-child(1):before{content: "\f02b";font-family: FontAwesome;display: inline-block;color: #146ebe;width: 1.3em;}
.price-wrapper .price {background-color: #fff8b8;width: fit-content;padding: 9px;border-radius: 13px;border-left: 0.25rem solid #8bc34a;font-size: 125%;border-right: 0.25rem solid #8bc34a;}
.xuongdong {display:none;} .phantramgiamgia {display:none;}
del span.amount {color: red;}
span.amount {color: #f00;font-size: 100%;}
.product-info .price {font-weight: normal;}
.phantramgiamgia {color:green;}
.title-wrapper {margin-top: 10px;}
.next-prev-thumbs {display:none;}
.is-divider {display: none;}
span.widget-title {font-weight: 600;color: #f00;font-size: 120%;}
.footer-section {margin-top:30px;}
.foxi-form {background-color:#2d5eaf;padding: 30px;border-radius: 15px;}
.foxi-form input[type='submit'] {background-color: #f9a245!important;color: #32421a;margin-top: 15px;box-shadow: 2px 2px;border-radius: 5px;}
.lightbox-content {background-color: #2d5eaf;border-radius: 20px;}
@media (max-width: 800px){.lien-he-button .row-small>.col {padding:0px!important;}}
.product-main {padding: 0px 0;}
.absolute-footer {color: rgb(236 31 36);}
.section-title-normal span {background:#ec1f24;padding: 8px 20px 4px;margin-right: 15px;border-bottom: 2px solid rgba(0,0,0,.1);margin-bottom: -2px;color: #fff;font-size: 16px;border-top-left-radius: 4px;}

@media screen and (max-width: 849px){
.medium-logo-center .flex-left {flex: none;}
}

/*CSS contact button*/
@media screen and (max-width: 769px) {#sp2022{display:none;}}

#sp2022 {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 99999999;
}
#sp2022 ul {
    list-style: none;
}
#sp2022 a.ccall {
    background: #ff6a00;
    color: #fff;
}
#sp2022 li a {
    border-radius: 40px;
    padding: 2px 15px 2px 5px;
    margin-bottom: 5px;
    background: #fff;
    color: #0065BF;
    border: 1px solid #0065BF;
}
#sp2022 li img {
    width: 30px;
    margin-right: 10px;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
#sp2022 a.ccall {
    background: #ff6a00;
    color: #fff;
}
.flex-column {
    flex-direction: column!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-column {
    flex-direction: column!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

@keyframes tada {
1% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

10%, 20% {
    -webkit-transform: scale(.9) rotate(-3deg);
    -ms-transform: scale(.9) rotate(-3deg);
    transform: scale(.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
}
100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
.cl_yellow {
    color: yellow;
}

/*MOBILE*/
@media screen and (min-width: 769px) {.list-footer-fixed{display:none;}}
.list-footer-fixed li {list-style:none;}
.list-footer-fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    margin-bottom: 0;
    z-index: 99999;
    border-top: 1px solid #ff6a00;
}
.list-footer-fixed li {
    float: left;
    width: 25%;
	margin-bottom: 0em;
}
.list-footer-fixed li a {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 15px;
    color: #6b7177;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.list-footer-fixed li a img {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

/*END CSS contact button*/

@media (min-width: 550px){p.form-row-first {margin-right: 0%;}}

.hk-woo-card-extra.new-badge {
    position: absolute;
    background: #E54C60;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 10px;
    padding: 5px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    top: 110px;
}
.hk-itsnew {
    background: #9c27b0;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin-top: 15px;
    float: right;
    top: 15px;
	border: 2px solid #fff;
}
.featured-badge  {
    top: 20px;
    left: 0px;
    width: 100%;
    background: #1e1e1e99;
    color: #fff;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 1;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.featured1 {
	border: 2px solid #fff;
    background:#ff0007;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    float: right;
}
.header {display:none;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.nav-pills > li > a {font-size:12px;color:#fff!important;}
.nav-pills > li.active > a {font-size:12px;color:#fff!important;}
.product-small .box-text p {text-transform: none; margin-top: 0;margin-bottom: 0.1em;opacity: 1;color: #146ebe;font-size: 12x;}
	
}