/*
Theme Name: MYPAGE Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MYPAGE Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url("../mypage/style.css");
@import url("zalo.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.single-post .entry-title {font-size: 24px; margin-bottom: 10px; line-height: 30px;}
.entry-content {padding-top: 20px;border-top: 1px dashed #ddd;text-align: justify;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol, .duan_short ul, .duan_short ol, .ul_style ul{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li, .duan_short ul li, .duan_short ol li, .ul_style ul li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .duan_short table, .duan_short iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .duan_short table th, .duan_short table td {border: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption{margin-bottom: 15px;}
.post-carousel h4, .post-carousel h5, .blog-posts .post .entry-title{font-size: 18px;margin-bottom: 8px;}
.single h4.sub-title strong{font-weight: 700;}
.owl-carousel .owl-dots .owl-dot span {width: 15px;height: 15px;}
.wrap_hotline .widget{margin: 0;}
.call-circle-fill{
    width: 54px;
    height: 54px;
    top: -5px;
    left: -1px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgb(237 29 36/ 20%);
}
.call-img-circle{
    width: 44px;
    height: 44px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #ed1d24;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    margin-left: 4px;
}
.call-img-circle i{ color: #fff;}
.call-img-circle:hover{background-color: #ed1d24;}
.call-phone span{font-size: 17px; padding: 4px 15px 4px 30px; border-radius: 0 20px 20px 0; color: #fff; background-color: #ed1d24; display: inline-block; position: absolute; right: -110px; top: 43px; font-weight: 700;}
.animated.infinite{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.btn_zalo span {position: absolute;top: 8px;padding: 7px 16px 7px 20px;border-radius: 0 20px 20px 0;left: 40px;display: inline-block;font-size: 17px;line-height: 20px;transition: 0.2s ease-in-out;border: 2px solid #fff;z-index: 1;background-color: #028fe3;color: #fff;font-weight: 600;}
.fb_zalo{position: fixed; left: 10px; bottom: 50px; z-index: 99;}
.fb_zalo ul { margin: 0; padding: 0; list-style: none;}
.widget .fb_zalo ul li{ margin-bottom: 12px;position: relative;}
.widget .fb_zalo ul li a.callhotline { position: relative;display:block;margin-bottom: 10px;}
.widget .fb_zalo ul li img{ width: 54px;position: relative;z-index: 3}	
html #topcontrol{
    background-image: url(images/icon-scroll-top.png);
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
html #topcontrol i{display: none;}
#header .mobile-toggle { font-size: 18px;margin-right: 0;}
#side-nav-panel .accordion-menu > li.menu-item > a{font-size: 17px;letter-spacing: 0;padding-top: 10px;padding-bottom: 10px;}
#side-nav-panel .accordion-menu ul.sub-menu li a{font-size: 16px;padding-top: 7px;padding-bottom: 7px;}
#side-nav-panel .accordion-menu .arrow{height: 46px;line-height: 46px;}

.grecaptcha-badge {  display: none !important;}

.page-top { padding-top: 120px; padding-bottom: 120px;}
.page-top:before { content: ""; position: absolute; left: 0; top: 0;width: 100%; height: 100%; background-color: #2e2866; opacity: 0.3; z-index: 1; display: block;}
.page-top > .container { position: relative; z-index: 3;}
.page-top h1.page-title { margin-bottom: 12px;font-weight: 600;text-transform: uppercase; letter-spacing: 0.2px;}

#header .banner_top img {margin: 0;}

#header .header-main .header-left { padding:20px 0; }
#header .header-main .header-center { margin-right:-15px;padding-right:0; }
#header.sticky-header .header-main.sticky { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
#header .main-menu-wrap {border-block: 1px solid #ebebeb;}
#header .main-menu-wrap .sidebar #main-toggle-menu {width: 100%;}
#header .main-menu-wrap .sidebar .menu-title {padding: 16px 15px;color: #fff;background-color: var(--porto-primary-color);font-size: 20px;text-transform: capitalize;}
#main-toggle-menu.show-always .toggle-menu-wrap .sidebar-menu {display: none!important;}
#main-toggle-menu .toggle-menu-wrap .sidebar-menu > li:hover .popup {display: block!important;left: 100%!important;}
#header .main-menu-wrap .mega-menu {flex: 1;display: flex;justify-content: space-between;}
#header .main-menu-wrap .mega-menu li a {padding: 10px;color: #000;font-size: 18px;font-weight: 500;}
#header .main-menu-wrap .mega-menu li:hover > a, #header .main-menu-wrap .mega-menu li.current-menu-item > a {color: var(--porto-primary-color)!important;}
#header .top-links .narrow li.menu-item>a {font-size: 16px;padding: 10px 40px 10px 20px;}
#header.sticky-header .main-menu-wrap {background-color: #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
#header .sidebar-menu > li {position: initial;}
#header .sidebar-menu > li > .popup {height: 100%;width: 879px; background-color: #fff;}
#header .sidebar-menu > li > .popup > .inner { padding-top:30px;height: 100%;}
#header .sidebar-menu > li > .popup .sub-menu {width: 100%}
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li {padding: 0 10px; margin-bottom: 15px;}
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li > a { text-decoration:underline;text-underline-offset: 8px; text-decoration-color: #ccc;font-size: 18px;text-transform: capitalize;font-weight: 500;}
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li:hover > a,#header .sidebar-menu > li > .popup > .inner > .sub-menu > li.current-menu-parent > a, #header .sidebar-menu > li > .popup > .inner > .sub-menu > li.current-menu-item > a, #header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li:hover, #header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li.current-menu-item:before, #header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li.current-menu-item > a {color: var(--porto-primary-color);}
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu { margin-top:10px;padding-left: 15px; }
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li:hover > a {text-decoration: none;background-color: transparent;}
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li { padding-left: 18px; }
#header .sidebar-menu > li > .popup > .inner > .sub-menu > li > .sub-menu > li:before { content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 50%;transform: translateY(-50%);font-size: 10px; }
#header .sidebar-menu > li.menu-item > a { padding: 14px 10px 14px 0; }
#header .sidebar-menu > li.menu-item > a > img {margin-right: 0;}
#header .sidebar-menu .popup:before {display: none;}
#header .searchform .selectric .label, #header .searchform button, #header .searchform input, #header .searchform select {height: 44px;}
#header .search-rounded:not(.simple-search-layout) .searchform {border-radius:5px;overflow: hidden;}
#header .searchform .button-wrap {background-color:var(--porto-primary-color);color: #fff;}
#header.sticky-header .searchform-popup {display: inline-block!important;}

#header.sticky-header .menu-center > .row {width: 100%;margin: 0;}
#header .sidebar .logo {display: none;}
#header.sticky-header #main-toggle-menu, body:not(.home) #header .sidebar {display: none;}
body:not(.home) #header.sticky-header .sidebar {display: block;}
#header.sticky-header .sidebar .logo {display: inline-block;}
body:not(.home) #header:not(.sticky-header) .main-menu-wrap .mega-menu {justify-content: center;gap: 30px;}

#header .header-contact ul.contact {display: flex;align-items: center;margin-bottom: 0;}
#header .header-contact ul.contact li {list-style: none;margin-right: 30px;}
#header .header-contact ul.contact li a {transition: 0.3s ease-in-out;color: #000;}
#header .header-contact ul.contact li:hover a {color: var(--porto-primary-color); }
#header .header-contact ul.contact li.phone > a {display: flex;align-items: center;text-align: center;font-size: 16px;line-height: 22px;}
#header .header-contact ul.contact li.phone > a strong {font-weight: 500;}
#header .header-contact ul.contact li.phone i {font-size: 24px;color: var(--porto-primary-color);margin-right:6px;}
#header .header-contact ul.contact li.phone .hotline {display: block;}
#header .header-contact ul.contact li.zalo > a {display: flex;flex-direction: column;text-align: center;font-size: 16px;line-height: 22px;font-weight: 500;}
#header .header-contact ul.contact li.zalo > a i {font-size: 20px;color: var(--porto-primary-color); }
#header .searchform input {width: 320px;}
#header .header-main .header-row {padding-right: 0;}

#banner-wrapper .wrap_banner .porto-carousel-wrapper { margin-bottom: 0; }
body .wrap_banner .porto-carousel-wrapper ul.slick-dots { position: absolute; bottom: 15px; } 
.wrap_banner .porto-carousel-wrapper .slick-dots li { width: 18px; height: 18px; }
.wrap_banner .porto-carousel-wrapper .slick-dots li i { opacity: 1; font-size: 12px; }
.wrap_banner {margin-top: -20px;}
.wrap_banner .porto-carousel-wrapper {margin-left: -15px;margin-right: -15px;margin-bottom: 0; width: auto;}
.wrap_banner .col_menu .wpb_content_element,.wrap_banner .col_menu .wpb_content_element > .widget_nav_menu { margin-bottom: 0; }
.wrap_banner > .col_menu ul.menu {margin-top: 0;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;; border-radius: 0 0 5px 5px;padding: 5px;}

/* Kích thước thanh cuộn */
.wrap_banner > .col_menu ul.menu::-webkit-scrollbar { width: 6px;}
/* Nền của thanh cuộn */
.wrap_banner > .col_menu ul.menu::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px;}
/* Phần “nút kéo” */
.wrap_banner > .col_menu ul.menu::-webkit-scrollbar-thumb { background: var(--porto-primary-color); border-radius: 10px;}
/* (Tùy chọn) Khi hover */
.wrap_banner > .col_menu ul.menu::-webkit-scrollbar-thumb:hover { background: #555;}

.wrap_banner > .col_menu ul.menu li a{font-size: 17px;font-weight: 500;transition: 0.3s ease-in-out;}
.wrap_banner > .col_menu ul.menu li:hover > a {color: var(--porto-primary-color);}
.wrap_banner .col_banner img { width: 100%; height: 100%; object-fit: cover;}

.heading_style {font-size: 30px;line-height: 38px; font-weight: 600;text-transform: uppercase;margin-bottom: 35px;}

.wrap_thongso {padding: 50px 0 40px;}
.wrap_thongso h2.vc_custom_heading {margin-bottom: 50px;}
.wrap_thongso .stats-block .porto-sicon-top {margin-bottom: 20px;}
.wrap_thongso .stats-block .porto-icon i {color: var(--porto-primary-color);}
.wrap_thongso .stats-block .stats-desc .counter_suffix, .wrap_thongso .stats-block .stats-desc .stats-number {font-size: 30px;font-weight: 600;}
.wrap_thongso .stats-block .stats-desc .stats-number {margin-right: 4px;}
.wrap_thongso .stats-block .stats-desc .stats-text {margin-top: 5px;line-height: 22px;font-size: 16px;}

.wrap_spnoibat {padding: 70px 0 30px;}
.wrap_spnoibat .vc_row > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;width: auto;}
.wrap_spnoibat .porto-sicon-box-link { width: calc((100% / 4) - 30px); margin-left: 15px;margin-right:15px; }
.wrap_spnoibat .porto-sicon-box-link img{ transition: 0.3s ease-in-out;}
.wrap_spnoibat .porto-sicon-box-link:hover img{ transform: scale(1.1, 1.1); filter: brightness(0.5);}
.wrap_spnoibat .porto-sicon-box-link h3.porto-sicon-title { transition: 0.3s ease-in-out; font-weight: 700;}
.wrap_spnoibat .porto-sicon-box-link:hover h3.porto-sicon-title { color: var(--porto-primary-color); }
.wrap_spnoibat .porto-sicon-box-link .porto-sicon-header p { line-height:21px; }

