/* Theme Name: Bán hàng 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. 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 */ /*===================CSS SITE LAFORCE==========================*/ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;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:600}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}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:1px solid silver}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:#333;text-decoration:none}a:hover,a:focus{color:#d86161;text-decoration:underline}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{font-size:100%}.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:#fff}.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; } .row { margin-left: -15px; margin-right: -15px; } .col-md-14285{ width: 14.285%; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; line-height: 1.1; color: inherit; margin-top: 0; } img{ max-width: 100%; height: auto; } @-moz-document url-prefix() { img{ width: auto !important; max-width: -moz-max-content; } } img.size-auto, img.size-large, img.size-full, img.size-medium { max-width: 100%; height: auto; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .no_padding{ padding: 0; } .no_padding_left{ padding-left: 0; } .no_padding_right{ padding-right: 0; } a{ text-decoration: none; } body{ background-color: #ffffff; font-family: IBMPlexSans; font-size: 15px; color: #444a59; line-height: 1.8em; font-weight: 400; -webkit-font-smoothing: antialiased; width: 100%; overflow: hidden; margin: 0px; } html{ overflow-x: hidden; } img{ max-width: 100%; height: auto; width: auto; } .thumbnail{ margin: 0px 0px 0px 0px; padding: 0; border: none; border-radius: 0; background: none; } .alignnone{ margin: 0; } img.aligncenter{ display: table; margin: 0px auto; } a { color: #444a59; } a:hover{ color:#345629 ; text-decoration: none ; } .header ul,.header ol,.footer ul,.footer ol{ margin: 0; padding: 0; list-style: none; } ins{ text-decoration: none; } .container{ width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; margin:0 auto; position: relative; } .bottom_header{ background: url(images/menuBg.gif) left top repeat-x; } .nav__primary{ position: relative; float: left; padding:15px 0px 15px 0px; width: 100%; } .fixedheader .nav__primary{ padding:15px 0px 15px 0px; } .nav__primary ul{ position: relative; text-align: center; } .nav__primary ul li{ display: inline-block; position: relative; padding:10px 0px; } /*===============ANIMATION NAV====================== */ .nav__primary ul li a{ display: block; padding: 0px 20px; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; position: relative; top:3px; overflow: hidden; } .nav__primary ul li a:hover, .nav__primary ul li.current-menu-item a{ color: #335628; } .nav__primary ul li a span{ overflow: hidden; padding: 0 4px; height: 1em; } .nav__primary ul li a span b { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .nav__primary ul li a span b::before{ position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .nav__primary ul li a span:hover b, .nav__primary ul li a span:focus b { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } /*=============== END ANIMATION NAV====================== */ .nav__primary ul li:last-child a{ border: none; } .nav__primary ul.sf-menu>li>ul.sub-menu{ position: absolute; visibility: hidden; opacity: 0; width: 870px; background: #fff; top: 100%; transition: all 0.3s; left: -170%; padding:30px 40px; min-height: 360px; } .nav__primary ul.sf-menu>li>ul.sub-menu>li>a{ color: #000; font-size: 18px; line-height: 24px; text-align: left; padding: 0px; margin: 0px 0px 20px 0px; text-transform: unset; } .nav__primary ul.sf-menu>li>ul.sub-menu>li{ width: 33.33%; float:left; } .nav__primary ul.sf-menu li>ul.sub-menu>li{ display: block; padding: 0px 0px 5px 0px; border-left: 1px solid #e6e6e6; } .nav__primary ul.sf-menu li>ul.sub-menu>li>ul.sub-menu>li{ border-left: none; line-height: 10px; } .nav__primary ul.sf-menu li>ul.sub-menu>li:nth-child(3n+1){ border-left: none; clear: both; } .nav__primary ul.sf-menu li>ul.sub-menu>li:not(:nth-child(3n+1)){ padding-left: 35px; } .nav__primary ul.sf-menu li>ul.sub-menu>li>ul.sub-menu>li:not(:nth-child(3n+1)){ padding-left: 0px; } .nav__primary ul.sf-menu li:hover>ul.sub-menu{ visibility: visible; opacity: 1; top:120%; } .nav__primary ul.sf-menu>li>ul.sub-menu>li>ul.sub-menu{ text-align: left; } .nav__primary ul.sf-menu>li>ul.sub-menu>li>ul.sub-menu>li>a{ color: #999999; font-size: 14px; line-height: 30px; text-align: left; text-transform: unset; padding: 0px; display: inline-block; border-bottom: 2px solid #fff; } .nav__primary ul.sf-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{ color: #345629; border-bottom: 2px solid #33a457; } .search_header{ display: none; } :focus{ outline: none; } .home_adv{ padding-top: 1em; text-align: center; } .pagination{ display: inline-block; width: 100%; } .pagination ul li{ display: inline-block; } .pagination ul li a{ border: 1px solid #e1e1e1; color: #999; font-size: 1.1em; letter-spacing: 1px; margin: 2px; padding: 10px 19px; position: relative; text-transform: uppercase; font-size: 14px; display: block; } .pagination ul li.no_border a{ border: none; } .no-padding{ padding: 0; } .pagination ul li.prev a,.pagination ul li.next a, .pagination ul li.first a,.pagination ul li.last a{ background: #f9f9f9; font-weight: 600; text-decoration: none; color: #999; border: 1px solid #f9f9f9; font-size: 11px; padding: 10px 19px; } .slick-next:before,.slick-prev:before{ padding: 0px 27px !important; } .pagination ul li.active a{ background-color: #345629; border: 1px solid #345629; color: #fff; } /*menumobile*/ .icon_mobile_click { position: relative; display: block; color: #fff; text-transform: uppercase; /* font-weight: 600; */ font-size: 17px; padding: 3px 15px 3px 0px; margin: 0; display:none; cursor: pointer; z-index: 99999; float: left; } .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; background-color: #fff; overflow-x: hidden; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -o-transition: -o-transform .3s ease; transition: transform .3s ease; z-index: 999999; } .menu_hidden{ z-index: -1; left: -260px; } .menu_show{ z-index: 9999999; } #menu_mobile_full .close_menu { display: block; padding: 10px 15px 0px 10px; font-size: 20px; text-align: right; color: #fff; cursor: pointer; } #menu_mobile_full ul li,#menu_mobile_full ul li a{ width: 100%; display: block; } #menu_mobile_full ul li{ position: relative; } #menu-menu-chinh{ padding: 0px 20px; } #menu_mobile_full ul li.menu-item-has-children span{ position: absolute; top: 0; right: 0em; color: #fff; width: 30px; height: 47px; cursor: pointer; text-align: center; line-height: 47px; font-size: 20px; } #menu_mobile_full ul li.menu-item-has-children span.active{ content: '-'; } #menu_mobile_full ul li a{ padding: 15px 10px; border-bottom: 1px solid #1b542d; color: #000; text-transform: uppercase font-size: 16px; } #menu_mobile_full ul li a:hover{ text-decoration: none; background:#2C2C2C; color: #047DC6 !important; } #menu_mobile_full ul li.menu-item-has-children ul.sub-menu{ display: none;padding-left: 2px; } #menu_mobile_full ul li.menu-item-has-children ul.sub-menu li a{ text-transform: none; font-size: 13px; color: #ccc; padding-left: 2em; } #menu_mobile_full ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu{ display: none; } #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; } /*======================================== CSS SITE LAFORCE_NEW =========================================================== */ /*=============================== CSS HEADER ========================================== */ .header{ position: fixed; z-index: 2; width: 100%; top: 0; left: 0; } .count{ background: #2d6f41; border-radius: 5px; display: inline-block; color: #fff; width: 14px; text-align: center; font-size: 12px; height: 18px; line-height: 18px; position: relative; top: -10px; right: -15px; } .container_full{ max-width: 1170px; width: 100%; margin: 0px auto; } .logo_header{ position: absolute; left: 5em; top: 1em; z-index: 9; } .fixedheader .logo_header{ left: 4em; top: 1em; } .fixedheader{ min-height: 60px; } .header .r_menu{ position: absolute; right: 60px; top:25px; z-index: 999; } .uynh_custom_search .search_header{ position: absolute; right: 10%; top: 60px; } .uynh_custom_search input[type="text"]{ padding: 8px; border-radius: 0; border: none; min-width: 290px; border: 2px solid #f8f8f8; } .uynh_custom_search input[type="submit"]{ position: absolute; top: 0px; right: 0px; background: #f8f8f8; color: #335628; font-weight: bold; border: none; border-radius: 0px; padding: 10px 15px; text-transform: uppercase; } .uynh_custom_search .active_form input[type="text"]{ border: 2px solid #335628; } .uynh_custom_search .active_form input[type="submit"]{ background: #335628; color: #fff; } i.fa-search,.single-product .fixedheader i.fa-search,.woocommerce-cart .fixedheader i.fa-search{ padding: 5px 0px 0px 15px; cursor: pointer; color: #fff; font-size: 18px; } .single-product i.fa-search,.woocommerce-cart i.fa-search{ color: #333; } .caption-wrap{ position: absolute !important; top: 50%; left: 40% !important; transform: translate(-50%,-50%); max-width: 455px; background: none !important; opacity: 1 !important } .caption small{ font-size: 14px; line-height: 36px; text-transform: uppercase; letter-spacing: 3.2px; } .caption .title h3{ font-size: 60px; line-height: 60px; color:#fff; font-weight: bold; } .caption .desc{ color:#cccccc; } .duongdan{ min-height: 300px; position: relative !important; } .single-post .background_product_cat { min-height: 400px; margin: -15px 0px 0px 0px; position: relative; } .single-post h1.title-header{ font-size: 32px; line-height: 1.5; color:#000; font-weight: bold; margin-bottom: 25px; text-align: justify; } .name_author{ color:#000; font-weight: bold; } .name_author span{ color:#cccccc; font-weight: 400; } .duongdan .breadcrumb{ background:none !important; margin-bottom: 0; padding: 8px 15px; } .breadcrumb li{ display: inline-block; list-style: none; } .breadcrumb > li + li:before { padding: 0 5px; color: #fff; content: "\f054"; font-family: 'FontAwesome'; font-size: 9px; } .breadcrumb li a,.breadcrumb li{ color:#fff; font-size: 14px; line-height: 1.4; } .breadcrumb li:last-child:before { color: #fff; } .breadcrumb li:last-child a{ color:#fff; } .single-product .breadcrumb li:last-child a,.single-product .breadcrumb li a,.single-product .breadcrumb li{ color:#000; } .duongdan .container, .background_product_cat .container { position: initial !important; } .duongdan .content_duongdan{ transform: translate(-50%,-50%); position: absolute; bottom: 0px; left: 50%; text-align: center; width: 95%; line-height: 1.4; } .duongdan h1.title-header, .background_product_cat h1.title-header, .duongdan h2.title-header { color: #fff; font-size: 36px; font-weight: bold; margin: 0; line-height: 1.1; } .category .list_post_wrapper{ padding:7em 0px 0px 0px; } .list_post_wrapper .post_wrapper{ width: 33.3333% ; } .list_post_wrapper .post_wrapper img{ min-height: 280px; max-height: 280px; } .post_wrapper .thumbnail{ background: #ebebeb; } .post_wrapper{ margin: 0px 0px 4.5em 0px; } .post_wrapper:nth-child(3n+1){ clear: both; } .time_post_comment{ color: #cccccc; font-size: 14px; line-height: 1.4; } .single-post .post_content .textwidget{ font-size: 18px; line-height: 170%; color:#000; } .single-post .anhdaidien { margin: 15px 0; } .noidung_chitiet { margin: 50px 0; } .tag_single span { float: left; } .tag_single ul li { float: left; margin: 0px 5px; } .chuyenmuc_single { float: left; margin-right: 20px; } .chuyenmuc_single a, .tag_single ul li a{ color:#bbbbbb; } .r_share_bottom { float: right; } .share_link .title { float: left; } .share_link ul { float: left; } .share_link ul li { margin: 0px 8px; float: left; } .comment_single_post { clear: both; max-width: 770px; margin: 30px auto 0px auto; } #respond>h3 { max-width: 770px; margin: 0px auto 50px auto; width: 100%; font-size: 18px; color: #444a59; text-transform: uppercase; font-weight: bold; } #commentform { max-width: 770px; width: 100%; margin: 0px auto; display: table; } #commentform label { display: block; font-weight: unset; font-size: 14px; margin-bottom: 10px; } #commentform input[type*="text"], #commentform input[type*="mail"], #commentform textarea { width: 100%; padding: 8px 10px 8px 20px; border-radius: 0; border: none; background: #fff; color: #A8A8A8; } #commentform textarea { max-height: 130px; } .noidung_binhluan+p { margin: 50px 0px 80px 0px; } #commentform input[type*="submit"] { background: #335628 !important; color: #fff; padding: 10px 24px; font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; display: table; margin: 30px auto 0 auto; } .post-share_bottom{ overflow: auto; } /*========================CSS CONTENT======================================== */ .header .cart,.header.fixedheader .cart,.home .header .cart, .single .header.fixedheader .cart{ background: url(images/cart.png) no-repeat; float: left; width: 30px; margin-right: 15px; position: relative; } .single .header .cart{ background: url(images/cart_black.png) no-repeat; } .header .cart .woocommerce-mini-cart__total{ display: table; width: 100%; } .uynh_custom_search{ float: left; background-position: left; width: 30px; text-align: center; } .single-product .uynh_custom_search{ position: relative; } .r_menu i.fa-shopping-cart::before{ content: ""; } .cate_list_title { text-align: center; font-size: 24px; } .cate_list_title h2 { font-size: inherit; margin: 0; font-weight: 500; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .cate-list li{ position: relative; vertical-align: middle; text-align: center; margin: 0px auto; } #danhmucsanpham{ position: relative; background: #E1E1E1; padding: 10px 0 0 0; } #danhmucsanpham li:hover img, #new_home .thumbnail:hover img, #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p:hover img, #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.2); transform: scale(1.2); } #danhmucsanpham li:hover, #new_home .thumbnail:hover, #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p:hover, #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p:hover{ } #danhmucsanpham li img, #new_home .thumbnail img, #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p img, #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p img{ max-width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width: 100%; } #danhmucsanpham li, #new_home .thumbnail, #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p, #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p{ position: relative; transition: all 0.5s; border:0px solid #fff; } #danhmucsanpham>.panel-grid-cell:nth-child(2) { position: relative; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid{ width: 100%; margin-bottom: 0 !important; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell img{ } #danhmucsanpham>.panel-grid-cell:nth-child(1){ } #danhmucsanpham .view_more h2 { font-size: 14px; margin: 0; color: #fff; } .view_more .textwidget{ position: relative; } .view_more .textwidget::before{ position: absolute; content: url(images/icon_right.png); bottom: -60px; width: 100%; text-align: center; right: 0; left: 0; } .view_more .textwidget a { color: #628967; text-transform: uppercase; letter-spacing: 2.2px; } .view_more .textwidget p{ font-size: 14px; color: #fff; margin:0px; } #gioithieu_home>.panel-grid-cell:nth-child(2){ padding:0px 12em 0px 9em; } #quitrinh_home>.panel-grid-cell:nth-child(2){ padding:0px 3em 0px 9em; } #quitrinh_home>.panel-grid-cell:nth-child(2) .widget-title h3{ margin-right: 0px !important; text-align: right; float:right; } #quitrinh_home .widget-title, #sanpham_home .widget-title{ position: relative; } #quitrinh_home .widget-title::before{ position: absolute; content: ""; width: 70%; height: 1px; background: #999999; right: -82%; top: 200%; } #sanpham_home .widget-title::before{ position: absolute; content: ""; width: 70%; height: 1px; background: #999999; left: -82%; top: 45%; } #gioithieu_home{ padding:8.5em 0px; } #title_custom .widget-title{ position: absolute; right: -120px; top: 120px; transform: rotate(-90deg); border: 1px solid #999999; padding: 21px 0px 21px 25px; min-width: 350px; } #gioithieu_sanpham .panel-first-child #title_custom .widget-title{ left: 8em; right: unset; top: 15em !important; } #title_custom .widget-title span, #gioithieu_sanpham .panel-first-child #title_custom span{ font-size: 14px; color: #999999; line-height: 36px; text-transform: uppercase; font-weight: bold; letter-spacing: 2.2px; padding: 0px 0px 0px 20px; } #gioithieu_home .panel-grid-cell, #gioithieu_sanpham .panel-grid-cell, #gioithieu_home span, #title_custom span { position: relative; } /*#title_custom span::before{ position: absolute; content: ""; width: 60%; height: 1px; background: #b6b6b6; bottom: 9px; left: -74px; }*/ #title_custom label{ margin: 10px 100px 10px 0px; font-size: 24px; line-height: 36px; transform: rotate(90deg); color: #999999; } .home .widget_creativecate ul { padding-left: 0; } .home .widget_creativecate ul li { vertical-align: middle; margin: 0px auto; text-align: center; position: relative; overflow: hidden; } .home .widget_creativecate .term_meta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 15px; text-align: center; } .home .widget_creativecate .term_nothumbnail .term_meta { position: relative; } .term_nothumbnail { position: absolute; width: 50%; height: 36.5%; } .term_nothumbnail ul.cate-list { padding-left: 0; display: flex; flex-direction: column; height: 100%; } .count_product{ font-size: 14px; margin:5px 0px 0px 0px; } .term_nothumbnail .cate-list li { display: flex; align-items: center; height: 50%; width: 100%; } .term_nothumbnail .cate-list li:nth-child(1) { margin-bottom: 10px !important; background: #D0C6BC; } .term_nothumbnail .cate-list li:nth-child(2) { background: #A19282; } #quitrinh_home{ padding:0px 0px 8em 3em; } #sanpham_home{ padding: 0px 0px 0em 8em; } #quitrinh_home .panel-grid-cell-mobile-last{ padding: 0px 0px 0px 6em; } #sanpham_home>.panel-grid-cell:nth-child(1){ padding: 0px 10em 0px 8em; } #sanpham_home>.panel-grid-cell:nth-child(2){ padding:0px 0px 0px 4em; } .widget-title small { font-size: 14px; color: #999999; line-height: 36px; text-transform: uppercase; font-weight: bold; letter-spacing: 7.2px; display: block; } #gioithieu_sanpham .panel-last-child .widget-title{ font-size: 48px; line-height: 48px; font-weight: bold; max-width: 355px; color:#000; } #new_home .widget-title h3, #gioithieu_sanpham .panel-last-child .widget-title h2 { font-size: inherit; margin: 0; } #quitrinh_home h2 { text-align: right; margin: 0; } #gioithieu_sanpham .panel-last-child .widget-title{ clear: both; padding: 100px 0px 80px 0px; float: right; max-width: 475px; text-align: right; } #gioithieu_home>.panel-grid-cell:nth-child(2) .textwidget, #sanpham_home>.panel-grid-cell:nth-child(1) .textwidget { margin: 5.5em 0px 0px 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2) .textwidget{ margin:12.5em 0px 0px 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2) .widget-title small{ display: block; text-align: right; } .page-template-page-template-gioithieu #row1>.panel-grid-cell:nth-child(2) .textwidget{ margin: 5.5em 0px 5.5em 0px; } .page-template-page-template-gioithieu #title_custom .widget-title{ left: 5em !important; right: unset; top: 9em !important; } .page-template-page-template-gioithieu #row1>.panel-grid-cell:nth-child(2) .textwidget p:nth-child(1){ margin:0px 0px 2em 0px !important; } .page-template-page-template-gioithieu #content_page{ padding-top: 5em; } #gioithieu_sanpham{ padding: 0px 17em 0px 0px; } #gioithieu_sanpham .textwidget{ clear: both; /* padding: 100px 0px 80px 0px; */ float: right; max-width: 600px; margin: 0px 0px 0px 0px; position: relative; } #bosuutap{ background: #f9f9f9 !important; padding: 18.75em 0px 17.5em 0px; } #bosuutap .slick-track .slick-slide{ position: relative; margin: 0px 10px; } #bosuutap .slick-track .slick-slide::before{ position: absolute; content: ""; display: block; width: 100%; height: 100%; background: rgba(94, 97, 97, 0.5); z-index: 1; top: 0; left: 0px; } .slick-center::before{ display:none !important; } .slick-slide img{ margin:0px auto !important; } .slick-next{ right: 10% !important; } .slick-next::before{ content: "\f105" !important; font: normal normal normal 14px/1 FontAwesome !important; color: #fff !important; font-size: 60px !important; background:none !important; } .slick-prev{ left: 7% !important; } .slick-prev::before{ content: "\f104" !important; font: normal normal normal 14px/1 FontAwesome !important; color: #fff !important; font-size: 60px !important; background:none !important; } #sanpham_home .textwidget p a, #gioithieu_home .textwidget p a, #quitrinh_home .textwidget p a { font-size: 14px; text-transform: uppercase; line-height: 30px; color: #2d6f41; letter-spacing: 3.2px; font-weight: bold; margin-top: 40px; display: block; } #quitrinh_home .textwidget p{ text-align: right; } #nhanxet_home{ padding: 10em 0px 10em 13em; } #nhanxet_home .widget-title{ color: #999999; margin: 0px 0px 6em 0px; } #nhanxet_home .textwidget{ margin:0px 30px 6em 0px; } #nhanxet_home .widget-title { margin-top:-60px; } #nhanxet_home .textwidget p strong{ font-size: 60px; line-height: 60px; color:#fff; } #nhanxet_home .panel-grid-cell-mobile-last .textwidget p:last-child{ font-size: 18px; line-height: 30px; color: #cccccc; } #nhanxet_home .panel-grid-cell-mobile-last .widget-title small{ line-height: 60px; color: #cccccc; font-size: 16px; text-transform: uppercase; letter-spacing: 2.2px; } #nhanxet_home .panel-grid-cell-mobile-last .widget-title h3{ font-size: 38px; font-weight: bold; margin: 0px; color:#fff; } #new_home{ padding:130px 0px; } #new_home .widget-title, #hethongcuahang .widget-title, #lienhe .widget-title,.khuvuc_chinhanh .widget-title span, #bosuutap .widget-title{ text-align: center; font-size: 24px; line-height: 60px; color:#000; font-weight: bold; margin: 0px 0px 60px 0px; } #bosuutap .slick-next:hover::before,#bosuutap .slick-next:hover::after{ color: #345629 !important; } #bosuutap .widget-title h3 { font-size: 24px; margin: 0 auto; text-align: center; text-transform: none; } .khuvuc_chinhanh{ padding: 3em 0px 5em 0px; border-top: 1px solid #e6e6e6; } .title_khuvuc{ font-size: 14px; line-height: 20px; color: #345629; font-weight: bold; text-transform: uppercase; margin: 0px 0px 15px 0px; position: relative; cursor: pointer; } .title_khuvuc::before{ position: absolute; content: ""; width: 100%; height: 1px; background: #e6e6e6; top: 30%; z-index: -1; right: 0; } .title_khuvuc span{ position: relative; background: #fff; z-index: 1; padding: 0px 20px 0px 0px; } .box_khuvuc .list_chinhanh{ background: #fff; z-index: 9; } .box_khuvuc .list_chinhanh.active_hanoi{ display: block; position: relative; top: auto; left: auto; } .box_khuvuc:hover .list_chinhanh{ display: block; } .list_chinhanh .title{ float: left; width: 100%; } .list_chinhanh .list_list{ position: relative; padding-left: 25px; display: table; width: 100%; margin: 5px 0px; } .list_chinhanh .title a{ font-size: 14px; line-height: 20px; font-weight: bold; color: #2D6F41; display: block; } .list_chinhanh .title p{ font-size: 14px; line-height: 20px; color: #414042; padding: 0px 0px 0px 0px; font-weight: 400; margin: 0px 0px 0px 0px; } .list_chinhanh label{ position: absolute; top: 3px; left: 0; background: #999; color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; width: 17px; height: 13px; margin: 0; line-height: 13px; text-align: center; font-size: 11px; } .list_list:hover .title a{ color:#345629; } .list_list:hover .desc p{ color: #345629 ; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh{ margin: 0px 0px; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh .list_list{ width: 50%; float: left; padding: 0px 15px 0px 25px; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh .list_list:nth-child(2n+1){ clear: both; } #new_home .thumbnail{ max-width: 375px; background:#ebebeb; overflow: hidden; } #new_home .thumbnail img{ /* max-height: 270px;*/ } .time { color: #cccccc; } .post_wrapper .time{ display: table; width: 100%; margin-top: 20px; line-height: 18px; } .time span{ color:#cccccc; font-size: 14px; } .post-list_h .post-title , h2.post-title, .title_post a{ font-size: 18px; line-height: 24px; color:#000; font-weight: bold; } .excerpt{ font-size: 14px; line-height: 24px; color: #999999; } .post-list .post-list_h{ margin: 0px 0px 15px 0px; min-height: 50px; } .btn-primary, .post_meta a, .read_more a{ color:#999999 ; text-transform: uppercase; font-size: 13px; line-height: 24px; background:none !important; border-color: unset !important; border:none; padding:0px; letter-spacing: 2.2px; font-weight: bold; } #new_home ul.post-list { overflow: auto; max-width: 1170px; margin: 0px auto; } ul.post-list li:hover .post-title, .post_wrapper:hover h2.post-title, .same ul li:hover .title_post a{ text-decoration: underline; } ul.post-list li:hover .btn-primary, .post_wrapper:hover .post_meta a, .same ul li:hover .read_more a { color: #345629; } .sidebar_single_post{ background: url(images/bg_free.png); margin: 8em 0px 0px 0px; overflow: auto; background-size: cover; } .home .sidebar_single_post{ margin: 0px; } .page-template-page-template-danhmuc .sidebar_single_post{ padding: 3em 0px; } .sidebar_single_post .textwidget ul { overflow: auto; margin: 0px auto; padding: 51px 0px 52px 0px; display: table; } .single-post .sidebar_single_post .textwidget, .tax-product_cat .sidebar_single_post .textwidget , .page-id-442 .sidebar_single_post .textwidget { } .single-post .sidebar_single_post .textwidget p, .tax-product_cat .sidebar_single_post .textwidget p , .page-id-442 .sidebar_single_post .textwidget p{ color: #fff; text-transform: uppercase; font-weight: bold; margin: 0px auto; display: table; } .sidebar_single_post .textwidget p a{ font-size: 14px; line-height: 30px; color:#fff; text-transform: uppercase; font-weight: bold; text-decoration: underline; } .sidebar_single_post .textwidget p span{ text-transform: initial; font-size: 18px; line-height: 30px; margin: 0px 30px; color: #b4b3b3 !important; font-weight: 400; } .sidebar_single_post .textwidget p img{ margin-right: 30px; } .sidebar_single_post .textwidget ul li{ float: left; color: #fff; padding: 1em 4em 1em 7em; border-left: 1px solid #58824b; } .sidebar_single_post .textwidget ul li:first-child{ border-left: none; background: url(images/icon_security.png) no-repeat; background-position: 10%; } .sidebar_single_post .textwidget ul li:nth-child(2){ background: url(images/icon_baohanh.png) no-repeat; background-position: 20%; padding: 1em 4em 1em 9em; } .sidebar_single_post .textwidget ul li:last-child{ background: url(images/icon_car.png) no-repeat; background-position: 15%; /* float: right; */ max-width: 380px; padding: 0em 0em 0em 9em; } #hethongcuahang{ padding:130px 0px 0px 0px; } .single-product .woocommerce-product-gallery, .single-product .entry-summary{ width: 100% !important; } h1.product_title { font-size: 24px; line-height: 36px; color:#000; } .top_single .priece_single{ margin:20px 0px 0px 0px; } .top_single .price .amount{ font-size: 24px; font-weight: bold; color:#000; } .priece_single>.price>del>.amount{ font-size: 13px; } .top_single{ padding:100px 0px; } .top_single .count, .page-template-page-template-checkout #content_page .count{ background: none; border-radius: unset; display: inline-block; color: unset; width: initial; text-align: initial; font-size: 20px; height: initial; line-height: initial; position: relative; top: unset; right: unset; } .page-template-page-template-checkout #content_page .select2-container .select2-selection--single{ height: 35px; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 32px !important; } .top_single .count{ font-size: 15px !important; } .list_value_variations{ clear: both; margin: 30px 0px; } .list_value_variations ul{ padding-left: 0; } .list_value_variations ul li{ float: left; padding: 10px 17px; border: 1px solid #e6e6e6; margin: 5px 5px 0px 0px; cursor: pointer; position: relative; list-style: none; } .list_value_variations ul li.active{ border:1px solid #345629 ; } .list_value_variations ul li.active::before{ position: absolute; content: url(images/icon_check.png); bottom: -1em; right: 0.9em; } .quantity label{ display: none; } .woocommerce div.product form.cart div.quantity input { height: 50px; } .single_add_to_cart_button { clear: both; font-size: 16px !important; background-color: #345629 !important; padding:30px !important; text-transform: uppercase; font-weight: bold !important; letter-spacing: 2.2px; width: 100%; margin:40px 0px 0px 0px !important; max-width: 375px; color: #fff !important; } .top_single .giam{ background: #f9f9f9 url(images/arrow_down.png) no-repeat center; width: 20px; height: 20px; padding: 4px 25px; position: relative; top: 24px; cursor: pointer; } .top_single .tang{ background: #f9f9f9 url(images/arrow_up.png) no-repeat center; width: 20px; height: 20px; padding: 4px 25px; position: relative; top: 1px; left: -50px; text-indent: -9999px; cursor: pointer; } .top_single .tab_content_detail ul li .title{ font-size: 18px; color:#000; font-weight: bold; position: relative; } .top_single .tab_content_detail ul li .title::before{ content:url(images/icon_click_plus.png); position: absolute; right: 0px; } .top_single .tab_content_detail ul li .active::before{ content:url(images/icon_minus.png); position: absolute; right: 0px; } .top_single .tab_content_detail ul li .content p{ font-size: 14px; line-height: 30px; color:#000; } .top_single .tab_content_detail { clear: both; } .top_single .tab_content_detail>ul>li { border-top: 1px solid #e6e6e6; cursor: pointer; } .top_single .tab_content_detail>ul>li{ padding:30px 0px; } .top_single .tab_content_detail>ul>li ul>li{ position: relative; padding:0px 0px 0px 30px; } .top_single .tab_content_detail ul{ padding-left: 0; } .top_single .tab_content_detail ul li{ list-style: none; } .top_single .tab_content_detail>ul>li ul>li::before{ content:url(images/dot_green.png); position: absolute; left: 10px; } .top_single .content{ display: none; } .top_single h2.title_cat a{ font-size: 16px; color:#bebfbf; } .page-template-page-template-checkout .woocommerce-message{ display: none !important; } .quantity .qty{ text-align: center ; width: 50px; padding: 2px 5px; background: none; border: 1px solid #cecece; } #back-top span { display: block; margin-bottom: 7px; width: 30px; height: 30px; background: #345629 url(images/up-arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; background-size: 60%; } #back-top-wrapper { position: fixed; right: 10px; bottom: 90px; overflow: hidden; z-index: 99; } .author a:hover{ color:#fff; } #menu-thong-tin-chung li{ float:left; width: 50%; } #video_gioithieu{ margin: 0px 0px 8em 0px; } #video_gioithieu .textwidget{ margin: 0px -4em; } #video_gioithieu .widget-title, #tuyendung .widget-title, .page-id-442 .content-page .widget-title, .related .title_widget span , .page-template-page-template-lienhe h2.title-header, .woocommerce-order-received h2.title-header { font-size: 16px; line-height: 30px; color: #000; letter-spacing: 10.2px; text-transform: uppercase; padding: 0px 0px 3em 12em; font-weight: bold; position: relative; } .page-template-page-template-lienhe .title-section{ margin: 80px 0px 0px 0px; } .page-template-page-template-lienhe #all_information{ margin: 0px 0px 100px 0px; } .page-id-442 .content-page .widget-title{ padding: 5em 0px 3em 12em; } #video_gioithieu .widget-title::before, #taisao_chonlaforce #title_custom .widget-title::before , #tuyendung .widget-title::before , .page-id-442 .content-page .widget-title::before,.related .title_widget span::before,.page-template-page-template-lienhe h2.title-header::before, .woocommerce-order-received h2.title-header::before{ content: url(images/line_title_about.png); position: absolute; top: -5px; left: 70px; } .page-id-442 .content-page .widget-title::before{ top:4.8em; } .page-id-442 .widget_creativecate ul li img{ max-height: 375px; } #taisao_chonlaforce>.panel-grid-cell>.panel-last-child .textwidget, #text_danhmuc .textwidget{ max-width: 770px; margin: 7em auto 10em auto; } #taisao_chonlaforce #title_custom .widget-title { font-size: 16px; line-height: 30px; color: #000; letter-spacing: 10.2px; text-transform: uppercase; padding: 0px 0px 3em 12em; font-weight: bold; position: relative; right: unset; top:unset; transform:unset; border:none; min-width: initial; top: auto !important; left: auto !important; right: auto !important; } #taisao_chonlaforce .panel-layout .panel-grid>.panel-grid-cell{ max-height: 420px; } .top_item .count_item{ position: absolute; font-size: 60px; line-height: 30px; top: 10px; color: #ebebeb; font-weight: bold; } .top_item .post-list_h{ padding:0px 0px 0px 6em ; } #lienhe{ padding: 7em 0px; margin:10em 0px 0px 0px; } #lienhe .wpcf7-form{ background:#fff; padding:3em 3em 4em 3em; } #lienhe input[type*="text"], #lienhe input[type*="email"], #lienhe textarea, .woocommerce-checkout input[type*="text"], .woocommerce-checkout input[type*="tel"], .woocommerce-checkout input[type*="email"], .woocommerce-checkout textarea { border: none; background: none; border-bottom: 1px solid #e6e6e6; width: 100%; padding-bottom: 5px; } .search_header input[type*="text"]{ background:#fff; } .woocommerce-additional-fields__field-wrapper #order_comments { min-height: 100px; } .woocommerce-checkout .woocommerce-billing-fields label{ display: none !important; } .woocommerce-billing-fields__field-wrapper p{ margin:0px 0px 40px 0px !important; } .woocommerce-additional-fields__field-wrapper label{ display: none !important; } .coupon .title_magiam_gia{ float: left; max-width: 100px; font-weight: bold; font-size: 16px; line-height: 22px; text-align: left; } .coupon #coupon_code { min-width: 200px; margin-left: 20px; padding: 10px; } .coupon input[type*="submit"]{ padding: 13px !important; background: #f9f9f9; margin-left: 5px !important; text-transform: uppercase; } #lienhe input:focus, #lienhe textarea:focus, .woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus { border-bottom: 1px solid #000; } #lienhe textarea { max-height: 150px; width: 100%; margin:40px 0px 0px 0px; } #lienhe input[type*="submit"]{ background: #fff; border: none; display: block; text-align: center; margin: 70px auto 0px auto; text-transform: uppercase; font-size: 16px; line-height: 30px; color: #345629; border-bottom: 1px solid #345629; font-weight: bold; } .text_lh{ margin:0px; line-height: 30px; } .phone_lh{ font-size: 16px; font-weight: bold; color:#000; } .price-product .price, .price-product .name{ text-align: center; } .product-meta .name{ min-height: 45px; margin: 20px 0px 0px 0px; line-height: 10px; } .product-meta .name a{ font-size: 14px; line-height: 20px; color: #999999; text-align: center; } .price-product .price ins .giamoi{ font-size: 16px; font-weight: bold; color:#000; } .error404 #title_custom .widget-title { font-size: 16px !important; line-height: 30px !important; color: #000 !important; letter-spacing: 15.2px !important; text-transform: uppercase !important; padding: 0px 0px 3em 7em; font-weight: bold !important; position: relative !important; min-width: initial; border: none; transform: none; right: initial; top: initial; } .error404 #title_custom .widget-title::before{ content: url(images/line_title_about.png); position: absolute; top: -5px; left: -10px; } .error404 .content-holder .panel-row-style>.panel-grid-cell>.widget_text { padding:7em 0px 0em 0px; } .error404 .font_404 .textwidget h2{ font-size: 260px; color:#ebebeb; font-weight: bold; } .error404 .font_404 .textwidget h1{ font-size: 18px; font-weight: bold; } .error404 .font_404 .textwidget p a{ font-size: 16px; line-height: 30px; color:#345629 !important; text-decoration: underline; font-weight: bold; } .error404 .content-holder .panel-grid-cell>.panel-last-child>.panel-layout>.panel-grid>.panel-grid-cell:nth-child(2) .textwidget{ padding: 3em 0px 0px 0px; } #sidebar-left .title_widget { margin: 3em 0px 1em 0px; position: relative; } #sidebar-left [id*="creativecate"] .title_widget{ margin-top:0em; } #sidebar-left .title_widget::before{ content: url(images/line_title_tax_cat.png); position: absolute; right: 0px; z-index: -1; } #sidebar-left .title_widget span{ font-size: 20px; line-height: 40px; color:#345629; font-weight: bold; text-transform: uppercase; } #sidebar-left [id*="creativecate"] .title_widget span{ color: #000; text-transform: unset; padding-right: 10px; background: #fff; z-index: 2; } #sidebar-left .cate_list_title { text-align: initial; margin: 0px; font-size: initial; } #sidebar-left ul li .cate-title{ color:#666666; font-size: 14px; line-height: 36px; } #sidebar-left .cate-list{ padding:0px 30px 0px 20px; } #sidebar-left .cate-list li a{ display: block; border-bottom: 1px dashed #e6e6e6; position: relative; padding:0px 0px 0px 20px; } #sidebar-left .cate-list li a::before{ content:url(images/dots_category.png); position: absolute; left: 0px; top:-1px; } #sidebar-left .cate-list li a span{ float:right; font-size: 13px; line-height: 36px; color:#999999; } #sidebar-left [id*="creativecate-"] ul li .sub_list_item{ padding-left: 15px; display: none; } #sidebar-left [id*="creativecate-"] ul li:hover .sub_list_item{ display: block !important; } #sidebar-left [id*="creativecate-"] ul li a:hover,#sidebar-left .cate-list li a:hover span{ color: #345629; } #sidebar-left .shopcol { clear: both; overflow: auto; border-bottom: 1px dashed #e6e6e6; margin: 0px 0px 20px 0px; } #sidebar-left .shopcol .image { margin-right: 15px; float: left; } #sidebar-left .shopcol .image img{ width: 100px; float:left; } #sidebar-left .shopcol .product-meta a{ text-align: left; } .tax-product_cat .content-page, .page-template-default .content-page,.search-results .content-page{ padding:7em 0px 0px 0px; } .page-template-default .content-page .title-header{ margin-top: 0; } .woocommerce-ordering .orderby{ padding: 15px; border: 1px solid #e6e6e6e6; } .woocommerce-result-count{ font-size: 14px; line-height: 40px; color:#000; font-weight: bold; } .tax-product_cat .r_filter span{ display: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #345629 !important; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #e4e3e3 !important; } .price_slider_amount .price_label{ font-size: 13px; line-height: 40px; color:#000; font-weight: bold; } #sidebar-left button[type*="submit"]{ background: #345629 !important; color: #fff !important; } .related .list_product{ margin:5em 0px 0px 0px; } .top_single span.text_soluong{ margin: 0px 25px 0px 0px; display: inline-block; vertical-align: middle; } .quantity_custom{ display: inline-block; vertical-align: middle; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3{ font-size: 30px; line-height: 60px; color: #000; margin: 0px; font-weight: bold; margin-bottom: 20px; } .page-template-page-template-checkout .content-holder{ background:#f9f9f9; } .woocommerce-checkout .woocommerce .row>.col-sm-6>.woocommerce-checkout{ background: #fff ; padding: 30px 45px; overflow: auto; } .woocommerce-checkout .woocommerce .row>.col-sm-6:nth-child(2)>h3{ background: #fff; padding: 30px 40px 0px 40px; font-size: 30px; line-height: 60px; color: #000; margin: 0px; font-weight: bold; } .woocommerce-checkout .woocommerce .row>.col-sm-6:nth-child(2) .woocommerce-cart-form{ background: #fff; padding: 0px 40px 40px 40px; } #billing_last_name_field, #billing_email_field, #billing_phone_field{ width: 100% !important; } .woocommerce-order-received .thongtindatmua { background: #fff; padding: 50px; } .woocommerce-order .woocommerce-thankyou-order-received{ font-size: 30px; line-height: 57px; color: #000; font-weight: bold; margin: 0px 0px 30px 0px; text-align: center; } .woocommerce ul.order_details li{ float: none !important; display: flex !important; margin-right: 0em !important; font-size: initial !important; line-height: initial; border-right: none !important; padding-right: 0px !important; clear: both; overflow: auto; border-bottom: 1px solid #e6e6e6; margin: 0px 0px 40px 0px; } .woocommerce ul.order_details li:last-child{ margin: 0px; padding: 0px 0px; border-bottom:1px solid #e6e6e6 !important; } .woocommerce ul.order_details li strong{ display: initial; font-size: 16px !important; line-height: 26px !important; color:#4a4f5c; float:right; margin-left: auto; text-align: right; } .woocommerce ul.order_details li label{ float: left; font-size: 16px !important; line-height: 26px !important; color: #999999; text-transform: initial; font-weight: initial; width: 150px; } .thanhtoan_custom ul { padding-left: 0; } .thanhtoan_custom ul li{ color:#999999; font-size: 16px; line-height: 26px; list-style: none; } .thanhtoan_custom ul li>span{ color:#000; font-weight: bold; float:right; } .thanhtoan_custom ul li:first-child{ padding:40px 0px 15px 0px; } .thanhtoan_custom ul li:nth-child(2){ padding: 0px 0px 40px 0px; border-bottom: 2px solid #000; } .thanhtoan_custom ul li.big_price{ padding: 30px 0px; font-size: 14px; line-height: 26px; color: #999; text-transform: uppercase; font-weight: bold; } .thanhtoan_custom ul li.big_price .amount{ font-size: 24px; line-height: 26px; color:#4a4f5c; font-weight: bold; } .woocommerce ul.order_details{ margin-bottom: 0px !important; padding-left: 0; } .back_product{ text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; background: #f9f9f9; padding: 20px; } .back_product a { color: #335628; } .icon_datmuathanhcong{ position: relative; text-align: center; max-width: 460px; margin: 0 auto 40px auto; } .icon_datmuathanhcong:before{ background: url(images/checkout-success.png) center center no-repeat; position: relative; text-align: center; width: 82px; height: 82px; background-size: 100%; content: ''; display: block; margin: 0 auto; } .reset_variations{ background: rgb(52, 86, 41); color: rgb(255, 255, 255); padding: 10px; } table.variations td.value{ text-align: right; } .shop_table product-price .amount{ font-size: 18px; font-weight: bold; color:#000; } .woocommerce-cart-form img{ width: 100px !important; float:left; margin: 0px 10px 0px 0px; } .shop_table .product-name a{ font-size: 16px; line-height: 24px; color: #999999; display: inline-block; vertical-align: middle; } .shop_table .product-name .r_cart_item{ display: flex; vertical-align: middle; padding-right: 10px; flex-direction: column; justify-content: space-between; width: calc(100% - 110px ); text-align: left; } .shop_table .product-name .amount{ display: block; font-size: 18px; font-weight: bold; color:#000; } .shop_table .product-name .variation-Size{ font-size: 16px; line-height: 24px; color:#bebfbf !important; font-weight: 400; } #nhanxet_home .widget-title h3{ color:#fff !important; } ul.wc_payment_methods { padding-left: 0px !important; padding-right: 0px !important; } ul.wc_payment_methods li{ list-style: none; } .woocommerce-checkout #payment ul.payment_methods li input[type*="radio"]:after{ width: 12px; height: 12px; border-radius: 50%; top: -7px; left: 1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 2px solid #fff; } .woocommerce-checkout #payment ul.payment_methods li input[type*="radio"]{ width: 15px; height: 15px; background: #fff; margin: 8px 7px 0px 0px; /* vertical-align: bottom; */ float: left; } .woocommerce-checkout #payment ul.payment_methods li input[type*="radio"]:checked:after{ width: 12px; height: 12px; border-radius: 50%; top: -7px; left: 1px; position: relative; background-color: #345629; content: ''; display: inline-block; visibility: visible; border: 2px solid #fff; } .woocommerce-checkout #payment{ background:none !important; } .place-order #place_order{ background:#335628 !important; } #gioithieu_home>.panel-grid-cell{ padding:0px 3em 0px 0px; } .woocommerce td.product-name dl.variation dt{ clear:none !important; } .r_action_checkout, .r_action_checkout #payment, .r_action_checkout .form-row{ display: initial !important; float:none !important; } .woocommerce-checkout #payment div.form-row{ padding:0px !important; } .woocommerce-checkout #payment div.form-row input[type*="submit"]{ width: 100%; padding: 25px; text-transform: uppercase; letter-spacing: 2.2px; margin-top: 30px; color: #fff; border-radius: 0; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: #f4f4f4 !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom: 1em solid #f4f4f4 !important; } #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child { margin-top: 0 !important; } .action_checkout .l_action_checkout{ margin:20px 0px; } .action_checkout .l_action_checkout ul li{ list-style: none; } .action_checkout .l_action_checkout ul{ padding-left: 0px; } .action_checkout .l_action_checkout>ul>li>label{ font-weight: 400; } .action_checkout .l_action_checkout>ul>li strong span{ font-size: 22px; float:right; } .sub_list_item{ padding: 0px 0px 0px 20px ; } .shopcol a:hover{ color: #345629 ; } .list_product .product-inner .image{ /* min-height: 260px;*/ position: relative; } .list_product .product-inner .image img{ /* top:50%; left: 50%; transform:translate(-50%,-50%); position: absolute; min-height: 250px;*/ } .list_product>.shopcol{ margin:0px 0px 20px 0px !important; } .list_product>.shopcol:nth-child(3n+1){ clear: both; } .related.products .list_product>.shopcol:nth-child(3n+1){ clear: none; } .product-label-special{ position: absolute; top: 10px; right: 0px; } .product-label-special .special{ background: #345629; width: 40px; height: 40px; display: flex; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 14px; } .price-product .price ins{ display: flex; justify-content: center; } .price-product .price ins span.giacu{ order: 1; text-decoration: line-through; font-weight: 700; color: #345629; font-size: 13px; margin-left: 10px; } .single-post .post_meta+.container{ margin-bottom: 60px; } .baivietlienquan{ border-top:1px solid #e6e6e6; } .baivietlienquan li{ list-style: none; } .sidebar-left .product-label-special{ display: none; } .huongdanchonsize{ clear: both; margin: 30px 0px 10px 0px; position: relative; display: table; float: left; } .huongdanchonsize a{ font-size: 12px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 0px 40px; border-bottom: 1px solid #56ad39; color: #000; position: relative; } .huongdanchonsize a::before{ position: absolute; content: url(images/ruler.png); left: -40px; top: -4px; } .huongdanchonsize .content_chonsize{ position: absolute; top: 0px; left: -100%; z-index: -1; border: 1px solid #f9f9f9; opacity: 0; visibility: hidden; transition: all 0.3s; display: none; width: 500px; } .huongdanchonsize:hover .content_chonsize{ top: -50px; opacity: 1; visibility: visible; z-index: 9; display: block; } .cart_totals th{ border-bottom: 1px solid #e6e6e6; } .woocommerce-order-received h1.title-header{ display: none; } .woocommerce-order-received #content_page{ padding:30px 0px 0px 0px; } #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 { display: block; text-align: center; margin-bottom: 1em; font-size: 1.25em; padding: 1em; } /*====================CSS FOOTER ============================= */ .footer_widget{ background : #0f1820; padding:7em 0 7em 0; color: #999999; } #menu-thong-tin-chung li a, .menu-huong-dan-mua-hang-container li a, .social a , .author, .author a{ color: #999999; } .footer_widget .panel-grid-cell{ border-left: 1px solid #37393a; padding: 0px 0px 0px 30px; min-height: 180px; } .footer_widget .panel-grid-cell:nth-child(1){ border-left: none; padding-left: 0; } .footer_widget .panel-grid-cell:last-child{ padding-right: 0; } .footer_widget .panel-layout .panel-grid:nth-child(1) .panel-grid-cell:last-child{ border-left: 1px solid #37393a; } .footer_widget .widget-title{ font-size: 18px; line-height: 24px; color: #fff; font-weight: bold; margin:0px 0px 20px 0px; position: relative; } .copyright{ background: #0f1820; } .author{ text-align: center; } .footer_widget a{ display: block; line-height:35px; } .social a i.fa{ min-width: 30px; } /* HOVER FACEBOOK*/ .social a.social_face:hover i.fa-facebook::before{ content:url(images/fb_white.png); } .social a.social_face:hover{ color:#fff; } /* HOVER GOOGLE PLUS*/ .social a.social_google:hover{ color:#fff; } /* HOVER TWITTER*/ .social a.social_twiter:hover{ color:#fff; } /* HOVER YOUTUBE */ .social a:hover{ color:#fff; text-decoration: none; } .page-template-page-template-cart .uynh_custom_search{ position: relative; } .single-product .nav__primary ul li a , .page-template-page-template-cart .nav__primary ul li a{ color:#000; z-index: 2; } .single-product .fixedheader .nav__primary ul li a , .page-template-page-template-cart .fixedheader .nav__primary ul li a{ color:#fff; } .woocommerce a.button.alt{ background:#335628 !important; color: #fff; } .woocommerce a.button.alt:hover{ background:#507246 !important; } .single-product .header , .page-template-page-template-cart .header{ position: relative; } .single-product .header.fixedheader , .page-template-page-template-cart .header.fixedheader{ position: fixed; } .single-product .content-holder, .page-template-page-template-cart .content-holder{ padding:60px 0px 0px 0px; } .woocommerce-message { border-top-color: #335628 !important; margin-top: 60px !important; } .woocommerce-message::before { content: '\e015'; color: #335628 !important; } .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt { float: left; clear: none; margin-right: .25em; display: inline-block; list-style: none outside; } .woocommerce-message a{ font-weight: 600; color: #335628; } .page-template-page-template-cart .update_cart_custom .title_magiam_gia{ display: none; } .single-product .duongdan{ clear: both; background: whitesmoke; min-height: 75px; } .single-product .breadcrumb{ padding: 20px 15px !important; margin-bottom: 0px !important; list-style: none; background-color: #f5f5f5; border-radius: 4px; clear: both; text-align: center !important; } .single-product .nav__primary{ margin:0px 0px 0 0px; } .shop_table_responsive thead{ display: none; } table.shop_table{ border:none !important; width: 100%; } table.shop_table td{ border:none !important; border-bottom: 1px solid rgba(0,0,0,.1); padding: 0; } .update_cart_custom{ margin-left: 0px !important; } .update_cart_custom .button[name*="update_cart"]{ padding:14px 20px !important; border:none; font-weight: 600; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; margin: 30px 0px; } table.shop_table td.product-name{ display: flex !important; } table.shop_table td.product-name .thumbnail { flex: 0px 0px 110px; margin-right: 10px; padding-left: 15px; } #nhanxet_home{ position: relative; } #nhanxet_home::before{ position: absolute; content: ""; height: 238px; background: url(images/line.png); left: 50%; top: -120px; width: 1px; z-index: 6; } #nhanxet_home ul.slick-slider{ margin-top: -50px; } #nhanxet_home .slick-dots li button::before{ display: none; } #nhanxet_home .custom-html-widget ul li .content_comment{ background: #fff; min-height: 120px; position: relative; margin-top: 50px; } #nhanxet_home .custom-html-widget ul li img{ border-radius: 50%; position: absolute; top: -50px; left: 30px; width: 90px; height: 90px; } #nhanxet_home .custom-html-widget ul li .comment_meta{ padding: 6em 15px 15px 15px; } #nhanxet_home .custom-html-widget ul li .author{ float: left; text-align: left; color: #000; font-weight: bold; } #nhanxet_home .custom-html-widget ul li span.danhgia { color: #999999; font-weight: 500; } #nhanxet_home .custom-html-widget ul li .comment_meta .content_comment{ clear: both; font-size: 16px; line-height: 30px; color:#666666; } .comment_meta .woocommerce .star-rating{ top: 4px; right: -12px; } .fixedheader { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; background: rgba(0,0,0,0.4) !important; } .r_thanhtoan{ float: right; padding-top: 30px; } .content_bottom_product{ margin-top: 130px; } .woocommerce div.product div.images,.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a{ width: 100% !important; margin: 0px 0px 0px 0px !important; } .woocommerce-page div.product div.thumbnails a{ background: #d7d7d7; } .woocommerce-page div.product div.thumbnails .thumb:nth-child(2n) a{ background: #cccccc; } .slick-vertical .slick-slide{ border:none !important; } .woocommerce .cart .update_cart_custom input.button{ float: left; margin-right:15px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 700; border-radius: 3px; left: auto; color: #515151; background-color: #ebe9eb; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; } .woocommerce .cart .update_cart_custom a.wc-backward{ padding: 14px 20px; vertical-align: middle; border-radius: 0; float: left; } .hotline_footer strong{ color: #fff; } table,tr,td{ border: 1px solid #ccc; } table tr,table td{ padding: 7px; } .poup_chonsize{ position: fixed; z-index: 999999999; top: 0; left: 0; right: 0; bottom: 0; display: block; display: none; } .poup_chonsize .bg_size{ position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); } .poup_chonsize .content_size{ text-align: center; padding: 15px; position: absolute; z-index: 6; top: 50%; left: 50%; width: 95%; /* height: 300px; */ max-width: 250px; /* max-height: 300px; */ -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; } .poup_chonsize .content_size .title { background: url(images/icon_size.png) top center no-repeat; padding-top: 50px; background-size: 45px; } .poup_chonsize .content_size .close_form{ color: #ffffff; background-color: #2d6f41; margin: 15px auto 15px; padding: 5px 15px; /* width: 100%; */ font-size: 15px; border: none; /* border-radius: 5px; */ text-align: center; text-transform: uppercase; cursor: pointer; display: table; } .single-post .content-holder { line-height: 170%; } .single-post .content-holder .widget-title{ text-align: center; font-weight: bold; color: #000; font-size: 30px; font-family: IBMPlexSans !important; margin: 20px auto; } .single-post [id*="attachment_"]{ text-align: center; color: #bebfbf; font-size: 14px; max-width: 100%; } .single-post [id*="attachment_"] img{ margin-bottom: 15px; max-width: 100%; } .single-post blockquote{ border-left: none; text-align: center; font-size: 30px; font-weight: bold; max-width: 940px; margin: 50px auto; line-height: 48px; position: relative; } .single-post blockquote:before{ position: absolute; content: ''; display: block; background: url(images/icon_note.png) center center no-repeat; width: 34px; height: 29px; top: -50px; left: 50%; margin-left: -15px; } .single-post #blockquote{ padding: 60px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin: 30px 0; } .baivietlienquan h5.title{ padding: 50px 0 20px 0; margin-bottom: 0; } .baivietlienquan li{ margin-top: 30px; } .khuvuc_chinhanh .box_khuvuc{ margin: 15px 0px; } .khuvuc_chinhanh .box_khuvuc:last-child{ width: 50%; } .khuvuc_chinhanh .box_khuvuc .title_chinhanh { text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 20px; } .khuvuc_chinhanh .box_khuvuc .title_chinhanh span{ position: relative; } .khuvuc_chinhanh #tab139 .title_chinhanh span:after{ content: "\f107"; font: normal normal normal 18px/1 FontAwesome; right: -30px; color: #333; position: absolute; top: 0px; left: initial; display: block; width: 30px; height: 16px; text-align: center; line-height: 20px; } .khuvuc_chinhanh #tab139.show_content .title_chinhanh span:after{ content: "\f106"; } .khuvuc_chinhanh .box_khuvuc.show_content .list_chinhanh{ display: block !important; } .page_sidebar{ padding-left: 45px; } #nhanxet_home .slick-prev { left:-30px !important; top:45% !important; margin-top: 0px !important; } #nhanxet_home .slick-next { right: 3px !important; top:45% !important; margin-top: 0px !important; } .list_box_chinhanh{ width: 100%; margin: 80px 0px; display: table; } .list_box_chinhanh .widget-title{ float: left; margin-right:60px; } .list_box_chinhanh .khuvuc{ position: relative; } .list_box_chinhanh .khuvuc .box_ul{ border:1px solid #898989; } .list_box_chinhanh .khuvuc ul{ padding: 15px; text-align: center; } .list_box_chinhanh .khuvuc ul::-webkit-scrollbar { width: 10px; } .list_box_chinhanh .khuvuc ul::-webkit-scrollbar-track { background: #f4f4f4; border-radius: 10px; } .list_box_chinhanh .khuvuc ul::-webkit-scrollbar-thumb { background-color: #2d6f41; outline: 1px solid #f4f4f4; border-radius: 10px; } .list_box_chinhanh .khuvuc:hover .box_ul{ } .list_box_chinhanh .khuvuc .title{ border:1px solid #346f49; padding: 15px 30px; font-size: 16px; position: relative; min-width: 470px; color: #000; font-weight: 600; cursor: pointer; } .list_box_chinhanh .khuvuc .title:after{ font:normal normal normal 20px/1 FontAwesome; position: absolute; display: block; content: "\f107"; top: 18px; right: 30px; color: #0f1920; } .list_box_chinhanh .khuvuc ul li{ display: inline-block; vertical-align: middle; padding: 0px 10px; border-left:1px solid #333; color: #333; line-height: 12px; } .list_box_chinhanh .khuvuc ul li:first-child{ border-left:none; } .list_box_chinhanh .khuvuc ul li:hover{ color: #2d6f41; background: #fbfbfb; } .images .thumbnails .slick-next{ right: 10px !important; } .images .thumbnails .slick-prev{ left: 10px !important; } .images .thumbnails{ padding-right: 0px !important; } .images .thumbnails .slick-prev,.images .thumbnails .slick-next{ top: 50% !important; margin-top: -7px; width: 34px !important; height: 34px !important; } .images .thumbnails .slick-prev::before,.images .thumbnails .slick-next::before{ padding:0 !important; width:34px !important; height: 34px !important; font-size: 30px !important; } #pg-21578-0, #pg-21578-1, #pg-21578-2, #pg-21578-3, #pg-21578-4, #pg-21578-5, #pg-21578-6, #pl-21578 .so-panel{ margin-bottom: 0px !important; } #new_home .slick-prev:before, #new_home .slick-next:before{ padding: 0px !important; } .readmore_desc{ margin: 30px auto; } .readmore_desc span{ display: table; margin: 0 auto; border: 2px solid #ccc; padding: 3px 30px; cursor: pointer; text-transform: uppercase; border-radius: 20px; font-weight: 600; font-size: 13px; } .readmore_desc:hover span{ background: #f7f7f7; } .desc_cat .content_desc { max-height: 195px; background: #fff; height: 100%; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; -ms-transition: max-height 0.8s; -o-transition: max-height 0.8s; transition: max-height 0.8s; } .desc_cat .content_desc.active_content{ max-height: unset; } #new_home .post-list_h{ margin-top: 10px; } #new_home li:hover .post-list_h a{ color: #335628; } #new_home li:hover .btn-primary.link{ color: #335628 !important; } .lookbook_home_template .lookbook_item{ text-align: center; } .lookbook_home_template .slick-center .lookbook_item .thumbnail{ margin-bottom: 15px; } .lookbook_home_template li{ padding: 0px 0px; } .lookbook_home_template .lookbook_item .post-list_h{ display: none; } .lookbook_home_template .lookbook_item img{ width: 100%; height: revert-layer !important; } .lookbook_home_template .slick-center .lookbook_item .post-list_h{ display: block; } .contentdetail ul{ padding-left: 0px 0px 0px 15px; } .contentdetail ul li{ list-style: disc; } .width1000{ width: 1000px; margin: 0 auto; max-width: 100%; } #new_home ul,.sidebar_single_post ul,.cate-list ul,#bosuutap ul{ padding-left: 0; } #new_home li,.sidebar_single_post li,.cate-list li,#bosuutap li{ list-style: none; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ opacity: 1 !important; } .error_size{ color: #d40000; clear: both; float: left; margin: 10px 0px 0px 0px; display: none; } .fixed_custom_contact{ position: fixed; bottom: 90px; left: 15px; z-index: 99; } .fixed_custom_contact ul{ padding-left: 0; } .fixed_custom_contact li{ list-style: none; } .fixed_custom_contact li a{ display: block; width: 50px; height: 50px; border-radius: 50%; text-indent: -9999px; margin-bottom: 10px; } .fixed_custom_contact li.chat_facebook a { background: #007fff url(images/icon_chatface.png) center center no-repeat; } .phone_animation{ background-color: transparent; height: 60px; width: 60px; 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{ width: 100px; height:100px; top: -25px; left: -25px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30,30,30,0.4); border: 2px solid #bfebfc 9; opacity: 0.5; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; border-color: #335628; } .phone_animation_circle_fill{ width: 60px; height: 60px; top: -5px; left: 20px; position: absolute; background-color: #da251c; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .2; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .phone_animation_circle_fill_img{ width: 50px; height: 50px; top: 0px; left: 0px; position: absolute; background: #335628 url(images/iconphone.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #335628; background-size: 70%; } @-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) } } .bg_popup { position: fixed; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.5); width: 100%; z-index: 99; margin-top: 0; display: none; } .poup_goilai{ position: absolute; top: 10%; left: 35%; background: rgb(51, 86, 40); padding: 40px 20px 20px 20px; width: 30%; color: #fff; } .content_poup{ text-align: center; } .content_poup input{ width: 100%; margin:0px 0px 10px 0px; padding:10px; border:none; color: #333; } .content_poup textarea{ max-height: 100px; width: 100%; padding: 10px; border: none; color: #333; } .content_poup .title p, .content_poup p { margin: 0; } .content_poup .wpcf7-spinner { position: absolute; } .content_poup .title{ color:#fff; font-family: iCielFesterSemiCondensed-Bold;font-display: optional; font-size: 16px; margin:0px 0px 10px 0px; } .close_poup{ position: absolute; top: 0px; right: 10px; color: #fff; font-size: 20px; font-weight: 700; } .content_poup input[type*="submit"]{ background: #fff; /* line-height: 10px; */ font-family: iCielFesterSemiCondensed-Bold;font-display: optional; padding: 10px 10px 5px 10px; } .close_poup{ cursor: pointer; } .content_poup span.wpcf7-not-valid-tip{ color: #fff !important; position: relative !important; top: -10px !important; left: initial !important; text-align: left ; } div.wpcf7-response-output{ margin: 0px 0px 10px 0px !important; padding:0px !important; color:#fff !important; font-weight: 700; clear: both; } .form_thongtin div.wpcf7-response-output{ padding: 10px !important; color: #ff0000 !important; text-align: center; } .ajax-loader{ display: none !important; } .post-template-default [id*="post-"] a,.single-product .tab_content_detail .content a{ color: #ddba76; } .post-template-default [id*="post-"] a:hover,.single-product .tab_content_detail .content a:hover{ text-decoration: underline !important; } .error_msg{ position: absolute; top: 10px; right: 10px; color: #f7cc5c; font-size: 14px; } .product-inner .warp-info span.price{ font-size: 16px !important; color: #000 !important; font-weight: bold !important; } .combo .title_combo{ background: #355629; color: #fff; text-transform: uppercase; padding: 7px 30px; border-radius: 5px; display: table; font-weight: 700; animation-name: charge_color_bg; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running; } .combo .content_combo{ margin-top: 30px; overflow: hidden; } .combo .content_combo .l_combo{ margin-left: -15px; display: flex; align-items: center; } .combo .content_combo .l_combo .space{ float: left; flex: 0 0 6%; text-align: center; margin-top: -13%; font-size: 30px; color: #bebebe; } .combo .content_combo .l_combo .curent_product{ padding: 0 15px; float: left; flex: 0 0 29%; } .top_single .curent_product .price .amount{ font-size: 16px; } .combo .content_combo .l_combo .image{ border: 1px solid #707f68; position: relative; } .list_daylung{ overflow: hidden; position: relative; flex: 0 0 62.66%; padding-right: 5%; } .note_combo{ margin-top: 30px; } .note_combo .title_note{ text-transform: uppercase; font-weight: 700; font-size: 20px; margin: 0 0 10px 0; animation-name: charge_color_cb; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running; } .note_combo .content_note{ font-weight: 700; } .combo .product-meta{ position: relative; padding-left: 35px; } .combo .product-meta .check_box, .combo .curent_product .product-meta .check_box{ position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid #355629; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .combo .daylung_item.active .product-meta .check_box{ background: #355629; } .combo .curent_product .product-meta .check_box{ opacity: 0.5; background: #355629; } .fa-check:before { content: "\f00c"; } .combo .product-meta .name a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .combo .curent_product .product-meta .name a{ font-size: 20px; line-height: 24px; } .combo .daylung_item .product-meta .price del{ color: #9b9c9a; } .combo .slick-slider{ margin-bottom: 0; } .woocommerce div.product form.cart .variations tr{ border: none; } .woocommerce div.product form.cart .variations tr td{ display: block; padding: 0; } .reset_variations{ display: none !important; } .variations .select_option{ float: left; padding: 10px 17px; border: 1px solid #e6e6e6; margin: 5px 3px 0px 0px; cursor: pointer; position: relative; list-style: none; display: flex; align-items: center; justify-content: center; } .variations .select_box_colorpicker .select_option { padding: 0; border-radius: 50%; } .variations .select_box_colorpicker .select_option span { width: 30px; height: 30px; border-radius: 50%; } .variations .select_option span,.variations .select_option img{ width: auto; height: auto; margin: 0; padding: 0; } .variations .select_option.selected{ border: 1px solid #345629; } .variations .select_option.selected::before { position: absolute; content: url(images/icon_check.png); right: 50%; margin-right: -7px; bottom: -1px; height: 14px; } .variations label{ color: #444a59; font-weight: 400 !important; } .variation_custom{ padding-left: 0; display: flex; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; justify-content: center; } .variation_custom li{ list-style: none; width: 25px; height: 25px; border: 1px solid #e6e6e6; margin: 5px 5px 0px 0px; cursor: pointer; position: relative; list-style: none; display: flex; align-items: center; justify-content: center; font-size: 14px; } .variation_custom li.select{ opacity: 0.5; background: #355629; color: #fff; } #item_combo_field,#price_combo_field{ display: none; } .combo .slick-next,.combo .slick-prev{ width: 15px !important; height: 30px !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; top: 38% !important; background: none; } .combo .slick-next{ right: -35px !important; } .combo .slick-prev{ left: auto !important; right: -15px !important; } .combo .slick-next:before, .combo .slick-prev:before{ padding: 0 !important; font-size: 30px !important; color: #355629 !important; } .combo .slick-next:before{ content: "\f0da" !important; } .combo .slick-prev:before{ content: "\f0d9" !important; } .combo .slick-next.slick-disabled:before, .combo .slick-prev.slick-disabled:before{ opacity: 0.5 !important; } .combo_menu a{ animation-name: charge_color_cb; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running; } @-webkit-keyframes charge_color_cb { 0% {color:#9a1f24;} 50.0% {color:#f9a100;} 100.0% {color:#9a1f24;} } @keyframes charge_color_cb { 0% {color:#9a1f24;} 50.0% {color:#f9a100;} 100.0% {color:#9a1f24;} } @-webkit-keyframes charge_color_bg { 0% {background:#355629;} 50.0% {background:#f9a100;} 100.0% {background:#355629;} } @keyframes charge_color_bg { 0% {background:#355629;} 50.0% {background:#f9a100;} 100.0% {background:#355629;} } .r_combo{ padding: 50px 0 50px 30px; border-left: 1px solid #9f9f9f; } .r_combo .total_combo, .r_combo .tietkiem{ display: flex; } .r_combo .total_combo strong, .r_combo .tietkiem strong{ color: #345629; font-weight: 400; } .r_combo .total_combo .value, .r_combo .tietkiem .value{ margin-left: 7px; } .r_combo .tietkiem .value{ font-weight: bold; color: #000; font-size: 16px; } .r_combo del{ color: #acacac; } .r_combo .total_combo ins{ color: #9a1f24; font-weight: bold; font-size: 18px; } .add_cart_combo a{ background: #e1e0de; text-transform: uppercase; color: #355629; display: block; padding: 15px 15px; text-align: center; border: 1px solid #355629; margin-top: 20px; font-weight: bold; } .add_cart_combo a:hover{ background: #355629; color: #fff; } .add_cart_combo a i{ font-size: 18px; margin-right: 7px; } .ajax_load_more{ clear: both; float: left; width: 100%; } .ajax_load_more a{ background: #fff; text-transform: uppercase; color: #355629; display: table; padding: 15px 30px; text-align: center; border: 1px solid #355629; font-weight: bold; margin: 30px auto 0 auto; min-width: 180px; cursor: pointer; font-size: 18px; } .ajax_load_more a:hover{ background: #355629; color: #fff; } .diachi_footer{ background: #0F1820; color: #fff; font-size: 15px; } .diachi_footer .content_dc{ display: table; margin: 0 auto; color: #999999; } .diachi_footer .content_dc a{ color: #999999; } .diachi_footer .content_dc p{ margin: 0; } .diachi_footer .container{ display: flex; justify-content: center; border-top: 1px solid #37393a; padding: 15px 15px; align-items: center; } .diachi_footer .footer-text{ color: #999999; } .diachi_footer .footer-text img{ vertical-align: middle; float: none; } .page-template-page-hethong-phanphoi .header { background-color: #999; } .page-template-page-hethong-phanphoi .header { background-color: #999; } .page-template-page-hethong-phanphoi .content-holder { margin-top: calc(70px + 77px); } #box_sidebar_hethong { width: 29% !important; } #box_sidebar_hethong .title_widget span { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #090d19; display: block; margin-bottom: 5px; line-height: 1.4; } #box_sidebar_hethong .title_widget small { display: flex; position: relative; color: #3c532e; align-items: center; font-size: 20px; font-weight: 500; } #box_sidebar_hethong .title_widget small:before { display: block; content: "\f3c5"; content: "\f041"; font-family: 'FontAwesome'; margin-right: 5px; font-size: 17px; line-height: 1; } #box_sidebar_hethong .title_widget { margin-bottom: 40px; } .timkiem_ajax .box_quanhuyen select, .timkiem_ajax .box_tinhthanh select { padding: 0 15px; height: 44px; width: 100%; border: 0; margin: 9px 0; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 4px 32px; text-transform: capitalize; display: block; background-color: #fff; } .cuahang_item .title { font-size: 16px; padding-bottom: 5px; position: relative; border-bottom: 1px solid #bdbab1; margin-bottom: 15px; cursor: pointer; } .cuahang_item { margin: 9px 0; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 4px 32px; padding: 20px 15px; } .cuahang_item .cuahang_meta .diachi { margin-bottom: 10px; } .list_hethong::-webkit-scrollbar { /* width: 2px;*/ } div#box_sidebar_hethong { height: 680px; overflow: hidden; } .list_hethong { height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 15px; margin: 0 -15px; max-height: 465px; } .cuahang_item .cuahang_meta .hotline i, .cuahang_item .cuahang_meta .diachi i { width: 10px; margin-right: 5px; color: #000; } body.page-template.page-template-page-hethong-phanphoi { color: #454a59; } .timkiem_ajax .box_quanhuyen:before, .timkiem_ajax .box_tinhthanh:before { display: block; content: "\f107"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family:'FontAwesome'; z-index: 2; width: 50px; height: 40px; text-align: center; line-height: 40px; background: #fff; pointer-events: none; font-weight: 900; } .timkiem_ajax .box_quanhuyen, .timkiem_ajax .box_tinhthanh { position: relative; } body.page-template-page-hethong-phanphoi { background-color: #fafafa; } .cuahang_item { background-color: #fff; } .list_hethong::-webkit-scrollbar { width: 2px; } .list_hethong::-webkit-scrollbar-track { background: #cbc6c0; } .list_hethong::-webkit-scrollbar-thumb { background: #656565; } .cuahang_item:first-child { margin-top: 0; } .timkiem_ajax { margin-bottom: 15px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .widget-title { font-size: 30px; font-weight: 600; text-transform: uppercase; color: #000; margin-bottom: 10px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title { text-align: center; padding-top: 105px; margin-bottom: 54px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .textwidget { font-size: 16px; line-height: 1.4; } .list_image_trainghiem > .panel-grid-cell:first-child { width: calc(38% - 10px) !important; margin-bottom: 0 !important; } .list_image_trainghiem > .panel-grid-cell:last-child { width: calc(62% - 10px) !important; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_siteorigin-panels-builder .panel-grid-cell { width: calc(33.3333% - 10px) !important; margin-bottom: 0 !important; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_media_image { margin-bottom: 20px !important; } .list_image_trainghiem img { border-radius: 4px; overflow: hidden; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_siteorigin-panels-builder .panel-grid-cell .widget_media_image { width: auto; height: auto; display: flex; align-items: center; justify-content: center; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_siteorigin-panels-builder .panel-grid-cell .widget_media_image img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .list_image_trainghiem > .panel-grid-cell:first-child .widget_media_image { display: flex; align-items: center; justify-content: center; width: auto; height: 100%; } .list_image_trainghiem > .panel-grid-cell:first-child .widget_media_image img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .page-template-page-hethong-phanphoi .khuvuc_chinhanh { display: none; } .page-template-page-hethong-phanphoi .footer { margin-top: 80px; } .list_image_trainghiem { flex-flow: row wrap !important; align-items: normal !important; } .list_image_trainghiem .panel-grid { flex-direction: row !important; } .cuahang_item.active { background-color: #eee; } .new_post_sidebar .new_item { padding: 15px 0; border-top:1px solid #ebebeb; } .new_post_sidebar .new_item:first-child { border-top: none; } .new_post_sidebar .new_item .content_item { display: flex; align-items: center; } .new_post_sidebar .new_item .content_item .thumbnail { flex:0 0 100px; margin-right: 15px; position: relative; } .new_post_sidebar .new_item .time_post_view { display: flex; align-items: baseline; font-size: 14px; color: #000; } .new_post_sidebar .new_item .time_post_view .view label { display: inline; } .new_post_sidebar .new_item .post_meta a { font-size: 16px; text-transform: none; font-weight: 400; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 170%; letter-spacing: unset; } .sidebarnew .widget { margin-bottom: 60px; } .sidebarnew .title_widget { font-size: 24px; font-weight: 600; position: relative; margin-bottom: 10px; } .sidebarnew .title_widget:before { position: absolute; content: ''; width: 100%; height: 1px; background: #ebebeb; left: 0; display: block; top:50%; } .sidebarnew .title_widget span { display: table; background: #fff; padding-right: 15px; position: relative; } .sidebarnew .count_post { position: absolute; top:-5px; left: 5px; width: 24px; height: 24px; color: #fff; background: #999; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .sidebarnew .new_item:nth-child(1) .count_post, .sidebarnew .new_item:nth-child(2) .count_post, .sidebarnew .new_item:nth-child(3) .count_post { background-color: #335628; } .new_post_sidebar .new_item .view { display: flex; align-items: baseline; } .new_post_sidebar .new_item .view label { margin-left: 3px; } .new_post_sidebar .new_item label, .time_post_view_single label { color: #A8A8A8; } .single-post .l_layout { padding-right: 45px; } .time_post_view_single { display: flex; align-items: center; } .time_post_view_single .clock label, .time_post_view_single .view label { margin-left: 3px; } .content_first_letter p:first-child::first-letter { color: #335628; padding: 0; margin: 0 30px 0 0; font-size: 96px; float: left; line-height: 1; display: block; } .baivietlienquan ul { padding-left: 0; margin: 0 -15px; } .baivietlienquan ul li:nth-child(4n+1) { clear: both; } .baivietlienquan h5.title, .title_binhluan { font-family: IBMPlexSans; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 5.6px; text-transform: uppercase; color: #000; position: relative; } .baivietlienquan h5.title span, .title_binhluan span { display: table; position: relative; padding-left: 50px; } .baivietlienquan h5.title span:before, .title_binhluan span:before { position: absolute; left: 0; top:50%; background: #335628; width: 40px; height: 1px; display: block; content: ''; } .bottom_post_meta { margin-top: 50px; margin-bottom: 50px; padding: 50px 0; border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .bottom_post_meta, .bottom_post_meta .l_post_meta, .l_post_meta .tag_post, .share_link { display: flex; align-items: center; flex-wrap: wrap; } .bottom_post_meta ul { padding-left: 0; margin: 0; } .bottom_post_meta li { list-style: none; } .r_post_meta { margin-left: auto; } .l_post_meta .tag_post:first-child { margin-right: 30px; } .l_post_meta .tag_post li { margin-left: 10px; } .share_link a, .share_link, .l_post_meta .tag_post label { color:#000 ; font-size: 16px; } .l_post_meta .tag_post a { color: #A8A8A8; } .binhluan { background: #E1E1E1; padding: 40px 30px; font-size: 15px; } .title_binhluan { margin-bottom: 30px; } p.nocomments { margin: 0 0 10px 0; } .noidung_binhluan { margin-bottom: 20px; } .content_first_letter table p { display: inline; } .content_first_letter table p::first-letter { margin: inherit !IMPORTANT; font-size: inherit !important; } .noidung_chitiet .l_layout a { color: #335628; } .noidung_chitiet .l_layout a:hover { text-decoration: underline; } .sidebarnew .widget img { width: 100% !important; } #commentform .row { margin: 0 -10px !important; } #commentform [class*="col-xs-"] { padding: 0 10px !important; } .baivietlienquan .title_post a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } #ez-toc-container { clear: both; } .bottom_post_meta .l_post_meta .tag_post:first-child { margin-right: 10px; } .content_first_letter .wp-caption-text { margin: 0; } .content_first_letter p { margin: 10px 0; } .content_first_letter img { margin: 10px 0 !IMPORTANT; } .list_product>.shopcol { padding: 0 7.5px; } .row.list_product { margin: 0 -7.5px; } .woocommerce-product-gallery .flex-control-nav .slick-arrow { top: 35px; width: 36px; height: 36px; left: 50% !IMPORTANT; transform: translateX(-50%); z-index: 100; opacity: 0.5; } .woocommerce-product-gallery .flex-control-nav .slick-arrow:before { padding: 0 !important; font-size: 36px !IMPORTANT; transform: rotate(90deg); border: 2px solid #335628; border-radius: 50%; line-height: 1 !IMPORTANT; background-color: #335628 !important; } .woocommerce-product-gallery .flex-control-nav .slick-arrow.slick-next { top: auto; bottom: 20px; } .woocommerce-product-gallery .flex-control-nav .slick-arrow:hover { opacity: 1; } .woocommerce-product-gallery, .rtwpvg-wrapper .rtwpvg-container { align-items: center !important; } .top_item { position: relative; } .page-template-page-template-lienhe .phone_lh { margin: 0; } .page-template-page-template-lienhe .top_item .count_item { top: 15px; } .single-product .rtwpvg-images.rtwpvg-has-product-thumbnail .rtwpvg-grid-layout .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-slider:not(.slick-initialized), .single-product .rtwpvg-images.rtwpvg-has-product-thumbnail .rtwpvg-wrapper .rtwpvg-thumbnail-wrapper .rtwpvg-thumbnail-slider:not(.slick-initialized) { display: block !important; } /*------------------------------------------Tac gia page--------------------------------------------*/ .author .duongdan:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); } .author .duongdan .breadcrumb { margin-top: 50px; padding-top: 0; padding-bottom: 0; margin-bottom: 20px; text-align: center; } .author .box_tacgia .content_item { padding: 0; background-color: unset; margin-bottom: 40px; align-items: center; flex-direction: column; margin-top: 50px; } .author .box_tacgia .content_item .thumbnail { position: unset; margin-right: 0; margin-bottom: 10px; } .author .box_tacgia .content_item .author_meta { padding-left: 0; } .author .box_tacgia .content_item .author_meta .title { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; position: relative; text-transform: uppercase; color: #1c1c1c; } .author .box_tacgia .content_item .author_meta .post_view { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; color: #1c1c1c; } .author .box_tacgia .content_item .author_meta .post_view .view { margin-left: 10px; position: relative; padding-left: 10px; } .author .box_tacgia .content_item .author_meta .post_view .view:before { content: "\f111"; font-family: 'FontAwesome'; font-size: 3px; font-weight: 900; position: absolute; top: calc(50% - -1px); transform: translateY(-50%); left: -1px; } .author .thongtin_tacgia { /* padding: 20px; background-color: #f9f9f9;*/ } .author .thongtin_tacgia .title { font-size: 24px; font-weight: 600; margin-bottom: 16px; color: #335628; text-transform: uppercase; text-align: center; } .author .thongtin_tacgia .desc { color: #000; font-size: 16px; text-align: justify; } .author .thongtin_tacgia .social_tacgia { display: flex; flex-wrap: wrap; margin-top: 6px; } .author .thongtin_tacgia .social_tacgia a { display: flex; align-items: center; justify-content: center; width: max-content; margin-top: 20px; font-weight: 400; color: #1c1c1c; } .author .thongtin_tacgia .social_tacgia a:not(:last-child) { margin-right: 16px; } .author .thongtin_tacgia .social_tacgia a svg, .author .thongtin_tacgia .social_tacgia a i { margin-right: 8px; font-size: 16px; } .author .boxchucvu_kinhnghiem { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; margin-bottom: 30px; } .author .boxchucvu_kinhnghiem .left_box, .author .boxchucvu_kinhnghiem .kinhnghiem, .author .boxchucvu_kinhnghiem .giaithuong { width: calc(39% - 5px); } .author .boxchucvu_kinhnghiem .left_box { width: calc(22% - 5px); } .author .boxchucvu_kinhnghiem .left_box .box_item { padding-bottom: 28px; } .author .boxchucvu_kinhnghiem .left_box .box_item.chucvu { border-bottom: 1px solid #ebebeb; } .author .boxchucvu_kinhnghiem .box_item.kinhnghiem { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .archive.author { text-align: left; } .author .boxchucvu_kinhnghiem .box_item { padding: 16px 20px; background-color: #fff; } .author .boxchucvu_kinhnghiem .box_item .title_box { font-size: 18px; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; text-transform: uppercase; color: #335628; position: relative; } .author .boxchucvu_kinhnghiem .box_item .title_box svg { margin-right: 60px; filter: invert(82%) sepia(32%) saturate(569%) hue-rotate(348deg) brightness(91%) contrast(89%); margin-top: -4px; } .author .boxchucvu_kinhnghiem .noicongtac .content_box, .author .boxchucvu_kinhnghiem .chucvu .content_box { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; text-align: left; line-height: normal; } .author .boxchucvu_kinhnghiem .noicongtac { margin-top: 10px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li strong { display: block; font-size: 12px; font-weight: 900; line-height: 1; padding-bottom: 4px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li:first-child strong { color: #335628; } .author .boxchucvu_kinhnghiem .kinhnghiem ul { padding-left: 20px; position: relative; max-height: 200px; overflow: hidden; overflow-y: scroll; padding-right: 20px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul::-webkit-scrollbar { width: 6px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul::-webkit-scrollbar-track { background-color: transparent; } .author .boxchucvu_kinhnghiem .kinhnghiem ul::-webkit-scrollbar-thumb { background-color: #e1e1e1; border-radius: 6px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li:after { content: ""; width: 1px; height: 100%; display: block; background-color: #e1e1e1; position: absolute; left: -16px; top: 0; z-index: 0; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li:first-child:after, .author .boxchucvu_kinhnghiem .kinhnghiem ul li:first-child:before{ background-color: #335628; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li { position: relative; padding-bottom: 4px; line-height: normal; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li:before { content: ""; display: block; background-color: #e1e1e1; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #fff; position: absolute; left: -23px; top: 0; z-index: 2; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-left: 0; list-style: none; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul li { width: calc(50% - 10px); line-height: normal; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul li img { width: 100%; min-height: 100%; height: auto; object-fit: contain; margin-bottom: 6px; } .title_list_bv { font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.1; text-transform: uppercase; color: #335628; text-align: center; } .author .post_item .title a { font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; color: #000; letter-spacing: normal; text-transform: initial; display: block; line-height: 1.7; } .author .post_item .title a:hover { color: #335628; } .author .post_item .thumbnail { margin-bottom: 10px; } .author .list_post_category { margin-top: 30px; border-bottom: 1px solid #ebebeb; } .author .post_item .excerpt { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #1c1c1c; } .author .post_item .date_time { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 8px; color: #1c1c1c; } .author .post_item .date_time span:last-child { position: relative; padding-left: 10px; margin-left: 10px; display: inline-block; } .author .post_item .date_time span:last-child:before { content: ""; height: 1px; width: 4px; display: block; position: absolute; left: -2px; background-color: #6B6B6B; top: 50%; transform: translateY(-50%); } .author .list_post_category .post_item:nth-child(3n+1) { clear: both; } .author .list_post_category .post_item { margin-bottom: 30px; } .author .pagination { border-bottom: 0; padding-top: 30px; padding-bottom: 0; } .author .pagination ul { margin-left: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding-left: 0; margin-bottom: 60px; } .author .pagination ul li a { margin: 0; background-color: unset; width: 40px; height: 40px; line-height: 40px; margin: 2px 4px 2px 0; color: #ababab; padding: 0; text-align: center; } .author .pagination li.prev a:hover, .author .pagination ul li.next a:hover { -webkit-text-stroke: 1px #335628; } .author .pagination ul li a:hover { color: #fff !important; background-color: #335628 !important; } .author .pagination ul li.active a { color: #fff; border-radius: unset; background-color: #335628; font-weight: 700; } .author .pagination li.prev a, .author .pagination ul li.next a { width: 40px; position: unset; padding: 2px 16px 0; background-color: #f9f9f9; color: #9f9f9d; -webkit-text-stroke: 1px #f9f9f9; letter-spacing: normal; height: 40px; padding: 0; } .author .pagination ul li.first a, .author .pagination ul li.last a { width: auto; height: 40px; padding: 0 16px; background-color: #f9f9f9; } .author .pagination li.next a::before { display: none; } .author .list_post_category .post_item .content_item .thumbnail a { display: flex; align-items: center; justify-content: center; height: 100%; } .author .list_post_category .post_item .content_item .thumbnail a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .author .breadcrumb li:last-child { color: #fff; } .author .breadcrumb li:last-child:before { color: #999; } /*------------------------------------------End Tac gia page--------------------------------------------*/ #comments .wrapper_top, .box_tacgia .content_item { padding: 20px; display: flex; background-color: #f9f9f9; margin-top: 20px; } .box_tacgia .content_item .thumbnail { flex: 0 0 100px; border-radius: 50%; height: 100px; margin-right: 20px; width: 100px; overflow: hidden; } #comments .comment-author, .box_tacgia .content_item .thumbnail a { display: flex; align-items: center; justify-content: center; height: 100%; } #comments .comment-author img, .box_tacgia .content_item .thumbnail img { width: 100%; min-height: 100%; height: auto; object-fit: cover; display: block; } #comments ol { padding-left: 0; } #comments li { list-style: none; margin: 15px 0; } #comments .wrapper { display: flex; } #comments .comment-author { justify-content: center; flex: 0 0 100px; flex-direction: column; margin-right: 30px; } #comments .content_binhluan { width: 100%; } #comments .comment-author img { width: 65px; height: 65px; border-radius: 50%; } #comments .comment_meta { display: block !important; width: 100%; padding-left: 120px; } #comments .extra-wrap { background: #e9e9e9; padding: 1px 15px; margin: 10px 0; border-radius: 5px; } #comments .comment_meta .reply a { display: block; width: max-content; font-weight: 700; } #comments .action_comment { display: flex; justify-content: space-between; width: 100%; } #comments .comment_meta .reply a:hover { text-decoration: underline; } .box_tacgia .content_item .title { font-size: 22px; font-weight: 500; margin-bottom: 10px; } .box_tacgia .content_item .social_tacgia { display: flex; align-items: center; margin-top: 10px; } .box_tacgia .content_item .social_tacgia a:not(:first-child) { margin-left: 16px; } .yasr-visitor-votes .yasr-custom-text-vv-before { font-weight: 700; margin-bottom: 10px; } .yasr-visitor-votes .yasr-star-rating { margin-right: 16px; } .yasr-visitor-votes { margin-bottom: 20px; } .box_tacgia .content_item .title a { color: #1c1c1c; font-size: 22px; font-style: normal; font-weight: 700; line-height: 110%; font-family: 'IBMPlexSans'; } .box_tacgia .content_item .desc { font-size: 16px; text-align: justify; color: #1c1c1c; } .single-post .bottom_post_meta { margin-top: 0; padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; } .single-post .bottom_post_meta .tag_post label, .single-post .bottom_post_meta .share_link label { font-weight: 700; } .bottom_post_meta, .bottom_post_meta .l_post_meta a, .l_post_meta .tag_post, .share_link a { color: #1c1c1c !important; } .binhluan { background-color: #f7f7f7; } .post-type-archive .content-page { padding-top: 60px; } .l_filter .woocommerce-result-count { margin: 1em 0 !IMPORTANT; } .cate-list .thumbnail a { display: flex; align-items: center; justify-content: center; } .cate-list .thumbnail a img { width: 100%; min-height: 100%; height: auto; object-fit: cover; } .cate-list .term_meta { padding: 10px; } #tuixach_nam li:nth-child(3n+1) { clear: both; } .daydadongho .cate-list li:nth-child(2n+1) { clear: both; } /*--Style Repair--*/ /*======================================= css RESPONSIVE ======================================================*/ @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ .timkiem_ajax .box_quanhuyen:before, .timkiem_ajax .box_tinhthanh:before { border-radius: 20px; } } @media(min-width: 1360px) and (max-width: 1600px){ #gioithieu_home>.panel-grid-cell:nth-child(2){ padding:0px 4em 0px 4em; } #gioithieu_home { padding: 6.5em 0px 0em 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2) { padding: 0px 3em 0px 3em; } #gioithieu_home>.panel-grid-cell:nth-child(2) .textwidget, #sanpham_home>.panel-grid-cell:nth-child(1) .textwidget{ margin:3.5em 0px 0px 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2) .textwidget{ margin:10.5em 0px 0px 0px; } #bosuutap{ padding:10em 0px 10em 0px; } #nhanxet_home { padding: 10em 0px 2em 13em; } .top_item .post-list_h{ padding:0px 0px 0px 4em; } .page-template-page-template-lienhe .top_item .post-list_h{ padding:0px 0px 0px 7em; } #new_home { padding: 50px 0px 90px 0px; } .khuvuc_chinhanh { padding: 4em 0px 4em 0px; } #pg-13-0 { padding: 5em 0px 11px 0px; } #pg-13-0 #row1>.panel-grid-cell:nth-child(2) .textwidget { margin: 2.5em 0px 6em 0px; } #video_gioithieu { margin: 0px 0px 5em 0px; } #taisao_chonlaforce>.panel-grid-cell>.panel-last-child .textwidget, #text_danhmuc .textwidget { margin: 3em auto 7em auto; } #lienhe { padding: 4em 0px; margin: 5em 0px 0px 0px; } } @media(min-width: 1025px) and (max-width: 1300px){ .logo_header{ max-width: 130px; } .nav__primary ul li a{ padding:0px 15px; font-size: 14px; } .fixedheader .logo_header{ top:1.3em; } .fixedheader .nav__primary { padding: 15px 0px 15px 0px; } .fixedheader .r_menu{ top:25px; } body{ overflow-x: hidden; } #title_custom .widget-title{ right: -100px; top:133px; } #gioithieu_home>.panel-grid-cell:nth-child(2) { padding: 0px 2em 0px 2em; } #gioithieu_home>.panel-grid-cell:nth-child(2) .textwidget, #sanpham_home>.panel-grid-cell:nth-child(1) .textwidget { margin: 2.5em 0px 0px 0px; } #sanpham_home .textwidget p a, #gioithieu_home .textwidget p a, #quitrinh_home .textwidget p a{ margin-top:20px; } #gioithieu_home>.panel-grid-cell:nth-child(3){ max-height: 400px; } #gioithieu_home { padding: 5.5em 0px 5em 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2){ padding: 0px 0em 0px 2em } #quitrinh_home>.panel-grid-cell:nth-child(2) .textwidget{ margin: 11.5em 0px 0px 0px; } #sanpham_home>.panel-grid-cell:nth-child(1){ padding:0px 3em 0px 8em; } #sanpham_home{ padding:0px 0px 0em 8em; } #sanpham_home>.panel-grid-cell:nth-child(2){ max-height: 500px; } #gioithieu_sanpham .panel-first-child #title_custom .widget-title{ left: 0em; } #bosuutap{ padding:18.75em 0px 8.5em 0px; } .footer_widget .panel-layout .panel-grid:nth-child(1){ padding:6em 1.6em 6em 2.3em; } #nhanxet_home { padding: 10em 0px 2em 13em; } #new_home{ padding:70px 0px; } .khuvuc_chinhanh { padding: 3em 0px 5em 0px; } #pg-13-0{ padding:5em 0px 11px 0px; } #pg-13-0 #row1>.panel-grid-cell:nth-child(2) .textwidget{ margin:3.5em 0px 6em 0px; } #lienhe .wpcf7 .col-sm-4 input { width: 90% !important; } .sidebar_single_post{ margin:3em 0px 0px 0px; } #taisao_chonlaforce>.panel-grid-cell>.panel-last-child .textwidget, #text_danhmuc .textwidget{ margin:2em auto 2em auto; } .category .post_wrapper:last-child{ margin:0px; } .top_single { padding: 40px 0px; } } @media(min-width: 768px) and (max-width: 1024px){ body{ overflow-x: hidden; } #quitrinh_home .widget-title::before, #sanpham_home .widget-title::before{ display: none; } .nav__primary>ul>li>a{ font-size: 12px; padding:0px 5px; } .logo_header { left: 1em; top: 2em; max-width: 100px; } .header .r_menu { right: 2em; } .caption .title h3{ font-size: 48px; line-height: 55px; } .nav__primary>ul>li{ padding:0px; } #danhmucsanpham>.panel-grid-cell { /* width: 50% !important;*/ float: left; /* max-height: 800px;*/ } #danhmucsanpham { /* min-height: 800px; display: inherit; overflow:hidden;*/ } .home .widget_creativecate ul li{ height: initial; } #danhmucsanpham .panel-grid-cell:nth-child(2) .panel-grid{ /* display: inherit;*/ } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell{ float:left; } #gioithieu_home>.panel-grid-cell:nth-child(2) .textwidget, #sanpham_home>.panel-grid-cell:nth-child(1) .textwidget{ margin: 1.5em 0px 0px 0px; } .widget-title h3, #gioithieu_sanpham .panel-last-child .widget-title{ font-size: 35px; line-height: 44px; margin:0px; } #title_custom .widget-title { right: -100px; top: 133px; padding: 10px 0px 15px 25px; min-width: 350px; } #gioithieu_home{ padding:4.5em 0px; display: inherit; overflow:auto; } #gioithieu_home>.panel-grid-cell:nth-child(1){ width: 20% !important; padding: 0px; float: left; position: relative; min-height: 400px; } #gioithieu_home>.panel-grid-cell:nth-child(2){ width: 45% !important; padding: 0px; margin: 0px !important; align-self: initial; float: left; } #gioithieu_home>.panel-grid-cell:nth-child(3){ width: 35% !important; padding: 0px; margin: 0px !important; align-self: initial; float: left; max-height: 400px; overflow: hidden; } #quitrinh_home{ display: inherit; } #quitrinh_home>.panel-grid-cell:nth-child(1){ width: 55% !important; float:left; } #quitrinh_home>.panel-grid-cell:nth-child(2){ width: 43% !important; padding:0px 30px 30px 30px; float:left; } #quitrinh_home>.panel-grid-cell:nth-child(2) .textwidget{ margin:7.5em 0px 0px 0px; } #sanpham_home { padding: 0px 0px 0em 3em; display: inherit; } #sanpham_home>.panel-grid-cell:nth-child(1){ width: 55% !important; float:left; padding:0px; } #sanpham_home>.panel-grid-cell:nth-child(2){ width: 45% !important; float:left; padding:0px; } #gioithieu_sanpham .panel-last-child .widget-title{ padding:0px 0px 80px 0px; text-align: right; } #gioithieu_sanpham .textwidget{ left: 40px; } #gioithieu_sanpham .panel-first-child #title_custom .widget-title{ right: -21em !important; left: unset; } #bosuutap{ padding:21.75em 0em 0em 0em; } #nhanxet_home::before{ display: none; } #nhanxet_home { padding: 7em 0px 1em 5em; } #sanpham_home .textwidget p a, #gioithieu_home .textwidget p a, #quitrinh_home .textwidget p a{ margin-top:0px; } #nhanxet_home .widget-title{ margin:0px 0px 2em 0px; } #new_home{ padding:35px 0px; } .fixedheader .logo_header{ top:1em; } .fixedheader .nav__primary { padding: 15px 0px; } .fixedheader .r_menu { top:15px; } #new_home .widget-title, #hethongcuahang .widget-title, #lienhe .widget-title, .baivietlienquan h5.title span, .khuvuc_chinhanh .widget-title span{ margin: 0px 0px 20px 0px; } [class*="list_item"]{ margin:0px 0px 30px 0px; } .khuvuc_chinhanh{ padding:2em 0px; } .slick-slider{ margin-bottom: 0px !important; } .footer_widget{ padding: 4em 0 3em 0; } .footer_widget .panel-grid-cell{ border-left: none; } .footer_widget a{ line-height: 22px; } .footer_widget .panel-layout>.panel-grid:nth-child(1){ display: inherit; overflow: auto; } .footer_widget .panel-layout>.panel-grid:nth-child(1)>.panel-grid-cell{ width: 50% !important; float:left; margin:0px 0px 30px 0px !important; } #menu-thong-tin-chung li{ width: 100%; } #danhmucsanpham>.panel-grid-cell:nth-child(1) ul li{ /* height: 800px;*/ } #danhmucsanpham>.panel-grid-cell:nth-child(1) ul li img{ /* max-width: 200px;*/ } #danhmucsanpham>.panel-grid-cell:nth-child(2) .cate-list li{ /* height: 400px;*/ } .cate_list_title{ /* margin: 20px 0px 0px 0px; font-size: 25px;*/ } .count_product{ /* margin:10px 0px 0px 0px;*/ } #danhmucsanpham .view_more{ height: 400px; } .footer_widget .panel-layout .panel-grid:nth-child(1) .panel-grid-cell:nth-child(2n){ } #pg-13-0>.container, #taisao_chonlaforce .panel-layout .panel-grid, #all_information .panel-grid{ display: inherit; } #pg-13-0>.container>.panel-grid-cell:nth-child(1){ width: 33% !important; min-height: 400px; float: left; } #pg-13-0>.container>.panel-grid-cell:nth-child(2){ width: 67% !important; float: left; } #pg-13-0 #title_custom .widget-title{ right: 0em !important; } #pg-13-0 #row1>.panel-grid-cell:nth-child(2) .textwidget { margin: 1.5em 0px 3em 0px; } #pg-13-0 { padding: 5em 0px 3em 0px; } #video_gioithieu{ margin: 0px 0px 4em 0px; } #taisao_chonlaforce .panel-layout .panel-grid>.panel-grid-cell{ width: 33% !important; float: left; padding: 10px; } #taisao_chonlaforce>.panel-grid-cell>.panel-last-child .textwidget, #text_danhmuc .textwidget{ margin: 1em auto 4em auto; } #tuyendung [class*="list_item"]:nth-child(2n+1){ clear: both; } #lienhe { padding: 3em 0px; margin: 2em 0px 0px 0px; } #lienhe .wpcf7 .col-sm-4{ width: 100% !important; margin:0px 0px 40px 0px; } #lienhe .wpcf7 .col-sm-4 input{ width: 100% !important; } #lienhe textarea{ margin:0px; } .khuvuc_chinhanh .widget-title { text-align: center; padding: 0px 0px 2em 0px; } .baivietlienquan h5.title{ padding:2em 0px 1em 0px; } .nav__primary ul.sf-menu>li>ul.sub-menu{ width: 600px; } .sidebar_single_post{ margin:0px 0px 0px 0px; } .sidebar_single_post .textwidget p span{ margin:0px 5px; } .sidebar_single_post .textwidget p a{ display: block; text-align: center; } .post_wrapper{ margin:0px 0px 2.5em 0px; } #all_information .panel-grid .panel-grid-cell{ width: 33% !important; float:left; } .page-template-page-template-lienhe #all_information{ margin: 0px 0px 60px 0px; } .shopcol { margin:0px 0px 30px 0px !important; } .top_single{ padding:0px; } .sidebar_single_post .textwidget ul li:nth-child(2) { background: url(images/icon_baohanh.png) no-repeat; background-position: 20%; padding: 1em 0em 2em 7em; border-left: 1px solid #58824b; border-right: 1px solid #58824b; } .sidebar_single_post .textwidget ul li{ padding:0em 2em 1em 6em; } .sidebar_single_post .textwidget ul li:last-child{ background: url(images/icon_car.png) no-repeat; background-position: 15%; max-width: 380px; padding: 0em 0em 0em 7em; border-left: unset; } .sidebar_single_post .textwidget ul li{ width: 33%; } #sidebar-left [class*="list_item"]{ margin: 0px; } .tax-product_cat .content-page{ padding:2em 0px 0px 0px; } #sidebar-left .title_widget{ margin: 2em 0px 1em 0px; } #sidebar-left .shopcol { clear: none; overflow: auto; border-bottom: none; margin: 0px 0px 20px 0px; width: 48%; float: left; padding: 10px; margin: 0px 10px; } #sidebar-left .shopcol .product-inner{ overflow: auto; border-bottom: 1px dashed #e6e6e6; padding: 0px 0px 10px 0px; } .product-remove { position: absolute; top: -20px; right: 0px; border-bottom: none !important; } tr.woocommerce-cart-form__cart-item{ position: relative; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background:none !important; } .coupon #coupon_code{ padding: 10px; width: 100%; margin: 10px 0px } .place-order #place_order{ margin: 10px 0px 0px 0px; } .woocommerce-checkout .woocommerce .row>.col-sm-6:nth-child(2)>h3{ line-height: 40px; } .woocommerce-checkout .woocommerce .row>.col-sm-6>.woocommerce-checkout{ margin: 0px 0px 30px 0px; } .woocommerce ul.order_details li{ margin: 0px 0px 20px 0px; } .woocommerce-order .woocommerce-thankyou-order-received{ margin:0px 0px 30px 0px; } .back_product{ margin: 0px 0px 30px 0px; } .category .post_wrapper:last-child{ margin:0px; } .single-post .post_meta{ margin: 2em 0px 1.5em 0px; } .single-post h1.title-header{ font-size: 30px; margin: 0px 0px 10px 0px; } .baivietlienquan ul li{ margin:0px 0px 30px 0px; } .baivietlienquan ul li:nth-child(4n+1) { clear: none; } .baivietlienquan ul li:nth-child(3n+1) { clear: both; } } @media (max-width: 992px) { #tuixach_nam li:nth-child(3n+1) { clear: none; } #tuixach_nam li:nth-child(2n+1) { clear: both; } } @media (max-width: 767px){ #comments .wrapper { flex-direction: column; } #comments .comment-author { flex: unset; width: 100%; margin: 0 0 5px; flex-direction: row; justify-content: left; } #comments .comment-author img { margin-right: 10px; width: 40px; height: 40px; } .baivietlienquan ul li:nth-child(3n+1) { clear: none; } .baivietlienquan ul li:nth-child(2n+1) { clear: both; } #video_gioithieu .textwidget { margin: 0 !important; } #video_gioithieu .textwidget iframe { max-height: 350px; } .woocommerce-order-details { margin-top: 30px; } .woocommerce-order-received .thongtindatmua { padding: 30px 15px; } .icon_datmuathanhcong { margin-bottom: 30px; } .diachi_footer .container{ flex-direction: column; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh .list_list{ width: 100%; padding: 0px 0px 0px 35px; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh{ display: none; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh span{ position: relative; } .khuvuc_chinhanh .box_khuvuc:last-child .list_chinhanh span:after{ content: "\f107"; font: normal normal normal 18px/1 FontAwesome; right: 0px; color: #000; position: absolute; top: 0px; left: initial; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; } .list_chinhanh .title a{ float: left; width: 90%; color: #414042; font-weight: normal; } .list_chinhanh .title a.hotline{ float: right; width: 10%; text-align: right; font-size: 30px; color: #bcbec0; } .list_chinhanh .list_list{ margin: 15px 0px; padding-left: 35px; } .list_chinhanh label{ position: absolute; top: 5px; left: 0; background: #999; color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; width: 25px; height: 18px; margin: 0; line-height: 17px; text-align: center; font-size: 14px; } .list_chinhanh .title p{ display: inline; } .caption .title h3 { font-size: 40px; line-height: 40px; } .page_sidebar{ padding-left: 15px; } .list_post_wrapper .post_wrapper{ width: 50%; } .footer_widget .widget-title:before{ content: "\f107"; font: normal normal normal 18px/1 FontAwesome; right: 0px; color: #fff; position: absolute; top: 0px; left: initial; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; } .footer_widget [class*="menu-"],.footer_widget .widget_custom_html .textwidget{ display: none; } .woocommerce table.shop_table td.actions{ display: table; width: 100%; } .woocommerce table.shop_table td.actions .button[name*="update_cart"], .woocommerce table.shop_table td.actions .update_cart_custom a.wc-backward{ float: left; width: auto !important; padding: 14px 8px !important; } .icon_mobile_click{ position: absolute; display: block; color: #fff; text-transform: uppercase; top: 13px; left: 15px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 99; } #nhanxet_home .textwidget{ margin:0px; } .header { position: fixed; width: 100%; top: 0px; background: rgba(0,0,0,0.4) !important; left: 0px; display: table; height: 60px; z-index: 99999; padding: 15px 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2) .widget-title h3{ text-align: left; float:none; } i.fa-search{ padding:0px 0px 0px 0px; color: #fff; } #quitrinh_home .textwidget p{ text-align: justify; } .logo_header { left: auto; top: auto; position: relative; display: table; padding: 0px 0px 0px 0px; /* width: 100%; */ text-align: center; /* z-index: -1; */ margin: 0 auto; } .fixedheader .logo_header { left: auto; top: auto; position: relative; } .single-post .post_meta+.container{ margin-bottom: 30px; } #menu_mobile_full{ background:#2d6f41; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before{ content: "\f0c9"; font-size: 25px; color: #fff; } .top_single span.text_soluong{ margin:0px 5px 0px 0px; } .breadcrumb{ padding:8px 0px 0px 0px; } #pg-13-0 #title_custom .widget-title{ display: none; } #menu-menu-chinh>li>a{ font-size: 15px; font-weight: 700; color:#fff !important; } h2{ font-size: 24px; } .nav__primary { display: none; } .list_product .product-inner img{ min-height: initial !important ; max-height: initial; } .list_product>.shopcol:nth-child(3n+1){ clear: none; } .list_product>.shopcol:nth-child(2n+1){ clear: both; } .list_product>.shopcol{ margin:0px 0px 10px 0px !important; } .woocommerce-cart-form img{ margin:0px 10px 0 0; max-width: 80px !important; } .logo_header .logo{ max-width: 90px; display: table; margin: 0 auto; float: none !important; } .metaslider{ margin-bottom: 0px !important; } .metaslider ul li img{ min-height: 500px; } .metaslider .caption-wrap{ top:50% !important; left: 50% !important; } .header .r_menu{ right:15px; top:15px; } .uynh_custom_search .search_header { top: 50px; } #danhmucsanpham::before{ display: none; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid { flex-direction: row !important; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell { width: 50% !important; /* width: calc(50% - ( 0.5 * 10px ) ) !important;*/ } #danhmucsanpham .panel-grid-cell { margin-bottom: 0 !important; } .cate_list_title{ font-size: 16px; } .list_product .product-inner .image{ min-height: 100px; } .count_product { font-size: 12px; text-transform: uppercase; margin: 0px 0px 0px 0px; } .home .widget_creativecate .term_meta { padding: 0 15px; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell img{ } #danhmucsanpham .view_more{ padding: 15px; height: 250px; position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 480px; margin: 0px auto; } #danhmucsanpham{ min-height: initial; background-color: #fff; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell ul { margin-bottom: 0; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .cate-list li { margin-bottom: 0 !important; } .term_nothumbnail { height: 37.5%; } #gioithieu_home>.panel-grid-cell:nth-child(1){ display: none; } #gioithieu_home>.panel-grid-cell:nth-child(2),#gioithieu_home>.panel-grid-cell,#quitrinh_home .panel-grid-cell,#sanpham_home .panel-grid-cell, .footer_widget .panel-grid-cell{ padding:0em; width: 100% !important; } #gioithieu_home{ padding: 1.5em 1em; border-bottom: 1px solid #e6e6e6; } .widget-title h3, #gioithieu_sanpham .panel-last-child .widget-title{ font-size: 24px; line-height: 30px; font-weight: bold; max-width: initial; color: #000; margin: 0px; } #gioithieu_home>.panel-grid-cell:nth-child(2) .textwidget, #sanpham_home>.panel-grid-cell:nth-child(1) .textwidget{ margin: 1.5em 0px 0px 0px; } .widget-title small{ font-size: 12px; } #sanpham_home .textwidget p a, #gioithieu_home .textwidget p a, #quitrinh_home .textwidget p a{ margin-top:0px; } #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p{ height: initial; max-width: initial; } #quitrinh_home { padding: 2.5em 1em 2em 1em; border-bottom: 1px solid #e6e6e6; } #quitrinh_home>.panel-grid-cell:nth-child(2) .textwidget { margin: 10px 0px 0px 0px; } #quitrinh_home>.panel-grid-cell:nth-child(2){ padding:0em; } #sanpham_home>.panel-grid-cell:nth-child(1){ padding:0em; } #sanpham_home { padding: 2.5em 1em 2.5em 1em; } #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p{ height: initial; max-width: initial; } #gioithieu_sanpham { padding: 0px 1em 0px 1em; } #gioithieu_sanpham .panel-last-child .widget-title{ margin: 0px; padding: 0px; float: none; text-align: left; } #sanpham_home>.panel-grid-cell:nth-child(2){ padding:0em; } #bosuutap { background: #f9f9f9 !important; padding: 40px 0px 40px 0px; } #nhanxet_home::before{ display: none; } #nhanxet_home { padding: 6em 1em 0em 1em; } #nhanxet_home .custom-html-widget ul li { /* background: #fff; */ position: relative; width: 50%; float: left; margin: 0px 0px 80px 0px; padding: 0px 5px; } #nhanxet_home .custom-html-widget ul li .comment_meta{ padding:4em 10px 0px 10px; } #nhanxet_home .slick-dots{ margin: 0px !important; text-align: center; bottom: 30px !important; } .lookbook_home_template .slick-dots,#new_home .slick-dots{ margin: 0px !important; text-align: center; bottom: -20px !important; } .lookbook_home_template .slick-dots li button:before,#new_home .slick-dots li button:before{ display: none; } #nhanxet_home .slick-dots li,.lookbook_home_template .slick-dots li,#new_home .slick-dots li{ width: auto !important; margin: 0 !important; float: none !important; display: inline-block; } #nhanxet_home .slick-dots li button,.lookbook_home_template .slick-dots li button,#new_home .slick-dots li button{ padding: 0px; background: #fff; border-radius: 50%; } .lookbook_home_template .slick-dots li button,#new_home .slick-dots li button{ background: #ccc; margin: 0px 3px; } #nhanxet_home .slick-dots li.slick-active button,#new_home .slick-dots li.slick-active button{ background: #ddba76; } #new_home .slick-dots li.slick-active button,.lookbook_home_template .slick-dots li.slick-active button{ background: #345629; } #nhanxet_home .widget-title { margin-top: -60px; margin: -3em 0px 2em 0px; } .comment_meta .woocommerce .star-rating{ top: initial; right: initial; overflow: initial; float: left; margin: 5px 0px; } .slick-slider{ margin-bottom: 0px !important; } #new_home { padding: 30px 0px; } #new_home .widget-title, #hethongcuahang .widget-title, #lienhe .widget-title, .khuvuc_chinhanh .widget-title span{ margin:0px 0px 30px 0px; } #new_home .widget-title{ text-decoration: underline; } [class*="list_item"]{ margin: 0px 0px 30px 0px; overflow: auto; } .khuvuc_chinhanh { padding: 2em 0px; border-top:1px solid #e6e6e6; } .khuvuc_chinhanh .widget-title { padding: 0px 0px 1em 0px; } .box_khuvuc { width: 100% !important; } .footer_widget .panel-layout .panel-grid:nth-child(1){ padding: 3em 1em 0em 1em; } .footer_widget .panel-layout .panel-grid:nth-child(1) .panel-grid-cell:nth-child(2){ border-right: none; border-left: none; } #menu-thong-tin-chung li{ width: 100%; } .footer_widget .panel-layout .panel-grid:nth-child(1) .panel-grid-cell:last-child{ border-style: none; } .footer_widget .panel-layout>.panel-grid>.panel-grid-cell{ border-bottom: 1px solid #646363; padding: 0px 0px 10px 0px !important; margin: 0px 0px 20px 0px !important; } .social a{ width: 50%; float:left; } #gioithieu_sanpham .widget_text #title_custom .widget-title{ display: none; } #pg-13-0 { padding: 3em 0px 11px 0px; } #pg-13-0 #row1>.panel-grid-cell:nth-child(2) .textwidget { margin: 1.5em 0px 2em 0px; } #video_gioithieu .widget-title, #tuyendung .widget-title, .page-id-442 .content-page .widget-title, .related .title_widget span, .page-template-page-template-lienhe h2.title-header{ padding:0px 0px 1.5em 0px; letter-spacing: 6.2px; } #video_gioithieu .widget-title::before, #taisao_chonlaforce #title_custom .widget-title::before, #tuyendung .widget-title::before, .page-id-442 .content-page .widget-title::before, .related .title_widget span::before, .page-template-page-template-lienhe h2.title-header::before{ display: none; } #taisao_chonlaforce #title_custom .widget-title{ letter-spacing: 6.2px; padding:0px 0px 1.5em 0em; } #video_gioithieu{ margin:0px 0px 2em 0px; } #taisao_chonlaforce>.panel-grid-cell>.panel-last-child .textwidget, #text_danhmuc .textwidget { margin: 1em auto 2em auto; } #tuyendung{ border-top: 1px solid #e6e6e6; padding: 30px 0px 0px 0px; } #tuyendung ul li{ width: 100%; } #lienhe { padding: 2em 0px; margin: 2em 0px 0px 0px; } #lienhe .wpcf7 input[type*="text"], #lienhe .wpcf7 input[type*="email"]{ width: 100%; margin:0px 0px 15px 0px; } #lienhe .wpcf7-form { background: #fff; padding: 3em 2em 1em 2em; } #lienhe textarea{ margin:0px; } #lienhe input[type*="submit"]{ margin: 30px auto 0px auto; } .list_post_wrapper .post_wrapper img { min-height: unset; max-height: 190px; } .post_wrapper { margin: 0px 0px 2em 0px; } .chuyenmuc_single{ float:none; } .r_share_bottom { float: left; } .baivietlienquan ul li{ margin:0px 0px 30px 0px; overflow: auto; } .single-post h1.title-header{ font-size: 24px; line-height: 35px; } .sidebar_single_post{ margin:2em 0px 0px 0px; } #all_information .panel-layout>.panel-grid>.panel-grid-cell{ margin:0px 0px 15px 0px; } .duongdan h1.title-header, .background_product_cat h1.title-header{ font-size: 20px; line-height: 26px; } .page-id-442 .content-page .widget-title{ padding:40px 0px 1.5em 0px; } .woocommerce-order-received .title-header{ display: block; } .sidebar_single_post .textwidget p img{ } .single-post .sidebar_single_post .textwidget, .tax-product_cat .sidebar_single_post .textwidget, .page-id-442 .sidebar_single_post .textwidget { padding: 30px 0px 30px 0px; } .sidebar_single_post .textwidget p img { position: relative; top: 20%; left: 50%; display: block; text-align: center; transform: translate(-50%,-50%); } .sidebar_single_post .textwidget p{ text-align: center; } .sidebar_single_post .textwidget p span{ display: block; } .breadcrumb{ text-align: center; min-width: 250px; margin: 0; } .duongdan h1.title-header{ top:60%; margin:0px; } .hidden-xs{ display: block !important; } .tax-product_cat .content-page{ padding:3em 0px 0px 0px; } #sidebar-left .title_widget{ margin:1em 0px 1em 0px; } .sub_list_item { padding: 20px 0px 0px 20px; margin:0px; } .sub_list_item [class*="list_item"] { margin:0px 0px 15px 0px; } .sub_list_item [class*="list_item"]:last-child{ margin: 0px; } #sidebar-left .product-meta .name{ min-height: initial; } .product-meta .name{ margin: 10px 0px 0px 0px; } .list_sanpham_chuyenmuc .shopcol:nth-child(2n+1) { clear: both; } .fixedheader{ position: fixed !important; } .single-product .header{ position: fixed; background: rgba(0,0,0,0.4)!important; min-height: 50px; padding: 15px; } .single-product i.fa-shopping-cart::before{ display: none !important; } .single-product .duongdan{ margin: 0px 0px 0px 0px; } .quantity_custom{ display: inline-block; vertical-align: middle; } .list_value_variations ul li.active::before{ bottom:-10px; } .top_single { padding: 0px 0px 50px 0px; } .sidebar_single_post .textwidget ul li{ text-align: left; min-height: 84px; display: flex !important; align-items: center; } .sidebar_single_post .textwidget ul li:first-child { border-left: none; background: url(images/icon_security.png) no-repeat; background-position: 10%; display: block; width: 100%; } .sidebar_single_post .textwidget ul li:nth-child(2) { background: url(images/icon_baohanh.png) no-repeat; background-position: 10%; border-style: none; display: block; width: 100%; padding:1em 1em 1em 7em; max-width: none; } .sidebar_single_post .textwidget ul{ padding: 0px 0px; } .sidebar_single_post .textwidget ul li:last-child { background: url(images/icon_car.png) no-repeat; background-position: 10%; border-left: none; display: block; width: 100% ; padding:1em 1em 1em 7em; max-width: none; } .page-template-page-template-checkout h1.title-header a{ font-size: 26px; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3{ font-size: 24px; line-height: 36px; margin:0px 0px 20px 0px; } .woocommerce-checkout #payment div.form-row input[type*="submit"]{ padding:18px; margin: 10px 0px 0px 0px; } .woocommerce-checkout .woocommerce .row>.col-sm-6:nth-child(2)>h3{ font-size: 24px; line-height: 30px; } .page-template-page-template-checkout #content_page .count{ font-size: 24px; } h1.title-header a{ font-size: 24px; } #danhmucsanpham li:hover, #new_home .thumbnail:hover, #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p:hover, #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p:hover{ transform:unset; border:none; } .woocommerce-billing-fields__field-wrapper p{ margin:0px 0px 20px 0px !important; } .woocommerce-additional-fields__field-wrapper #order_comments{ min-height: 110px; } .woocommerce-checkout .woocommerce .row>.col-sm-6>.woocommerce-checkout{ border: 1px solid #e6e6e6; padding: 20px 15px; margin-top: 30px; } tr.woocommerce-cart-form__cart-item{ position: relative; } .woocommerce-cart-form .product-name .r_cart_item a{ width: 100%; } .coupon .title_magiam_gia{ max-width: initial !important; margin:0px 0px 15px 0px; } .woocommerce table.shop_table td.product-name:before{ display: none; } .coupon #coupon_code{ margin: 0px !important; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background:none !important; } .coupon input[type*="submit"] { float: left !important; margin: 15px 0px 0px 0px !important; } .update_cart_custom{ margin: 15px 0px 0px 0px !important; } .woocommerce-order .woocommerce-thankyou-order-received{ font-size: 24px; line-height: 30px; } .page-template-page-template-checkout .woocommerce .row .col-sm-7{ display: block; min-height: 350px; overflow: auto; overflow-y: hidden; } .woocommerce ul.order_details li{ margin:0px 0px 30px 0px !important; } .breadcrumb li a{ font-size: 12px; } #sidebar-left .title_widget span{ font-size: 14px; } .woocommerce-ordering .orderby { padding: 5px; border: 1px solid #e6e6e6e6; } .giacu{ font-size: 7px; } .price-product .price ins .giamoi{ font-size: 13px; } .product-meta .name a{ font-size: 12px; } iframe{ max-width: 100% !important; } .giacu{ display: none; } .single-product i.fa-shopping-cart::before, .page-template-page-template-cart i.fa-shopping-cart::before{ display: none; } .page-template-page-template-cart .uynh_custom_search{ top:0px; } .header .cart .list_item{ width: 290px; right: 10px; padding:2em 1.5em; } .page-template-page-template-checkout88 .content-page{ padding:0px 15px; } .duongdan{ min-height: 250px; } .page-template-page-template-checkout88 .shopcol:nth-child(2n+1){ clear: both; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ float: none; display: none !important; } .pagination{ padding: 1em 0p } .page-template-page-template-gioithieu #title_custom .widget-title { right: auto !important; top: auto !important; position: relative; transform: rotate(0deg); border: none; padding: 20px 0; } .page-template-page-template-gioithieu #row1>.panel-grid-cell:nth-child(2) .textwidget { margin: 30px 0px; } .list_post_wrapper .post_wrapper:nth-child(3n+1){ clear: none; } .list_post_wrapper .post_wrapper:nth-child(2n+1){ clear: both; } .footer_widget .panel-grid-cell{ min-height: 0; border-left: none; } .footer_widget{ padding: 3em 0; } #nhanxet_home ul.slick-slider{ margin-top: 0; } .list_box_chinhanh .widget-title{ margin-right: 0; width: 100%; text-align: center; float: none; } .list_box_chinhanh .khuvuc .title{ min-width: 300px; } .list_box_chinhanh .khuvuc .title{ border: 1px solid #346f49; padding: 15px 30px; font-size: 16px; position: relative; min-width: 0; color: #000; font-weight: 600; min-width: 300px; /* clear: both; */ display: table; margin: 0 auto; } .list_box_chinhanh{ width: 100%; min-width: 0; margin: 0px 0px; } #bosuutap .slick-next::before,#bosuutap .slick-prev::before{ padding: 0px 0px !important; top: 50% !important; margin-top: -50px !important; font-size: 40px !important; } #bosuutap .slick-next{ right: 10px !important; } #bosuutap .slick-prev{ left: 10px !important; } #bosuutap .widget-title{ margin: 0px 0px 30px 0px !important; text-decoration: underline; } .top_item .post-list_h { padding: 0px 0px 0px 50px; } .page-template-page-template-lienhe #all_information .panel-grid { flex-wrap: wrap !important; } .page-template-page-template-lienhe .top_item .post-list_h { padding: 0px 0px 0px 6em; } .list_post_wrapper .post_wrapper img{ width: auto; display: flex; margin: 0 auto; } #box_sidebar_hethong { width: 100% !IMPORTANT; } .page-template-page-hethong-phanphoi .content-page .map_ajax iframe { max-height: 300px; } .single-post .box_tacgia .content_item { flex-direction: column; } .single-post .box_tacgia .content_item .thumbnail { flex: none; height: auto; width: auto; border-radius: unset; margin-right: 0; margin-bottom: 10px; } .single-post .box_tacgia .content_item .thumbnail { display: flex; align-items: center; } .single-post .box_tacgia .content_item .thumbnail > a { margin-right: 20px; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; } .single-post .box_tacgia .content_item .title a { font-size: 20px; } .bottom_post_meta, .bottom_post_meta .l_post_meta a, .l_post_meta .tag_post, .share_link a { color: #ababab !IMPORTANT; } .single-post .bottom_post_meta .tag_post label, .single-post .bottom_post_meta .share_link label { font-weight: 400; } .author .thongtin_tacgia { margin: 0 -15px; padding: 20px 15px 10px; background-color: #f9f9f9; } .author .boxchucvu_kinhnghiem .left_box, .author .boxchucvu_kinhnghiem .kinhnghiem, .author .boxchucvu_kinhnghiem .giaithuong { width: 100%; margin-top: 10px; } .author .boxchucvu_kinhnghiem { margin-top: 0; background-color: #f9f9f9; margin: 0 -15px; padding: 0 15px 20px 15px; } .author .thongtin_tacgia .social_tacgia { margin-top: 0; } .author .duongdan .breadcrumb li a { color: #6b6b6b; } .author .duongdan { background-color: #fff; margin: 0 !IMPORTANT; } .author .duongdan .breadcrumb { margin: 20px 0 0; background-color: #fff; } .author .boxchucvu_kinhnghiem .box_item { border: 1px solid #EBEBEB; } .author .box_tacgia .content_item .author_meta .title { font-size: 20px; padding-bottom: 0; margin-bottom: 4px; } .author .box_tacgia .content_item .thumbnail { flex: 0 0 60px; height: 60px; margin-right: 10px; } .author .box_tacgia .content_item { margin-bottom: 20px; } .author .thongtin_tacgia .title { font-size: 16px; line-height: 1.1; text-align: left; margin-bottom: 10px; } .author .thongtin_tacgia .desc p { margin: 10px 0; } .author .thongtin_tacgia .social_tacgia a { font-size: 0; } .author .thongtin_tacgia .social_tacgia a:not(:last-child) { margin-right: 20px; } .author .boxchucvu_kinhnghiem .box_item .title_box { font-size: 16px; } .author .boxchucvu_kinhnghiem .box_item .title_box:before { height: 2px; margin-top: 0; } .author .boxchucvu_kinhnghiem .noicongtac .content_box, .author .boxchucvu_kinhnghiem .chucvu .content_box { font-size: 16px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li { font-size: 16px; padding-bottom: 10px; } .author .boxchucvu_kinhnghiem .kinhnghiem ul li strong { font-size: 14px; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul li { font-size: 16px; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul li { width: 100%; } .author .boxchucvu_kinhnghiem .giaithuong .content_box ul li:not(:last-child) { margin-bottom: 20px; } .title_list_bv { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ebebeb; font-size: 20px; text-align: left; } .author .list_post_category .post_item { width: 100%; } .author .list_post_category .post_item .content_item { display: flex; } .author .list_post_category .post_item .content_item .thumbnail { flex: 0 0 140px; margin-bottom: 0; margin-right: 16px; height: 140px; } .author .post_item .title a { line-height: 1.1; } .author .post_item .excerpt { -webkit-line-clamp: 2; margin-top: 8px; } .author .list_post_category .post_item { margin-bottom: 20px; } .author .post_item .title { line-height: 1.1; } .author .duongdan a { color: #6b6b6b; } .author .duongdan { background-color: #fff; margin-bottom: 0 !important; } .author .duongdan .breadcrumb { background-color: #fff; margin: 16px 0 0; } .author .duongdan .breadcrumb li:last-child { color: #fff; } .author .breadcrumb li:last-child:before { color: #6b6b6b; } } /* end max-width 767px */ @media(min-width: 480px) and (max-width: 767px){ #menu-huong-dan-mua-hang li , #menu-thong-tin-chung li { width: 50%; float:left; } .post_wrapper{ width: 50% !important; float:left; } } @media(max-width: 480px){ .box_khuvuc .list_chinhanh .list_list{ width: 100%; } .list_value_variations ul li{ padding: 4px 9px; } .duongdan .content_duongdan { transform: translateX(-50%); bottom: 10px; } .page-template-page-template-lienhe #all_information { margin-bottom: 40px; } .author .post_item .date_time span:last-child { padding-left: 4px; margin-left: 6px; } .author .post_item .date_time { font-size: 12px; } } @media(max-width: 400px){ .list_post_wrapper .post_wrapper{ width: 100%; } } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:800px; -ms-interpolation-mode:bicubic;height: auto !important;} .cboxIframe{max-width: 100%;max-height: 100%px;display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;z-index:9999999999} /*#cboxTopLeft{width:14px; height:14px; background: url(images/controls.png) no-repeat 0px 0px;} #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}*/ #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxTitle{position: absolute; position: relative; color: #7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:10px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxClose{ right: 10px !important; } #cboxPrevious{ left: 10px !important; } #cboxNext{ left: 35px !important; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{ top: 0 !important; } #cboxPrevious { left: 10px !important; background: url(images/prew_icon_poup.png) center center no-repeat !important; top: 50% !important; margin-top: -10px; } #cboxNext{ left: auto !important; right: 10px !important; background: url(images/next_icon_poup.png) center center no-repeat !important; top: 50% !important; } #cboxClose{ background: url(images/button_close.png) center center no-repeat !important; top: 10px !important; } #reviews{ max-width:770px; margin: 0 auto; } .woocommerce .star-rating span::before { color: #ddba76; } li.tab_binhluan{ position: relative; } li.tab_binhluan span{ position: absolute; top: -5px; right: -22px; background: #ddba76; width: 18px; height: 13px; text-align: center; color: #fff; font-size: 11px; border-radius: 30px; line-height: 17px; } .product-inner .hover_item .content_hover i{ cursor: pointer; } .bg_none{ background: none !important; border: none !important; padding: 0; } .update_cart_custom{ float: left; margin-left: 30px; } .update_cart_custom .button[name*="update_cart"]{ padding: 14px 20px !important; background: #335628 !important; font-size: 14px !important; border-radius: unset !important; color: #fff !important; } .woocommerce-cart-form #coupon_code{ border-radius: 0; } .r_action_checkout,.r_action_checkout #payment,.r_action_checkout .form-row{ display: table; float: right; } .r_action_checkout .thanhtoanngay_custom{ padding: 23px 40px 17px 40px !important; background: #444a59 !important; font-size: 14px !important; font-family: iCielFesterSemiCondensed-Bold; letter-spacing: 4.2px; border-radius: unset !important; } .woocommerce ul.order_details li{ margin-right: 0 !important; } .mesagess_wishlist{ position: fixed; top: 50%; left: 0; max-width: 100%; text-align: center; width: 100%; margin-top: -50px; } .alert{ max-width: 300px; margin: 0 auto; background: #ddba76; } .close_wishlist{ position: absolute; width: 100%; top: 0; right: -140px; cursor: pointer; } .mesagess_wishlist a{ color: #fff; text-decoration: none; } .page-template-page-compare table{ border:1px solid #ddd; } .page-template-page-compare table,.page-template-page-compare tr,.page-template-page-compare td{ padding: 7px 15px !important; border:1px solid #ddd; } .page-template-page-compare td{ display: table-cell; vertical-align: middle !important; } .page-template-page-compare .item_compare{ background: #444a59 !important; text-align: right; font-size: 15px; font-weight: 600; color: #fff; } .page-template-page-compare .price{ font-size: 24px; color: #ddba76; font-weight: 600; } .page-template-page-compare .image_col{ position: relative; } .page-template-page-compare .image_col .remove_sosanh{ position: absolute; top: 10px; right: 10px; font-size: 20px; color: #ddba76; text-decoration: none; font-weight: 400; cursor: pointer; } .page-template-page-compare .title_product{ background: #444a59 !important; } .page-template-page-compare .title_product h3{ margin:0; } .page-template-page-compare .title_product a{ color: #fff !important; text-decoration: none; } .page-template-page-compare .add-to-cart a{ padding: 10px 20px; background: #ddba76; border-radius: 3px; margin: 15px 0; float: left; color: #000; text-decoration: none; text-transform: uppercase; } .comment_single_post { clear: both; max-width: 770px; margin: 30px auto 0px auto; } .images .big_slide{ float: none; /* max-width: 542px; */ width: 80%; text-align: right; display: inline-block; vertical-align: middle; } .images .thumbnails{ float: none; max-width: 108px; padding-top: 0; width: 20%; /* display: flex; */ display: inline-block; vertical-align: middle; padding-right: 2%; } .images .thumbnails .thumb{ margin: 15px 0; display: table; width: 100%; } .images .thumbnails .thumb:first-child{ margin-top: 0; } .woocommerce div.product p.stock{ background: #f9f9f9; text-transform: uppercase; font-weight: 600; font-size: 15px !important; padding: 22px 15px; width: 100%; text-align: center; color: #000; float: left; margin: 35px auto 25px auto; } .woocommerce div.product div.images a{ background:none !important; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{ top: 0 !important; } #cboxPrevious { left: 10px !important; background: url(images/prew_icon_poup.png) center center no-repeat !important; top: 50% !important; margin-top: -12px; } #cboxNext{ left: auto !important; right: 10px !important; background: url(images/next_icon_poup.png) center center no-repeat !important; top: 50% !important; margin-top: -12px; } #cboxClose{ background: url(images/button_close.png) center center no-repeat !important; top: 10px !important; } .bg_giohang { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / 30%); top: 0; right: 0; z-index: -1; transition: 0.2s; display: block !important; pointer-events: none; opacity: 0; } .giohang_fixed.active .bg_giohang { opacity: 1; pointer-events: auto; } html.no_scroll { overflow: hidden; } .cart_click { cursor: pointer; } .cart_item, .item_cart_checkout, table { padding: 0; border: none; } .giohang_fixed { position: fixed; width: 490px; height: 100vh; top: 0; right: 0; background: #ffffff; z-index: 2; padding: 0; transition: .3s; opacity: 0; pointer-events: none; z-index: 9999; max-width: 100%; max-width: calc(100% - 30px); } .giohang_fixed .noidung_giohang_custom { overflow-x: hidden; height: 100%; position: relative; z-index: 3; background: #fff; } .giohang_fixed .noidung_giohang_custom::-webkit-scrollbar { width: 0; } .giohang_fixed .title { color: #000; display: flex; align-items: flex-end; padding: 20px 20px 0 20px; } .giohang_fixed .title label { font-size: 30px; font-weight: 600; line-height: 35px; } .giohang_fixed .title span { font-size: 16px; margin: 0 0 0 5px; line-height: 1; } .giohang_fixed.active { opacity: 1; pointer-events: auto; } .giohang_fixed .close_giohang { position: absolute; right: 20px; top: 32px; color: #555a68; cursor: pointer; } .giohang_fixed .close_giohang i { font-size: 20px; -webkit-text-stroke: 2px #fff; } .price_cart_custom { display: flex; align-items: flex-end; flex-direction: row-reverse; justify-content: flex-end; margin-top: 5px; width: 100%; } .price_cart_custom del { margin-left: 10px; } .shop_table .product-name .price_cart_custom del span { font-size: 13px; color: #999; font-weight: normal; } .noidung_giohang { padding: 28px 0 30px; height: 100%; font-size: 16px; } .noidung_giohang .item_cart_checkout .r_item .name { font-size: 14px; color: #6f7175; line-height: normal; } .noidung_giohang .item_cart_checkout .pricce_quantity .product-price { line-height: 1.6; } .item_cart_checkout { margin: 0 0 25px 0; } .l_action_checkout li:first-child { margin-bottom: 5px; } .l_action_checkout { padding-bottom: 20px; border-bottom: 1px solid #6c707a; margin-bottom: 30px; color: #999999; } .l_action_checkout .price_km span { font-style: italic; } .l_action_checkout ul, .l_action_checkout ol { padding-left: 0; } .l_action_checkout span { color: #444a59; } .noidung_giohang .content_sroll_cart { overflow-x: hidden; padding: 0 20px; } .noidung_giohang .content_sroll_cart::-webkit-scrollbar{ width: 3px; background-color: #F5F5F5; border-radius: 10px; } .noidung_giohang .content_sroll_cart::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #ccc; } .noidung_giohang .button_muahang { margin-top: 30px; } .noidung_giohang .button_muahang a { padding: 15px 15px 15px 15px !important; background: #345629 !important; font-size: 16px !important; letter-spacing: 4.2px; border-radius: unset !important; display: block; max-width: 100%; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; } .note_checkout .vanchuyen { margin: 5px 0 0 0; text-align: right; color: #444a59; font-style: italic; } .note_checkout .thanhtoan { line-height: 1.4; } .noidung_giohang .list_item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .noidung_giohang input[type=number]::-webkit-inner-spin-button, .noidung_giohang input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .noidung_giohang .quantity .qty { pointer-events: none; } .noidung_giohang .r_cart_item { width: calc(100% - 110px); } .noidung_giohang .product-remove a { color: #dbdbdb; font-size: 20px; } .noidung_giohang .bottom_giohang { background: #f2f2f2; padding: 20px; } .tongtien { font-size: 18px; color: #444a59; } .l_action_checkout strong { margin-left: auto; } .tongtien strong { font-size: 27px; color:#444a59; opacity: 1; margin-left: auto; } .cart_item { display: flex !important; margin-bottom: 20px; } .cart_item .product-quantity-remove { display: flex !important; flex-direction: column; justify-content: space-between; text-align: right; margin-left: auto; } .woocommerce .cart_item .product-quantity-remove a { margin-right: 0; color: #dbdbdb !important; font-size: 20px !important; text-align: right !important; font-weight: normal !important; width: auto !important; } .woocommerce .cart_item .product-quantity-remove a:hover { background: none !important; color: #dbdbdb !important; } .r_thanhtoan .title { font-size: 30px; font-weight: 600; color: #000; margin-bottom: 10px; line-height: 60px; } .r_thanhtoan .title span{ font-size: 16px; margin: 5px 0 0 5px; font-weight: normal; } .l_action_checkout, .tongtien { clear: both; width: 100%; } .l_action_checkout li, .tongtien li { list-style: none; text-align: left; width: 100%; display: flex; align-items: flex-end; } .l_action_checkout li span, .tongtien li span { margin-left: auto; } .r_cart_item dl.variation { margin: 0; display: flex; color: #bebfbf; } .r_cart_item dl.variation .variation-Size { font-weight: normal; } .r_cart_item dl.variation dt.variation-Size { margin-right: 3px; } .r_cart_item dl.variation p { margin: 0; } .woocommerce table.shop_table td { padding: 0 !important; } .woocommerce-checkout .l_action_checkout { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding-top: 20px; } .woocommerce-checkout .tongtien { font-weight: 600; } .woocommerce-checkout .cart_item { margin-bottom: 30px; } .wc-item-meta { padding-left: 0; color: #bebfbf; } .wc-item-meta strong { font-weight: normal; } .woocommerce_order_review_custom { display: flex; } .woocommerce_order_review_custom .woocommerce-order-details { margin-top: 260px; } .woocommerce-checkout .duongdan { margin-bottom: 40px; } .page-template-page-template-checkout .content-holder { padding-bottom: 110px; } .woocommerce-order-received.woocommerce-checkout .cart_item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .woocommerce-order-received.woocommerce-checkout .cart_item:last-child { border-bottom: none; } .woocommerce-mini-cart__empty-message { padding: 0 20px; } .woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label, .coupon .title_magiam_gia { display: none; } .woocommerce-cart-form .coupon_content { position: relative; } .woocommerce-page table.cart td.actions .coupon { width: 100%; position: relative; } .woocommerce-cart-form #coupon_code{ border-radius: 0; width: 100%; padding: 12px 15px; border: none; color: #999; font-size: 15px; background: #ffffff; margin-left: 0; } .woocommerce-cart-form .coupon input[type*="submit"] { padding: 17px 20px !important; border-radius: unset; background: #335628; color: #fff; font-size: 14px; position: absolute; right: 0; top: 0; letter-spacing: 2px; font-weight: 600; z-index: 3; margin: 0 !important; width: auto !important; } @media (max-width: 1024px) { .page-template-page-hethong-phanphoi .content-holder { margin-top: calc(40px + 77px); } body.page-template-page-hethong-phanphoi { background-color: #f4f4f4; } .cuahang_item.active { background-color: #ddd; } #box_sidebar_hethong .title_widget span { font-size: 24px; } .post-type-archive .content-page { padding-top: 40px; } } @media(max-width: 767px){ .woocommerce_order_review_custom .woocommerce-order-details { margin-top: 60px; } .woocommerce_order_review_custom { display: block; } .images .big_slide,.images .thumbnails{ width: 100%; max-width: 100%; } .images .content_thumbnail{ margin:0 auto; } .images .thumbnails .thumb{ margin: 0px 5px; display: table; width: 100%; } .ajax_load_more a{ padding: 8px 20px; font-size: 16px; min-width: 150px; } .combo .title_combo{ background: #d2d2d2; display: block; text-align: center; color: #355629; margin: 0 -15px; border-radius: 0; border-top: 1px solid #355629; border-bottom: 1px solid #355629; } .combo .content_combo .l_combo{ flex-direction: column; margin-left: 0; justify-content: center; } .combo .content_combo .l_combo .curent_product, .combo .content_combo .l_combo .space, .list_daylung{ flex: unset; padding: 0; } .combo .content_combo .l_combo .curent_product{ max-width: 270px; } .combo .content_combo .l_combo .space{ margin: 30px auto 15px auto; font-size: 46px; } .list_daylung .content_slide_sl{ margin: 0 -15px; } .list_daylung .daylung_item{ margin-top: 15px; } .r_combo{ padding: 0 15px; border-left: none; margin-top: 30px; } .add_cart_combo a{ color: #fff; background: #355629; margin-bottom: 30px; } .list_daylung .daylung_item:nth-child(3n+1){ clear: both; } .daylung_item .price { position: absolute; left: 0; width: 100%; } .daylung_item { padding-bottom: 30px; } .combo .product-meta .check_box{ width: 25px; height: 25px; } .variation_custom li{ width: 35px; height: 35px; } .top_single .curent_product .price .amount{ font-size: 24px; } .note_combo{ display: none; } .noidung_giohang .bottom_giohang { padding-bottom: 80px; } .l_action_checkout { padding-bottom: 5px; margin-bottom: 20px; } .woocommerce-order-details__title.hidden-xs { display: none !important; } table.shop_table td.product-name .thumbnail { padding-left: 0; } .page-template-page-template-checkout .content-holder { padding-bottom: 80px; } .woocommerce-order-details .woocommerce-order-details__title { position: relative; cursor: pointer; } .woocommerce-order-details .woocommerce-order-details__title:after { content: "\f107"; font: normal normal normal 18px/1 FontAwesome; right: 0px; color: #999; position: absolute; top: 0px; left: initial; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; } .woocommerce-order-details.show_active .woocommerce-order-details__title:after { content: "\f106"; } .woocommerce-order-details .order_details { display: none; } .woocommerce-order-details.show_active .order_details { display: block; } .woocommerce-order-details .woocommerce-order-details__title { padding-right: 40px; font-size: 20px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title { padding-top: 60px; margin-bottom: 10px; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_media_image { margin-bottom: 10px !important; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .widget-title { font-size: 27px; } .page-template-page-hethong-phanphoi .footer { margin-top: 60px; } #box_sidebar_hethong .title_widget { margin-bottom: 30px; } #box_sidebar_hethong .title_widget span { display: none; } .map_ajax:before { display: block; content: "hệ thống cửa hàng"; text-transform: uppercase; font-size: 27px; font-weight: 600; color: #4a4f5c; text-align: center; margin-bottom: 26px; } #box_sidebar_hethong .title_widget small { margin-top: 45px; } .list_hethong { max-height: 370px; } div#box_sidebar_hethong { height: 590px; } .so-panel.widget.widget_black-studio-tinymce.widget_black_studio_tinymce.panel-first-child.panel-last-child { padding: 0 !important; } .footer_widget .panel-layout .panel-grid:nth-child(1) { padding: 0; } .timkiem_ajax .box_quanhuyen select, .timkiem_ajax .box_tinhthanh select { margin: 14px 0; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .widget-title { color: #454a59; } .share_link a, .share_link, .l_post_meta .tag_post label, .l_post_meta .tag_post a { font-size: 14px; } .bottom_post_meta { padding: 30px 0; margin: 30px 0; } .single-post .l_layout { padding-right: 15px; } .noidung_binhluan { margin-bottom: 0; } #commentform label { margin: 10px 0; } .binhluan { padding: 20px 24px; } #commentform textarea { max-height: 110px; } .sidebarnew .widget { margin-bottom: 30px; } .sidebarnew { margin-top: 30px; } .content_first_letter p:first-child::first-letter { font-size: 64px; margin-right: 15px; } .page-template-page-template-lienhe #all_information .panel-layout>.panel-grid>.panel-grid-cell { margin-bottom: 25px; } .author .box_tacgia .content_item { flex-direction: row; } .lookbook_home_template .lookbook_item img { height: auto !important; } .woocommerce-order-received h2.title-header { padding-left: 0; } .woocommerce-order-received h2.title-header:before { display: none; } } @media (max-width: 600px) { .list_image_trainghiem > .panel-grid-cell:first-child { width: calc(38% - 5px) !important; } .list_image_trainghiem > .panel-grid-cell:last-child { width: calc(62% - 5px) !important; } .list_image_trainghiem > .panel-grid-cell:last-child > .widget_siteorigin-panels-builder .panel-grid-cell { width: calc(33.3333% - 5px) !important; } .map_ajax:before, .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .widget-title { font-size: 24px; } } @media(max-width: 480px) { .price_cart_custom { flex-direction: column-reverse; align-items: flex-start; } .price_cart_custom del { margin-left: 0; } .map_ajax:before, .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .widget-title { font-size: 18px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title .textwidget { font-size: 14px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title { padding-top: 40px; } .page-template-page-hethong-phanphoi .content-holder { margin-top: calc(20px + 77px); } #box_sidebar_hethong .title_widget { margin-bottom: 20px; } #box_sidebar_hethong .title_widget small { margin-top: 30px; } .page-template-page-hethong-phanphoi .widget_text.widget_custom_html .widget_text.text_title { margin-bottom: 0; } .timkiem_ajax .box_quanhuyen select, .timkiem_ajax .box_tinhthanh select { margin: 8px 0; } .bottom_post_meta { justify-content: space-between; } .r_post_meta { margin-left: 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .woocommerce .woocommerce-ordering select { width: 100%; } } @media(max-width: 420px){ .list_daylung .daylung_item{ width: 50%; } .list_daylung .daylung_item:nth-child(3n+1){ clear: none; } .list_daylung .daylung_item:nth-child(2n+1){ clear: both; } .tongtien li { justify-content: space-between; } .tongtien li span{ margin-left: 0; } .new_post_sidebar .new_item .time_post_view { font-size: 12px; } .new_post_sidebar .new_item label { font-size: 10px; } .new_post_sidebar .new_item .content_item .thumbnail { flex: 0 0 80px; margin-right: 10px; } .new_post_sidebar .new_item .post_meta a { font-size: 14px; } }