/*
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.   ***************/
@import "global.css";
@import "css/vela-fonts.scss.css";
:root {
	--pa_btn_color_hide: #636363;
	--pa_btn_color_hide_hv: #3e3e3e;
	--pa_btn_color: #26a65b;
	--pa_btn_color_hv: #1e9a51;
	--font_size_mota: 15px;
	--pa_color_cd: #26a65b;
	--pa_color_df: #26a65b;
}
body{color: #333; line-height: 25px !important; font-size: 15px !important; }
.icon-menu { background: url(images/menu.svg); width: 30px; height: 16px; }
.icon-menu:before {display: none}
#header-contact a, .html_topbar_left { color: #fff !important; font-size: 14px !important;text-transform: none; }
#header-contact a i { margin-right: 2px; }
#header-contact li:first-child a { padding-right: 8px; }
.nav>li {  margin: 0 10px;  }
.absolute-footer { padding: 0; color: #878787; }
.dv-coppyright { padding: 14px 0; color: #e4e4e4; font-size: 15px; }
.payment-icon { background: #24aa4b !important; opacity: 1 !important; }

.dv-title-home { font-size: 14px; line-height: 25px; margin-top: 0; margin-bottom: 10px; }
.dv-title-home h3 { font-weight: 500; padding: 0; }
.dv-title-home h3 span { display: block; padding-bottom: 7px; border-bottom: 2px solid var(--pa_color_df); font-size: 18px; font-size: 25px; line-height: 30px; font-weight: 600; margin-bottom: 25px; border: none; position: relative; }
.dv-title-home h3 span:after { content: ""; width: 30%; position: absolute; height: 3px; background: #26a65b; display: block !important; bottom: -10px; left: 0; right: 0; margin: 0 auto; top: auto; }

.dv-tab-home > h4 { font-size: 25px; line-height: 30px; margin-top: 15px; margin-bottom: 10px; }

.tabbed-content > h4 { display: inline-block; padding-bottom: 6px; border-bottom: 2px solid var(--pa_color_df); width: auto; font-size: 18px; line-height: 27px; margin-top: 0; margin-bottom: 10px; letter-spacing: 0; font-weight: 500; }
.tabbed-content > .nav a { display: block; font-size: 15px; font-weight: 500; line-height: 25px; padding: 3px 0 7px 0; margin: 0; }
.dv-tabs-product .tabbed-content h4 { text-align: center; display: block; width: 100%; border: none; font-size: 25px; color: #333; margin-bottom: 20px; font-weight: 600; }
.dv-tabs-product { padding: 45px 0 0px !important; }
.dv-tabs-product .tabbed-content .nav { margin-bottom: 25px; display: block; text-align: center;}
.tabbed-content .nav li { float: none; margin: 0 5px; }
.dv-tabs-product .tabbed-content .nav a { font-size: 16px; color: #333; line-height: 26px; display: block; padding: 0 5px; text-transform: capitalize; }
.dv-tabs-product .tabbed-content .nav a:before {display: none}
.dv-tabs-product .tabbed-content .nav a:hover, .dv-tabs-product .tabbed-content .nav .active a { color: #26a65b; }
.dv-tabs-product .box-text { background: none !important; top: 0; bottom: 0; display: flex; align-items: center; opacity: 0}
.dv-tabs-product .box-text .is-divider { display: none; }
.dv-tabs-product .box-text:hover { background: rgb(0 0 0 / 48%) !important; opacity: 1; }

.tab-panels { padding: 15px 0px 0; margin-top: 0; }
.tab-panels .dv-row-img { padding: 0 5px 15px !important; }

.dv-title-banner h3 { font-size: 30px; font-weight: 600; line-height: 40px; }
.dv-title-banner { font-size: 16px; color: #fff; font-weight: normal; }
.dv-dangky-nhantin .dv-title-home span:before,.dv-dangky-nhantin .dv-title-home span:after{display: none}
.dv-dangky-nhantin { padding: 0px 0 !important; margin: 0;}
.dv-dangky-nhantin .bg.section-bg { background-attachment: fixed !important; background-position: center !important; }
.dv-dknt-cont { max-width: 930px !important; background: #fff; opacity: .9; width: 100%; margin: 0 auto; padding: 70px 15px 50px; }
.section-title b { opacity: 0; }
.dv-dangky-nhantin h3 { font-size: 20px; font-weight: 600; border: none; margin: 0; line-height: 28px; }
.dv-dangky-nhantin h3 span { border: none; margin: 0; padding: 0; }
.dv-dangky-nhantin .col { padding-bottom: 0; }
.dv-dangky-nhantin form input { height: 42px; padding: 0 12px; background: #2f3740 !important; border: none !important; border-radius: 5px !important; font-size: 14px; color: #556676; }
.dv-dangky-nhantin form input[type="submit"]:hover { background: #3a4b5b !important; }
.dv-dangky-nhantin form input[type="submit"] { font-weight: 400; background: #3a4b5b !important; padding: 0 15px; top: 0px; right: 0; height: 42px; line-height: 43px; font-size: 13px; border-radius: 0 5px 5px 0 !important; }
.dv-dangky-nhantin form { margin-top: 0px; max-width: 100%; margin-left: 0px; }

.dv-anh-banner-0 { padding: 39px 0 0px !important; }
.dv-anh-banner-0 .icon-inner { padding: 13px; border: 1px solid #e2e2e2; width: 60px; height: 60px; border-radius: 100px; }
.dv-anh-banner-0 .icon-inner img { padding: 0; margin: 0; }
.dv-anh-banner-0 h3 { font-weight: 600; font-size: 18px; line-height: 26px; padding: 0; margin: 0 0 4px; }
.dv-anh-banner-0 p { font-size: 20px; line-height: 30px; padding: 0; margin: 0; color: #333; }
.dv-anh-banner-0 a.button { padding: 5px 16px; float: right; margin: 0 0 0 15px; }
.dv-anh-banner-0 a.button.alert { background: #353535; }
.dv-anh-banner-0 a.button.alert:hover { background: var(--pa_btn_color); }

.dv-du-an { padding: 50px 0 20px !important; }
.dv-du-an .col { margin: 0; padding-bottom: 0; }
.dv-du-an .box-text { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.dv-anh-banner-1 { padding: 50px 0 60px !important; }
.dv-anh-banner-1 h3 { border: none; }
.dv-anh-banner-1 h3 span { font-size: 25px; line-height: 30px; font-weight: 600; margin-bottom: 45px; border: none; position: relative; }
.dv-anh-banner-1 h3 span:after { width: 25%; content: ""; position: absolute; height: 3px; background: #26a65b; display: block; bottom: -10px; left: 0; right: 0; margin: 0 auto; top: auto; }
.dv-anh-banner-1 .col { padding-bottom: 0 !important; }
.dv-anh-banner-1 .col + .col { border-left: none }
.dv-anh-banner-1 .box-text { width: calc(100% - 50px) !important; padding: 0 10px; }
.dv-anh-banner-1 .box-image { width: 50px !important; }
.dv-anh-banner-1 h4 { font-size: 15px; line-height: 26px; margin: 0; padding: 0; }
.dv-anh-banner-1 p { margin: 0; font-size: 14px; }
.dv-anh-banner-1 .col img { height: 50px; width: auto; }
.dv-anh-banner-1 h3 { font-weight: 600; font-size: 18px; line-height: 28px; padding: 0; margin: 0 0 5px; padding-top: 8px; }

.dv-banner2 h2 { font-size: 22px; color: #333; line-height: 30px; }
.banner.dv-banner2 h2 { font-size: 22px; color: #333; line-height: 30px; }
.banner.dv-banner2 .button { color: #fff; padding: 4px 20px; font-size: 14px; }

.dv-col-home-2 .box-text-bottom:before { top: 0; content: ""; bottom: 0; left: -15px; width: 1px; background: #e5e5e5; position: absolute; }
.dv-col-home-2 .box-text-bottom:after { top: 0; content: ""; bottom: 0; right: -15px; width: 1px; background: #e5e5e5; position: absolute; }
.dv-title-home span:before, .dv-title-home span:after {display: none}
.dv-doitac-home .flickity-viewport { height: 110px !important; }
.dv-doitac-home .box-image { height: 100px; background: #fff; padding: 10px; display: flex; align-items: center; }
.dv-doitac-home .box-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.banner h2 { font-size: 28px; line-height: 35px; letter-spacing: 0; font-weight: 600 !important; color: #26a65b; }
.banner h3 { font-size: 16px; font-weight: 300 !important; margin: 12px 0; line-height: 24px; }
.banner p { color: #333 !important; font-size: 15px !important; padding: 2px 0 !important; margin: 10px 0 !important; }
.banner .button { border-radius: 100px; background: var(--pa_btn_color); border: none; padding: 3px 20px; font-size: 14px; font-weight: 400; color: #fff; line-height: 36px; display: inline-block; }
.banner .button:hover { background: var(--pa_btn_color_hv) !important; }
.icon-phone, i[class^="icon-phone"], i[class*=" icon-phone"],
.icon-search, i[class^="icon-search"], i[class*=" icon-search"],
.icon-shopping-bag, i[class^="icon-shopping-bag"], i[class*=" icon-shopping-bag"],
.icon-user, i[class^="icon-user"], i[class*=" icon-user"],
.icon-envelo,i[class^="icon-envelo"], i[class*=" icon-envelo"] {
    font-family: "simple-line-icons" !important;
}
.icon-phone:before { content: "\e047"; }
.icon-envelop:before { content: "\e086"; }

.icon-search:before { content: "\e090"; }
.icon-shopping-bag:before { content: "\e035"; }
.icon-user:before { content: "\e005"; }

.header-social-icons i { color: #fff; font-size: 15px; margin-left: 0; line-height: 28px; padding: 6px 13px; }
.html_topbar_left a { background: #24aa4b; font-size: 14px !important; padding: 0px 10px !important; border-radius: 4px; color: #fff !important; margin-left: 6px; }
.nav>li>a>i.icon-search { font-size: 20px; }
[data-icon-label]:after {background-color: var(--pa_color_df);}
.dv-non-class h2 { font-size: 22px; line-height: 28px; }
.dv-non-class p { font-size: 16px; padding: 0; margin: 0; line-height: 25px; color: var(--pa_color_cd); }
.blog-post-inner h5:hover { color: var(--pa_color_cd) !important }
.add-to-cart-button a { padding: 5px 20px !important; border-radius: 100px !important; font-weight: 500; }
.dv-textbox h3 { letter-spacing: 0; font-size: 30px; font-weight: 600; line-height: 40px; }
.dv-textbox p { padding: 0; margin: 0; color: #333; }
.dv-textbox a.dv-btn { background: #1a1a1a !important; color: #fff !important; margin-top: 30px; display: inline-block; padding: 0 25px; line-height: 40px !important; height: 40px !important; }
.dv-textbox a.dv-btn:hover { background: var(--pa_color_cd) !important; }
.footer .widget-title { color: #26a65b; font-weight: 500; font-size: 21px; text-transform: uppercase; padding-bottom: 25px; }
.footer b, .footer strong { font-weight: 500; }
.footer a:hover { color: var(--pa_color_cd) !important; }
.absolute-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 7px 0; }
.dv-mxh-footer a { margin: 0 10px 10px 0 !important; display: inline-block; font-size: 14px !important; line-height: 27px; }
.dv-mxh-footer a i { top: 2px; }
.dv-footer .col { padding-bottom: 0; margin-bottom: 0; }
.dv-footer-nd li { margin-bottom: 7px; }
footer { font-size: 15px; line-height: 25px; color: #e4e4e4; }
footer h4 { font-weight: 500; font-size: 18px; line-height: 28px; color: #24aa4b; padding-bottom: 3px; display: block; }
footer li { margin-bottom: 5px; }
.footer .widget li a { padding: 0 0 7px; color: #e4e4e4; }
.footer .menu li a { position: relative; padding-left: 16px; }
.footer .menu li a:before { content: "\f105"; font-family: 'fl-icons' !important; position: absolute; left: 0; top: 0; }

.recent-blog-posts-li a { display: inline-block; line-height: 25px; max-height: 50px; overflow: hidden; }
.recent-blog-posts-li .post_comments { display: none; }
.recent-blog-posts { padding: 0; }
.recent-blog-posts-li { margin-bottom: 10px !important; }
.badge-circle-inside .badge-inner, .badge-circle .badge-inner { border-radius: 999px; background: var(--pa_btn_color); }
.nav-pagination .page-number { height: 35px !important; width: 35px;}
.nav-pagination .page-number:hover, .nav-pagination .page-number.current { background: var(--pa_btn_color); border-color: var(--pa_btn_color); }
.secondary, .checkout-button, .button.checkout, .button.alt { background-color: var(--pa_btn_color); }
.flickity-button:hover .flickity-button-icon, .flickity-button-icon:hover { background: var(--pa_btn_color) !important;}
.logo img { max-height: 100px; width: auto; max-width: 100%; }

/*heade*/

.header-search-form.search-form { width: 100%; }
form.searchform { border: 1px solid #26a65b; border-right: none; border-radius: 8px; width: 100%; height: 42px; padding: 0; max-width: 460px; overflow: hidden; margin: 0 auto !important; }
form.searchform input { width: 100%; border: none; height: 40px; box-shadow: none !important; padding: 0 15px;border-radius: 100px; }
.searchform .button.icon { background: var(--pa_btn_color) !important; border: none; height: 42px; padding: 4px 24px; font-size: 16px; border-radius: 0 10px 10px 0; top: -1px; right: -5px; position: relative; }
/*end header*/
li.html.header-button-1 a { display: block; padding: 6px 20px; } padding: 0; max-width: 460px; overflow: hidden; margin: 0 auto !important; }

.dv-cata-home .product-category .col-inner { border: 1px solid #dcdbdb; height: 100%; }
.dv-cata-home .product-category .col-inner h5 { text-transform: none; font-weight: 500; font-size: 16px; line-height: 25px; padding: 0; margin: 12px 0 0; }
.dv-banner-ngang { padding: 70px 0 !important; }
.dv-banner-ngang .button { margin-top: 15px; border-radius: 5px; padding: 1px ​25px; font-size: 15px; font-weight: 500; }
.dv-galary .gallery-col.col { border: 1px solid #ccc; margin: -1px -1px 0 0; padding: 5px; }
.dv-galary { padding: 0 15px 0 16px; }


/*.flickity-viewport .product-small { bottom: 0; top: 0; }*/
.product-small .col-inner { padding: 10px !important; height: 100%; border: 1px solid #e6e6e6; }
.product-small .col-inner .box-text.box-text-products { padding-bottom: 0; }
footer li:nth-child(n + 7) { display: none; }
.nav > .menu-item > ul > li, .nav > .menu-item > ul > li li {  background: var(--pa_color_df);}
.nav > .menu-item > ul:before {  border-bottom-color: var(--pa_color_df); }
.slider-nav-light .flickity-page-dots .dot { border-color: #fff; background: #fff; width: 13px; height: 13px; }
.flickity-page-dots .dot.is-selected { background: var(--pa_color_df) !important; border-color: var(--pa_color_df) !important; }
.image-tools .wishlist-button:hover { background-color: var(--pa_color_df); border-color: var(--pa_color_df); }
.button.icon.circle i { font-size: 14px; }
.wishlist-popup.dark { display: none; }
.section-title-normal { border-bottom: 1px solid #efefef; }
.section-title-normal span { margin-right: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--pa_color_cd); margin-bottom: -2px; }
.dv-banner-full h3 { font-size: 25px; line-height: 32px; color: var(--pa_color_df); margin-bottom: 0; display: block; }
.dv-ykkh { padding: 40px 0 20px !important; text-align: left; }
.dv-ykkh .banner { background: none; }
.dv-ykkh .banner .banner-layer .img-inner { width: 100px; height: 100px; border-radius: 100px; margin-bottom: 0px; }
.dv-ykkh .banner .banner-layer .star-rating:before, .dv-ykkh .banner .banner-layer .star-rating span:before { color: #24aa4b; letter-spacing: 4px; }
.dv-ykkh .banner .banner-layer .star-rating { width: 98px !important; }
.dv-ykkh h3 { color: #333; display: block; font-size: 25px; line-height: 34px; font-weight: 600; margin-bottom: 20px; }
.dv-ykkh p { font-size: 16px !important; line-height: 27px; font-style: normal; color: #656565 !important; margin-bottom: 10px; }

.dv-ykkh img { max-width: 100%; object-fit: cover; margin-top: 10px; max-height: 100%; width: 450px; height: auto}
.dv-ykkh .testimonial-meta { opacity: 0; }
.dv-ykkh .flickity-page-dots { display: none; }
.dv-ykkh .accordion { padding-top: 15px; }
.dv-ykkh .accordion-title { border: none; border-bottom: 1px solid #e4e4e4; padding: 8px 0; position: relative; }
.dv-ykkh .accordion-title button.toggle { position: absolute; right: 0; left: auto; margin: 0; font-size: 13px; }
.dv-ykkh .accordion-title.active { color: #26a65b; font-weight: 600; padding-left: 12px; }
.dv-ykkh .accordion-inner { padding: 10px 0; }

.dv-banner-1 h4 { font-size: 16px; font-weight: 400; line-height: 25px; }
.dv-banner-1 h2 { color: #24aa4b; }
.dv-banner-2 h2 { font-size: 25px; line-height: 25px; font-weight: 600; }
.dv-banner-2 a { display: inline-block; font-size: 15px; color: #fff; }

.footer { padding: 40px 0 0; border: none; }
.footer-1 .col section { border-bottom: 1px solid #e6e6e6; padding-bottom: 15px !important; }
.footer-1 .col { margin-bottom: 0; }
.back-to-top { background: var(--pa_btn_color) !important; color: #fff !important; border-color: var(--pa_btn_color) !important; bottom: 70px}
.back-to-top:hover { background: var(--pa_btn_color) !important; border-color: var(--pa_btn_color) !important; }
.header-wrapper.stuck .header-main { display: none; }

.sf-vertical.sf-arrows li:hover>.sf-with-ul:after { border-left-color: #7d7d7d; }

.dv-ss .row { padding-left: 5px; padding-right: 5px; }
.dv-ss { padding-top: 0 !important; padding-bottom: 0 !important; }
.dv-ss .col { padding-left: 10px; padding-right: 10px; }
.dv-ss-slider { padding: 0px 0 !important; }
.dv-ss-slider .col { padding-left: 5px !important; padding-right: 5px !important; padding-bottom: 10px !important; }
.dv-ss-slider .row { padding-right: 10px; }

.mb10{margin-bottom: 10px !important}

#top-bar { padding:  0; background: #26a65b; }
#top-bar .menu-item a { color: #fff !important; padding: 0; margin: 0 0; font-size: 14px}
#top-bar .menu-item { padding: 0 5px; margin: 0 !important; }
#top-bar .menu-item a:after {display: none}
.dv-hotline a { font-size: 20px; line-height: 28px; color: #ee2c1f; font-weight: 600; font-family: Arial; }
.dv-hotline p { font-size: 15px; font-weight: 400; line-height: 20px; }
.html.header-social-icons a { border-left: 1px solid #5db782; border-right: 1px solid #5db782; margin: 0 !important; padding: 0 !important; float: left; color: #fff; margin-left: -1px !important; }

.dv-hotline .icon-box-text.last-reset { padding-left: 12px; }

li.account-item.has-icon { margin-left: 20px; }
.dv-ss-df { padding: 20px 0 0 !important; }
.dv-ss-df .row { padding: 0 5px; }
.dv-ss-df .col { padding: 0 10px; }

.dv-sanpham .col { padding: 0 10px !important; margin: 0 !important; }
.dv-sanpham .box-text.text-left { padding: 0; margin: 0; }
.dv-ss-flex .col-inner { height: 100%; }
.dv-col-product .col { padding: 0 10px 15px; }
.dv-tintuc { padding-bottom: 30px !important; }
.dv-tintuc .post-title { font-size: 17px; line-height: 26px; font-weight: 500; margin: 0 0 7px; }
.dv-tintuc .dv-blog-post .col { padding: 0 15px 20px !important; }
.dv-tintuc { padding-bottom: 20px !important; }
.dv-tintuc .box-text.text-left { padding: 15px; }
.dv-tintuc .is-divider { display: none; }
.dv-tintuc .post-meta { font-size: 15px; line-height: 20px; }
.dv-tintuc .box-text { display: block; vertical-align: top; }

.dv-doitac .flickity-slider { padding: 0 5px; }
.dv-doitac .gallery-col { margin: 0; padding: 0 10px; }
.dv-doitac { padding: 40px 0 20px !important; }
.dv-doitac .box-image { border: 1px solid #eaeaea; }
.dv-doitac .box-text { display: none !important; }
.dv-doitac svg { width: 35px !important; height: 35px !important; overflow: hidden; display: block; margin-top: -8px; }
.dv-doitac .fill { display: none !important; }
.section-title-container { margin-bottom: 10px; }
.dv-email-nhantin input[type="email"] { width: 100%; height: 38px; background: #fff; border: 1px solid #ccc;     margin-bottom: 10px;}
.dv-email-nhantin input[type="submit"] { width: 100%; background: var(--pa_color_df) !important; height: 40px; }
.header-search .nav-dropdown.nav-dropdown-default { border-radius: 10px; padding: 10px; border: 1px solid #d1d1d1; }
.header-search .nav-dropdown.nav-dropdown-default form.searchform, ul.nav-dropdown.nav-dropdown-default input { border-radius: 10px !important; }

.dv-vechungtoi h3.section-title span { font-size: 25px; line-height: 30px; font-weight: 600; margin-bottom: 25px; border: none; position: relative; }
.dv-vechungtoi h3.section-title span:after { width: 30%; content: ""; position: absolute; height: 3px; background: #26a65b; display: block !important; bottom: -10px; left: 0; right: 0; margin: 0 auto; top: auto; }
.dv-vechungtoi { padding: 50px 0 20px !important; }
.dv-vechungtoi .icon-box { margin-bottom: 25px; }
.dv-vechungtoi .icon-box img { width: 80%; }
.dv-vechungtoi h3 { font-size: 25px; line-height: 32px; margin-bottom: 20px; }
.dv-vechungtoi a { display: inline-block; padding: 2px 20px; margin-top: 15px; }


.dv-ss-home { padding: 45px 0 20px !important; }
.dv-ss-home .col { margin-bottom: 0; padding-bottom: 0; }

@media only screen and (max-width: 991px) {
.banner h2 { font-size: 28px; line-height: 38px; }
.dv-textbox h3 { font-size: 22px;line-height: 34px; }
.dv-dangky-nhantin h3 { font-size: 22px; line-height: 30px; }
.nav-dropdown.nav-dropdown-default { left: auto !important; margin: 0 !important; right: -40px; }
.dv-cata-home .product-category { padding: 10px; }
.dv-banner-ngang { padding: 40px 10px !important; }
.dv-grid { padding-left: 0; }
#wide-nav>.flex-row>.flex-left { float: left; width: 23% !important; display: inline-block; -webkit-box-flex: none; -ms-flex: none; flex: none; min-width: 23% !important; }
.nav > .menu-item { float: left; padding: 0 0px; }
#mega-menu-title { padding: 10px 0 10px 7px; font-size: 14px; }
}