.wrap_chinhsach {padding: 70px 0 50px;}

.wrap_video { background-size: cover; background-position: center center; background-repeat: no-repeat;}
.wrap_video:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 1; display: block;}
.wrap_video > .vc_column_container { z-index: 2; }
.wrap_video .play_video { padding-top: 200px; padding-bottom: 200px; margin-bottom: 0;}
.wrap_video .play_video i { color: #fff; font-size: 30px; width: 80px; height: 80px; border: 2px solid #fff; border-radius: 50px; display: grid; place-items: center; margin: auto;transition: 0.3s ease-in-out;}
.wrap_video .intro { display: grid; place-items: center; }
.wrap_video .intro  h2.vc_custom_heading {color: #fff;}
.wrap_video .intro .wpb_text_column { margin-bottom: 0;}
.wrap_video .intro .wpb_text_column > .wpb_wrapper * { color: #fff; font-size: 20px; margin-bottom: 10px;}
.wrap_video .intro .wpb_text_column ul {padding-left: 0;}
.wrap_video .intro .wpb_text_column ul li {list-style: none; position: relative; padding-left: 24px; margin-bottom: 10px;}
.wrap_video .intro .wpb_text_column ul li:before {content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff; position: absolute; left: 0; top: 0px;}
.wrap_video .play_video:hover i { color: var(--porto-primary-color);border-color: var(--porto-primary-color);}

.wrap_whychooseus {padding: 70px 0 25px;}
.wrap_whychooseus .porto-sicon-top {margin-bottom: 10px;}
.wrap_whychooseus h3.porto-sicon-title {font-size: 20px;line-height: 26px;margin-bottom: 6px;font-weight: 500;}
.wrap_whychooseus .vc_btn3-container > a {font-size: 18px;font-weight: 600; text-transform: uppercase;color: var(--porto-primary-color);padding: 8px 15px;border: 2px solid var(--porto-primary-color);transition: 0.3s ease-in-out;}
.wrap_whychooseus .vc_btn3-container > a:hover {background-color:var(--porto-primary-color);color:#fff;border: 2px solid var(--porto-primary-color); }

.wrap_ungdung {padding: 70px 0 30px;}
.wrap_ungdung .vc_row > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;width: auto;}
.wrap_ungdung .porto-sicon-box-link { width: calc((100% / 4) - 30px); margin-left: 15px;margin-right:15px; }
.wrap_ungdung .porto-sicon-box-link img{ transition: 0.3s ease-in-out;}
.wrap_ungdung .porto-sicon-box-link:hover img{ transform: scale(1.1, 1.1); filter: brightness(0.5);}
.wrap_ungdung .porto-sicon-box-link h3.porto-sicon-title { transition: 0.3s ease-in-out; font-weight: 700;}
.wrap_ungdung .porto-sicon-box-link:hover h3.porto-sicon-title { color: var(--porto-primary-color); }
.wrap_ungdung .porto-sicon-box-link .porto-sicon-header p { line-height:21px; }

.wrap_tintuc {padding-top: 70px;}
.wrap_tintuc .tintuc_heading > .vc_column_container > .vc_column-inner {display: flex;justify-content: center;margin-bottom: 15px;flex-wrap: wrap;}
.wrap_tintuc .tintuc_heading p.vc_custom_heading {margin: 0 10px 15px;font-size: 20px;font-weight: 500;text-transform: uppercase; padding: 8px 25px;border: 2px solid var(--porto-primary-color); transition: 0.3s ease-in-out;border-radius: 30px;cursor: pointer;white-space: nowrap; color:#000;}
.wrap_tintuc .tintuc_heading p.vc_custom_heading.active,.wrap_tintuc .tintuc_heading p.vc_custom_heading:hover {background-color:var(--porto-primary-color);color:#fff; }
.wrap_tintuc .tintuc_content .wpb_wrapper {position: relative;}
.wrap_tintuc .tintuc_content .wpb_wrapper > .porto-recent-posts { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; margin-left: 0; margin-right: 0;}
.wrap_tintuc .tintuc_content .wpb_wrapper > .porto-recent-posts.active {opacity: 1; visibility: visible; position: relative;}

.wrap_chungchi {padding-top: 70px;}

.wrap_khachhang { padding:70px 0 30px;}
.wrap_khachhang .wpb_single_image { border-radius: 5px; background-color: #ffffff; border: 2px solid #e4e4e4; transition: 0.3s ease-in-out;}
.wrap_khachhang .wpb_single_image:hover { border-color: var(--porto-primary-color);}
.porto-carousel-wrapper .slick-dots li { width: 18px; height: 18px;}
.porto-carousel-wrapper .slick-dots li i { opacity: 1; font-size: 12px;}

.wrap_tuvan {padding: 50px 0;}
.wrap_tuvan .column_1  .wpb_text_column h3 {text-align: center;text-transform:uppercase;font-weight:600;font-size:22px; }
.wrap_tuvan .column_1  .wpb_text_column ul {padding-left: 0;}
.wrap_tuvan .column_1 .wpb_text_column ul li {list-style: none; position: relative; padding-left: 24px; margin-bottom: 10px;}
.wrap_tuvan .column_1 .wpb_text_column ul li:before {content: "\f059"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--porto-primary-color); position: absolute; left: 0; top: 0px;}
textarea.form-control {height: 120px;}
.wrap_qrzalo { padding-top: 50px; }
.wrap_qrzalo .wpb_single_image {margin-bottom: 10px;}
.wrap_qrzalo p.vc_custom_heading {text-transform: uppercase;font-weight: 500;font-size: 20px;line-height: 26px;}

.wrap_gthieu_1 {padding: 30px 0;}
.wrap_gthieu_1 .wpb_text_column strong {color: #ed1c24;}
.wrap_gthieu_3.wrap_spnoibat {padding-top: 20px;}
.wrap_gthieu_5 {padding-top: 20px;}
.wrap_gthieu_5 .porto-sicon-box {border: 1px solid #000; padding: 30px;border-radius: 5px;}
.wrap_gthieu_5 .porto-sicon-box h3.porto-sicon-title {text-transform: uppercase;}
.wrap_gthieu_5 .porto-sicon-header p {font-style: italic; color: #808080;margin-top: 10px;}

.wrap_chungnhancuagodo .vc_row > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;width: auto;}
.wrap_chungnhancuagodo .wpb_single_image { width: calc((100% / 4) - 30px); margin-left: 15px;margin-right:15px;}
.wrap_chungnhancuagodo .wpb_single_image .vc_figure-caption {font-size: 18px;color:var(--porto-primary-color); }

.wrap_khachhang_page .vc_row > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;width: auto;}
.wrap_khachhang_page .wpb_single_image { width: calc((100% / 4) - 30px); margin-left: 15px;margin-right:15px;border-radius: 5px; background-color: #ffffff; border: 2px solid #e4e4e4; transition: 0.3s ease-in-out;}
.wrap_khachhang_page .wpb_single_image:hover { border-color: var(--porto-primary-color);}

.wrap_lienhe .wpb_text_column ul { padding: 0; margin: 0; list-style: none;}
.wrap_lienhe .wpb_text_column ul li { margin-bottom: 8px; position: relative; padding-left: 22px;}
.wrap_lienhe .wpb_text_column ul li i { width: 20px; position: absolute; left: 0; top: 4px; color:  var(--porto-primary-color);}
.wrap_lienhe.vc_row.wpb_row { margin-top: 20px; margin-bottom: 50px;}
form input.btn.btn-lg[type=submit] { border-radius:5px;padding:10px 20px; transition: 0.3s ease-in-out;}
form input.btn.btn-lg[type=submit]:hover {background-color: #fff;color:var(--porto-primary-color); }

#footer .footer-main .row > div:first-child .textwidget ul li { margin-bottom: 12px; position: relative; padding-left: 35px;font-size: 16px;}
#footer .footer-main .row > div:first-child .textwidget ul li strong { display: block; margin-bottom: 2px;}
#footer .footer-main .row > div:first-child .textwidget ul li i { position: absolute ; top: 0px; left: 0; font-size: 22px}
#footer .footer-main h3.widget-title { font-size: 18px; font-weight: 500; margin-bottom: 20px; }
#footer .footer-main .widget_nav_menu ul.menu { border: none; margin-bottom: 10px;}
#footer .footer-main .widget_nav_menu ul.menu li { font-size: 16px; border: none; list-style: none; position: relative;  padding-left: 10px;  margin-left: 12px;}
#footer .footer-main .widget_nav_menu ul.menu li:before { content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 400; color: #fff; position: absolute; left: 0; top: 7px;}
#footer .footer-main .widget_nav_menu ul.menu li:hover:before { animation: none; }
#footer .footer-bottom { padding: 0; }
#footer .footer-bottom > .container .footer-center { border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
#footer .footer-main .follow-us .share-links a { width: 36px; height: 36px; border-radius: 5px; border: 1px solid #fff; }
#footer .footer-main .follow-us .share-links a:hover { color: #fff; }

.btn_style.vc_btn3-container > a {font-size: 18px;font-weight: 600; text-transform: uppercase;color: var(--porto-primary-color);padding: 8px 25px;border: 2px solid var(--porto-primary-color);transition: 0.3s ease-in-out;}
.btn_style.vc_btn3-container > a:hover {background-color:var(--porto-primary-color);color:#fff;border: 2px solid var(--porto-primary-color); }

.products .product-category .thumb-info-wrapper:after {background-color: transparent;}
.archive-products ul.products li h4 {margin-top: 0!important;padding: 15px 25px;background-color:var(--porto-primary-color);color:#fff; }
.archive-products ul.products li > p {background-color: #eee;color: var(--porto-primary-color);padding: 5px 10px;font-weight: 500;} 

.single-product .ctsp .wpb_single_image {margin-bottom: 15px;}
.single-product .ctsp p.vc_custom_heading {text-transform: uppercase;font-size: 15px;line-height: 21px;font-weight: 500;}
.single-product .ctsp .btn_lienhe a {font-size: 18px;font-weight: 900; padding: 10px;background-color: var(--porto-primary-color);color: #fff;border: 2px solid var(--porto-primary-color);width: 100%;box-shadow: inset 0px 0 0 0 #fff;transition: 0.3s ease-in-out;}
.single-product .ctsp .btn_lienhe a:hover {color: var(--porto-primary-color); box-shadow: inset 800px 0 0 0 #fff;}
.single-product .ctsp .btn_lienhe strong {text-transform: uppercase;font-weight: 400;}
.single-product .ctsp .wrap_camket h3.vc_custom_heading {color: var(--porto-primary-color);margin-bottom: 10px;}
.single-product .ctsp .wrap_camket .porto-sicon-box {border: 1px solid var(--porto-primary-color); border-radius: 8px;padding: 8px;}
.single-product .ctsp .wrap_camket h3.porto-sicon-title {font-size: 18px;}
.single-product .ctsp .wrap_camket .porto-sicon-header p {font-size: 15px;line-height: 18px;}
.single-product .woocommerce-tabs .resp-tabs-list li {font-size: 20px;color: #000!important;}
.single-product .woocommerce-tabs .resp-tabs-list li.resp-tab-active,.single-product .woocommerce-tabs .resp-tabs-list li:hover{color:var(--porto-primary-color)!important;}
.woocommerce-tabs .resp-tabs-list li.resp-tab-active, .woocommerce-tabs .resp-tabs-list li:hover {border-color:var(--porto-primary-color)!important; }
ul.products .woocommerce-loop-product__title { white-space:normal;overflow:visible; }
.star-rating span:before, .single-product .woocommerce-product-rating .star-rating span:before, .star-rating-selector:not(:checked) label.checkbox:hover, .star-rating-selector:not(:checked) label.checkbox:hover~label.checkbox, .star-rating-selector:not(:checked) input:checked~label.checkbox, .star-rating-selector:not(:checked) input:checked+label.checkbox:hover, .star-rating-selector:not(:checked) input:checked+label.checkbox:hover~label.checkbox, .star-rating-selector:not(:checked) input:checked~label.checkbox:hover, .star-rating-selector:not(:checked) input:checked~label.checkbox:hover~label.checkbox, .star-rating-selector:not(:checked) label.checkbox:hover~input:checked~label.checkbox{color: #ffd400;}
.woocommerce #reviews .product-rating .product-rating-details table td.rating-graph .bar, .woocommerce-page #reviews .product-rating .product-rating-details table td.rating-graph .bar {background-color: #ffd400;}
.woocommerce #reviews h3.contribution-title .star-rating, .woocommerce-page #reviews h3.contribution-title .star-rating{font-weight: 700!important;}
.zalo_qr {text-align: center;font-weight: 500;font-size: 20px;margin-bottom: 15px;}
.zalo_qr img{width: 30px;margin-right: 5px;}
.zalo_qr a{display: inline-block;padding: 7px 20px 5px;background-color: #0068ff;color: #fff;transition:0.2s;border-radius: 5px;}
.zalo_qr a:hover{background-color: #028fe3;}
.lienhe_ctsp {margin-left: -6px;margin-right: -6px;margin-top: 15px;}
.lienhe_ctsp > div {padding-left: 6px;padding-right: 6px;}
.lienhe_ctsp .btn_ctsp{display: block;text-align: center;border: 1px solid var(--porto-primary-color);border-radius: 4px;color: #fff;padding: 13px 5px;transition:0.2s;width: 100%;background-color: var(--porto-primary-color);}
.lienhe_ctsp .btn_ctsp:hover{background-color: #fff;color: var(--porto-primary-color);}
.lienhe_ctsp .btn_ctsp.btn_zalo:before{content: '';width: 26px;height: 26px;background-image:url(images/zalo.png);background-size: 100%;background-repeat: no-repeat;margin-right: 6px;display: inline-block;vertical-align: middle;}
.lienhe_ctsp .btn_ctsp.btn_zalo{background-color: #0068ff;color: #fff;border-color:#0068ff; }
.lienhe_ctsp .btn_ctsp.btn_zalo:hover{background-color: #fff;color: #0068ff;}
.lienhe_ctsp .btn_ctsp.btn_baogia:before{font-family: "Font Awesome 6 Free";content: "\f095";font-weight: 600;margin-right: 6px;}
@media (max-width:1289px) {
	#header .main-menu-wrap .sidebar .menu-title, #header .main-menu-wrap .mega-menu li a {font-size: 16px;}
	#header .searchform input {width: 200px;}
	.wrap_banner > .col_menu ul.menu li a {font-size: 15px;}
	.wrap_banner > .col_menu ul.menu li {padding-top: 3px;padding-bottom: 3px;}
}

@media (max-width:1229px) {

	.page-top {padding-top: 100px;padding-bottom: 100px;}
    .page-top h1.page-title {font-size: 32px;line-height: 40px;}

	.heading_style {font-size: 28px;line-height: 36px;}

	.wrap_thongso .stats-block .stats-desc .counter_suffix, .wrap_thongso .stats-block .stats-desc .stats-number {font-size: 28px;}
	.wrap_spnoibat .porto-sicon-box-link h3.porto-sicon-title {font-size: 20px;}
	.wrap_video .play_video {padding-top: 180px;padding-bottom: 180px;}
	.wrap_whychooseus h3.porto-sicon-title {font-size: 18px;line-height: 24px;}
	.wrap_ungdung .porto-sicon-box-link h3.porto-sicon-title {font-size: 20px;}
	.wrap_tintuc .tintuc_heading p.vc_custom_heading {font-size: 18px;}

	.single-product h2.product_title { font-size:26px;line-height:32px; }
	.single-product .ctsp .wrap_camket h3.porto-sicon-title {font-size: 16px;}
	.single-product .ctsp .wrap_camket .porto-sicon-header p {font-size: 13px;} 
}

@media (max-width:991px) {

	.sticky-header #mini-cart:not(.minicart-opened) {display: inline-block!important;}
	#header .searchform-popup .search-toggle, #header #mini-cart {margin-right: 8px;}
	#header .header-main .header-left,#header .header-main .header-right, #header .header-main .header-center{padding: 12px 0;}
	#header .header-main .header-row {padding-right: 15px;padding-left: 15px;}
	#header .header-right .language {margin-right: 5px;margin-left: 0;}

	.page-top {padding-top: 80px;padding-bottom: 80px;}
    .page-top h1.page-title {font-size: 28px;line-height: 34px;}

    .btn_style.vc_btn3-container > a {font-size: 15px;}

	.wrap_banner .col_menu {display: none;}
	.wrap_banner .col_banner {width: 100%;}

	.heading_style {font-size: 26px;line-height: 34px;}

	.wrap_thongso .stats-block .stats-desc .counter_suffix, .wrap_thongso .stats-block .stats-desc .stats-number {font-size: 25px;line-height: 31px;}
	.wrap_video .play_video {padding-top: 160px;padding-bottom: 160px;}
	.wrap_tintuc h2.vc_custom_heading {margin-bottom: 25px;}
	.wrap_tuvan .column_1  .wpb_text_column h3 {font-size: 20px;line-height: 24px;}
	.wrap_qrzalo p.vc_custom_heading {font-size: 18px;line-height: 24px;}

	.archive-products ul.products li h4 {font-size: 20px;padding: 12px;line-height: 26px}
	.single-product h2.product_title { font-size:24px;line-height:30px; }
    .single-product .ctsp .wrap_camket h3.vc_custom_heading {font-size: 22px;line-height: 28px;}

	#footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child { width: 50%; margin-top: 20px;}

}

@media (max-width:767px) {

	.page-top {padding-top: 60px;padding-bottom: 60px;}
    .page-top h1.page-title {font-size: 25px;line-height: 31px;}

	.column_reverse {flex-direction: column-reverse;padding: 30px 0;}
	.justify {text-align: justify;}

	.heading_style {font-size: 22px;line-height: 30px;}

	.wrap_thongso {padding: 40px 0 20px;}
	.wrap_spnoibat {padding: 50px 0 25px;}
	.wrap_spnoibat .porto-sicon-box-link { width: calc((100% / 2) - 30px); }
	.wrap_chinhsach {padding: 50px 0 20px;}
	.wrap_chinhsach .porto-sicon-box {margin-bottom: 40px;}
	html .wrap_chinhsach .top-icon .porto-just-icon-wrapper {margin-bottom: 10px;}
	.wrap_video { padding-top: 70px; }
	.wrap_video .intro  h2.vc_custom_heading {text-align: center;}
	.wrap_video .play_video {padding-top: 120px;padding-bottom: 120px;}
	.wrap_whychooseus {padding: 50px 0 25px;}
	.wrap_whychooseus .vc_btn3-container > a {font-size: 15px;}
	.wrap_ungdung {padding: 40px 0 25px;}
	.wrap_ungdung .porto-sicon-box-link { width: calc((100% / 2) - 30px); }
	.wrap_tintuc {padding-top: 50px;}
	.wrap_tintuc .tintuc_heading p.vc_custom_heading {font-size: 16px;}
	.wrap_chungchi {padding-top: 50px;}
	.wrap_khachhang {padding: 50px 0 15px;}
	.wrap_tuvan h2.vc_custom_heading {margin-bottom: 20px;}
	.wrap_tuvan .column_1  .wpb_text_column h3 {font-size: 18px;line-height: 24px;}
	.wrap_chungnhancuagodo .wpb_single_image { width: calc((100% / 2) - 30px);}

	.single-product h2.product_title { font-size:24px;line-height:30px; }
	.single-product .ctsp .wrap_camket h3.porto-sicon-title {font-size: 18px;}
	.single-product .ctsp .wrap_camket .porto-sicon-header p {font-size: 15px;} 

	.archive-products ul.products li h4 {font-size: 18px;padding: 10px;line-height: 22px}

	#footer .footer-main > .container {padding-top: 50px;padding-bottom: 0;}

	html #topcontrol {right: 0;}
    .btn_zalo span {top: 3px;padding: 3px 15px 3px 20px;left: 20px;font-size: 15px;}
    .fb_zalo {right: 0;bottom: 150px;}
    .widget .fb_zalo ul li {margin-bottom: 5px;}
    .widget .fb_zalo ul li:first-child {margin-bottom: 7px;}
    .widget .fb_zalo ul li img {width: 36px;}
    .call-circle-fill {width: 52px;height: 52px;display: none;}
    .call-img-circle {width: 34px;height: 34px;font-size: 14px;line-height: 34px;margin-left: 0;}
}

@media (max-width:576px) {

	.page-top {padding-top: 40px;padding-bottom: 40px;}
    .page-top h1.page-title {font-size: 22px;line-height: 28px;}

	.wrap_spnoibat .porto-sicon-box-link h3.porto-sicon-title {font-size: 18px;line-height: 24px;margin-bottom: 0;}
	.wrap_spnoibat .porto-sicon-box-link .porto-sicon-header p {line-height:20px;font-size: 14px;}
	.wrap_video .play_video {padding-top: 100px;padding-bottom: 100px;}
	.wrap_ungdung .porto-sicon-box-link h3.porto-sicon-title {font-size: 18px;line-height: 24px;}
	.wrap_tintuc .tintuc_heading p.vc_custom_heading {font-size: 14px;margin-bottom: 12px;}
	.wrap_qrzalo p.vc_custom_heading {font-size: 16px;line-height: 22px;}

	#footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child { width: 100%;}

	.wrap_khachhang_page .wpb_single_image { width: calc((100% / 2) - 30px);}
}

@media (max-width:480px) {
	.btn_zalo span {display: none;}
}