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

/*************** ADD CUSTOM CSS HERE.   ***************/
div#wrapper {
    max-width: 420px;
    margin: 0 auto;
}
.col.col-padding {
	padding-bottom: 0;
}
/* css header */
a.bdt-ep-button.bdt-ep-button-effect-e.bdt-ep-button-size-sm {
    background-image: linear-gradient(180deg,#FB97AA 0%,#F33C82 100%);
    border-radius: 20px;
    color: #fff;
    padding: 8px 24px;
    font-size: 13px;
}
a.bdt-ep-button.bdt-ep-button-effect-e.bdt-ep-button-size-sm:hover {
    background-color: transparent;
    background-image: linear-gradient(180deg,#FB97AA 0%,#F33C82 100%);
}
.header-main li.html.custom {
	display: block;
}
h2.uudai {
    color: #fff;
    -webkit-transform: rotate(3deg);
	font-size: 24px;
}
.title-sp h3 {
    font-size: 40px;
	color: #365CC1;
}
.title-sp p {
    color: #4659A7;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}
.text-giamgia p {
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: #4659A7;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    font-size: 30px;
    padding-left: 10px;
    color: #19327C;
    text-shadow: 3px 2px 1px rgb(52 106 166 / 23%);
    font-weight: 700;
    line-height: 44px;
	margin-bottom: 0;
}
.phantram p {
    color: #FF5374;
    font-family: "Tinos",Sans-serif;
    font-size: 87px;
    font-weight: 400;
    line-height: 84px;
	margin-bottom: 0;
}
a.button.primary.btn-dathang {
    margin-right: 0;
	background-image: linear-gradient(90deg,#FB97AA 0%,#F33C82 100%);
}
.title-gt p {
    color: #051F4D;
    font-family: "Oswald",Sans-serif;
    font-size: 25px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
}
.box-star p {
    color: #C4161C;
    font-size: 17px;
    font-weight: 700;
    text-decoration: underline;
}
.box-star .icon-box-text.last-reset {
    padding-right: 4px;
    line-height: 30px;
}
.danhgia strong {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.luotmua p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    padding-top: 6px;
}
.danhgia p {
    margin-bottom: 0;
    padding-top: 3px;
}
/* css countdow */
.col-countdow .ux-timer {
    margin-top: -8px;
}
.col-countdow .ux-timer span:nth-child(1), .col-countdow .ux-timer span:nth-child(2) {
    display: none !important;
}
.col-countdow .ux-timer span {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}
.col-countdow .ux-timer span strong{
    font-family: 'Helvetica' Sans-serif;
    font-size: 100%;
    opacity: 1;
    text-transform:initial;
    display: block;
    font-weight: 400;
}
.giacu-sp p {
    text-align: center;
    color: #000;
    font-size: 18px;
    padding-top: 8px;
    margin-bottom: 0;
}
.giakm-sp p {
    color: #FF5374;
    font-size: 25px;
    font-weight: 700;
	margin-bottom: 16px;
}
a.button.primary.btn-phantram {
    margin: 0px !important;
    background: #FF5374;
    font-size: 14px;
    padding: 0px 14px;
}

.ketthuc p {
    text-align: center;
    color: #000;
    font-size: 15px;
    padding-top: 5px;
    margin-bottom: 0;
}
.khachhang p {
    color: #000;
    padding-top: 10px;
    margin-bottom: 0;
}
.khachhang p strong {
    color: #FF5374;
    font-weight: 700;
    font-size: 22px;
}
.tietkiem p {
    color: #0E4975;
    font-size: 17px;
    font-weight: 700;
    font-style: italic;
    line-height: 43px;
    text-align: center;
    margin-bottom: 0px;
}
.chinhsach ul {
    margin-bottom: 0
}
.chinhsach ul li {
    margin: 0;
    color: #000;
    list-style: none;
}
.chinhsach ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #0ACCA2;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 900;
    padding-right: 7px;
}
a.button.primary.btn-uudai {
    background-color: transparent;
    background-image: linear-gradient(180deg,#FFA0A1 0%,#D5164B 100%);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 2px 3px 8px 0 rgb(0 0 0 / 50%);
    margin: 0 !important;
}
.soluong p {
    margin-bottom: 0;
    color: #000;
    text-align: center;
    line-height: 24px;
}
.soluong p strong {
    color: #FF5374;
    font-size: 20px;
    font-weight: 700;
}
.title-hinhanh p {
    color: #0E4975;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 15px 0;
    text-align: center;
}
.img.hinhanh img {
    border-radius: 10px;
}
.luonluon p {
    color: #FF5374;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 10px;
}
.didau p strong {
    color: #0E4975;
    font-family: "Dancing Script",Sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 1px solid #FF5374;
    margin-right: 20px;
}
.didau p {
    color: #365FC1;
    font-size: 26px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 20px;
}
.col-box-chi-tiet>.col-inner {
    padding: 10px 10px 10px 10px;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}
.box-chitiet .box-text.text-center {
    margin-top: -26px;
    background-image: linear-gradient(90deg,#365DC1 0%,#19337C 100%);
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
    padding: 4px 0;
}
.ct-chitiet p {
    margin-bottom: 0;
    color: #000;
    padding-top: 10px;
}
.camket p {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 400;
}
.camket p:before {
    color: #4659A7;
    font-size: 20px;
    padding-right: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.camket p:nth-child(1):before {
    content: "\f058";
}
.camket p:nth-child(2):before {
    content: "\f3ed";
}
.camket p:nth-child(3):before {
    content: "\f0d1";
}
.camket p:nth-child(4):before {
    content: "\f025";
}
.danhgia .star-rating:before, .danhgia .star-rating span:before {
    color: #f6511f;
    font-size: 16px;
}
.danhgia p {
    color: #000;
}
.tukhoa p strong {
    font-weight: 400;
    padding: 2px 12px;
    border-radius: 18px;
    fill: #545454;
    color: #545454;
    background-color: #EDEDED;
}
.danhgia .star-rating {
    margin-bottom: 0;
}
.testimonial-text.line-height-small.italic.test_text.first-reset.last-reset.is-italic p {font-style: initial;font-size: 14px;}
.testimonial-box.danhgia {
    border-bottom: 1px solid #242121;
}
.title-form p:nth-child(1) {
    color: #FF879E;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
}
.title-form p:nth-child(2) {
    text-align: center;
}
.title-form p strong {
    color: #fff;
    font-size: 15px;
}
/* css countdow */
.col-countdows .ux-timer {
    margin-top: -8px;
}
.col-countdows .ux-timer span:nth-child(1), .col-countdows .ux-timer span:nth-child(2) {
    display: none !important;
}
.col-countdows .ux-timer span {
    font-weight: 400;
    font-size: 28px;
    line-height: 28px
}
.col-countdows .ux-timer span strong{
    font-family: 'Helvetica' Sans-serif;
    font-size: 100%;
    opacity: 1;
    text-transform:initial;
    display: block;
    font-weight: 400;
    font-size: 14px
}
.form-tt input {
    margin-bottom: 10px;
    border-radius: 6px;
}
.form-tt .col.large-12 {
    padding-bottom: 0;
}
.form-tt span.wpcf7-list-item-label {
    color: #000;
}
.form-tt .col.large-12 span.wpcf7-form-control-wrap.checkbox-431 {
    background: #fff;
    border-radius: 8px;
    padding: 10px 0 0 10px;
	margin-bottom: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: 0;
    background-color: #e22658;
}

span.wpcf7-spinner {
    display: none;
}
.col.btn-muangay {
    text-align: center;
    padding-top: 14px;
}
.delai p {
    color: #fff;
}
.tt-lh {
    margin-top: 20px;
}
.tt-lh p strong  {
    color: #DB2222;
}
.tt-lh p {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 400;
}
.tt-lh p:before {
    color: #4659A7;
    font-size: 20px;
    padding-right: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.tt-lh p:nth-child(2):before {
    content: "\f3c5";
}
.tt-lh p:nth-child(3):before {
    content: "\f87b";
}
.tt-lh p:nth-child(4):before {
    content: "\f0e0";
}
.tt-lh p:nth-child(5):before {
    content: "\f0ac";
}
div#form-popup {
    background: #051f4d;
}
.wpfomo-product-thumb-container img {
    border-radius: 50%;
}
div#wpfomo {
    border-radius: 56px;
	padding: 5px;
}
#wpfomo.is-visible {
    min-width: 270px;
}
#wpfomo.is-visible {
    top: 12px;
    bottom: unset;
}

/* css giảm giá fixed */
.st-upsale {
    position: fixed;
    bottom: 0;
    display: block;
    z-index: 9;
	max-width: 420px;
	padding-bottom: 0 !important;
}
.col.countdown-foo .ux-timer-text {
	font-size: 130% !important;
}
.col.countdown-foo .ux-timer-text span {
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    padding-top: 10px;
    text-align: center;
}
.col.countdown-foo .ux-timer-text span:nth-child(1), .col.countdown-foo .ux-timer-text span:nth-child(2) {
    display: none;
}
.col.countdown-foo .ux-timer-text span strong{
    font-family: 'Helvetica' Sans-serif;
    font-size: 60%;
    opacity: 1;
    text-transform:initial;
    display: block;
    font-weight: 400;
}
.ct-ptgiam p {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    padding: 8px 0;
	height: 66px;
    background-image: url(/wp-content/uploads/2022/03/flag-1.png);
}
.gia-upsale p {
	margin-bottom: 0;
	text-align: center;
    padding: 8px 0;
	height: 66px;
}
.gia-upsale p a {
    color: #fff;
}
.gia-upsale p, .ct-ptgiam p {
   animation: textgrowth 0.6s infinite alternate;
}
@keyframes textgrowth {
    0% {
    font-size: 15px;
    }
    100% {
    font-size: 17px;
    }
}

@media (max-width: 375px) {
	.khachhang p {
		font-size: 15px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}