/* 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; font-weight: 500; 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%; padding:1.5em 0px 5em 0px; } .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; } #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%; } .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; } .header .cart:hover .list_item { top: 100%; opacity: 1; visibility: visible; } .header .remove_from_cart_button{ position: absolute; bottom: 40%; right: 5px; font-size: 25px !important; } .header .cart .list_item { position: absolute; visibility: hidden; opacity: 0; transition: all 0.3s; top: 100%; width: 360px; right: 0; z-index: 9999; border: 1px solid #345629; border-radius: 5px; background: #fff; padding: 30px; border-radius: unset; } .header .cart .list_item .woocommerce-mini-cart__buttons .wc-forward{ font-size: 16px; color:#999999; text-transform: uppercase; font-weight: bold; letter-spacing: 2.2px; display: block; width: 100%; text-decoration: underline; text-align: center; padding:15px; } .header .cart .list_item .woocommerce-mini-cart__buttons>.button:nth-child(2){ background:none !important; padding-bottom: 0; } .header .cart .list_item .woocommerce-mini-cart__buttons .checkout { color: #fff !important; background: #345629; text-decoration: none !important; } .header .variation{ display: none; } .header .cart .quantity,.woocommerce-mini-cart__total span{ font-size: 18px; color: #000; font-weight: bold; display: inline-block; vertical-align: middle; } .header .cart .title{ font-size: 20px; color: #000; font-weight: bold; margin-bottom: 15px; } .header .cart .quantity{ display: block; } .woocommerce-mini-cart__total strong{ color:#999999; float:left; } .header .cart .woocommerce-mini-cart__total .amount{ float: left; margin: 0px 0px 0px 70px; } .header .cart .woocommerce-mini-cart__total .woocommerce-Price-currencySymbol{ float:right; } .header .cart img{ width: 60px !important; float: left !important; margin: 0px 10px 0px 0px; display: inline-block; vertical-align: middle; max-height: 70px; } .header .cart p.woocommerce-mini-cart__buttons{ margin: 50px 0px 0px 0px; } .header .cart .woocommerce-mini-cart__total.total{ padding: 15px 0; } .header .cart .woocommerce-mini-cart__total.total label{ color: #999; font-weight: normal; } .header .cart .woocommerce-mini-cart__total.total label,.header .cart .woocommerce-mini-cart__total.total .amount{ width: 50%; float: left; margin: 0; line-height: 20px; } .header .cart .woocommerce-mini-cart__total.total .amount{ text-align: right; padding-top: 10px; } .header .variation .variation-Size{ float: left; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl{ margin: 0px ; padding-left: 0px !important; border-left: unset !important; } .list_item ul li{ position: relative; border-bottom: 1px solid #e6e6e6; padding: 10px 30px 10px 0px !important; margin: 0px; display: table; width: 100%; } .cart .list_item li a{ color: #999999; font-size: 16px; line-height: 20px; display: block; } .cart .list_item li a:hover{ color:red; } .r_menu .list_item{ position: absolute; visibility: hidden; opacity: 0; transition: all 0.3s; top:100%; } .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: 400px; background: url(http://websitetop1.org/laforcenew/wp-content/uploads/2018/01/bg_header.jpg) left top no-repeat; position: relative !important; } .single-post .background_product_cat { min-height: 400px; margin: -15px 0px 0px 0px; position: relative; } .single-post .post_meta{ margin:7em 0px 2.5em 0px; } .single-post h1.title-header{ font-size: 36px; line-height: 52px; color:#000; font-weight: bold; text-align: center; } .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: #ccc; content: "/\00a0"; } .breadcrumb li a,.breadcrumb li{ color:#fff; font-size: 14px; line-height: 36px; } .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: -30px; left: 50%; text-align: center; width: 95%; } .duongdan h1.title-header, .background_product_cat h1.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{ text-align: center; color: #cccccc; font-size: 14px; } .single-post .post_content .textwidget{ font-size: 18px; line-height: 36px; color:#000; } .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; } .share_link i.fa { color: #cccccc; font-size: 18px; } .comment_single_post { clear: both; max-width: 770px; margin: 30px auto 0px auto; } #respond { margin: 40px 0px 0px 0px; } #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: 15px; } #commentform input[type*="text"], #commentform input[type*="mail"], #commentform textarea { width: 100%; padding: 10px 10px 10px 20px; border-radius: 5px; border: none; background: #f7f7f7; color: #bbbbbb; } .noidung_binhluan { margin: 20px 0px 0px 0px; } #commentform textarea { max-height: 130px; } .noidung_binhluan+p { margin: 50px 0px 80px 0px; } #commentform input[type*="submit"] { background: none; border: none; color: #000; letter-spacing: 2.2px; text-align: center; display: block; margin: 0px auto; border-bottom: 2px solid #000; padding: 0px; } .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; } .single-product .uynh_custom_search{ position: relative; } .r_menu i.fa-shopping-cart::before{ content: ""; } #danhmucsanpham>.panel-grid-cell{ width: 50% !important ; } .cate_list_title{ text-align: center; margin: 55px 0px 30px 0px; font-size: 30px; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .cate-list li{ padding: 15px; height: 480px; position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 480px; margin: 0px auto; } #danhmucsanpham{ position: relative; } #gioithieu_home>.panel-grid-cell:nth-child(3) .textwidget p{ max-width: 585px; height: 600px; overflow: hidden; } #sanpham_home>.panel-grid-cell:nth-child(2) .textwidget p{ max-width: 500px; height: 600px; overflow: hidden; } #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; } #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::before{ position: absolute; content: ""; height: 290px; left: 40%; top: -159px; width: 1px; z-index: 6; } #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{ width: 50% !important; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell img{ max-height: 183px; } #danhmucsanpham>.panel-grid-cell:nth-child(1){ height: 960px; background: #dbdbd8; } #danhmucsanpham .view_more { background-color: #345629; height: 480px; display: table-cell; width: 100%; vertical-align: middle; width: 480px; text-align: center; } #danhmucsanpham{ min-height: 950px; } .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_home span, #title_custom span { position: relative; } .panel-grid-cell{ 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 li{ display: table-cell; vertical-align: middle; margin: 0px auto; text-align: center; width: 960px; height: 960px; } .count_product{ font-size: 14px; text-transform: uppercase; margin:40px 0px 0px 0px; } .count_product span{ color: #2d6f41; } #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; } .widget-title h3, #gioithieu_sanpham .panel-last-child .widget-title{ font-size: 48px; line-height: 48px; font-weight: bold; max-width: 355px; color:#000; } #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{ right: 5em !important; 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, .baivietlienquan h5.title span, .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; } .khuvuc_chinhanh{ padding: 3em 0px 5em 0px; border-top: 1px solid #e6e6e6; } .baivietlienquan h5.title{ text-align: center; padding: 3em 0px 3em 0px;; } .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:40px 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 { float: left; margin: 0 4px 0 0; } .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: 5px 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: 5px 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; } .woocommerce .quantity .qty{ width:initial !important; text-align: center ; max-width: 60px; padding: 10px 7px 10px 18px; } #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%; } .search_header input[type*="text"]{ background:#fff; } .woocommerce-additional-fields__field-wrapper #order_comments { min-height: 150px; } .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{ text-align: center; 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 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; } .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 .content-holder { background:#fff; } .woocommerce-order .woocommerce-thankyou-order-received{ font-size: 30px; line-height: 57px; color: #000; font-weight: bold; margin: 0px 0px 30px 0px; } .woocommerce ul.order_details li{ float: none !important; display: block !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 60px 0px; } .woocommerce ul.order_details li:last-child{ margin: 0px; padding: 0px 0px; border-bottom: 1px solid #000 !important; } .woocommerce ul.order_details li strong{ display: initial; font-size: 16px !important; line-height: 26px !important; color:#000; float: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; } .thanhtoan_custom ul li{ color:#999999; font-size: 16px; line-height: 26px; } .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: 40px 0px; font-size: 14px; line-height: 26px; color: #345629; text-transform: uppercase; font-weight: bold; } .thanhtoan_custom ul li.big_price .amount{ font-size: 24px; line-height: 26px; color:#000; font-weight: bold; } .woocommerce ul.order_details{ margin-bottom: 0px !important; } .back_product{ text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; background: #f9f9f9; padding: 20px; } .icon_datmuathanhcong{ position: relative; text-align: center; max-width: 460px; } .icon_datmuathanhcong:before{ background: url(images/checkout-success.png) center center no-repeat; position: relative; text-align: center; width: 200px; height: 200px; 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; } .woocommerce-cart-form .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; } .woocommerce-cart-form .product-name a{ font-size: 16px; line-height: 24px; color: #999999; display: inline-block; vertical-align: middle; } .woocommerce-cart-form .product-name .r_cart_item{ display: inline-block; vertical-align: middle; } .woocommerce-cart-form .product-name .amount{ display: block; font-size: 18px; font-weight: bold; color:#000; } .woocommerce-cart-form .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; } .wc_payment_methods label[for*="payment_method_"]{ } .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; } .top_single .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child img{ transition: all 0.3s; } .top_single .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child:hover img{ transform: scale(1.05); } .top_single .woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:not(:nth-child(1)){ margin: 30px 10px 30px 0px; width: 20% !important; } .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-cart .woocommerce a.remove,.woocommerce .woocommerce-cart-form a.remove{ color: #999 !important; font-weight: 700; font-size: 24px; border-radius: 50%; height: 1em; width: 1em; align-items: center; justify-content: center; display: flex; } .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-cart .woocommerce a.remove:hover,.woocommerce .woocommerce-cart-form a.remove:hover{ color: #fff !important; background: #345629 !important; } .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 50px 0px; } .shop_table_responsive thead{ display: none; } .woocommerce table.shop_table{ border:none !important; width: 100%; } .woocommerce table.shop_table td{ border:none !important; border-bottom: 1px solid rgba(0,0,0,.1); } .update_cart_custom{ margin-left: 0px !important; } .update_cart_custom .button[name*="update_cart"]{ padding:14px 20px !important; border:none; font-weight: 600; } .woocommerce table.shop_table td{ padding:20px 12px !important ; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 48%; margin: 30px 0px; } .woocommerce table.shop_table td.product-name{ display: flex; } .woocommerce table.shop_table td.product-name > a{ flex: 0px 0px 95px; } #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: 999; width: 100%; background: rgba(0,0,0,0.4) !important; } .r_thanhtoan{ float: right; padding-top: 15px; } .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: 36px; } .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: 7em 0px 3em 0px; } .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%; } .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: 44px; height: 44px; border-radius: 50%; text-indent: -9999px; margin-bottom: 10px; } .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: 15; margin-top: 0; display: none; } .poup_goilai{ position: absolute; top: 25%; 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{ 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; } .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{ text-align: center; } .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_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; } /*======================================= css RESPONSIVE ======================================================*/ @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; } .header .r_menu{ top:40px; } .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; } } @media (max-width: 767px){ .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; 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; } #danhmucsanpham>.panel-grid-cell:nth-child(1){ min-height: 400px; background: #dbdbd8; width: 100% !important; overflow: auto; height: initial; } #danhmucsanpham>.panel-grid-cell:nth-child(1) ul li{ height: 400px; } #danhmucsanpham>.panel-grid-cell:nth-child(1) ul li img{ } .header .r_menu{ right:0px; top:15px; } #danhmucsanpham::before{ display: none; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid .panel-grid-cell { width: 50% !important; float: left; } #danhmucsanpham>.panel-grid-cell:nth-child(2){ width: 100% !important; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .panel-grid{ display: inherit; clear: both; } #danhmucsanpham>.panel-grid-cell:nth-child(2) .cate-list li{ height: 200px; } .cate_list_title{ margin: 25px 0px 15px 0px; font-size: 18px; } .list_product .product-inner .image{ min-height: 100px; } .count_product { font-size: 12px; text-transform: uppercase; margin: 5px 0px 0px 0px; } #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; } #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, .baivietlienquan h5.title span, .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; } .baivietlienquan h5.title, .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; } .single-post .post_meta { margin: 2em 0px 1.5em 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; } .single-product i.fa-shopping-cart::before{ display: none !important; } .single-product .duongdan{ margin: 0px 0px 0px 0px; } .woocommerce .quantity .qty{ border:1px solid #ccc; padding: 10px 7px 10px 10px; } .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: 15px 15px; } .product-remove{ position: absolute; top: 0px; right: -10px; border-bottom: none !important; } tr.woocommerce-cart-form__cart-item{ position: relative; } .woocommerce-cart-form .product-name a{ overflow:auto; float: left; width: 30%; }.woocommerce-cart-form .product-name .r_cart_item a{ width: 100%; } .woocommerce table.shop_table td{ padding:10px !important; display: table !important; 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; } .icon_datmuathanhcong { position: relative; top: -90px; } .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-cart-form .product-name .r_cart_item{ text-align: left; width: 70%; padding-left: 10px; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ float: none; } .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; } .list_post_wrapper .post_wrapper img{ width: auto; display: flex; margin: 0 auto; } } /* 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; } } @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; } .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 img{ width: auto !important; } .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; } @media(max-width: 767px){ .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; } } @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; } }