/* Theme Name: Hungwordpress.com Description: Cần tư vấn website liên hệ 0393.090.491 Author: UX Themes Template: flatsome Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ @font-face { font-family: 'Montserrat-Regular'; src: url('fonts/Montserrat-Regular.ttf') format('truetype'); } @font-face { font-family: 'Montserrat-Bold'; src: url('fonts/Montserrat-Bold.ttf') format('truetype'); } p, div, td,tr,th,li, a{font-family: 'Montserrat-Regular'; } h1, h2, h3, h4, h5, h6, strong{font-family: 'Montserrat-Bold';} #masthead .header-inner{ max-width: 100%; padding: 0 3%} .header, .header-wrapper{ /* filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.15));*/ box-shadow: inset 0px 3px 4px rgba(0, 0, 0, 0.15);} #masthead .header-inner .button.icon{margin-left: 0px; margin-right: 0px; min-width: 50px; line-height: 46px !important; background-color: #383838 !important; } .hotline_top{background-image: linear-gradient(#F10837, #95050F); border-radius: 30px;} .hotline_top:hover{background-image: linear-gradient(#707070, #212121); border-radius: 30px;} .hotline_top .top_ht{ background: url(images/icon_hotline_top.png) no-repeat left;padding: 8px 28px 8px 69px; background-position-x: 10px; line-height: 22px;} .hotline_top .top_ht a{font-family: 'Montserrat-Bold'; font-size: 16px; color: #fff;} .hotline_top .top_ht a span{ font-size: 14px; font-family: 'Montserrat-Regular';} .header-main .nav > li > a { line-height: 19px; text-transform: uppercase; font-size: 15px; font-family: 'Montserrat-Bold'; } .danhmuc_section1{border-radius: 20px; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.16)); background: #ffffff; background: linear-gradient(180deg, #ffffff 0.00%, #f9f9f9 100.00%);margin-top: -85px; padding-top: 25px; margin-bottom: 50px;} .danhmuc_section1 h3{ height: 45px; align-content: center} .danhmuc_section1 h3 a{font-size: 20px; color: #212121; text-transform: uppercase; font-family: 'Montserrat-Bold';} .section1_home .icon-box:hover h3{ color: #d2151e} .danhmuc_section1 .large-3{ padding-bottom: 20px} .aboutus_home img{ border-radius: 15px;} .danhmuc_section1 .large-3:hover h3 a{ color: #D2151E} .aboutus_home h1{text-transform: uppercase; font-size: 50px; color: #fff;} .section1_dvu h2{ font-size: 18px;} .section1_dvu .box-text.text-center{padding-bottom: 0px; padding-top: 20px;} .section1_dvu .box:hover a{color: #D2151E} .stuck .header-main .nav > li > a { line-height: 0; padding: 10px 0; } .aboutus_home .gioithieu_content{border-left: 2px solid #fff; padding-left: 30px;} .aboutus_home .gioithieu_content h2{ color: #fff; font-size: 24px} .aboutus_home .gioithieu_content p{ color: #fff; font-size: 15px; line-height: 30px} .aboutus_home .gioithieu_content p a{border: 1px solid #fff; font-size: 14px; color: #fff; padding: 10px 40px; border-radius: 20px;} .aboutus_home .gioithieu_content p a:hover{ border: 1px solid #ffe015;color: #ffe015;} .title_home h2{font-size: 40px; color: #212121; text-transform: uppercase; margin-bottom: 35px;} .section_product_home .product-small .col-inner{ filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.15)); background: #ffffff; border-radius: 10px; padding: 7px;} .section_product_home .product-small .col-inner img{border-radius: 5px;} .section_product_home .product-small .col-inner .box-text h3 a{ font-size: 15px; height: 45px; color: #3C3C3C; font-family: 'Montserrat-Bold';} .price-wrapper a{ border: 1px solid #dbdbdb; padding: 7px 23px; border-radius: 24px;} .price-wrapper:hover a{ border: 1px solid #D2151E; color: #D2151E} .section_product_home .product-small .title-wrapper { text-align: center; margin-bottom: 10px; } .buttom_xemthemsp_home a{border: 1px solid #212121; font-size: 14px; color: #212121; padding: 10px 40px; border-radius: 20px; } .buttom_xemthemsp_home:hover a{border: 1px solid #D2151E; color: #fff; background: #D2151E } .buttom_xemthemsp_home{ line-height: 40px; margin-top: 15px;} .product-small .col-inner:hover .box-text h3 a{color: #D2151E} .box-blog-post .hwp-readmore { color: #fff; font-size: 15px; background: #d2151e; padding: 10px 20px; border-radius: 20px;} .absolute-footer.dark{ display: none} #footer section{ padding-bottom: 0px !important} #footer section p, #footer section a, #footer section strong{ color: #fff; font-size: 15px;} #footer section strong{font-family: 'Montserrat-Bold'; } #footer section .title_ft{ font-size: 18px; font-family: 'Montserrat-Bold'; text-transform: uppercase; background: url(images/icon-line.png) no-repeat bottom left; padding-bottom: 6px;} #footer section .ux-menu a{ text-transform: uppercase; font-weight: 500; background: url(images/icon-muiten.png) no-repeat left; padding-left: 20px; border-bottom: 1px solid #404040; line-height: 27px; padding-top: 7px; padding-bottom: 7px;} #footer section iframe, .section1_contact iframe{ border-radius: 15px;} .section2_news .post-title a{font-size: 20px;font-family: 'Montserrat-Bold'; line-height: 28px;} .box-blog-post .from_the_blog_excerpt { color: #212121; font-size: 15px; margin-top: 10px; margin-bottom: 20px;} .box-blog-post:hover .hwp-readmore{ background: #212121;} .box-blog-post:hover .post-title a{color:#d2151e } .xemthem_sp p{ margin-bottom: 0px} .date_news{font-size: 14px; color: #d2151e; font-family: 'Montserrat-Bold';} .single-product .price-wrapper{ display: none} .category-page-title{background: #f1f1f1; padding-top: 17px;} .category-page-title .large-12{ padding-bottom: 0px !important} .nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col{padding-right: 30px;} .product-small .col-inner{filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.15)); background: #ffffff; border-radius: 10px; padding: 0px; } .related-posts .product-small p{ padding: 0 15px} /***** css gioithieu******/ .banner__gioithieu h1{ font-size: 60px;} .section1_aboutus h2 span{font-size: 24px; text-transform: uppercase; color: #212121;} .section1_aboutus h2{ font-size: 35px; color: #d2151e; text-transform: uppercase; border-bottom: 1px solid #d4d4d4; padding-bottom: 17px;} .section1_aboutus p{font-size: 15px; line-height: 28px;} .section1_contact input, .section1_contact textarea{margin-top: 5px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #8D8D8D;} .section1_contact form p{font-size: 16px; color: #292929;} .section1_contact input[type="submit"]{ color: #fff; font-size: 14px; border: 0px solid;} .section1_contact input[type="submit"]:hover{ background: #212121} .section1_contact h2{ font-size: 30px; color: #cb0000;} .section1_contact .tencty{ text-transform: uppercase; color: #323232; font-size: 18px;font-family: 'Montserrat-Bold';} .section1_contact form{ padding-right: 10%;} .right_contact li{ list-style: none; margin-lefT: 0px !important; padding-lefT: 20px} .right_contact .diachi_lh{ background: url(images/icon-footer-pla.png) no-repeat left; } .right_contact .hotline_lh{ background: url(images/icon-footer-pho.png) no-repeat left; } .right_contact .email_lh{ background: url(images/icon-footer-mai.png) no-repeat left; } .bg-fill-cat, .bg-archive-blog{height: 100%;left: 0;position: absolute;right: 0;top: 0; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;} .archive-page-header { position: relative; padding: 62px 0; margin-bottom: 50px; background-position: center center; background-repeat: no-repeat; background-size: 100%; } .section2_aboutus .large-6 .col-inner{border-radius: 20px;filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.16 ));background: #ffffff; background: linear-gradient(180deg, #ffffff 0.00%, #f9f9f9 100.00%); padding: 30px;} .section2_aboutus .large-6 .col-inner h3{ font-size: 36px; color: #CB0000;} .section2_aboutus .large-6 .col-inner .icon-box{ background: url(images/lin_tamnhin.png) no-repeat bottom left; padding-bottom: 15px; margin-bottom: 15px;} .section3_aboutus h2{color: #212121; font-size: 40px; text-transform: uppercase;} .section3_aboutus .icon-box-text p{font-size: 16px; text-transform: uppercase;font-family: 'Montserrat-Bold'; color: #212121;} .section4_about h2{font-size: 40px; text-transform: uppercase; color: #fff } .blog-archive .box-text h3{ margin-top: 10px;} .blog-archive .box-text h3 a{ font-size: 20px;font-family: 'Montserrat-Bold'; } .breadcrumbs_single{ background: #E9E9E9;} .breadcrumbs_single p{ margin-bottom: 15px; margin-top: 15px; text-align: left;} .breadcrumbs_single .separator{ padding: 0 15px;} .breadcrumbs_single span.last{ text-transform: uppercase; color: #D2151E;} .hwp-archive { margin-top: 10px; } .hwp-single-box h1{font-size:25px; text-transform: uppercase; margin-top: 25px;} .entry-meta ,.entry-meta a, .entry-meta span{ text-transform: none; font-size: 14px; color: #BCBCBC;} .single-product .wc-tabs>li>a{padding: 10px 15px;} .entry-header-text-top{ border-bottom: 1px solid #E3E1E1;} .single-page h2{ font-size: 18px; color: #212121 !important} .single-page h3{ font-size: 17px; color: #212121 !important} #masthead .nav-dropdown{ margin: 0 10px} /*****share******/ .single_post_share_icon .button.is-outline, .single_post_share_icon .button.is-outline:hover{ border: none !important} .single_post_share_icon a{ margin-bottom: 0px; margin-top: 7px;} .tags_container { float: left; width: 100%; height: 50px; line-height: 50px; margin-top: 0px;margin-bottom: 0px; border-top: 1px solid #D4D4D4; padding-top: 0px; border-bottom: 1px solid #D4D4D4;} .single_post_tags{line-height:47px;font-size: 14px; padding-left:10px;border-left: none!important; background: #ffffff;margin-bottom:0px; overflow: hidden; border-right: 0px; border-bottom: 0px; float:left} .single_post_tags ul{list-style: none;;margin-bottom:0;} .single_post_tags ul li{margin-right:10px;margin-bottom:0; float: left; line-height: 47px;} .single_post_tags ul li a{ color: #1A1818;} .share_icons_container {margin-top: 0px; float: left; width: 100%;height: 50px; line-height: 50px; margin-bottom: 30px;} .shareicons_icon, .tags_icon{ float: left; text-align: center; font-size: 16px; color: #908b8b;} .single_post_share_icon { line-height: 48px; font-size: 14px; padding-left: 60px;border-top: 1px solid #D9D9D9; background: #ffffff; border-bottom: 1px solid #D9D9D9;} .single_post_share_icon .share-box { float: none; height: 48px!important; text-align: left;padding: 0 0 30px;width:100%; line-height: 38px;} .single_post_share_icon .social-icons i{ top: 1px;} .share-box{ float: right} .share-box .button.icon{ margin-bottom: 3px; background: #D4D4D4; border: none; color: #fff;line-height: 32px;} .blog-single .col_news_left { padding-lefT: 0px; padding-right: 0px} .related-posts{ margin-top: 30px;} .related-posts h3{font-size: 30px; color: #D2151E;} .blog-archive{ padding-top: 0px !important} .blog-archive .post-item .box-image img{ border-radius: 20px;} .blog-archive h1.page-title{font-size: 50px; color: #fff; margin-bottom: 0px;} .blog-archive .archive-page-header .large-12{padding-bottom: 0px; padding-top: 30px;} .related-posts .title_repost{ font-size: 16px; text-transform: uppercase; font-family: 'Montserrat-Bold'; line-height: 22px; margin-top: 10px;} .related-posts .product-small img{ height: 178px;} .related-posts .product-small .date_news{margin-bottom: 0px; margin-top: 20px;} .blog-single .post-sidebar{ padding-lefT: 10px; padding-right: 15px;} .post-sidebar .searchform{ border: 1px solid #9E9E9E; border-radius: 3px;} .post-sidebar .searchform input[type="search"]{ border: 0px;} .post-sidebar .searchform button{border: none;} .searchform .button.icon i{ color: #B4B4B4;} .searchform .button.icon:hover i{ color: #D2151E;} .blog-single .post-sidebar .menu li a, .sidebar_chinhsach .ux-menu-link, #shop-sidebar .menu li a{ background-image: linear-gradient(to right, #EFEFEF, #F9F9F9);} .blog-single .post-sidebar .menu li:hover a, #shop-sidebar .menu li:hover a, #shop-sidebar #menu-menu-sidebar .current-menu-parent a, #shop-sidebar #menu-menu-sidebar .current-menu-item a, #product-sidebar .menu li:hover a, #product-sidebar #menu-menu-sidebar .current-menu-parent a, #product-sidebar #menu-menu-sidebar .current-menu-parent a{ background-image: linear-gradient(to right, #9A0007, #D3072A);} .blog-single .post-sidebar .menu li:hover ul li a, #shop-sidebar .menu li:hover ul li a, #shop-sidebar #menu-menu-sidebar .current-menu-parent ul li a, #shop-sidebar #menu-menu-sidebar .current-menu-item ul li a, #product-sidebar .menu li:hover ul li a, #product-sidebar #menu-menu-sidebar .current-menu-parent ul li a, #product-sidebar #menu-menu-sidebar .current-menu-parent ul li a{ background: none;color: #212121;} .blog-single .post-sidebar .menu li ul li:hover a , #shop-sidebar .menu li ul li:hover a{ color: #D2151E} .blog-single .post-sidebar .menu li a, .sidebar_chinhsach .ux-menu-link a, #shop-sidebar .menu li a, #product-sidebar .menu li a{ text-transform: uppercase;padding: 10px 15px; color: #212121; font-family: 'Montserrat-Bold'; font-size: 14px;} .sidebar_chinhsach .ux-menu-link{ margin-bottom: 10px !important} .blog-single .post-sidebar .menu li a, #shop-sidebar .menu li a, #product-sidebar .menu li{ border-bottom: 0px !important} .blog-single .post-sidebar .menu li ul li a, #shop-sidebar .menu li ul li a, #product-sidebar .menu li ul li a{ text-transform: none; font-family: 'Montserrat-Regular'; background: #fff; text-transform: uppercase; font-size: 15px; padding: 7px 15px;} .blog-single .post-sidebar .menu li:hover a, .blog-single .post-sidebar .menu li:hover .toggle i, #shop-sidebar .menu li:hover .toggle i, #shop-sidebar .menu li:hover a, #shop-sidebar #menu-menu-sidebar .current-menu-item a, #shop-sidebar #menu-menu-sidebar .current-menu-item .toggle i, #product-sidebar .menu li:hover .toggle i, #product-sidebar .menu li:hover a, #product-sidebar #menu-menu-sidebar .current-menu-parent a, #product-sidebar #menu-menu-sidebar .current-menu-parent .toggle i{ color:#fff;} .blog-single .post-sidebar .menu li:hover li, #shop-sidebar .menu li:hover li, #shop-sidebar #menu-menu-sidebar .current-menu-parent li, #shop-sidebar #menu-menu-sidebar .current-menu-item li, #product-sidebar .menu li:hover li, #product-sidebar #menu-menu-sidebar .current-menu-parent li, #product-sidebar #menu-menu-sidebar .current-menu-item li{ background: none; margin-bottom: 0px;} .blog-single .post-sidebar .toggle , #shop-sidebar .toggle, #product-sidebar .toggle { margin: 0 0 0 5px; min-height: 46px; width: 1em; margin-top:0px; } .blog-single .post-sidebar .menu li, #shop-sidebar .menu li, #product-sidebar .menu li{ background: #f9f9f9;margin-bottom: 10px;} .blog-single .post-sidebar .menu li ul li, .blog-single .post-sidebar .menu li ul, #shop-sidebar .menu li ul, #product-sidebar .menu li ul{ background: #fff} .blog-single .post-sidebar .menu li ul, #shop-sidebar .menu li ul, #product-sidebar .menu li ul{ margin-bottom: 0px; margin-left: 0px;} .blog-single .post-sidebar ul li:hover .toggle, #shop-sidebar ul li:hover .toggle, #product-sidebar .menu li:hover .toggle{ min-height: 45px; margin-right: 8px; padding-right: 0px;} .blog-single .post-sidebar ul li .toggle, #shop-sidebar .menu li .toggle, #product-sidebar .menu li .toggle{margin-right: 10px;} .blog-single .post-sidebar .menu li:hover , #shop-sidebar .menu li:hover, #shop-sidebar #menu-menu-sidebar .current-menu-parent, #shop-sidebar #menu-menu-sidebar .current-menu-item , #product-sidebar #menu-menu-sidebar .current-menu-parent, #product-sidebar .menu li:hover{ background: #D3072A;} .blog-single .post-sidebar .menu li ul li, #shop-sidebar .menu li ul li, #product-sidebar .menu li ul li{ margin-bottom: 0px;} .blog-single .post-sidebar .widget-title, #shop-sidebar .widget_text .widget-title, #product-sidebar .widget_text .widget-title{background: #9a0007; border-radius: 10px 10px 0 0; color: #FFFFFF; text-transform: uppercase; font-size: 20px; font-family: 'Montserrat-Bold'; text-align: center; line-height: 40px; border-bottom: 5px solid #FFDD03; margin-bottom: 0px; height: 45px;} .blog-single .post-sidebar .flex-grow a, #shop-sidebar .flex-grow a{font-size: 14px; color: #000000; font-family: 'Montserrat-Bold'; line-height: 20px; padding-left: 10px; padding-top: 0px; margin-bottom: 0px;} .blog-single .post-sidebar .flatsome_recent_posts li{ border-bottom: 1px solid #E3E1E1; padding-bottom: 7px; margin-bottom: 7px;} .blog-single .post-sidebar .flatsome_recent_posts li:last-child{border-bottom: 0px solid #E3E1E1; } .blog-single .post-sidebar #text-2 .widget-title { margin-bottom: 0px} .blog-single .post-sidebar #text-2 .textwidget, #shop-sidebar .widget_text .textwidget, #product-sidebar .widget_text .textwidget{ background: #EFEFEF;border-radius: 0 0 10px 10px; padding: 15px;} .blog-single .post-sidebar #text-2 .textwidget p, #shop-sidebar .widget_text .textwidget p, #product-sidebar .widget_text .textwidget p{ font-size: 14px; line-height: 27px;} #shop-sidebar .widget_text .widget-title{ margin-bottom: 0px} /******* css chính sách**********/ .section1_chinhsach .title_cs{text-align: center; margin-bottom: 10px; font-size: 45px; color: #212121;font-family: 'Montserrat-Bold'; line-height: 60px;} .section1_chinhsach .separator{ padding: 0 15px} .section1_chinhsach p{ margin-bottom: 0px} .section1_chinhsach .large-12{ padding-bottom: 20px} .section2_chinhsach h1{ text-align: center; font-size: 30px; text-transform: uppercase; color: #323232;} .section2_chinhsach h2{ font-size: 18px; line-height: 24px;} .sidebar_chinhsach .ux-menu-link a{background: url(images/muiten.png) no-repeat right;background-position-x: 97%;} .sidebar_chinhsach .ux-menu-link:hover a, .sidebar_chinhsach .ux-menu-link.active_cs a{background: url(images/muiten_hover.png) no-repeat right;background-position-x: 97%; color: #fff} .sidebar_chinhsach .ux-menu-link:hover, .sidebar_chinhsach .ux-menu-link.active_cs{ background-image: linear-gradient(to right, #9A0007, #D3072A);} .sidebar_chinhsach .ux-menu-link.active_cs a{color: #fff} .category-page-title h1.shop-page-title{ font-size: 60px; text-transform: uppercase; color: #212121; padding: 110px 0; margin-bottom: 0px;} .woocommerce-ordering{ float: right} .shop-container .woocommerce-result-count{line-height: 57px;font-family: 'Montserrat-Bold'; font-size: 15px;} .woocommerce-ordering select{ background: #F6F5F5; border: 1px solid #D4D4D4; border-radius: 7px;} .category-page-row h2.cate_prd{ color: #9A0007; font-size: 40px; text-transform: uppercase; margin-bottom: 0px;} #shop-sidebar .active .sub-menu li.current-menu-item a{font-family: 'Montserrat-Bold';} #shop-sidebar #menu-menu-sidebar .current-menu-parent a, #shop-sidebar #menu-menu-sidebar .current-menu-parent .toggle i{color: #fff} .shop-container .product-small .box-text{ background: #F9F9F9; text-align: center; border-radius: 0 0 10PX 10px;} .shop-container .product-small .box-image{ border-radius: 10px 10px 0 0;} .shop-container .product-small .box-text .title-wrapper h3{ height: 42px} .shop-container .product-small .box-text .price-wrapper span.amount{ color: #EA9400; font-size: 14px;} .shop-container .product-small .box-text .price-wrapper{ margin-top: 5px;} .shop-container .product-small .box-text h3 a{ font-size: 15px; font-family: 'Montserrat-Bold';} .shop-container h2{font-size: 25px; text-transform: uppercase; text-align: center; color: #9A0007;} .single-product form.cart { display: block !important; float: left; margin-right: 15px; } .product-summary .quantity{ display: none !important} .breadcrumbs_single_prd{ padding-top: 2px; text-align: left; padding-bottom: 0px;} .breadcrumbs_single_prd h1{ font-size: 45px; margin-bottom: 0px; color: #212121;} .single-product .price-wrapper span.amount{color: #9A0007; font-size: 35px; font-family: 'Montserrat-Bold';} .single-product .product-info .price{ margin: 20px 0; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; padding: 20px 0;} .tabbed-content .nav{ padding-lefT: 20px;} .nav-tabs > li.active > a{ font-size: 18px; text-transform: uppercase; font-family: 'Montserrat-Bold'; border-radius: 10px 10px 0 0; border-top: 4px solid #D3072B;} .tab-panels h2{ text-align: left;} .single-product .product-footer #ftwp-contents{ border: 1px solid #CCCCCC;border-width: 1px !important;border-color: #CCCCCC !important; border-radius: 15px;} #ftwp-container.ftwp-wrap #ftwp-list{ padding: 19px;} #ftwp-container.ftwp-wrap #ftwp-header{ padding-top: 25px; padding-left: 30px;} .product-container .cart button{background: #ECECEC url(images/icon_cart.png) no-repeat left !important; color: #212121; font-family: 'Montserrat-Bold'; font-size: 16px; border-radius: 20px; background-position-x: 22px !important; padding-left: 54px;} .product-container .cart button:hover { background: #e00505 url(images/icon_cart_hover.png) no-repeat left !important; background-position-x: 22px !important; color: #fff} .baogia_bt button{font-family: 'Montserrat-Bold'; font-size: 16px; border-radius: 20px; } .baogia_bt button:hover{ background: #212121 !important; color: #fff} .chinhsach_single{ border: 1px solid #D4D4D4; border-radius: 15px; background: #F9F9F9; padding: 20px 30px 0;} .chinhsach_single h3{ font-size: 18px; color: #D3072A;} .chinhsach_single li{ list-style: none !important; margin-lefT: 0px !important; background: url(images/icon_li_cs.png) no-repeat left; padding-lefT: 30px} .shop-container .tab-panels h2{ font-size: 30px; color: #D2151E !important; text-transform: none;} /*#ftwp-postcontent { max-height: 1400px; Chiều cao tối đa khi thu gọn overflow: hidden; Ẩn nội dung vượt quá chiều cao transition: max-height 0.3s ease-in-out; Hiệu ứng mở rộng } #ftwp-postcontent.expanded { max-height: none; /* Hiển thị toàn bộ nội dung khi mở rộng } */ #toggle-button { display: block; margin: 10px auto; padding: 5px 20px; background: #EFEFEF url(images/icon_xemthem.png) no-repeat left;; border-radius: 5px; color: #000; border: none; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; width: 100%; background-position-x: 44%; font-size: 16px; font-family: 'Montserrat-Bold'; } #toggle-button:hover { background-color: #bb0a12; color: #fff; } #toggle-button.xemthem::before { content: ''; position: absolute; top: -150px; left: 0; width: 100%; height: 150px; background: linear-gradient(to top, #fff 0%, rgb(255 255 255 / 0%) 100%); z-index: 1; } .cart_totals .button{ background-color: #d2151e !important; border-radius: 5px;} .woocommerce-cart .cart_totals .button:hover{ background-color: #212121 !important;} .woocommerce-cart .checkout_coupon button[type="submit"]{ background-color: #747474; color: #fff; border-radius: 5px;} .woocommerce-cart .checkout_coupon button[type="submit"]:hover{ background-color: #212121;} .woocommerce-cart .checkout_coupon input[type="text"]{ border: 1px solid #747474; border-radius: 5px} #payment button[type="submit"]{background: #d2151e; border-radius: 5px;} #payment button[type="submit"]:hover{background: #212121;} .woocommerce-checkout .has-border { border: 1px solid #d2151e; padding: 15px 30px 30px; border-radius: 10px; } #customer_details .woocommerce-billing-fields input, .woocommerce-checkout textarea{ border: 1px solid #747474; border-radius: 5px} #masthead .cart-item [data-icon-label]:after{ background-color: #d2151e;} .woocommerce-checkout .wooccm-field-postcode ,.woocommerce-checkout .wooccm-field-address_2{ display: none !important} #nhan-bao-gia input, #nhan-bao-gia textarea{border: 1px solid #747474; border-radius: 5px; margin-bottom: 0px;} .widget_shopping_cart .checkout { color: #000} .section1_home .icon-box-img img, .section3_aboutus .icon-box-img img{ width: 100%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;} .section1_home .icon-box-img:hover img, .section3_aboutus .icon-box-img:hover img{transform: scale(1.1); transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;} #footer .ft-menu a:hover { color: #d2151e!important; } #header .logo-left .logo { margin-left: 0; margin-right:35px; } #header .nav-spacing-medium>li { margin: 0 15px; } .shop-container .product_meta>span a { color: #d2151e; } .product-container .vertical-thumbnails { background: #fff; overflow-y: scroll; margin-bottom: 25px; } .product-container .vertical-thumbnails::-webkit-scrollbar { width: 6px; background-color: #E9E9E9; border-radius: 10px; } .product-container .vertical-thumbnails::-webkit-scrollbar-thumb { background: #808080; width: 6px; border-radius: 10px; } #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:hover { color: #d2151e !important; } #masthead .header-inner .searchform .button.icon{ line-height: 33px !important; background-color: #333333 !important; border-radius: 0 5px 5px 0; } #masthead .header-inner .searchform input{border: 1px solid; border-radius: 5px 0 0 5px;} .row-divided.row-reverse>.col+.col:not(.large-12){ padding-right: 0px;} .product-info h1{ font-size: 22px} #masthead .nav > li >ul>li a{ background: #d5072b; color: #fff; text-align: center;} #masthead .nav li ul li ul li a, #masthead .nav li.menu-item-2575 ul li a{ background: #fff; color: #212121; text-align: left;} #masthead .nav li ul li ul li:hover a, #masthead .nav li.menu-item-2575 ul li:hover a{color: #d5072b} .category-37 .box-blog-post .from_the_blog_excerpt, .category-37 .date_news, .category-37 .hwp-readmore{ display: none} /*****************/ @media only screen and (max-width:1680px){.header-main .nav > li > a{ font-size: 12px;}} @media only screen and (max-width:1440px){#masthead .header-inner{ padding: 0 1%;} .logo-left .logo{ margin-right: 0px;} .header-main .nav > li > a { font-size: 11px; } #header .nav-spacing-medium>li { margin: 0 7px; } } @media only screen and (max-width:1366px){#logo { width: 135px !important; } #logo img { max-height: 85px !important; } #header .logo-left .logo { margin-left: 0; margin-right: 45px !important; }} @media only screen and (max-width:1280px){ .header-button a{padding: 8px 30px 8px 30px} .hwp-margin-under{margin-left: -110px;} .hwp-margin-under2{margin-left: -140px; z-index: -1} .sidebar-inner span.widget-title {font-size: 24px; text-transform: inherit; display: block; margin-bottom: 20px} .stuck .header-main .nav > li > a { line-height: 1px !important; } #logo { width: 102px !important; } #header .nav-spacing-medium>li { margin: 0 5px !important } .header-main .nav > li > a { font-size: 10px; } } @media only screen and (max-width:1024px){ .woocommerce .category-page-title, .archive-page-header{padding: 100px 0;} .single-post .entry-header .entry-image img{height: auto;} .product-short-description, .product_meta{margin-top: 20px} } @media only screen and (max-width: 849px){ .woocommerce .category-page-title {text-align: center} .woocommerce .category-page-title .shop-page-title, .category .page-title{font-size: 40px} } @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ .danhmuc_section1{ margin-top: -38px;} .danhmuc_section1 .large-3{ flex-basis: 25%; max-width: 25%;} .danhmuc_section1 h3 a { font-size: 11px; text-transform: none;} .danhmuc_section1 h3 { height: 50px; align-content: flex-start;line-height: 14px; } .aboutus_home h1{ font-size: 30px;} .title_home h2 { font-size: 28px;} .section2_news .post-title a{ font-size: 18px;} ..section_product_home .product-small .col-inner .box-text h3 a { font-size: 14px;} .nav>li>a>i.icon-menu { font-size: 30px; } #logo img { max-height: 75px !important; padding-top: 0px !important; } #masthead .header-inner { padding: 0 3%; } .category-page-title{ background-size: 230%; background-repeat: no-repeat; /* background: right; */ background-position: left top;} .category-page-title h1.shop-page-title{ padding: 0px 0;} .woocommerce .category-page-title { padding: 0px 0; } .woocommerce .category-page-title .shop-page-title, .category .page-title, .single-product .price-wrapper span.amount, .section1_chinhsach .title_cs{ font-size: 30px; } .category-page-row h2.cate_prd, .section2_chinhsach h1{ font-size: 25px;} .woocommerce-ordering { width: 100%; } .shop-container h2 { font-size: 20px;} .breadcrumbs_single_prd h1{ font-size: 35px} .breadcrumbs_single .separator { padding: 0 5px; }.breadcrumbs_single p{ font-size: 13px; padding: 0 15px;} .product-container .cart button, .baogia_bt button{ font-size: 15px; padding: 4px 25px; border-radius: 37px;} .product-gallery{ margin: 25px 0;} .product-footer .small-nav-collapse>li { margin: 0 !important; width: 35%; } #toggle-button{ background-position-x: 32%;} .shop-container .tab-panels h2 { font-size: 22px;} .archive-page-header{ background-size: 200%; height: 85px; padding-top: 0px;} .related-posts h3 { font-size: 28px;} .related-posts .product-small img { height: auto; }.product-container .cart button{ background-position-x: 6px !important; padding-left: 32px;} #masthead .header-inner .button.icon{ line-height: 17px !important;min-width: 35px;} .banner__gioithieu h1 , .section4_about h2{ font-size: 20px; }.chinhsach_single li{ font-size: 14px;} #masthead .header-inner .searchform .button.icon { line-height: 39px !important;} .nav>li>a{ padding: 16px 0;font-size: 15px;} .nav-vertical li li.menu-item-has-children>a{ font-size: 15px; text-transform: capitalize;} .category-filter-row{ display: none !important} .breadcrumbs_single_prd { padding-top: 25px; text-align: center; padding-bottom: 20px; } .shop-page-title .col { display: block !important} .shop-page-title .col .rank-math-breadcrumb p{ margin-top: 15px; margin-bottom: 15px;} .shop-container .product-small .box-text .title-wrapper h3 { height: auto; }.shop-container .product-small .box-text h3 a { font-size: 14px; }.blog-archive h1.page-title { font-size: 26px; padding-top: 5px;} .rank-math-breadcrumb a, .rank-math-breadcrumb span{ font-size: 13px;} .section3_aboutus h2{ font-size: 22px;} .section3_aboutus .icon-box-text p { font-size: 14px;} .section2_aboutus .large-6 .col-inner h3 { font-size: 25px; padding-top: 10px;} .hwp-single-box h1 { font-size: 20px; } .blog-archive .box-text h3 a { font-size: 18px;} .blog-archive .archive-page-header .large-12{ padding-top: 15px;} .category-24 .blog-archive h1.page-title{ padding-top: 25px} } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInUp { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both } @-webkit-keyframes button-ripple { 70% { -webkit-box-shadow: 0 0 0 var(--glow-size,15px) currentColor; box-shadow: 0 0 0 var(--glow-size,15px) currentColor; opacity: 0 } 100% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0 } } @keyframes button-ripple { 70% { -webkit-box-shadow: 0 0 0 var(--glow-size,15px) currentColor; box-shadow: 0 0 0 var(--glow-size,15px) currentColor; opacity: 0 } 100% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0 } } @keyframes progressAnimationStrike { from { width: 0 } to { width: 100% } } @keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes rotate { from {-webkit-transform:rotate(0deg);} to { -webkit-transform:rotate(360deg);} } @-moz-keyframes rotate { from {-moz-transform:rotate(0deg);} to { -moz-transform:rotate(360deg);} } .zalo-fix { position: fixed; bottom: 136px; right: 20px; padding: 7.5px; top: initial!important } .zalo-fix .zalo_btn { display: inline-block; position: relative; z-index: 99; } .zalo-fix .rotate { width: 65px; height: 65px; background-image: url(//bizweb.dktcdn.net/100/472/520/themes/889320/assets/rotate_img.png?1726561289374); background-size: contain; cursor: pointer; z-index: 99; position: absolute; top: 0; left: 0; -webkit-animation-name: rotate; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } .suntory-alo-phone { background-color: transparent; cursor: pointer; height: 120px; position: fixed; transition: visibility 0.5s ease 0s; width: 120px; z-index: 200000 !important; top: initial!important } .suntory-alo-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 100px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 100px; } .suntory-alo-ph-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 15px; position: absolute; top: 15px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px; } .suntory-alo-ph-img-circle { border: 2px solid transparent; border-radius: 100%; height: 50px; line-height: 46px; left: 25px; opacity: 0.7; position: absolute; top: 25px; transform-origin: 50% 50% 0; width: 50px; text-align: center; } .suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover { opacity: 1; } .suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle { animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important; } .suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle { animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important; } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle { border-color: #00aff2; opacity: 0.5; } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle { border-color: #EB278D; opacity: 1; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle { border-color: #bfebfc; opacity: 1; } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.9); } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill { background-color: #EB278D; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.9); } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle { background-color: #00aff2; } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle { background-color: #EB278D; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle { background-color: #00aff2; } @keyframes suntory-alo-circle-anim { 0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-img-anim { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } .suntory-alo-ph-img-circle i { animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 30px; line-height: 50px; color: #fff; } @keyframes suntory-alo-ring-ring { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } }