/* Theme Name: doanhnghiep Theme URI: http://creativevietnam.com.vn Description: Thiết kế website,Seo website chuyên nghiệp số 1 Việt Nam Author: Nguyễn Bá Uynh - Điện thoại:0989 7888 95 Author URI: http://creativevietnam.com.vn Template:creativeframework Version: 6.8.1 Tags: Công ty thiết kế website usy tín, chất lượng với 8 năm kinh nghiệm thiết kế website..summary .product_title:before Dịch vụ thiết kế website theo đúng chuẩn SEO được đánh giá cao bởi các doanh nghiệp trong và ngoài nước.Chúng tôi đem đến cho Quý khách hàng những dịch vụ, sản phẩm website chuyên nghiệp, tốt nhất. Sản phẩm chúng tôi đưa ra mang đậm phong cách mỹ thuật, ý tưởng, hệ thống code riêng theo từng khách hàng. License: License URI: http://creativevietnam.com.vn Text Domain: creativeframework */ :root { --p-clr: #A2311B; --s-clr: #FFE1C0; --o-clr: #FFBA70; } html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0px auto 0px auto;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:var(--b-clr);background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:none}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--b-clr);text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}small,.small{font-size:85%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-20{width:20%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption + thead>tr:first-child>th,.table>colgroup + thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption + thead>tr:first-child>td,.table>colgroup + thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody + tbody{border-top:2px solid #ddd}.table .table{background-color:var(--w-clr)}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; float: left; } .col-md-14285{ width: 14.285%; } .col-md-100 { width: 9%; } .col-md-166 { width: 16.6%; } .col-md-20{ width: 20%; } .row{ margin-right:-15px; margin-left:-15px; } body{ font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; overflow: hidden; line-height: 1.4; font-weight: 400; text-align: left; background: #fff url(https://mcagrigroup.vn/wp-content/uploads/2025/10/1-1.jpg) repeat-y; background-size: 100%; background-position: center; margin: 0; } html{ overflow-x:hidden; } #content,#sidebar{ padding-top:0; } img{ max-width:100%; height:auto; } img.aligncenter{ display:table; margin:0 auto; } .thumbnail{ margin:0px 0px 0px 0px; padding:0; border:none; border-radius:0; background:none; } .alignnone{ margin:0; } a{ color:#000; transition: .3s; } a:hover, a:focus{ color:#000; text-decoration:none !important; } div{ transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } ins{ text-decoration:none; } a{ text-decoration: none; outline: none !important; } ul, ol { margin: 0; padding: 0; } .container{ width:100%; max-width:1320px; padding-left:15px; padding-right:15px; margin:0 auto; } .header{ width: 100%; background-color: #fff; position: relative; top: 0; left: 0; z-index: 100; box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 17%); } img{ max-width:100%; } .logo{ max-width: 120px; float: left; } .r_topheader{ float: right; } .nav__primary ul li{ float: left; position: relative; height: 100%; transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s; padding:0 20px; } .nav__primary ul{ margin-bottom: 0px; display: block; text-align: center; } .nav__primary ul li a{ display: inline-block; padding: 10px 0px; position: relative; transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; color: #0a0a0a; font-size: 14px; text-transform: uppercase; font-weight: 600; } .footer_bottom ul.menu li a:hover { color: #fff; } .nav__primary ul li.active a{ color:#d22c20; } .nav__primary ul li:first-child a{ /* border:none;*/ box-shadow: none; } .nav__primary ul.sf-menu li ul.sub-menu { position: absolute; padding: 0; top: 100%; left: 0; display: none; min-width: 250px; z-index: 99999; background: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } .nav__primary ul.sf-menu>li.menu-item-has-children.pll-parent-menu-item>a:after{ position: relative; display: inline-block; content: "\f0dd"; font-family: 'Font Awesome 5 Pro'; margin-left: 5px; top: -3px; left: 5px; opacity: 1; visibility: visible; } .nav__primary ul.sf-menu>li.menu-item-has-children.pll-parent-menu-item>a:before{ display: none; } .nav__primary ul.sf-menu>li.menu-item-has-children:after{ position: relative; display: inline-block; content: "\f107"; font-family: 'Font Awesome 5 Pro'; margin-left: 5px; color: #fff; } .nav__primary ul > li.menu-item-has-children:after { content: "\f107"; font-family: 'Font Awesome 5 Pro'; display: block !IMPORTANT; position: absolute !IMPORTANT; top: 50%; transform: translateY(-50%); right: 15px; } .nav__primary ul.sf-menu li ul.sub-menu li:hover:after { color: #fff; } .nav__primary ul > li > .sub-menu li.menu-item-has-children:after { content: "\f105"; } .nav__primary ul.sf-menu li ul.sub-menu li ul.sub-menu li:hover a { background: var(--p-clr); color: #fff; } .nav__primary ul.sf-menu li ul.sub-menu li{ width:100%; border-left: none; box-shadow: none; } .nav__primary ul.sf-menu li:hover > ul.sub-menu{ display: block; } .nav__primary ul.sf-menu li ul.sub-menu li{ clear:both; padding:0; border-left: none; box-shadow: none; border: none; text-align: left; } .nav__primary ul.sf-menu li ul.sub-menu li a{ color: #000; display: block; padding: 10px 15px 10px 15px; font-weight: normal; white-space: nowrap; border-bottom: 1px solid #fff; position: relative; } .nav__primary ul.sf-menu li ul.sub-menu li:hover a { background: var(--p-clr); color: #fff; } .nav__primary ul li a:before,.nav__primary ul li a:after{ display: none; } .nav__primary > ul > li.menu-item-has-children:after { display: none !IMPORTANT; } .nav__primary ul.sf-menu li ul.sub-menu ul.sub-menu{ background:#fff; position:absolute; left:120%; top:0; } .nav__primary ul.sf-menu li ul.sub-menu li:hover ul.sub-menu{ overflow: inherit!important; } .nav__primary ul.sf-menu li ul.sub-menu li:hover ul.sub-menu{ left:100%; visibility:visible; opacity:1; } .nav__primary ul.sf-menu li ul.sub-menu li ul.sub-menu li{ width: 100%; padding: 0; text-align: left; } .nav__primary ul.sf-menu li ul.sub-menu li ul.sub-menu li a{ background: none; color: #333; padding: 10px 15px; font-weight: normal; } .nav__primary .r_header{ margin-top: 5px; } #footer_widget i{ color: #1cbbb4; padding-right: 7px; } .icon_mobile_click { margin: 0; display: none; cursor: pointer; text-align: center; color: #333; float: right; font-size: 24px; margin-right: 16px; } .icon_mobile_active{ position:absolute; padding:0.2em 0.4em; bottom:1.5em; margin:0px; display:none; right:1em; color:#FF0101; cursor:pointer; z-index:9999; text-align:center; font-size:20px; text-indent:15px; } #menu_mobile_full{ position: fixed; top: 0; bottom: 0; width: 260px; overflow-y: auto; border-right: 1px solid #333; background: #fff; overflow-x: hidden; transition: unset !important; } .menu_hidden{ z-index:-1; opacity: 0; visibility: hidden; } #menu_mobile_full.menu_show { opacity: 1; visibility: visible; } .menu_show{ z-index: 9999999; } .close_menu { position: fixed; z-index: 9999; background: #e24435; color: #fff; left: 260px; padding: 7px 12px; top: 30px; font-size: 20px; cursor: pointer; display: none; } .menu_show .close_menu{ display: block; } #gioithieu_home, #tintuc_home{ padding:60px 0px ; } #menu_mobile_full ul{ text-align: left; margin: 0; } #menu_mobile_full ul li,#menu_mobile_full ul li a{ width:100%; display:block; background: #fff !important; } #menu_mobile_full ul li{ position:relative; padding: 0px; } #menu_mobile_full ul li.menu-item-has-children span{ position: absolute; top: 0px; right: 0px; width: 40px; height: 50px; cursor: pointer; text-align: center; line-height: 50px; font-size: 16px; color: #000; z-index: 10; } div#menu_mobile_full .nav__primary ul > li.menu-item-has-children:after { display: none !IMPORTANT; } #menu_mobile_full ul li.menu-item-has-children a:after { margin-left: 12px; } #menu_mobile_full ul li.menu-item-has-children span.active{ content:'-'; } #menu_mobile_full ul li a { padding: 15px; border-bottom: 1px solid #e7e7e7; color: #000; line-height: 21px; border-radius: 0; font-size: 15px; } #menu_mobile_full ul li a:hover{ text-decoration: none; background: #333333; } #menu_mobile_full ul li .sub-menu { display: none; position: unset; } #menu_mobile_full ul li.menu-item-has-children ul.sub-menu li a{ text-transform: none; font-size: 15px; color: #000; padding-left: 30px; } #menu_mobile_full ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a{ padding-left:3em; } iframe{ max-width: 100%; } .wpcf7 input, .wpcf7 textarea, .wpcf7 input[type*="text"], .wpcf7 input[type*="tel"], .wpcf7 input[type*="email"], .wpcf7 select { background-color: #fff; border: 1px solid #ddd; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-sizing: border-box; color: #333; font-size: .97em; height: 2.507em; max-width: 100%; padding: 0 0.75em; transition: color .3s,border .3s,background .3s,opacity .3s; vertical-align: middle; width: 100%; box-shadow: none; font-size: 14px; font-style: italic; height: 42px; outline: none; } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus { background-color: #fff; box-shadow: 0 0 5px #ccc; color: #333; opacity: 1!important; } input[type="submit"] { padding: 5px 25px; border: 1px solid var(--p-clr); background: var(--p-clr); color: #fff; border-radius: 5px; font-weight: 500; display: table; } .footer_page .wpcf7 input[type*="email"]{ padding: 5px 10px; margin: 0px 0px 0px 0px; font-size: 14px; color: #fff; max-width: 100%; width: 100%; position: relative; } .footer_page .wpcf7 input[type*="submit"] { padding: 2px 15px; position: absolute; top: 0; right: 0; font-size: 15px; line-height: 24px; text-transform: none; margin-bottom: 0; height: 36px; width: 68px; } .footer_page .wpcf7 { /* margin-top: 30px;*/ } div.wpcf7 .ajax-loader{ display: inline-block !important; position: absolute; top: 50%; -webkit-transition: translateY(-50%); -moz-transition: translateY(-50%); -o-transition: translateY(-50%); transform: translateY(-50%); } .wpcf7 .list_group{ position: relative; margin: 0px 0px 14px 0px; } .wpcf7 .list_group p { margin: 0; } .wpcf7 label{ display: block; font-size: 15px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; } .wpcf7 textarea{ width: 100%; padding: 5px 10px; border: 1px solid #ccc; font-size: 16px; max-height: 155px; } .wpcf7 textarea { min-height: 120px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; float: left; clear: both; } .pagination ul { padding-left: 0 !important; } .pagination ul li { display: inline-block; } .pagination ul li.active a, .pagination ul li:hover a { background: var(--s-clr); color: #fff; border: 1px solid var(--s-clr); } .pagination ul li a { position: relative; margin: 0 6px 0 6px; text-align: center; border: 2px solid transparent; color: #222; font-size: 15px; border: 1px solid #ccc; transition: all .3s ease; padding: 7px 12px; } .thumbnail:focus,.slick-initialized .slick-slide:focus,.content_item:focus{ outline: none; } .breadcrumb{ background: none; margin-bottom: 0!important; } .breadcrumb li a{ font-size: 14px; color: #616161; } .breadcrumb > li + li:before { padding: 0 7px; color: #222; content: "\f101"!important; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-size: inherit; } .has_thumbnail{ background-size: cover !important; background-position: bottom right !important; position: relative; z-index: 1; padding: 60px 0; display: flex; align-items: center; justify-content: space-around; } .title-section .title-header{ font-size: 40px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 20px; line-height: 1.4; margin: 0 10px 0 0; } div.wpcf7-validation-errors{ color: #f00; background: #fff; font-weight: 700; margin: 0 !important; } span.wpcf7-not-valid-tip { position: relative; background: #fff; margin-top: 10px; padding: 0 15px; border: 1px solid #f00; } span.wpcf7-not-valid-tip:after { bottom: 100%; left: 23px; border: solid transparent; content: " "; position: absolute; border-bottom-color: #fff; border-width: 10px; } span.wpcf7-not-valid-tip:before { bottom: 100%; left: 22px; border: solid transparent; content: " "; position: absolute; border-bottom-color: #f00; border-width: 11px; } .slick-slider img { width: 100%; } .slick-arrow { background: 0; border: 0; position: absolute; font-size: 0; top: 50%; -webkit-transform: translateY(calc(-50% - 15px)); -moz-transform: translateY(calc(-50% - 15px)); -o-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); left: 0px !important; z-index: 2; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background-color: rgba(0,0,0,0.4); transition: .3s; } .slick-arrow:hover { background-color: var(--p-clr); } .slick-arrow:focus { outline: none; } .slick-arrow:before { content: "\f053" !important; font-family: 'FontAwesome' !important; color: #fff !important; font-size: 18px !important; font-weight: 300; transition: .3s; } .slick-arrow.slick-next { left: auto !important; right: 0; } .slick-next.slick-arrow:before { content: "\f054" !important; } .slick-dots { text-align: center; margin: 20px 0 0; width: 100%; } .slick-dots li { display: inline-block; padding: 0 3px; margin: 0 !important; opacity: 0.3; } .slick-dots li.slick-active { opacity: 1; } .slick-dots li button { background: var(--p-clr); width: 12px; height: 12px; font-size: 0; padding: 0; outline: none; text-indent: -9999px; border-radius: 20px; border: none; } .slick-dots li.slick-active button { background: var(--p-clr) !important; } /*-------------------Trang chủ------------------------*/ .breadcrumb{ padding:0!important; } img.alignright{ float: right; margin-left: 15px; } img.alignleft{ float: left; margin-right: 15px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100%!important; float: none!important; } .share_link { margin: 30px 0 10px 0; display: flex; align-items: center; padding-top: 30px; border-top: 1px solid #e0e0e0; } .share_link label { margin-right: 6px; } .share_link .title { font-weight: 700; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; display: inline-block; margin-right: 20px; } .share_link ul { display: flex; align-items: center; margin-bottom: 0; } .share_link ul li { display: inline-block; list-style: none; } .share_link ul li a{ height: 35px; width: 35px; border-radius: 50%; line-height: 35px; text-align: center; font-size: 16px; display: block; color: #fff; } .share_link ul li:not(:last-child) { margin-right: 10px; } .share_link ul li a.face{ background: #365899; } .share_link ul li a.google{ background-color:#dd5145; } .share_link ul li a.twitter{ background: #0085ba; } .share_link ul li a.pinterest{ background:#d01a21; } .share_link ul li a.linkedin { background-color: #0077b5; } .zoom_size { display: block; text-align: center; color: var(--p-clr); font-size: 20px; position: absolute; top: 40px; right: 40px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.altr, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: var(--p-clr)!important; color: #fff!important; text-align: center; } td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 6px 6px 5px 6px!important; width: auto!important; } .woocommerce .cart .button, .woocommerce .cart input.button{ } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%!important; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { padding: 5px; border-radius: 3px; border: 1px solid #ccc; } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ color: #222!important; opacity: 1!important; } /*-----------------------Same-----------------------*/ .faq_home { margin-bottom: 120px; } .page-template-page-template-gioithieu .newhome, .faq_home, .commit_home, .tintuc, .chungchi, .doitac, .gioithieu, .sanpham_home { padding: 120px 0; } /* STRAT COMMIT */ .commit_home .widget_media_image { overflow: hidden; border: 10px solid #fff; border-radius: 24px; box-shadow: 2px 20px 20px 0px #00050D26; position: relative; background-color: #fff; } .commit_home .commit-right ul { display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; gap: 15px; color: var(--s-clr); } .commit_home .commit-right ul li .commit-img { width: 60px; height: 60px; background: var(--s-clr); border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; } .commit_home .commit-right .commit-content {color: #000;} .commit_home .commit-right ul .commit-content h3 { margin: 6px 0 15px; } .commit_home .commit-right ul .commit-content p {margin: 0;} @media (max-width: 991px) { .commit-right { margin-top: 20px; } .commit_home .commit-right ul { grid-template-columns: repeat(1, 1fr); text-align: center; } .commit_home .commit-right ul li .commit-img { margin: 0 auto; } } /* END Commit */ .category .l_layout, .single-post .sticky .l_layout, .archive .sticky .l_layout { position: sticky; top: 100px; } body.category, body.single, body.archive { overflow: unset; } .text_title .textwidget { font-size: 15px; color: #808080; text-align: center; max-width: 75%; margin: 0 auto; font-style: italic; margin-bottom: 50px; } .content-page, #content_page, .content_page { padding-top: 60px; } .widget-title small { font-size: 14px; color: #a4a4a4; font-weight: 400; display: block; } .widget-title { line-height: 1.3; text-transform: uppercase; font-size: 40px; font-weight: 700; display: block; margin: 0 auto; text-align: center; position: relative; margin-bottom: 60px; color: #000; padding-bottom: 20px; } .widget-title:after { content: ""; display: block; width: 33px; height: 29px; background: url(images/title-at.svg) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .widget-title:before { content: ""; display: block; width: 207px; height: 2px; background-color: var(--p-clr); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } @keyframes shine { 100% { left: 125%; } } .breadcrumb{ background: none; margin-bottom: 0!important; } .breadcrumb li { display: inline; list-style: none; } .breadcrumb li a{ font-size: 16px; color: #000; font-weight: 500; } .breadcrumb > li + li:before { padding: 0 7px; content: "\f101"!important; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-size: inherit; } .breadcrumb{ padding:0!important; margin: 30px 0 !important; position: relative; } footer ul li, header ul li, footer ol li, header ol li, .list_danhmuc li, .cate-list li, .box_lienhe ul li, .tabcontainer ul li, .thongke ul li, .pagination ul li, #menu_mobile_full ul li, .share_link ul li, .sidebar_left ul li, .select-font li { list-style: none; } .content_item { position: relative; } .skiptranslate { display: none; } html.translated-ltr { margin-top: -40px; } .slick-slider { margin: 0; } .not_show { display: none; } html.no_scroll { overflow: hidden; } .wp-caption-text{ text-align: center; font-size: 14px; font-style: italic; } .wp-caption { margin: 0 auto 30px; } blockquote { margin: 0 0 16px 0; padding: 20px 30px; background-color: #f4f4f4; position: relative; } blockquote:before, blockquote:after { content: "\f10d"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #999; position: absolute; top: 5px; left: 10px; } blockquote:after { content: "\f10e"; top: auto; left: auto; bottom: 5px; right: 10px; } table { margin-bottom: 16px; } table td { } .content_page { min-height: 50vh; } .tab_content img, .single-post [id*="post"] img, .content_tab img, .content_chitiet_cm img, .post_content img { margin: 10px auto 16px; display: block; } .single-post [id*="post"] a, .content_tab a, .content_chitiet_cm a, .post_content a { color: var(--p-clr); } .chitiet_sanpham ul, .chitiet_sanpham ol, .tab_content ul, .tab_content ol, .post_content ul, .post_content ol, .single-post [id*="post"] ul, .single-post [id*="post"] ol, .content_tab ul, .content_tab ol{ padding-left: 30px; margin-bottom: 16px; } .chitiet_sanpham ul li:not(:last-child), .chitiet_sanpham ol li:not(:last-child), .post_content ul li:not(:last-child), .post_content ol li:not(:last-child), .single-post [id*="post"] ul li:not(:last-child), .single-post [id*="post"] ol li:not(:last-child), .content_tab ul li:not(:last-child), .content_tab ol li:not(:last-child), .tab_content ul li:not(:last-child), .tab_content ol li:not(:last-child) { margin-bottom: 8px; } .tab_content a, .post_content a, .single-post [id*="post"] a, .content_tab a { color: var(--p-clr); } .single-post [id*="post"] table td, .content_tab table td { border-top: solid 1px #dddddd; border-left: solid 1px #dddddd; padding: 5px 10px; } .single-post [id*="post"] table, .content_tab table { border-spacing: 0px; border-collapse: collapse; background-color: #fff; border-right: 1px solid #dddddd; border-bottom: 2px solid #dddddd; margin-bottom: 16px; } .wpcf7-not-valid-tip { color: red !important; } .wpcf7-response-output { text-align: center !important; color: red !important; } .screen-reader-response { display: none !important; } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-track { background-color: #f4f4f4; } body::-webkit-scrollbar-thumb { background-color: #ccc; } footer a { color: #fff; } footer a:hover { color: var(--p-clr); } .search-form { position: absolute; top: calc(100% + 30px); right: 0; background: #fff; transform: rotateX(90deg); transition: .3s linear; transform-origin: 0 0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.05); min-width: 300px; } .search-form.active { transform: rotateX(0deg); } .input_search { width: 100%; border: none; height: 40px; line-height: 40px; outline: none !important; padding: 0 15px; font-size: 16px; border: 1px solid #ddd; } .search-form button { position: absolute; right: 0; top: 0; background-color: var(--p-clr); border: none; color: #fff; height: 100%; min-width: 40px; font-size: 18px; } .search_header form#search-header { margin: 0; padding: 0; } [class*="banner_slider_item"] { float: left; } footer.nav-footer{ margin-top: 50px; } .home footer.nav-footer{ margin-top: 0; } button[aria-label="1 of 1"] { display: none; } /*-----------------------End Same-----------------------*/ /*-----------------------Header-----------------------*/ .top_header { min-height: 48px; display: flex; align-items: center; background: #EBEBEB; } .top_header a { color: #000; } .top_header .container { display: flex; align-items: center; justify-content: space-between; } .top_header .container:before, .top_header .container:after { display: none; } .top_header .container .l_top_header { display: flex; align-items: center; } .top_header .container .l_top_header a { display: block; padding: 5px 0; } .top_header .container .l_top_header a i { margin-right: 4px; color: var(--p-clr); } .top_header .container .l_top_header div:not(:first-child) { position: relative; padding-left: 14px; margin-left: 10px; } .top_header .container .l_top_header div:not(:first-child):before { content: "|"; color: #fff; opacity: 0.1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .r_top_header a { padding: 0 10px; font-size: 18px; } .r_top_header a:last-child { margin-right: 0; } .middle_header { background-color: #fff; } .fixed_header .middle_header { position: fixed; top:0; left: 0; width: 100%; z-index: 3; box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 17%); } .middle_header .container { align-items: center; display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; height: auto; padding: 10px 0; } } .fixed_header .middle_header .container { height: 70px; } .middle_header .container:before, .middle_header .container:after { display: none; } .r_middle_header .text_header ul { display: flex; align-items: center; } .r_middle_header .text_header ul li i { border: 3px solid #fcca00; padding: 10px; color: #fcca00; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 24px; } .r_middle_header .text_header ul li { display: flex; color: #fff; flex-wrap: wrap; color: #9e9e9e; flex-direction: column; position: relative; padding-left: 60px; font-size: 16px; } .r_middle_header .text_header ul li strong { display: block; line-height: 37px; margin-bottom: 0; font-size: 25px; color: white; font-family: Montserrat; } .r_middle_header .text_header ul li:not(:last-child) { margin-right: 40px; } .bottom_header .container { display: flex; } .cart .list_item { position: absolute; } .bottom_header { background-color: var(--p-clr); min-height: 80px; display: flex; align-items: center; } .r_bottom_header { display: flex; align-items: center; flex: 1; justify-content: flex-end; } .nav__primary > ul > li > a:before, .nav__primary > ul > li > a:after { content: ""; position: absolute; top: 13px; left: -12px; width: 80px; height: 60px; display: block; border: 1px solid var(--p-clr); border-width: 1px 0 0 1px; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; pointer-events: none; } .nav__primary > ul > li > a:hover:before, .nav__primary > ul > li > a:hover:after { width: 20px; height: 20px; opacity: 1; } .nav__primary > ul > li > a { position: relative; display: block; letter-spacing: .02em; font-size: 16px; font-weight: 700; } .nav__primary > ul > li > a:before { top: 0; } .nav__primary > ul > li > a:after { top: auto; left: auto; bottom: 0px; right: -12px; border-width: 0 1px 1px 0; bottom: 0; } .search_header { position: relative; } .click_search i { font-size: 20px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; } .r_bottom_header .search_header, .r_bottom_header .login { margin-right: 13px; } .r_bottom_header .login .dangnhap span { font-size: 0; } .r_bottom_header .login .dangnhap:before { content: "\f007"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 20px; } .r_bottom_header .login { margin: 0 13px; } .userinfo { display: flex; } .userinfo .nameuser a { border-right: 1px solid #fff; padding-right: 11px; margin-right: 10px; } .header.fixed_header .bottom_header { position: fixed; top: 0; left: 0; width: 100%; } .cart-title i { font-size: 20px; } .cart-title { position: relative; } .cart-title .count { position: absolute; top: -12px; right: -12px; line-height: 1; border-radius: 99px; box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); background-color: #333; display: flex; align-items: center; justify-content: center; color: #fff; min-width: 17px; min-height: 17px; padding: 2px; line-height: 0.85; } .cart .list_item { position: absolute; visibility: hidden; opacity: 0; transition: all 0.3s; top: calc(100% + 20px); right: 0; z-index: 9999; border: 1px solid var(--p-clr); border-radius: 5px; background: #fff; padding: 15px 10px; border-radius: unset; display: block; color: #333; min-width: 300px; } .cart .list_item:before { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: 100%; left: 0; background-color: transparent; } .header .cart:hover .list_item { top: calc(100% + 10px); opacity: 1; visibility: visible; } .cart { position: relative; margin-left: 13px; margin-right: 13px; } .cart .list_item .woocommerce-mini-cart__empty-message { text-align: center; } .r_top_header .social label { font-family: "Comfortaa"; display: block; margin-right: 11px; } .r_top_header .social a { line-height: 48px; display: block; background: #DCDCDC; color: #000000B8; } .r_top_header .social a:hover { color: var(--p-clr); } .r_top_header .social { display: flex; align-items: center; } .r_top_header a:first-child { margin-left: 20px; } .r_top_header a:first-of-type { padding-left: 20px; } .r_middle_header { flex: 1; display: flex; align-items: center; justify-content: space-between; } .languages_item { padding: 0 36px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } .languages_item i { color: var(--p-clr); } .languages_item select { border: none; outline: none; font-weight: 500; background-color: unset; box-shadow: unset; cursor: pointer; } .search_header { padding-left: 36px; } .r_middle_header .nav__primary { flex: 1; margin-left: 30px; } .r_middle_header .nav__primary ul { display: flex; justify-content: space-around; } .nav__primary ul li { padding: 0 10px; } .nav__primary ul > li.menu-item-has-children:after { right: 5px; } /*-----------------------End Header-----------------------*/ /*-----------------------Footer-----------------------*/ .footer_page .panel-row-style { background-repeat: no-repeat !IMPORTANT; background-size: cover!important; background-position: 50% 50%; } .footer_page .widget-title { font-size: 20px; color: var(--p-clr); width: auto; text-align: left; margin-bottom: 18px; padding-bottom: 0; text-transform: capitalize; } .footer_page .widget-title:before, .footer_page .widget-title:after { display: none; } .footer_page .container .widget_media_image { position: relative; z-index: 99; } .footer_page .container .panel-grid .panel-grid-cell:first-child img { display: block; margin-bottom: 40px !IMPORTANT; mix-blend-mode: color; aspect-ratio: 16 / 9; object-fit: contain; width: 300px; } .footer_page .container .panel-grid .panel-grid-cell:first-child p { font-size: 13px; color: #000; line-height: 1.8; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) ul li, .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li { position: relative; padding: 0 0 0 20px; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) ul li a, .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li a { font-size: 16px; color: var(--p-clr); font-weight: 600; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) ul li a:hover, .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li a:hover { color: var(--p-clr); } .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li i { font-size: 20px; position: absolute; left: 0; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li p { margin: 0; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) ul li:not(:last-child), .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li:not(:last-child) { margin-bottom: 20px; } footer a { color: #fff; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) .textwidget { color: #c0c0c0; font-size: 14px; line-height: 1.8; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul { margin: 0 -5px; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul li { padding: 0 5px; margin-bottom: 10px; width: 33.333%; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul li .thumbnail { display: flex; align-items: center; justify-content: center; /* height: 100px;*/ overflow: hidden; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul li .content_image { cursor: pointer; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul li .thumbnail img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(4) ul li:nth-child(3n+1) { clear: both; } .footer_page .social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: #fff; margin: 0 2px; } .footer_page .social { display: flex; align-items: center; justify-content: flex-start; } .footer_page .social a.social_youtube { background-color: #c33223; } .footer_page .social a.social_facebook { background-color: #3a589d; } .footer_page .social a.social_twiter { background-color: #1DA1F2; } .footer_page .social a.social_instagram { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .footer_page .social a:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.2); } .register_email .container { display: flex; align-items: center; background-color: var(--p-clr); padding: 50px 30px; border-radius: 7px; position: relative; } .register_email .container:before { content: ""; display: block; width: 180px; height: 120px; position: absolute; right: 15%; top: 0; background: url(images/dangky-bf.png) center no-repeat; } .register_email .container .widget-title { margin: 0; padding-bottom: 0; text-transform: capitalize; font-size: 20px; padding-right: 35px; color: #fff; } .register_email .container .list_group { margin-bottom: 0; } .register_email .container .textwidget { flex: 1; } .register_email .container .list_group > p { display: flex; align-items: flex-start; } .register_email .container .list_group > p .wpcf7-form-control-wrap { flex: 0 0 80%; } .register_email .container .list_group > p button { flex: 0 0 19%; margin-left: 1%; line-height: 63px; border-radius: 5px; border: 0; font-size: 20px; font-weight: 600; color: var(--p-clr); background-color: var(--s-clr); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } .register_email .container .list_group > p button:before { content: "\f1d8"; font-family: 'Font Awesome 5 Pro'; margin-right: 10px; } .register_email .wpcf7-response-output { color: #fff !important; } .register_email .container .list_group > p input { height: 65px; border-radius: 5px; font-size: 15px; font-style: normal; color: #b4b4b4; } .register_email .container .list_group > p input::placeholder { color: #b4b4b4 !important; } .footer_widget { padding: 120px 0 40px; margin-top: -80px; } .footer_widget { padding: 120px 0 40px; margin-top: -80px; /* background: #1D231F; */ } footer ul li { color: var(--p-clr); } .footer_widget .container .panel-grid:last-child .panel-grid-cell:first-child ul li { position: relative; padding-left: 30px; font-weight: 500; } .footer_widget .container .panel-grid:last-child .panel-grid-cell:first-child ul li i { position: absolute; left: 0; top: 0; color: var(--p-clr); } .footer_widget .container .panel-grid:last-child .panel-grid-cell:first-child ul li:not(:last-child) { margin-bottom: 20px; } .footer_page .container .panel-grid .panel-grid-cell:nth-child(3) ul li:before, .footer_page .container .panel-grid .panel-grid-cell:nth-child(2) ul li:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--p-clr); position: absolute; top: 8px; left: 0; } .copyright { /* background: #fff; */ padding: 30px 0; border-top: 1px solid var(--p-clr); } .copyright .container { display: flex; align-items: center; justify-content: space-between; color: var(--p-clr); } .copyright .container:before, .copyright .container:after { display: none; } .copyright .container #footer-text { font-size: 17px; font-weight: 500; color: var(--p-clr); } footer .social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--p-clr); margin: 0 9px; } footer .social { display: flex; align-items: center; } footer .social a:hover { background-color: var(--s-clr); color: var(--p-clr); } /*-----------------------End Footer-----------------------*/ /*-----------------------Home-----------------------*/ .banner_page { position: relative; } .capiton-banner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 3; width: 100%; margin: 0 auto; padding: 30px; } .banner_page .image_banner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.366); z-index: 1; } .banner_page .slick-dots { position: absolute; top: 50%; width: auto; right: 1%; transform: translateY(-50%) rotate(90deg); } .banner_page .slick-dots button { width: 9px; height: 9px; border: 1px solid #fff; background-color: transparent !important; } .banner_page .slick-dots .slick-active button { background-color: #fff !IMPORTANT; } .banner_page .slick-dots li { opacity: 1; padding: 0 5px; } .capiton-banner .capition_content > p { font-size: 29px; margin-top: 0; font-weight: normal; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { font-size: 49px !important; font-weight: bold; line-height: 1.2; margin: 0 0 20px 0; } .gioithieu .widget_media_image { border: 10px solid #fff; border-radius: 24px; box-shadow: 2px 20px 20px 0px #00050D26; position: relative; background-color: #fff; } .gioithieu .widget_media_image i { z-index: 12; position: absolute; top: 50%; left: 50%; color: #fff; font-weight: 900; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); } .gioithieu .widget_media_image i:after { content: ""; display: block; width: 80px; height: 80px; background-color: var(--p-clr); border-radius: 50%; position: absolute; border: 2px solid #ffba70; z-index: -1; /* left: 50%; */ } .image_video { border-radius: 24px; overflow: hidden; } .gioithieu .textwidget { font-size: 16px; color: #333; line-height: 1.8; } .gioithieu .textwidget strong { font-weight: 700; } .gioithieu .textwidget p:last-child a { margin-left: 0; } .gioithieu .text_custom .widget-title { font-size: 24px; padding-bottom: 0; border-bottom: none; text-align: left; width: auto; margin-bottom: 18px; } .gioithieu .text_custom .widget-title:before, .gioithieu .text_custom .widget-title:after { display: none; } .gioithieu .textwidget p { margin: 0 0 10px 0; } .gioithieu ul { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .gioithieu ul .count img { display: block; margin: 0 auto 20px; } .gioithieu ul .count { font-size: 32px; line-height: 1; font-weight: 700; color: var(--p-clr); text-align: center; margin-bottom: 4px; } .gioithieu .container .panel-grid:last-child .panel-grid-cell:last-child { padding-left: 20px; } /*.sanpham_home .widget-title { color: #fff; } .sanpham_home .widget-title:before { background-color: #FFBA70; }*/ .sanpham_item .product-meta, .sanpham_home [class*='list_item'] .chuyenmuc_meta { background-color: #fff; padding: 0px 15px 30px; } .sanpham_item .product-meta .cate-title, .sanpham_home [class*='list_item'] .chuyenmuc_meta .cate-title { font-size: 21px; font-weight: 600; text-align: center; display: block; text-transform: uppercase; } .sanpham_home [class*='list_item'] .content_item:hover .cate-title { color: var(--p-clr); } .sanpham_item .content_item, .sanpham_home [class*='list_item'] .content_item { border-radius: 24px; overflow: hidden; box-shadow: 0px 14px 40px 0px #00000008; } .sanpham_item .product-meta .icon_product, .sanpham_home [class*='list_item'] .chuyenmuc_meta .icon_product { border-radius: 50%; transform: translateY(-50%); display: block; margin: 0 auto -10px; width: max-content; overflow: hidden; } .sanpham_item .product-meta .icon_product a, .sanpham_home [class*='list_item'] .chuyenmuc_meta .icon_product a { display: flex; align-items: center; justify-content: center; padding: 15px; width: 100px; height: 100px; background-color: var(--o-clr); } .sanpham_item .product-meta .icon_product a img, .sanpham_home [class*='list_item'] .chuyenmuc_meta .icon_product a img { width: 100%; min-height: 100%; height: auto; object-fit: scale-down; } .newhome_template.row { margin: 0 -15px; } .doitac .widget-title { margin-bottom: 80px; } .map_html { padding: 160px 0; } .map_html { position: relative; } .map_html:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.85); } .map_html .container { position: relative; } .chungchi ul li { list-style: none; } .chungchi ul li { margin: 30px 0; } .chungchi ul li .content_image { display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #fff; box-shadow: 0 10px 24px 3px #0000001A; border-radius: 15px; height: 290px; position: relative; } .chungchi ul li .content_image .thumbnail a:before { content: ""; display: block; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; left: 10px; border: 1px dashed #d4d4d4; border-radius: 15px; } .chungchi ul li .content_image:hover:before { border-color: var(--p-clr); } .post_item .thumbnail > a { display: flex; align-items: center; justify-content: center; position: relative; } .post_item .thumbnail a .time { position: absolute; bottom: 0; left: 0; padding: 10px 20px 10px 12px; background-color: var(--p-clr); color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; } .post_item .thumbnail > a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .post_item .thumbnail a .time i { font-weight: 900; margin-right: 12px; } .post_item .thumbnail a .time span { letter-spacing: 2px; } .post_item .post_meta { border: 1px solid #E0E4E8; padding: 20px 30px 24px; background-color: #fff; } .post_item .post_meta .title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 24px; font-weight: 700; color: #071C1F; text-transform: uppercase; } .post_item .post_meta .title { margin-bottom: 12px; } .post_item .post_meta .excerpt { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #4F545A; } .newhome_template .slick-center .content_item { box-shadow: 0px 4px 22px 0px #0000001C; } .newhome_template .slick-center .post_meta { border: none; } .post_item .post_meta .readmore { margin-top: 24px; position: relative; } .post_item .post_meta .readmore a { color: #FFE1C0; display: flex; align-items: center; } .post_item.slick-center .post_meta .readmore a { color: var(--p-clr); } .post_item.slick-center .post_meta .readmore a i { background-color: var(--p-clr); } .post_item.slick-center .thumbnail a .time { background-color: var(--s-clr); color: var(--p-clr); } .post_item .post_meta .readmore a i { display: inline-block; line-height: 18px; margin-left: 10px; width: 18px; height: 18px; line-height: 19px; text-align: center; font-size: 10px; color: #fff; background-color: #FFE1C0; border-radius: 50%; font-weight: 900; transition: .3s; } .post_item .post_meta .readmore a:hover { color: var(--p-clr); } .post_item .post_meta .readmore a:hover i { background-color: var(--p-clr); } .post_item { margin: 10px 0; } .page-template-page-template-gioithieu .post_item .content_item { border-radius: 24px; overflow: hidden; } .page-template-page-template-gioithieu .post_item .post_meta { border: none; } .baivietlienquan .list_factory .slick-arrow, .factory_template .slick-arrow, .baivietlienquan .list_post_category .slick-arrow, .sanpham_khac .list_sanpham_chuyenmuc .slick-arrow, .chungchi .slick-arrow, .sanpham_home .slick-arrow, .newhome_template .slick-arrow { width: 50px; height: 50px; background-color: #F9F9F5; left: -60px !important; } .baivietlienquan .list_factory .slick-arrow:before, .factory_template .slick-arrow:before, .baivietlienquan .list_post_category .slick-arrow:before, .sanpham_khac .list_sanpham_chuyenmuc .slick-arrow:before, .chungchi .slick-arrow:before, .sanpham_home .slick-arrow:before, .newhome_template .slick-arrow:before { color: #a2311b !IMPORTANT; } .baivietlienquan .list_factory .slick-arrow.slick-next, .factory_template .slick-arrow.slick-next, .baivietlienquan .list_post_category .slick-arrow.slick-next, .sanpham_khac .list_sanpham_chuyenmuc .slick-arrow.slick-next, .chungchi .slick-arrow.slick-next, .sanpham_home .slick-arrow.slick-next, .newhome_template .slick-arrow.slick-next { left: auto !IMPORTANT; right: -60px; } .baivietlienquan .list_factory .slick-arrow, .factory_template .slick-arrow, .baivietlienquan .list_post_category .slick-arrow, .sanpham_khac .list_sanpham_chuyenmuc .slick-arrow { left: 0 !important; } .baivietlienquan .list_factory .slick-arrow.slick-next, .factory_template .slick-arrow.slick-next, .baivietlienquan .list_post_category .slick-arrow.slick-next, .sanpham_khac .list_sanpham_chuyenmuc .slick-arrow.slick-next { left: auto !important; right: 0; } /*-----------------------End Home-----------------------*/ /*-----------------------Gioi Thieu-----------------------*/ .page-template-page-template-gioithieu .gioithieu { padding-bottom: 60px; padding-top: 0; } .page-template-page-template-gioithieu footer.nav-footer { margin-top: 0; } .page-template-page-template-gioithieu .doitac .list_item_image .thumbnail img { transition: all 0.2s ease-in-out 0s; display: block; height: 110px; width: 100%; filter: unset; } .page-template-page-template-gioithieu .doitac .list_item_image .content_image { margin-bottom: 20px; padding: 30px 20px; border: 1px solid #e6e4e4; transition: all 0.2s ease-in-out 0s; } .page-template-page-template-gioithieu .doitac .list_item_image { padding: 0 10px; } .page-template-page-template-gioithieu .doitac ul { margin: 0 -10px; } .page-template-page-template-gioithieu .doitac .container { max-width: 1200px; } .page-template-page-template-gioithieu .doitac li:nth-child(2n+1) { clear: both; } .page-template-page-template-gioithieu .doitac .list_item_image .content_image:hover { box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%); } .page-template-page-template-gioithieu .gioithieu ul li:not(:last-child) { margin-bottom: 8px; } .page-template-page-template-gioithieu .gioithieu .container .panel-grid { flex-flow: row wrap !important; align-items: normal !important; } .tamnhin .widget-title:after, .sumenh .widget-title:after { display: none; } .sumenh .widget-title:before, .tamnhin .widget-title:before { position: unset; width: 90px; height: 90px; background: url(images/tamnhin.png) center no-repeat; background-size: 100% 100%; margin-right: 20px; transform: unset; } .sumenh .widget-title:before { background: url(images/sumenh.png) center no-repeat; background-size: 100% 100%; } .sumenh .widget-title, .tamnhin .widget-title { display: flex; align-items: center; width: 100%; padding-bottom: 0; margin-bottom: 45px; } .tamnhin .textwidget, .sumenh .textwidget { color: #4F545A; line-height: 1.8; } .sumenh .widget_media_image, .tamnhin .widget_media_image { border-radius: 24px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .sumenh .widget_media_image img, .tamnhin .widget_media_image img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .tamnhin .text_custom { padding-right: 30px; } .sumenh .text_custom { padding-left: 30px; } .tamnhin { padding-bottom: 60px; } .sumenh { padding-bottom: 120px; } .page-template-page-template-gioithieu .newhome .widget-title { color: #fff; } .page-template-page-template-gioithieu .newhome .widget-title:before { background-color: var(--o-clr); } .page-template-page-template-gioithieu .gioithieu .container .panel-grid .widget_media_image img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .image_video.active { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .image_video.active iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /*-----------------------End Gioi Thieu-----------------------*/ /*-----------------------San Pham-----------------------*/ .home .banner_page img { min-height: 300px; object-fit: cover; } .sanpham_item .content_item { background-color: #fff; position: relative; border: 1px solid #ddd; } .sanpham_item { margin-bottom: 30px; } .list_sanpham_chuyenmuc .sanpham_item:nth-child(3n+1) { clear: both; } .sanpham_item .content_item .product-meta .name a:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; } .sanpham_item .content_item .product-meta .add-to-cart { margin-top: 14px; position: relative; display: none; } .sanpham_item .content_item .product-meta .add-to-cart a { font-size: 12px; margin-left: auto; display: block; width: max-content; padding: 4px 10px; background-color: var(--p-clr); color: #fff; text-transform: uppercase; } .sanpham_item .content_item .product-meta .add-to-cart a:hover { transform: translateX(-5px); } .sanpham_item .content_item .product-meta .add-to-cart a:before { content: "\f07a"; font-family: 'Font Awesome 5 Pro'; margin-right: 6px; } .sanpham_item .content_item .product-meta .add-to-cart a:hover { transform: translateX(-5px); } .sanpham_item .content_item .image .product-label-special { position: absolute; background: rgb(255,102,102); background: linear-gradient(90deg, rgba(255,102,102,1) 0%, rgba(215,37,29,1) 100%); color: #fff; top: 0px; right: 0px; font-size: 16px; padding: 2px 8px; } .woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { opacity: 1 !IMPORTANT; } .sanpham_item .content_item .product-meta .congnang { font-size: 10px; text-transform: uppercase; color: #000; opacity: 0.7; } .sanpham_item .content_item .product-meta .name a { font-size: 20px; display: block; line-height: 1.2; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; font-weight: 600; text-align: center; color: #081E2A; text-transform: uppercase; } .sanpham_item .content_item:hover .product-meta .name a { color: var(--p-clr); } .cate-list [class*="list_item"] .thumbnail a, .sanpham_item .content_item .image a { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .cate-list [class*="list_item"] .thumbnail a img, .sanpham_item .content_item .image a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .factory_item .readmore a:before, .button_lienhe a:before, .register_email .container .list_group > p button:after, .cate-list [class*="list_item"] .thumbnail a:before, .sanpham_item .content_item .image a:before { content: ""; position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .factory_item .readmore a:hover:before, .button_lienhe a:hover:before, .register_email .container .list_group > p button:hover:after, .cate-list [class*="list_item"] .content_item:hover .thumbnail a:before, .sanpham_item .content_item:hover .image a:before { -webkit-animation: shine 1s; animation: shine 1s; } .sanpham_item .content_item .product-meta .price ins { display: block; font-size: 20px; color: var(--p-clr); margin-left: 0; font-weight: bold; } .sanpham_item .content_item .product-meta .price del { font-size: 16px; color: #999; margin-right: 5px; } .sanpham_item .content_item .product-meta .price { display: flex; align-items: baseline; flex-wrap: wrap; margin-top: 10px; margin-bottom: 10px; } .sanpham_item .content_item .product-meta .total_daban { background-color: #ff6666; border-radius: 20px; padding: 0 10px; margin: 0px -5px 0; color: #fff; position: relative; z-index: 1; font-size: 12px; } .sanpham_item .content_item .product-meta .total_daban:before { content: ""; display: block; width: 60%; height: 100%; background-color: var(--s-clr); position: absolute; left: 0; top: 0; border-radius: 20px; z-index: -1; } .main-sidebar .title_widget { font-size: 18px; margin-bottom: 15px; text-transform: uppercase; font-weight: 700; text-align: left; width: 100%; } .main-sidebar .menu li { list-style: none; position: relative; } .main-sidebar .menu li a { display: block; padding: 0 0 0 5px; color: var(--s-clr); } .main-sidebar .menu li a:hover { color: #fff; } .main-sidebar .menu li:not(:last-child) { margin-bottom: 10px; } .main-sidebar .menu li:before { content: ""; display: block; width: 16px; height: 16px; background-color: transparent; border: 2px solid var(--s-clr); border-radius: 4px; position: absolute; left: -20px; top: 2px; } .main-sidebar .menu li:after { content: "\f00c"; font-family: 'Font Awesome 5 Pro'; display: block; position: absolute; left: -16px; top: 7px; font-size: 12px; line-height: 1; color: var(--p-clr); opacity: 0; visibility: hidden; } .main-sidebar .widget:not(:last-child) { margin-bottom: 40px; } .main-sidebar .creative_gallery_image ul li { list-style: none; } .main-sidebar .creative_gallery_image ul { padding: 0; display: flex; flex-direction: column; box-shadow: rgba(50, 50, 93, 0.25) 0 0px 0, rgba(0, 0, 0, 0.3) 0 0 16px 0; border-radius: 20px; overflow: hidden; padding: 30px 0; } .main-sidebar .widget .menu { max-height: 150px; overflow: hidden; overflow-y: auto; padding-left: 20px; } .main-sidebar .widget .menu::-webkit-scrollbar { width: 10px; } .main-sidebar .widget .menu::-webkit-scrollbar-track { background-color: #f4f4f4; } .main-sidebar .widget .menu::-webkit-scrollbar-thumb { background-color: var(--p-clr); } .main-sidebar .creative_gallery_image ul li .content_image { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .main-sidebar .creative_gallery_image ul li .content_image .creative_image_meta { padding: 20px 0; } .main-sidebar .creative_gallery_image ul li:not(:last-child) { margin-bottom: 30px; } .main-sidebar .creative_gallery_image ul li .content_image:before { content: ""; display: block; width: 70px; height: 3px; background-color: #dadada; position: absolute; bottom: 0; } .main-sidebar .creative_gallery_image ul li .content_image .creative_image_meta .desc { color: #000; text-align: center; font-weight: 500; } .main-sidebar .menu li.current-menu-item:after { opacity: 1; visibility: visible; } .main-sidebar .menu li.current-menu-item:before { border-color: var(--p-clr); } .main-sidebar .menu li.current-menu-item a { color: var(--p-clr); } .main-sidebar .content_item { display: flex; } .main-sidebar .content_item .image { flex: 0 0 30%; } .main-sidebar .sanpham_item .content_item .product-meta .name a { font-size: 16px; font-style: normal; margin-bottom: 4px; } .main-sidebar .sanpham_item .content_item .product-meta .price ins { font-size: 16px; } .main-sidebar .sanpham_item .content_item .product-meta .price { margin-top: 4px; margin-bottom: 4px; } .main-sidebar .sanpham_item .content_item .product-meta .add-to-cart { margin-top: 8px; } .main-sidebar .sanpham_item { margin-bottom: 10px; } .main-sidebar .sanpham_item .content_item .image a { height: 100%; } .main-sidebar .sanpham_item .content_item .product-meta { border-top: none; flex: 1; } .filter_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px !IMPORTANT; } .filter_box .duongdan { border: none; margin-bottom: 0; padding: 0; background: unset; } .filter_box form.woocommerce-ordering { margin-bottom: 0; } .woocommerce-ordering .orderby { height: 36px; padding: 0 10px; box-shadow: inset 0 -1.4em 1em 0 rgba(0,0,0,.02); border: 1px solid #ddd; } .filter_box .duongdan .breadcrumb { border: none; margin: 0 !IMPORTANT; padding: 0; } .title_count { display: flex; align-items: baseline; flex-wrap: wrap; margin: 0 0 20px; } .summary .product_title { font-size: 30px; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px; padding-bottom: 10px !IMPORTANT; position: relative; font-family: 'Montserrat'; color: #333; } .summary .product_title:before { content: ""; display: block; width: 50%; height: 3px; background-color: var(--p-clr); position: absolute; bottom: 0; left: 0; } .summary .woocommerce-product-details__short-description ul { padding-left: 20px; margin: 16px 0; } .summary .woocommerce-product-details__short-description ul li:not(:last-child) { margin-bottom: 10px; } .price_product del { color: #999; margin-right: 10px; } .price_product { font-size: 30px; margin-top: 30px; font-weight: bold; } .quantity_custom .value { display: flex; align-items: center; justify-content: center; } .summary .cart { display: flex; align-items: center; margin-left: 0; } .quantity_custom .giam, .quantity_custom .tang { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #fff; background-color: #333; border-radius: 0 !important; cursor: pointer; font-size: 24px; line-height: 1; } .quantity_custom .giam { font-size: 0; } .quantity_custom .giam:before { font-size: 14px; content: "\f068"; font-family: 'Font Awesome 5 Pro'; } .quantity_custom .quantity { margin-right: 0 !important; } .quantity_custom .quantity input::-webkit-outer-spin-button, .quantity_custom .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity_custom .quantity input { border: 1px solid #333; height: 30px; border-radius: 0 !important; width: 40px !important; } .summary .cart .quantity_custom { margin-right: 16px; } .summary .cart .single_add_to_cart_button i { display: none; } .summary .cart .single_add_to_cart_button { height: 30px; padding: 0 15px !IMPORTANT; border-radius: unset; transition: .3s; } .summary .cart .single_add_to_cart_button:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.2); } .product_cat { color: #bababa; } .chinhsach .title { padding: 0.75rem; background-color: var(--p-clr); color: white; font-weight: 600; text-transform: uppercase; } .chinhsach .content_chinhsach { padding: 16px; } .chinhsach .content_chinhsach ul li { list-style: none; position: relative; } .chinhsach .content_chinhsach ul li:not(:last-child) { margin-bottom: 8px; } .chinhsach { margin-top: 2.5rem; border: 1px solid var(--s-clr); border-radius: 0.75rem; overflow: hidden; } .chinhsach .content_chinhsach ul li:before { content: "\f058"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: var(--p-clr); margin-right: 10px; } .product_cat a { color: #bababa; margin-left: 5px; } .summary { padding-bottom: 20px; } .flex-direction-nav li { list-style: none; } .flex-direction-nav .flex-nav-next, .flex-direction-nav .flex-nav-prev { position: absolute; left: 0; top: calc(50% - 34px); transform: translateY(-50%); } .flex-direction-nav .flex-nav-next { left: auto; right: 0; } .flex-direction-nav .flex-nav-prev a, .flex-direction-nav .flex-nav-next a { font-size: 0; } .flex-direction-nav .flex-nav-prev a:before, .flex-direction-nav .flex-nav-next a:before { content: ""; font-family: 'Font Awesome 5 Pro'; line-height: 1; font-size: 20px; color: #fff; } .flex-direction-nav .flex-nav-prev a:before { content: "\f104"; } .flex-direction-nav .flex-nav-next a:before { content: "\f105"; } .flex-direction-nav .flex-nav-prev a, .flex-direction-nav .flex-nav-next a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #bababa; } .tabs li { list-style: none; margin-bottom: 1px !important; } .tabs { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; padding: 0 !important; border-bottom: 1px solid #ddd; } .tabs li a { display: block; padding: 5px 10px; background-color: #dadada; color: #333; } .tabs li.active a { background-color: var(--p-clr); color: #fff; } .sanpham_khac { padding-top: 120px; clear: both; } .sanpham_khac .list_sanpham_chuyenmuc .sanpham_item { clear: none !important; } .sanpham_khac .row.list_sanpham_chuyenmuc { margin: 0 -15px; } div#review_form { margin-top: 20px; } div#review_form h3 { margin-bottom: 20px !IMPORTANT; } div#review_form .comment-form-rating { margin: 10px 0 !important; } div#review_form .comment-form-rating .stars:hover a { color: #ffc000; } div#review_form .comment-form-rating label { margin-bottom: 10px !IMPORTANT; display: block; font-weight: bold; } div#review_form label { font-weight: bold; display: block; margin-bottom: 10px; position: relative; } div#review_form label .required { font-size: 30px; line-height: 1; display: inline-block; position: absolute; top: 0; color: red; } #review_form .comment-form-author input, #review_form .comment-form-email input { width: 100%; } #review_form input[type="checkbox"] { display: inline; float: left; margin-top: 5px; margin-right: 5px; } #review_form .comment-form-author { padding-left: 0; } #review_form .comment-form-email { padding-right: 0; } #review_form input, #review_form textarea { width: 100%; padding: 5px 15px; border: 1px solid #ccc; font-size: 16px; max-height: 155px; border-radius: 3px; } #review_form input[type="submit"], #review_form input[type="checkbox"] { width: auto; } div#review_form .comment-form-cookies-consent { clear: both; } #review_form input[type="submit"] { transition: .3s; } #review_form input[type="submit"]:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.2) !IMPORTANT; } .r_thanhtoan { width: 60%; } .l_thanhtoan { width: 40%; } .actions_cart_bottom .coupon , .actions_cart_bottom .coupon input#coupon_code { float: unset !IMPORTANT; } .woocommerce-error { padding-left: 50px !important; } .l_cart_item, .r_cart_item { display: inline-block; } .l_cart_item { float: left; margin-right: 10px; } .l_cart_item { max-width: 20%; width: 100%; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.altr, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: var(--p-clr)!important; color: #fff!important; text-align: center; } td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 6px 6px 5px 6px!important; width: auto!important; } .woocommerce .cart .button, .woocommerce .cart input.button{ } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%!important; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { padding: 5px; border-radius: 3px; border: 1px solid #ccc; } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ color: #222!important; opacity: 1!important; } .woocommerce-cart .product-thumbnail .image img { width: auto !important; } .woocommerce a.remove { font-size: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; margin: 0 auto !IMPORTANT; } .cart_totals .title { margin-top: 0; } .woocommerce-cart .actions_cart_bottom button[name="update_cart"] { margin: 20px 0; } .woocommerce-cart .product-thumbnail { display: flex; align-items: center; } .woocommerce-cart .product-thumbnail .image img { width: auto !IMPORTANT; margin: 0; } .woocommerce-cart .product-thumbnail .image { flex: 0 0 100px; margin-right: 10px; } .woocommerce-cart table.cart th:not(:last-child), .woocommerce-cart table.cart td:not(:last-child) { border-right: 1px solid #dddd; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { border: 2px solid var(--p-clr); background: var(--p-clr) !IMPORTANT; } .woocommerce .cart .button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #fff !IMPORTANT; color: var(--p-clr) !IMPORTANT; } .button_action .back_product_page { display: block; width: 100%; padding: 10px; border: 2px solid var(--p-clr); font-weight: bold; text-align: center; border-radius: 5px; background: var(--p-clr); color: #fff; line-height: 1; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 10px !important; font-size: 15px !important; margin-bottom: 0 !important; } .button_action .back_product_page:hover { color: var(--p-clr); background: #fff; } .cart_totals tr td { text-align: right; } .actions_cart_bottom .coupon input#coupon_code { width: calc(100% - 100px) !IMPORTANT; display: inline-block; } .actions_cart_bottom .coupon .title_coupon { text-align: left; } .woocommerce-checkout .form-row input, .woocommerce-checkout .form-row textarea { padding: 10px 10px !important; } .wc_coupon_message_wrap { padding: 0 !IMPORTANT; } .ytp-large-play-button { width: 40px !important; height: 40px !important; } .left_thankyou .woocommerce-order-overview { border: 1px dashed #ddd; padding-left: 0; width: max-content !IMPORTANT; display: block; margin: 0 auto !IMPORTANT; } .left_thankyou .woocommerce-order-overview li { padding: 10px !IMPORTANT; margin-right: 0px !IMPORTANT; text-align: center; } .left_thankyou .woocommerce-order-overview li label { display: block; margin-bottom: 4px; } .back_product a { display: block; width: max-content; margin-top: 35px; background: rgb(255,102,102); background: linear-gradient(90deg, rgba(255,102,102,1) 0%, rgba(215,37,29,1) 100%); color: #fff; padding: 4px 20px; cursor: pointer; margin: 35px auto 0; position: relative; } .back_product a:after { content: "+"; display: inline-block; margin-left: 5px; } .woocommerce-cart .banner_page .container, .woocommerce-checkout .banner_page .container { max-width: unset; padding: 0; } .duongdan { background-color: var(--s-clr); text-align: center; padding: 30px 0; } .has_thumbnail .duongdan { background-color: unset; } .duongdan .page_title { margin: 0 0 10px 0; font-size: 36px; font-weight: 500; text-transform: uppercase; color: #343434; } .duongdan .breadcrumb { margin: 0 !important; } .duongdan .duongdan { padding: 0; } .duongdan .breadcrumb li a { color: #343434; } .duongdan .breadcrumb > li + li:before { content: "/" !important; } .top_single_product .cate_name { font-size: 40px; font-weight: 600; text-transform: uppercase; } .top_single_product .icon_product > a { display: flex; align-items: center; margin-bottom: 25px; } .top_single_product .icon_product > a img { margin-right: 27px; width: 70px; height: 70px; } .main-sidebar .widget { padding: 35px 20px; background-color: var(--p-clr); border-radius: 24px; } .main-sidebar .title_widget { font-size: 20px; font-weight: 600; color: #fff; display: flex; align-items: center; margin-bottom: 40px; } .main-sidebar .title_widget:after { content: ""; display: block; flex: 1; width: 100%; height: 4px; background-color: var(--s-clr); margin-left: 10px; } .main-sidebar .icon_product > a { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: var(--o-clr); border-radius: 50%; } .main-sidebar .content_item { display: flex; align-items: center; } .main-sidebar .content_item .cate_list_title { flex: 1; } .main-sidebar .content_item .cate_list_title .cate-title { text-transform: uppercase; color: #fff; } .main-sidebar .content_item .cate_list_title .cate-title:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; } .main-sidebar .content_item:hover .cate_list_title .cate-title { color: var(--s-clr); } .main-sidebar .content_item .icon_product { margin-right: 20px; } .main-sidebar .sanpham_item .content_item .icon_product { display: none; } .main-sidebar .sanpham_item .content_item { border-radius: 0; align-items: center; } .main-sidebar .sanpham_item .content_item .product-meta { padding: 0 10px; } .main-sidebar .sanpham_item .content_item .product-meta .name a { -webkit-line-clamp: 2; } .main-sidebar .cate-list li:not(:last-child) { margin-bottom: 18px; } .button_lienhe a { display: block; padding: 0 50px; line-height: 40px; background-color: var(--p-clr); width: max-content; border-radius: 7px; color: #ffff; font-weight: 500; margin-top: 50px; position: relative; overflow: hidden; } /*:is(.commit_home,.faq_home) .widget-title { color: #fff; } :is(.commit_home,.faq_home) .widget-title:before { background-color: var(--o-clr); }*/ .faq_block .container { max-width: 960px; } .list_faq .widget-title:before { content: ""; display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; flex: 0 0 74px; background: url(images/faq.png) center no-repeat; background-size: 60%; background-color: #ffff; border-radius: 10px; transform: unset; position: unset; margin-right: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } .list_faq .widget-title { display: flex; align-items: center; padding-right: 30px; } .list_faq .textwidget { display: none; color: #000; transition: unset; padding-left: 90px; padding-right: 40px; } .list_faq .widget-title { font-size: 28px; font-weight: 500; text-align: left; width: auto; padding-bottom: 0; position: relative; margin-bottom: 0; text-transform: capitalize; cursor: pointer; } .list_faq .widget-title:after { display: none; } .list_faq .widget-title span { position: absolute; right: 0; font-size: 20px; top: 24px; } .list_faq .so-panel.active .widget-title:before { background-color: var(--s-clr); } .list_faq .so-panel { padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 27px !IMPORTANT; } /*-----------------------End San Pham-----------------------*/ /*-----------------------Lien He-----------------------*/ .noidung_trang .text_custom a:hover { color: var(--p-clr); } .noidung_trang .text_custom ul { padding-left: 20px; } .noidung_trang .text_custom ul li:not(:last-child) { margin-bottom: 8px; } .noidung_trang { padding-bottom: 40px; } .page-template-page-template-lienhe .content-page iframe { float: left; } /*-----------------------End Lien He-----------------------*/ /*-----------------------Tin Tuc-----------------------*/ .category .post_item .content_item { display: flex; margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #ddd; position: relative; } .category .post_item .content_item .thumbnail { flex: 0 0 270px; margin-right: 15px; margin-bottom: 0; border-radius: 0; } .category .list_post_category .post_item .title a { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; font-weight: 600; } .category .post_item .content_item .time { color: #999; font-size: 13px; } .category .post_item .content_item .excerpt { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; visibility: visible; margin-top: 10px; } .category .list_post_category .post_item .title a:hover { color: var(--s-clr); } .category .list_post_category .post_item .title a:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .new_sidebar_template .content_item { display: flex; } .new_sidebar_template .content_item .time { display: none; } .new_sidebar_template .content_item .title a { font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; line-height: 20px; color: #fff; } .new_sidebar_template .content_item .thumbnail { flex: 0 0 100px; margin-right: 10px; } .new_sidebar_template .list_post { padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ddd; } .new_sidebar_template .list_post:last-child { border: none; margin-bottom: 0; } .new_sidebar_template .content_item .title a:hover { color: var(--o-clr); } .category .post_item .content_item .thumbnail a { display: flex; align-items: center; justify-content: center; height: 100%; } .category .post_item .content_item .thumbnail a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .category .post_item { padding: 0; } .list_post_category .post_item .thumbnail { position: relative; overflow: hidden; } .list_post_category .post_item .thumbnail:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 0; transition: .3s; opacity: 0; pointer-events: none; } .list_post_category .post_item .thumbnail:after { content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; font-size: 60px; color: #fff; opacity: 0; transition: .3s; pointer-events: none; } .list_post_category .content_item:hover .thumbnail:after, .list_post_category .content_item:hover .thumbnail:before { opacity: 1; } .category .post_item .content_item:hover .title a { color: var(--p-clr); } .single_post_meta { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; } .single_post_meta .yasr-custom-text-vv-before { display: none; } .single_post_meta .time_author i { margin-right: 5px; display: inline-block; width: 20px; height: 20px; text-align: center; } .single_post_meta .time { margin-bottom: 10px; display: flex; flex-wrap: wrap; } .single_post_meta .time .date_post { margin-right: 10px; } .single_post_meta .author a { color: var(--p-clr); } .single-post .r_layout .title-section .title-header { font-size: 22px; text-align: left; padding: 0; margin-top: 0; line-height: 1.4; color: #333; margin-bottom: 10px; } .title_binhluan { font-size: 30px; font-weight: normal; line-height: 1.4; position: relative; margin-bottom: 20px; text-transform: uppercase; } .binhluan { margin-top: 30px; } #respond textarea, #respond input { display: block; width: 100%; padding: 5px 15px; border: 1px solid #ccc; font-size: 16px; max-height: 155px; border-radius: 3px; } #respond label { display: block; font-weight: bold; margin-bottom: 10px; } .noidung_binhluan { margin-bottom: 20px; } #respond button[type="submit"] { margin-top: 20px; background-color: var(--p-clr); color: #fff; border: none; padding: 5px 15px; border-radius: 4px; } #respond button[type="submit"]:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.2); } .tag_share { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-top: 1px dashed #ddd; margin-top: 30px; border-bottom: 1px dashed #ddd; } .tag_share .tag_post { display: flex; align-items: center; } .tag_share .tag_post ul { margin-bottom: 0; padding: 0; margin-left: 6px; } .tag_share .tag_post ul li { list-style: none; } .tag_share .share_link { margin: 0; padding-top: 0; border-top: none; } .tag_share .share_link ul { padding-left: 0; } .tag_share .share_link ul li a { width: 30px; height: 30px; font-size: 12px; line-height: 30px; } .tag_share .tag_post ul li a:hover { color: var(--p-clr); } .baivietlienquan { padding-top: 40px; } .baivietlienquan .list_post_category .slick-arrow { top: calc(50% - 21px); } .list_post_category .post_item .title a:hover { color: var(--p-clr); } /*-----------------------End Tin Tuc-----------------------*/ /*-----------------------Gio Hang-----------------------*/ .top_cart_mini .title { margin-top: 0; margin-bottom: 10px; } .bottom_cart_mini .button_empty a { background-color: var(--p-clr) !important; color: #fff !important; border: 2px solid var(--p-clr) !important; white-space: nowrap; margin: 0 5px !important; padding: 5px 10px; border-radius: 5px; } .bottom_cart_mini .button_empty { display: flex; align-items: center; margin: 0 -5px; } .bottom_cart_mini { padding-top: 20px; border-top: 1px solid #ddd; } .bottom_cart_mini .total { margin: 0px 0 10px; } .bottom_cart_mini .buttons { display: flex; align-items: center; } .bottom_cart_mini .button { display: block; padding: 5px 10px; background-color: var(--p-clr); width: max-content; border-radius: 5px; overflow: hidden; color: #fff; margin-left: auto; border: 1px solid var(--p-clr) !important; } .bottom_cart_mini .button:hover { background-color: #fff !important; color: var(--p-clr) !important; } .bottom_cart_mini .button.checkout { margin-left: 10px; } .top_cart_mini .content_item .item_cart_meta .soluong_remove { position: absolute; left: 0; top: 5px; } .top_cart_mini .content_item .item_cart_meta .soluong_remove .remove { font-size: 8px; color: red; display: flex; align-items: center; justify-content: center; padding: 3px; background-color: transparent; border-radius: 50%; overflow: hidden; border: 1px solid red; width: auto !IMPORTANT; height: auto !IMPORTANT; } .top_cart_mini .content_item .item_cart_meta .soluong_remove .remove:hover { background-color: red; color: #fff; } .top_cart_mini .note { font-size: 12px; margin-bottom: 4px; font-style: italic; } .top_cart_mini .content_item { display: flex; position: relative; padding: 5px 0; } .top_cart_mini .content_item .item_cart_meta { padding-right: 5px; } .top_cart_mini .content_item .thumbnail { flex: 0 0 80px; margin-right: 10px; } .top_cart_mini .content_item .thumbnail a img { float: unset !IMPORTANT; width: 100% !IMPORTANT; margin: 0 !IMPORTANT; } .top_cart_mini .mini_cart_item:not(:last-child) { border-bottom: 1px solid #ddd; } .top_cart_mini .cart_list { max-height: 40vh; overflow: hidden; overflow-y: auto; margin-bottom: 10px; } .top_cart_mini .cart_list::-webkit-scrollbar { width: 4px; } .top_cart_mini .cart_list::-webkit-scrollbar-track { background-color: var(--p-clr); } .top_cart_mini .cart_list::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .top_cart_mini .content_item .product_name a:hover { color: var(--p-clr); } /*-----------------------End Gio Hang-----------------------*/ /*-----------------------Nha May-----------------------*/ .factory_item .content_item { padding: 20px 20px 30px; border: 1px solid #b7b7b7; border-radius: 20px; background-color: #fff; } .factory_item .factory_meta ul { padding-left: 20px; margin-bottom: 30px; /* min-height: 240px;*/ } .factory_item .factory_meta .title a { display: block; font-size: 21px; font-weight: bold; color: #081e2a; text-transform: uppercase; } .factory_item .factory_meta .title { margin-bottom: 20px; } .factory_item .factory_meta .factory_cat { margin-bottom: 10px; max-width: 50px; } .factory_item .factory_meta ul li { display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .factory_item .factory_meta ul li span { font-weight: bold; color: #081e2a; font-size: 14px; } .factory_item .factory_meta ul li:before { content: ""; display: block; width: 5px; height: 5px; background-color: var(--o-clr); border-radius: 50%; position: absolute; left: -15px; top: 9px; } .factory_item .factory_meta ul li:not(:last-child) { margin-bottom: 8px; } .factory_item .thumbnail a { display: flex; align-items: center; justify-content: center; border-radius: 20px; overflow: hidden; } .factory_item .thumbnail a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .factory_item .readmore a { display: block; border-radius: 5px; background-color: var(--s-clr); width: max-content; padding: 0 40px; line-height: 55px; color: var(--p-clr); font-weight: 600; margin: 35px auto 0; text-transform: uppercase; position: relative; overflow: hidden; } .factory_item .factory_meta ul li.chungnhan span, .factory_item .factory_meta ul li.sanluong span { /*display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 45px;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .item_factory.active svg { transform: translate(-1px, -10px) scale(1.6); } .item_factory:hover svg {transform: translate(-1px, -10px) scale(1.6);} .item_factory svg { transition: .3s; cursor: pointer; } .page-template-page-template-nhamay .map_html .textwidget { position: relative; } .page-template-page-template-nhamay .map_html .textwidget .note_map { position: absolute; top: 5%; right: 5%; } .nhamay { padding-bottom: 30px; } .width_form .title_box, .nguyenlieu .widget-title, .nhamay .widget-title { font-size: 32px; font-weight: 600; padding-bottom: 0; text-align: left; margin-bottom: 50px; } .width_form .title_box { text-align: center; margin-bottom: 26px; } .nguyenlieu .widget-title:before, .nguyenlieu .widget-title:after, .nhamay .widget-title:before, .nhamay .widget-title:after { display: none; } .factory_template.row { margin: 0 -15px; } .factory_item { margin-bottom: 30px; } /*-----------------------End Nha May-----------------------*/ /*-----------------------Poup-----------------------*/ [class*='bg_form_poup'].active .content_form, [class*='bg_form_poup'].active { opacity: 1; visibility: visible; pointer-events: auto; } [class*='bg_form_poup'] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999999; visibility: hidden; pointer-events: none; transition: 0.3s; } [class*='bg_form_poup'] .bg_form_click_poup { position: fixed; left: 0; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.5); z-index: 99; } [class*='bg_form_poup'] .content_form { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 110; } [class*='bg_form_poup'] .content_form .post_relative { background: #fff; padding: 20px; width: 100%; max-width: 600px; border-radius: 8px; position: relative; margin: 0 auto; top: 100%; overflow-y: auto; overflow-x: hidden; max-height: 90%; transition: 0.5s; } [class*='bg_form_poup'].active .content_form .post_relative { top: 50%; transform: translateY(-50%); } [class*='bg_form_poup'] .content_form .post_relative::-webkit-scrollbar { width: 0; } [class*='bg_form_poup'] .content_form .close_form_poup { position: absolute; right: 10px; top: 10px; z-index: 10; cursor: pointer; } [class*='bg_form_poup'] .content_form .close_form_poup:before { content: "\f00d"; font-family: 'Font Awesome 5 Pro'; font-size: 16px; color: red; background: #f4f4f4; border-radius: 50%; transition: all .3s; width: 24px; height: 24px; display: block; text-align: center; line-height: 24px; } [class*='bg_form_poup'] .content_form .close_form_poup:hover i { /* background: var(--pri-color); -webkit-text-stroke: 3px var(--pri-color);*/ } [class*='bg_form_poup'] .content_form .close_form_poup i { font-size: 57px; -webkit-text-stroke: 3px var(--p-clr); color: #fff; background: var(--p-clr); border-radius: 50%; transition: all .3s; display: none; } [class*='bg_form_poup'] .content_form .width_form { border-radius: 10px; overflow: hidden; width: 100%; } [class*='bg_form_poup'] .content_form .width_form .list_group button:hover { background-position: right center; } [class*='bg_form_poup'] .content_form .width_form .hotline { font-size: 23px; color: #fff; margin-bottom: 20px; font-weight: bold; } [class*='bg_form_poup'] .content_form .width_form .hotline a { font-size: 22px; color: #fff; padding-bottom: 20px; margin-bottom: 20px; display: flex; align-items: center; border-bottom: 1px solid #ccc; } [class*='bg_form_poup'] .content_form .width_form .hotline a:before { content: ""; display: block; width: 40px; height: 40px; background-image: url(images/phone.svg); margin-right: 10px; } [class*='bg_form_poup'] .content_form .width_form .hotline label { margin-bottom: 20px; display: block; } [class*='bg_form_poup'] .content_form .width_form .note { color: #fff; margin-bottom: 0; } [class*='bg_form_poup'] .content_form .width_form .list_group input, [class*='bg_form_poup'] .content_form .width_form .list_group select, [class*='bg_form_poup'] .content_form .width_form .list_group textarea { height: auto; padding: 15px 20px; font-size: 16px; color: #666; width: 100%; border: none; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } [class*='bg_form_poup'] .content_form .width_form .list_group button { margin-top: 20px; display: block; border-radius: 5px; font-size: 16px; color: #fff; background-image: linear-gradient(to right, #e43834 0%, #b31217 51%, #e43834 100%); background-size: 200% auto; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; border: 1px solid #fff; outline: none; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; padding: 10px 20px; text-transform: uppercase; } [class*='bg_form_poup'] .content_form .wpcf7-textarea { width: 100%; height: auto; padding: 10px 20px; font-size: 18px; color: #7b7b7b; width: 100%; border: none; line-height: 1.5; max-height: 80px; overflow-y: auto; height: auto !important; } [class*='bg_form_poup'] .content_form .width_form .list_group input.wpcf7-submit { margin-top: 15px; font-size: 16px; font-weight: bold; margin: 0 auto; min-width: 150px; } [class*='bg_form_poup'] .title { color: #000; font-size: 20px; font-weight: bold; text-transform: initial; /* text-align: center;*/ margin-bottom: 10px; } [class*='bg_form_poup'] .content_form .width_form .list_group label { color: #000; font-weight: 600; display: block; margin-bottom: 4px; font-style: italic; } [class*='bg_form_poup'] .content_form .width_form .title_form { font-size: 24px; text-transform: uppercase; font-weight: 600; color: var(--p-clr); text-align: center; line-height: normal; margin-bottom: 20px; } [class*='bg_form_poup'] .content_form .width_form .list_group input#sanpham_baogia { display: none; } /*-----------------------End Poup-----------------------*/ .filter_box .breadcrumb > li + li:before { color: #333; } #menu_mobile_full .login a { color: #fff; } #menu_mobile_full .login { padding: 15px; } #menu_mobile_full .logo { float: unset; width: 100%; display: block; max-width: unset; padding: 0 15px; margin-bottom: 20px; } #menu_mobile_full .logo a { display: block; width: 100%; padding: 10px 0; } #menu_mobile_full .search_header { padding: 0 15px; margin: 0; } #menu_mobile_full .search_header .click_search { display: none; } #menu_mobile_full .search_header .search-form { position: unset; transform: unset; min-width: unset; } #menu_mobile_full .search_header .search-form button { height: 100%; right: 0; } #menu_mobile_full .search_header .search-form search-header { position: relative; } #menu_mobile_full .search_header .search-form form#search-header { position: relative; } #menu_mobile_full .search_header .search-form form#search-header .input_search { width: 100%; border: 1px solid #ddd; } .post_content .row { margin: 0; } .title_box { margin-top: 0; } .nav__primary > ul > li.menu-item-has-children > a { padding-right: 15px; } .nav__primary > ul > li.menu-item-has-children:after { content: "\f107"; font-family: 'Font Awesome 5 Pro'; display: block; } .nav__primary > ul > li.menu-item-has-children:after { content: "\f107"; font-family: 'Font Awesome 5 Pro'; display: block !IMPORTANT; color: #0a0a0a !IMPORTANT; margin-right: 5px; } .search .list_sanpham_chuyenmuc { margin-top: 30px; } .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { clear: none !important; } .woocommerce div.product div.images .flex-control-thumbs .slick-slide { margin: 5px !important; } .flex-control-nav .slick-list { margin: 0 -5px; } .map_html .widget_media_image { border-radius: 46px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .map_html .widget_media_image img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .pagination ul li a { margin: 0; } .pagination ul li:not(:last-child) a { margin-right: 10px; } .nav__primary > ul > li > a { border-bottom: 2px solid transparent; } .nav__primary > ul > li.current-menu-item > a { border-color: var(--o-clr); color: var(--p-clr); } .slick-dots li { padding: 0 10px; } .slick-dots li button { background-color: #fff; border: 1px solid var(--p-clr); } .page-template-page-template-nhamay .content_page, .page-template-page-template-hoidap #content_page, .single-product #content_page, .gioithieu { position: relative; } .page-template-page-template-nhamay .content_page, .page-template-page-template-hoidap #content_page, .single-product #content_page { background: url(https://mcagrigroup.vn/wp-content/uploads/2025/10/1-1.jpg) center no-repeat; background-position: center -210px; background-size: cover; } .page-template-page-template-nhamay .content_page:before, .page-template-page-template-nhamay .content_page:after, .page-template-page-template-hoidap #content_page:before, .page-template-page-template-hoidap #content_page:after, .single-product #content_page:before, .single-product #content_page:after { content: ""; display: block; width: 20%; height: 40%; position: absolute; top: 15%; left: 0; background: url(images/background-bfat.png) center no-repeat; background-size: 100%; z-index: -1; } .page-template-page-template-hoidap #content_page:after, .single-product #content_page:after, .gioithieu:after { width: 10%; height: 20%; left: 30%; bottom: 30px; top: auto !important; z-index: -1; } .single-product #content_page:before { top: 10%; left: 5%; } .page-template-page-template-gioithieu .gioithieu:before { top: 30%; } .page-template-page-template-nhamay .content_page:after { left: auto; right: 5%; top: 30% !important; width: 15%; } .single-product #content_page:after { left: auto; right: 5%; top: 50% !important; width: 15%; } .page-template-page-template-gioithieu .gioithieu:after { left: auto; right: 5%; top: 90%; } .page-template-page-template-hoidap #content_page:before { top: 35%; } .page-template-page-template-hoidap #content_page:after { left: auto; right: 5%; top: 60%; } .pagination { margin: 20px 15px; } .banner_page .slick-arrow { width: 65px; height: 65px; border-radius: 50%; background-color: #041c29; left: 10% !important; opacity: 0.5; } .banner_page .slick-arrow.slick-next { left: auto !important; right: 10%; } .banner_page .slick-arrow:hover { background-color: rgba(255,255,255,0.5); opacity: 1; } .banner_page .slick-arrow:hover:before { color: #000 !IMPORTANT; } .page-template-page-template-hoidap .list_faq .textwidget { color: #000; } .page-template-page-template-hoidap .list_faq .so-panel { border-color: #e6e6e6; } .chungchi img { max-height: 130px; width: 130px; display: block; } .page-template-page-template-gioithieu .gioithieu .widget_text.text_title .textwidget { margin: 0 !IMPORTANT; } .duongdan .title-section .title-header { font-size: 36px; font-family: 'Plus Jakarta Sans'; font-weight: 500; } .title_tab { font-size: 20px; font-weight: bold; color: #4f545a; margin-bottom: 10px; } .tab_item.chitiet { margin-bottom: 30px; } .chitiet_sanpham { max-width: 50%; } .woocommerce div.product div.images .flex-control-thumbs li img { opacity: 1 !important; } .woocommerce div.product div.images .flex-control-thumbs .flex-active { border: 4px solid var(--p-clr); } .summary .product_title { display: none; } .summary p { margin: 0 0 10px; } .tag_share .tag_post ul { display: flex; align-items: center; flex-wrap: wrap; } .baivietlienquan .title_widget { line-height: 1.3; text-transform: uppercase; font-size: 40px; font-weight: 700; display: block; margin: 0 auto; text-align: center; position: relative; margin-bottom: 40px; color: #000; padding-bottom: 20px; } .baivietlienquan .title_widget:before { content: ""; display: block; width: 207px; height: 2px; background-color: var(--p-clr); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .baivietlienquan .title_widget:after { content: ""; display: block; width: 33px; height: 29px; background: url(images/title-at.svg) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .baivietlienquan .post_item .post_meta .title a { font-size: 18px; } .main-sidebar [class*="list_item_"] .content_item:hover .icon_product > a, .main-sidebar [class*="list_item_"].active .icon_product > a { background-color: #fff; } .main-sidebar [class*="list_item_"].active .cate-title { color: var(--s-clr); } .tab_content { line-height: 1.6; } .note_map { border: 1px solid #777; border-radius: 20px; padding: 30px 26px; display: flex; align-items: center; width: max-content; background-color: #fff; } .note_map li { list-style: none; } .note_map li:not(:last-child) { margin-right: 30px; } .note_map li img { margin-right: 10px; } .home .note_map { background-color: unset; } .home .note_map li span { color: #fff; } .page-template-page-template-nhamay .map_html { padding: 40px 0 100px; } .ajax_factory_content { background-color: #fff; border-radius: 20px; overflow: hidden; transition: 0.3s; position: relative; } .ajax_factory_content .title_box { font-size: 32px; text-align: center; background-color: var(--p-clr); color: #fff; font-weight: 600; text-transform: uppercase; padding: 30px 0; transition: 0.3s; } .ajax_factory_content .factory_item { transition: 0.3s; } .ajax_factory_content.ajax_loadding:before { position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#fff; z-index: 3; content: ''; display: block; transition: 0.3s; opacity: 0.9; } .loader { width: 40px; aspect-ratio: 1; display: grid; position: absolute; top:30%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 4; } .loader::before, .loader::after { content: ""; grid-area: 1/1; --c:no-repeat linear-gradient(#046D8B 0 0); background: var(--c) 0 0, var(--c) 100% 0, var(--c) 100% 100%, var(--c) 0 100%; animation: l10-1 2s infinite linear, l10-2 2s infinite linear; } .loader::after { margin: 25%; transform: scale(-1); } @keyframes l10-1 { 0% {background-size: 0 4px,4px 0 ,0 4px,4px 0 } 12.5%{background-size: 100% 4px,4px 0 ,0 4px,4px 0 } 25% {background-size: 100% 4px,4px 100%,0 4px,4px 0 } 37.5%{background-size: 100% 4px,4px 100%,100% 4px,4px 0 } 45%, 55% {background-size: 100% 4px,4px 100%,100% 4px,4px 100%} 62.5%{background-size: 0 4px,4px 100%,100% 4px,4px 100%} 75% {background-size: 0 4px,4px 0 ,100% 4px,4px 100%} 87.5%{background-size: 0 4px,4px 0 ,0 4px,4px 100%} 100% {background-size: 0 4px,4px 0 ,0 4px,4px 0 } } @keyframes l10-2 { 0%,49.9%{background-position: 0 0 ,100% 0 ,100% 100%,0 100%} 50%,100%{background-position: 100% 0,100% 100%,0 100%,0 0 } } .home .factory_item .content_item { margin: 20px 26px; } .home .factory_item .factory_meta ul li label { width: 40%; margin-right: 10%; } .home .factory_item .factory_meta .factory_cat { position: absolute; top: -15px; } .home .factory_item .factory_meta .title { padding-left: 68px; margin-top: 15px; } .home .factory_item .content_item .factory_meta { position: relative; } .home .factory_item .factory_meta ul li { margin-left: 68px; } .factory_item .factory_meta ul li { justify-content: unset; } .factory_item .factory_meta ul li label { flex: 0 0 35%; margin-right: 2%; font-size: 14px; } .page-template-page-template-nhamay .map_html:before { display: none; } #menu_mobile_full ul li a:before, #menu_mobile_full ul li a:after { display: none; } .item_factory.nhamay { padding-bottom: 0; } .click_search { cursor: pointer; } .has_thumbnail:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); } .has_thumbnail .title-header { color: #fff; } .has_thumbnail .duongdan .breadcrumb > li + li:before, .has_thumbnail .duongdan .breadcrumb li a { color: #fff; } .has_thumbnail .title-section { position: relative; } .post_content { color: #4F545A; line-height: 1.8; } .width_form .factory_item { margin-bottom: 0; padding: 0; } .width_form .factory_item .content_item .thumbnail a { max-height: 200px; overflow: hidden; } .width_form .factory_item .content_item { padding: 20px; } /*--Style Repair--*/ .fixed_custom_contact{ position: fixed; bottom: 90px; right: 20px; z-index: 999; } .fixed_custom_contact li{ list-style: none; display: block; width: 50px; height: 50px; position: relative; } .fixed_custom_contact li:not(:last-child) { margin-bottom: 10px; } .fixed_custom_contact li a { font-size: 24px; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; } .fixed_custom_contact li.chat_facebook a { background-color: #00B2FF; } .phone_animation_circle_fill_img { position: unset !important; } .fixed_custom_contact li #back-top, .fixed_custom_contact li a{ display: block; width: 50px; height: 50px; border-radius: 50%; position: relative; } .fixed_custom_contact li a { display: flex; align-items: center; justify-content: center; } .fixed_custom_contact li #back-top:before, .fixed_custom_contact li.chat_facebook a:before { display: flex; align-items: center; justify-content: center; content: "\f39f"; font-family: 'Font Awesome 5 Brands'; width: 100%; height: 100%; color: #fff; text-indent: 0; font-size: 24px; } .fixed_custom_contact li.call_zalo a{ width: 50px; height: 50px; left: 0; position: absolute; background: #25D366 url(images/zalo.png) center center no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; background-size: 60%; } .phone_animation{ background-color: transparent; margin: 0; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; visibility: visible; } .phone_animation_circle_fill_img{ width: 50px; height: 50px; top: 0; left: 0; position: absolute; background: #25D366 url(images/iconphone.png) center center no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; background-size: 60%; } .fixed_custom_contact li.call_phone a span { position: absolute; background-color: var(--p-clr); font-size: 12px; right: calc(100% + 10px); white-space: nowrap; padding: 5px 15px; border-radius: 5px; display: none; } .fixed_custom_contact li.call_phone a span:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--p-clr); position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } @-moz-keyframes coccoc-alo-circle-anim { 0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 } 30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 } 100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 } } @-webkit-keyframes coccoc-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } } @-o-keyframes coccoc-alo-circle-anim { 0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 } 30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 } 100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 } } @-moz-keyframes coccoc-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 } 100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-webkit-keyframes coccoc-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-o-keyframes coccoc-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-moz-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -moz-transform: rotate(0) scale(1) skew(1deg) } 100% { -moz-transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes coccoc-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes coccoc-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg) } 10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -o-transform: rotate(0) scale(1) skew(1deg) } 100% { -o-transform: rotate(0) scale(1) skew(1deg) } } #back-top { height: 50px; position: fixed; width: 50px; bottom: 30px; right: 20px; cursor: pointer; z-index: 9; background-color: var(--p-clr); border-radius: 50%; text-align: center; line-height: 46px; border: 2px solid #fff; } #back-top:before { content: "\f077"; color: #fff; font-family: 'Font Awesome 5 Pro'; } .fixed_custom_contact li #back-top:before { content: "\f077"; font-family: 'Font Awesome 5 Pro'; color: #fff; font-weight: bold; font-size: 15px; } @media (max-width: 1600px) { .faq_home {margin-bottom: 80px;} .page-template-page-template-gioithieu .newhome, .faq_home, .commit_home, .tintuc, .chungchi, .doitac, .gioithieu, .sanpham_home { padding: 80px 0; } .map_html { padding: 120px 0; } .baivietlienquan .title_widget, .widget-title { font-size: 34px; } .banner_page .slick-arrow { width: 44px; height: 44px; } .languages_item { padding: 0 26px; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { font-size: 44px !important; } .capiton-banner .capition_content > p { font-size: 20px; } .list_faq .widget-title { font-size: 24px; } .home .map_html .container .panel-grid-cell:first-child .textwidget { transform: scale(0.9); transform-origin: top; } .slick-arrow { zoom: 0.9; } .chungchi .slick-arrow, .sanpham_home .slick-arrow, .newhome_template .slick-arrow { left: 15px !important; } .chungchi .slick-arrow.slick-next, .sanpham_home .slick-arrow.slick-next, .newhome_template .slick-arrow.slick-next { left: auto !important; right: 15px; }s } @media (max-width: 1250px) { .widget-title small { margin-top: 14px; } .lydochon .widget-title { text-align: center; } .lydochon .text_custom .textwidget { text-align: center; } .has_thumbnail { padding: 60px 15px; justify-content: space-between; } .faq_home {margin-bottom: 60px;} .page-template-page-template-gioithieu .newhome, .faq_home, .commit_home, .tintuc, .chungchi, .doitac, .gioithieu, .sanpham_home { padding: 60px 0; } .map_html { padding: 100px 0; } .sanpham_item .product-meta .icon_product a, .sanpham_home [class*='list_item'] .chuyenmuc_meta .icon_product a { width: 70px; height: 70px; } .sanpham_item .product-meta .cate-title, .sanpham_home [class*='list_item'] .chuyenmuc_meta .cate-title { font-size: 18px; } .register_email .container { border-radius: 0; padding: 50px 15px; } .home .map_html .container .panel-grid-cell:first-child .textwidget { transform: scale(0.65); transform-origin: top; } } @media (max-width: 1024px) { .icon_mobile_click { display: block; } .icon_mobile_click i { font-weight: 900; } header.fixed_header { position: fixed; top: 0; left: 0; } .search_header { margin-right: 40px; padding-left: 0; } .r_middle_header { flex: unset; } .summary .product_title { font-size: 24px; } .cart-title .count { background-color: #000; font-size: 10px; } .middle_header .container { height: 80px; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { font-size: 36px !IMPORTANT; } .title_widget, .widget-title { font-size: 30px; margin-bottom: 35px; } .baivietlienquan .title_widget, .sanpham_khac .widget-title { font-size: 24px; } .text_title .textwidget { margin-bottom: 40px; } .sanpham .list_item_image .content_image { padding: 40px 35px; } .lydochon { padding-top: 60px; } .lydochon { padding-top: 60px; padding-bottom: 30px; } .lydochon .list_item_image { margin-bottom: 30px; padding: 0 15px; } .cacbuoc_thuhien { padding: 80px 0 60px; } .box_lienhe ul li { flex-basis: 50%; max-width: 50%; padding: 10px 10px 10px 90px; } .doitac .container { max-width: 1200px; } .content-page, #content_page, .content_page { padding-top: 40px; } .page-template-page-template-gioithieu .gioithieu .widget-title small { margin-bottom: 14px; } .title-section .title-header { font-size: 26px; } .fixed_custom_contact li a, .phone_animation_circle_fill_img, .fixed_custom_contact li { height: 40px; width: 40px; } #back-top { width: 40px; height: 40px; line-height: 36px; } .faq_home {margin-bottom: 40px;} .page-template-page-template-gioithieu .newhome, .faq_home, .commit_home, .tintuc, .chungchi, .doitac, .gioithieu, .sanpham_home { padding: 40px 0; } .map_html { padding: 80px 0; } .list_faq .widget-title { font-size: 24px; } .list_faq .widget-title:before { width: 50px; height: 50px; flex: 0 0 50px; } .list_faq .widget-title span { top: 10px; } .sumenh .widget-title:before, .tamnhin .widget-title:before { width: 70px; height: 70px; } .top_single_product .cate_name { font-size: 36px; } .banner_page .slick-arrow { left: 10px !IMPORTANT; } .banner_page .slick-arrow.slick-next { right: 10px; } .gioithieu .widget_media_image i:after { width: 60px; height: 60px; } .post_item .post_meta .readmore a { color: var(--p-clr); } .post_item .post_meta .readmore a i { background-color: var(--p-clr); } .sumenh { padding-bottom: 80px; } .single-product .l_layout { display: none; } .single-product .r_layout { width: 100%; } .sanpham_khac { padding-top: 80px; } .top_single_product .icon_product > a img { width: 50px; height: 50px; } .page-template-page-template-nhamay .content_page:before, .page-template-page-template-nhamay .content_page:after, .page-template-page-template-hoidap #content_page:before, .page-template-page-template-hoidap #content_page:after, .single-product #content_page:before, .single-product #content_page:after, .gioithieu:before, .gioithieu:after { top: 0; } .chitiet_sanpham { max-width: 100%; } .list_faq .textwidget { padding-left: 65px; } .languages_item { padding: 0px 17px; border-left: 0; margin-right: 40px; } .icon_mobile_click { position: absolute; right: 15px; margin-right: 0px; } .note_map { padding: 16px 20px; } .width_form .title_box, .nguyenlieu .widget-title, .nhamay .widget-title { font-size: 28px; } .home .map_html .container .panel-grid-cell { width: 100% !IMPORTANT; } .home .map_html .container .panel-grid { flex-direction: column; } .home .map_html .container .panel-grid-cell:first-child .widget_text { max-height: 680px; overflow: hidden; } .r_middle_header .nav__primary { display: none; } .ajax_factory_content .title_box { font-size: 26px; padding: 20px 0; } .factory_item .factory_meta ul li label { flex: 0 0 45%; } .factory_item .content_item { padding: 20px 10px 30px; } } @media (max-width:992px) { .duan .container .panel-grid { flex-direction: column; } .duan .big_slide .ajax_image img { height: auto; } .duan .thumbnail_slide { position: unset; } .thumbnail_slide .ajax_image img { width: auto; height: auto; } .duan .container .panel-grid .panel-grid-cell:first-child { margin-bottom: 30px !important; } .lydochon .container .panel-grid { flex-direction: column; } .lydochon .container .panel-grid .panel-grid-cell { width: 100% !IMPORTANT; } .lydochon .container .panel-grid .panel-grid-cell:first-child { margin-bottom: 30px !important; } .cacbuoc_thuhien .container .panel-grid-cell { width: 100% !important; } .cacbuoc_thuhien .container .panel-grid-cell-empty { display: none; } .cacbuoc_thuhien .widget-title { text-align: center; } .cacbuoc_thuhien .text_custom .textwidget p { text-align: center; } .first_view_template .post_item { width: 100%; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { font-size: 36px !IMPORTANT; line-height: 1.3; } .capiton-banner .capition_content > p { font-size: 16px; } .cacbuoc_thuhien { padding: 40px 0 20px; } .widget-title small { margin-top: 10px; } .box_lienhe .form_lienhe .widget-title small { margin-top: 0px; } .capiton-banner { width: 100%; } .cacbuoc_thuhien .list_item_image .content_image { padding: 15px; } .noidung_trang .container .panel-grid { flex-direction: column; } .noidung_trang .container .panel-grid .panel-grid-cell { width: 100% !IMPORTANT; } .noidung_trang .container .panel-grid .panel-grid-cell:first-child { margin-bottom: 30px !important; } .single-post .l_layout { display: none; } .single-post .r_layout { display: block; width: 100%; padding-right: 15px; } .category .l_layout { display: block; width: 100%; padding-right: 15px; } .left_thankyou .woocommerce-order-overview { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100% !important; } .left_thankyou .woocommerce-order-overview li { width: 33.333%; } .login { padding: 15px 0; border-bottom: 1px solid #fff; } .userinfo { flex-direction: column; } .userinfo .nameuser { border-right: 0; padding-bottom: 15px; border-bottom: 1px solid #fff; } .login .logout { padding-top: 15px; } .userinfo .nameuser a { border-right: 0; } .tax-product_cat .r_layout, .post-type-archive-product .r_layout { width: 100%; } .author .boxchucvu_kinhnghiem .left_box, .author .boxchucvu_kinhnghiem .kinhnghiem, .author .boxchucvu_kinhnghiem .giaithuong { width: 100%; } .author .boxchucvu_kinhnghiem .kinhnghiem, .author .boxchucvu_kinhnghiem .giaithuong { margin-top: 10px; } .author .list_post_category .post_item { width: 100% !IMPORTANT; padding: 0; } .author .post_item { padding-left: 0; } .archive .sticky .l_layout { display: none; } .summary { margin-top: 30px; padding-bottom: 0; } .summary .product_title:before { width: 30%; } footer.nav-footer { margin-top: 30px; } .page-template-page-template-gioithieu .gioithieu .container .panel-grid:nth-child(even) { flex-direction: column-reverse !important; } .page-template-page-template-gioithieu .gioithieu .container .panel-grid .panel-grid-cell { width: 100% !important; } .page-template-page-template-gioithieu .gioithieu .container .panel-grid:nth-child(even) .panel-grid-cell:first-child { margin-bottom: 0 !IMPORTANT; } .page-template-page-template-gioithieu .gioithieu .container .panel-grid:nth-child(even) .panel-grid-cell:last-child { margin-bottom: 30px; } .doitac .container .panel-grid { flex-direction: column-reverse !important; } .doitac .container .panel-grid .panel-grid-cell { width: 100% !IMPORTANT; } .doitac .container .panel-grid .panel-grid-cell:last-child { margin-bottom: 30px; } .doitac .widget-title small { margin-top: 0; margin-bottom: 14px; } .category .r_layout { width: 100%; } .copyright .container { flex-direction: column; text-align: center; } .copyright .container #footer-text { margin-bottom: 30px; } .page-template-page-template-nhamay .map_html .textwidget .note_map { position: unset; } } @media (max-width: 780px) { .widget-title { font-size: 26px; /* margin-bottom: 24px;*/ } .form_lienhe { padding: 0; } .duan .container .panel-grid { margin: 0; } .thongke ul li { max-width: 50%; padding: 15px; } .text_title .textwidget { margin-bottom: 30px; } .footer_page .container .panel-grid-cell:not(:last-child) { margin-bottom: 30px !IMPORTANT; } .footer_page .widget-title { margin-bottom: 20px; } .lydochon { padding-top: 40px; } .breadcrumb { margin: 15px 0 !important; } .gioithieu .container .panel-grid:last-child .panel-grid-cell:first-child { margin-bottom: 30px !IMPORTANT; } .list_faq .widget-title { font-size: 20px; } .sumenh .container .panel-grid { flex-direction: column-reverse !IMPORTANT; } .tamnhin .text_custom, .sumenh .text_custom { padding: 0; } .sumenh .widget-title, .tamnhin .widget-title { margin-bottom: 24px; } .top_single_product .cate_name { font-size: 26px; } .duongdan .page_title { font-size: 30px; } .chungchi ul li .content_image { height: 200px; } .post_item .post_meta { padding: 15px; } .post_item .post_meta .title a { font-size: 20px; } .sanpham_khac { padding-top: 60px; } .sumenh .widget-title:before, .tamnhin .widget-title:before { width: 50px; height: 50px; } .page-template-page-template-nhamay .content_page:before, .page-template-page-template-nhamay .content_page:after, .page-template-page-template-hoidap #content_page:before, .page-template-page-template-hoidap #content_page:after, .single-product #content_page:before, .single-product #content_page:after, .gioithieu:before, .gioithieu:after { background-position: center 60px; top: 0 !important; } .single-product #content_page:after { top: 33% !important; } .page-template-page-template-hoidap #content_page:after, .single-product #content_page:after, .gioithieu:after { right: 5%; left: auto; } .page-template-page-template-nhamay .map_html { padding-bottom: 60px; } .home .factory_item .factory_meta ul li { margin-left: 0; } } @media (max-width:768px){ .sanpham .list_item_image .content_image { padding: 30px; } .capiton-banner { padding: 0 15px; } .text_title .textwidget { max-width: 96%; margin-bottom: 20px; } .lydochon .list_item_image { width: 100%; } #review_form .comment-form-author, #review_form .comment-form-email { padding: 0; } .box_lienhe ul li { flex-basis: 100%; max-width: 100%; padding: 15px 10px 15px 90px; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { font-size: 30px !important; } .title_binhluan { font-size: 24px; } .list_sanpham_chuyenmuc .sanpham_item:nth-child(3n+1) { clear: none; } .list_sanpham_chuyenmuc .sanpham_item:nth-child(2n+1) { clear: both; } .woocommerce-cart .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { padding: 10px !IMPORTANT; width: 100% !IMPORTANT; } .woocommerce-cart .woocommerce table.shop_table_responsive tr td { display: flex !important; position: relative; } .woocommerce-page table.shop_table_responsive tr td.product-thumbnail { display: flex !important; } .woocommerce-cart .woocommerce table.shop_table_responsive thead, .woocommerce-cart .woocommerce-page table.shop_table_responsive thead { display: none !important; } .cart_item .content_td { display: flex; align-items: center; width: 100%; } .cart_item .content_td .product-thumbnail { flex: 0 0 100px; height: 100px; margin-right: 15px; } .post_content .row.cart_page_custom { margin: 0 -15px; } .cart_item .content_td .r_content_td { flex: 1; } .cart_item .content_td .r_content_td .product-name { margin-bottom: 10px; } .cart_item .content_td .r_content_td .product-quantity { margin-right: 10px; } .cart_item .content_td .r_content_td .bottom_content_td { display: flex; align-items: center; } .woocommerce-cart .woocommerce table.shop_table_responsive tr td .actions_cart_bottom { width: 100%; } .woocommerce-page table.cart td.actions .coupon .button { max-width: 100px; height: 35px; padding: 0 15px; } .actions_cart_bottom .coupon input#coupon_code { width: calc(100% - 110px) !IMPORTANT; } .woocommerce-cart .woocommerce table.shop_table_responsive tr td .actions_cart_bottom .title_coupon { display: block; margin-bottom: 10px; } .left_thankyou .woocommerce-order-overview li { width: 50%; } .baochi .textwidget p img { width: calc(50% - 10px); margin: 10px 0; object-fit: contain; } .woocommerce a.remove { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; } .r_thanhtoan, .l_thanhtoan { width: 100%; } .phanhoi_khachhang .widget-title small { margin-bottom: 14px; } .map_html .container .panel-grid .panel-grid-cell:first-child { margin-bottom: 30px !important; } .register_email .container { flex-direction: column; } .register_email .container .widget-title { margin-bottom: 30px; padding-right: 0; } .register_email .container .textwidget { width: 100%; } .button_lienhe a { margin-top: 30px; } .copyright .container #footer-text { margin-bottom: 15px; } .copyright { padding: 10px 0; } .register_email .container:before { top: 15%; } .page-template-page-template-nhamay .map_html .textwidget { transform: scale(0.8); transform-origin: top; } .page-template-page-template-nhamay .map_html .widget_text { max-height: 780px; overflow: hidden; } .item_factory:hover svg { transform: translate(-1px, -10px) scale(1.1); } } @media(max-width: 600px){ .slick-arrow { zoom: 0.7; } .factory_template.row, .newhome_template.row, .list_post_category, .sanpham_khac .row.list_sanpham_chuyenmuc, .row { margin: 0 -7.5px; } .factory_item, .post_item, .cate-list [class*=list_item_], .list_post_category .post_item { padding: 0 7.5px; } .list_sanpham_chuyenmuc .sanpham_item { padding: 0 7.5px; margin-bottom: 15px; } .top_single_product .row, .row.sticky { margin: 0 -15px; } .tag_share { flex-direction: column; } .slick-dots li { padding: 0 5px; } .tag_share .left_tag_cat { margin-bottom: 10px; } .woocommerce-checkout .post_content .row { margin: 0 -15px; } .search_header { position: unset; } .search-form { top: 100%; } .wpcf7 .row .list_group { padding: 0 7.5px; } .lydochon .list_item_image { width: 100%; } .thongke .count { font-size: 34px; } .cacbuoc_thuhien .list_item_image { max-width: 50%; } .box_lienhe ul li i { left: 10px; } .box_lienhe ul li { padding: 15px 10px 15px 60px; } .single_post_meta { flex-direction: column; align-items: flex-start; } .time_author { margin-bottom: 10px; } .category .post_item .content_item { flex-direction: column; } .category .post_item .content_item .thumbnail { margin-right: 0; margin-bottom: 15px; } .capiton-banner .capition_content h2 span, .capiton-banner .capition_content h2 { margin-bottom: 10px; } .capiton-banner .capition_content a { margin-top: 20px; } .banner_page .slick-dots { top: auto; bottom: 10px; right: auto; left: 50%; transform: translateX(-50%); } .page-template-page-template-gioithieu .doitac .list_item_image .content_image { padding: 15px; } .page-template-page-template-gioithieu .doitac .list_item_image .thumbnail img { height: 80px; } .has_thumbnail { flex-direction: column; } .has_thumbnail .title-section { margin-bottom: 20px; } .category .list_post_category .post_item .title a { margin-bottom: 10px; } .page-template-page-template-gioithieu .gioithieu { padding-top: 0; } .price_product { margin-top: 10px; } .summary { margin-top: 10px; } .sanpham_item .product-meta .icon_product a, .sanpham_home [class*='list_item'] .chuyenmuc_meta .icon_product a { width: 50px; height: 50px; padding: 10px; } .sanpham_item .product-meta .cate-title, .sanpham_home [class*='list_item'] .chuyenmuc_meta .cate-title { font-size: 16px; } .post_item .post_meta .readmore a { color: var(--p-clr); } .post_item .post_meta .readmore a i { background-color: var(--p-clr); } .register_email .container .list_group > p .wpcf7-form-control-wrap { flex: 0 0 70%; } .register_email .container .list_group > p button { flex: 0 0 28%; margin-left: 2%; } .baivietlienquan .title_widget:before, .widget-title:before { width: 140px; } .baivietlienquan .title_widget:after, .widget-title:after { width: 25px; height: 21px; } .tamnhin, .page-template-page-template-gioithieu .gioithieu { padding-bottom: 30px; } .sumenh { padding-bottom: 60px; } .duongdan .page_title, .duongdan .title-section .title-header { font-size: 30px; } .width_form .title_box, .nguyenlieu .widget-title, .nhamay .widget-title { font-size: 26px; } .nguyenlieu .widget-title, .nhamay .widget-title { margin-bottom: 40px; } .home .map_html .container .panel-grid-cell:first-child .textwidget { transform: scale(0.5); transform-origin: top center; } .home .map_html .container .panel-grid-cell:first-child .widget_text { max-height: 500px; } .page-template-page-template-nhamay .map_html .textwidget { transform: scale(0.5); transform-origin: top center; } .page-template-page-template-nhamay .map_html .widget_text { max-height: 500px; } .home .factory_item .content_item { margin: 10px 3px; } .factory_item .readmore a { padding: 0 30px; line-height: 40px; font-size: 14px; margin-top: 24px; } .factory_item .factory_meta .title a { font-size: 18px; } .home .factory_item .factory_meta .title { padding-left: 0; } .home .factory_item .factory_meta .factory_cat { position: unset; } .map_html:before { background: rgba(0,0,0,0.55); } .page-template-page-template-nhamay .map_html { padding-bottom: 30px; } [class*='bg_form_poup'] .content_form .post_relative { max-width: 94%; } .width_form .factory_item .factory_meta ul li label { margin-right: 5%; } .page-template-page-template-nhamay .map_html .textwidget .note_map { transform: scale(1.2); margin-top: 20px; } } @media(max-width: 480px){ span.wpcf7-not-valid-tip { font-size: 12px; padding: 0 8px 3px; } .widget-title { font-size: 22px; } .baivietlienquan .title_widget, .sanpham_khac .widget-title { font-size: 22px; } .thongke .count { font-size: 30px; } .phanhoi_khachhang .widget-title { width: auto; } .title_binhluan { font-size: 20px; } .filter_box { flex-direction: column; } .filter_box form.woocommerce-ordering { margin-top: 15px; } .title-section .title-header { font-size: 22px; } .sanpham_item .content_item .product-meta .price ins { font-size: 16px; } .sanpham_item .content_item .product-meta .name a { font-size: 18px; } .summary .product_title { font-size: 22px; } .sanpham_item .product-meta .cate-title, .sanpham_home [class*='list_item'] .chuyenmuc_meta .cate-title { font-size: 14px; } .sanpham_item .product-meta, .sanpham_home [class*='list_item'] .chuyenmuc_meta { padding: 0 10px 20px; } .list_faq .widget-title { font-size: 18px; } .register_email .container { padding: 30px 15px; } .register_email .container .widget-title { margin-bottom: 20px; } .register_email .container .list_group > p input { height: 40px; } .register_email .container .list_group > p button { line-height: 38px; font-size: 14px; } .register_email .container:before { transform: scale(0.6); } .page-template-page-template-nhamay .map_html .textwidget { /* transform: scale(0.6); transform-origin: top left;*/ } .page-template-page-template-nhamay .map_html .widget_text { /* max-height: 585px;*/ } } @media(max-width: 425px) { .page-template-page-template-nhamay .map_html .textwidget, .home .map_html .container .panel-grid-cell:first-child .textwidget { transform-origin: top left; } .page-template-page-template-nhamay .map_html .widget_text, .home .map_html .container .panel-grid-cell:first-child .widget_text { max-height: 465px; } .page-template-page-template-nhamay .map_html .textwidget, .home .map_html .container .panel-grid-cell:first-child .textwidget { transform: scale(0.45); } .page-template-page-template-nhamay .map_html .textwidget .note_map { transform: scale(1.4); margin-left: 50%; margin-top: 40px; } } @media(max-width: 375px){ .first_view_template .post_item:not(:first-child) .content_item { flex-direction: column; } .first_view_template .post_item:not(:first-child) .content_item .post_meta { padding: 10px 0 20px; } .first_view_template .post_item:not(:first-child) .content_item .title { margin-bottom: 6px; } .sanpham_item .content_item .product-meta .name a { font-size: 16px; } .factory_item .factory_meta ul li label { flex: 0 0 50%; } } @media(max-width: 340px) { }