.homecate {
width: 180px;
text-align:center;
}
.homecate img {
border-radius:50%;
width: 85%;
transition-duration:.5s;
transition-property: width;
}
.homecate:hover img {
width:90%;
transition-duration:.5s;
transition-property: width;
}
.homecate:hover .title {
color: #fb3345;
font-weight:bold;
}
.homecate .title {
color: #000;
text-align:center;
padding-top:5px;
}
.product_cta {
border-radius:5px;
margin-bottom:10px;
padding: 10px;
text-align:center;
color: #fff;
}
.product-info form {
margin-bottom:0;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
width:100%;
background: #fff!important;
}
.sidebar-menu .menu-item {
}
.sidebar-menu .menu-item a {
color: #dd3333!important;
}
.sidebar-menu .menu .sub-menu li, .sidebar-menu .menu .sub-menu li ul li {
padding:inherit!important;
}
.shop-page-title {
background: #f9f9f9;
margin-bottom:30px;
}
.page-title-inner {
padding-top:0;
min-height:40px;
}
.page-title-inner a {
color: #000;
}
.homecategories {
padding-top:10px;
}
.homecategories .flickity-prev-next-button, .homecategories  .slider:hover .flickity-prev-next-button {
top:30%!important;
bottom:auto!important;
opacity:1;
}
.homeproducts .flickity-page-dots {
bottom:-5px!important;
}
.img, .img img {
width:auto;
}
.widget-title, .protitle {
display:block;
border-bottom:1px solid #18944c;
text-transform:uppercase!important;
padding-bottom:10px;
font-size:18px!important;
color: #f7352c;
}
.widget-title span, .protitle span {
border-bottom:3px solid #f7352c;
padding-bottom:6px;
}
.product-categories {
background: #f9f9f9;
padding:0 10px;
}
.product-categories li:before {
content:'';
width:6px;
height:6px;
background: #000;
position:relative;
display:inline-block;
opacity:1!important;
transform:rotate(45deg);
margin-bottom:2px;
}
.product-categories .children {
border-left:0;
}
.product-categories .children li {
list-style-type:circle!important;
}
.product-categories .children li:before {
display:none;
}
.product-categories .current-cat:before {
background: #f7352c;
}
.product-categories .current-cat a {
color: #f7352c;
}
.product-categories .current-cat li a {
color: inherit;
}
.protitle {
padding-bottom:7px;
text-align:right;
margin-top:-2px;
margin-bottom:20px;
}
.woocommerce-pagination li span, .woocommerce-pagination li a {
border:1px solid #f7352c;
border-radius:0;
}
.product-small .box-text {
padding-bottom:10px;
}
.product-small .col-inner {
border:1px solid #ccc;
}
.product-small .col-inner:hover {
border-color: #f43b25;
}
.product-small .product-title a {
font-size:16px;
color: #000;
font-weight:normal!important;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.product-small .amount {
color: #f43b25;
font-size:18px;
display:block;
margin-top:10px;
}
.product-small .image-zoom::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: none;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.product-small .image-zoom:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
display:block;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.product-footer .container-width {
max-width:1270px;
}
.product-footer .protitle {
text-align:justify;
padding-bottom:5px!important;
}
.homebanner {
padding-left:0!important;
padding-bottom:0!important;
}
.topbanner {
padding-bottom:8px!important;
}
.homepromise {
padding-top:10px;
padding-bottom:10px;
}
.promise .col-inner {
border:1px solid #ff8000;
border-radius:5px;
background-size:50px!important;
background-position:10px 50%!important;
padding-left:70px;
line-height:60px;
}
.promise .col-inner p {
text-transform:uppercase;
margin-bottom:0;
}
.promise .col-inner:hover {
border-color: #fb3345;
color: #fb3345;
}
.hometitle {
border-bottom:1px solid #f7352c;
margin-bottom:15px;
}
.hometitle span {
background: #dd3333;
color: #fff;
margin: 0;
font-size: 20px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
height: 40px;
padding: 10px;
-ms-align-items: center;
align-items: center;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
-o-transform: skew(-10deg);
transform: skew(-10deg);
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
margin-left: 4px;
}
.hometitle span span {
-webkit-transform: skew(10deg)!important;
-ms-transform: skew(10deg)!important;
-o-transform: skew(10deg)!important;
transform: skew(10deg)!important;
}
.hometitle span span a {
color: #fff!important;
}
.viewall {
position:absolute;
right:10px;
top:10px;
color: #000;
}
.viewall i {
margin-left:5px;
top:2px;
}
.customfooter {
background-size:cover!important;
color: #fff;
padding-top: 50px;
padding-bottom:10px;
}
.customfooter p {
margin-bottom:10px;
}
.customfooter a, .customfooter a:hover {
color: #fff;
}
.customfooter .title {
text-transform:uppercase;
font-size:20px;
border-bottom:1px solid;
padding-bottom:5px;
margin-bottom:20px;
}
.customfooter .title span {
border-bottom:3px solid;
padding-bottom:7px;
}
.customfooter .col {
padding-bottom:0;
}
.customfooter i {
margin-right:10px;
}
.customfooter .subtitle {
font-weight:bold;
font-size:120%;
}
.customfooter ul {
margin-left:18px;
}
.footeracc .accordion-title {
padding-left:0!important;
}
.footeracc .accordion-title.active {
color: #fff;
text-transform:uppercase;
background: #dd3333!important;
padding-left:15px!important;
}
.footeracc .toggle {
left:auto!important;
right:0px!important;
}
.footeracc .accordion-inner {
padding:15px 0 0 0!important;
}
.cta {
position:fixed;
right:0px;
bottom:30px;
width:90px;
z-index:9999;
}
.ctaitem {
position: relative;
visibility: visible;
background-color: transparent;
width: 90px;
height: 90px;
cursor: pointer;
z-index: 9999;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}
.ctabg {
width: 60px;
height: 60px;
top: 15px;
left: 15px;
position: absolute;
box-shadow: 0 0 0 0 #dd3333;
border-radius: 50%;
border: 2px solid transparent;
-webkit-animation: zigzag 2.3s infinite ease-in-out;
animation: zigzag 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animuiion: zoom 1.3s infinite;
animation: zoom 1.3s infinite;
}
.ctaimg {
width: 40px;
height: 40px;
line-height: 40px;
top: 25px;
left: 25px;
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
-webkit-animation: zigzag 2s infinite ease-in-out;
animation: zigzag 2s infinite ease-in-out;
}
.ctaimg a {
display:block;
}
.ctacontent {
color: #fff;
padding: 10px 15px;
border-radius:99px;
position:absolute;
z-index:0;
top:22px;
transition-duration:2s;
display:none;		
margin-left:-120px;
font-size:100%;
width:180px;
transition-duration:2s;
}
.ctaitem:hover .ctacontent {
display:block;
}
.ctamobile {
position:fixed!important;
right:0px;
bottom:0px;
width:100%;
z-index:99999!important;
}
.mobileicon {
float:left;
text-align:center;
padding: 5px 0;
position:relative;
z-index:99999!important;
border-right:1px solid #fff;
}
.mobileicon img {
width: 30px;
}
.mobileicon p {
margin-bottom:0;
}
.mobileicon a {
color: #fff;
}
.mobileicon img {
justify-content: center;
-webkit-animation: zigzag 2s infinite ease-in-out;
animation: zigzag 2s infinite ease-in-out;
}
@-webkit-keyframes zigzag {
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);}
}
@keyframes zigzag {
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);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.khachhang {
text-align:center;
}
.khachhang img {
border-radius:100%;
padding:5px;
width:150px;
}
.khachhang h3 {
margin-top:10px;
margin-bottom:0;
}
.khachhang h4 {
font-weight:normal;
font-size:95%;
margin-top:0;
margin-bottom:20px;
}
.khachhang h4:after {
content:'';
display:block;
margin:auto;
width:60px;
border-bottom:1px solid #dd3333;
padding-top:10px;
}
.khachhang p {
text-align:center;
}
.footer-widgets {
color: #fff!important;
}
.footer-widgets i {
margin-right:10px;
}
.footer-widgets p {
margin-bottom:10px;
}
.footer-widgets .widget-title {
color: #fff!important;
border-bottom:1px solid;
margin-bottom:15px;
}
.footer-widgets .widget-title:after {
content:'';
width:100px;
height:3px;
background: #fff;
display:block;
margin-top:10px;
margin-bottom:-12px;
}
.footer-widgets iframe {
width:100%;
}
.footer-widgets .is-divider {
display:none;
}
.product-section {
border-top:0;
}
.product-info .price .amount {
background: #18944c;
color: #fff;
margin: 0;
font-size: 20px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
height: 35px;
padding: 10px 20px;
-ms-align-items: center;
align-items: center;
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
-o-transform: skew(-10deg);
transform: skew(-10deg);
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
margin-left: 4px;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
margin-top:inherit!important;
}
.product-page-title {
padding-bottom:5px;
}
.danhmuccon {
text-align:right;
position:absolute;
top:10px;
right:210px;
}
.danhmuccon li {
display:inline-block;
}
.danhmuccon li a {
color: #f98830;
}
.danhmuccon li:after {
content:'';
width:1px;
height:12px;
background: #000;
display:inline-block;
margin-left:10px;
margin-right:10px;
}
.products .product-small.col, .homeproducts .product-small.col {
padding:5px!important;
}
.products, .homeproducts .row {
padding:0 5px!important
}
.product-short-description {
border:1px dashed #f98830;
padding: 15px 15px 0 15px;
margin-bottom:20px;
border-radius:10px;
}
.widget .is-divider {
display:none;
}
.featuredpro .widget-title {
color: #f98830;
}
.featuredpro .widget-title:after {
content:'';
width:100px;
height:3px;
display:block;
background: #f98830;
margin-top:10px;
margin-bottom:-12px;
}
.product-info {
padding-top:0;
}
.postsview img {
width:220px;
}
.catetitle {
border-bottom:1px solid;
margin-bottom:25px;
padding-bottom:8px;
text-transform:uppercase;
margin-top:-3px;
}
.catetitle span {
border-bottom:3px solid #de3e04;
padding-bottom:6px;
}
.entry-header-text.text-center {
padding-left: 0em;
padding-right: 0em;
text-align:justify;
}
.entry-header-text {
padding: 0;
}
.entry-content {
padding:0;
}
#related-posts {
background: #f7f7f7;
padding:15px 0;
border:1px solid #de3e04;	
margin-bottom: 0px;
}
.relatedcat {
padding:0;
}
.relatedcat h3 {
text-transform:uppercase;
background: #de3e04;
color: #fff;
padding:5px 15px;
margin-top:-15px;
font-size:110%;
font-weight:bold;
margin-left:-1px;
margin-right:-1px;
width: calc(100% + 1px);
}
.relatedcat ul {
padding-left:30px;
margin-bottom:-10px;
}
.postnavi {
background: #f2f2f2!important;
margin-bottom:30px;
}
.postnavi-inner {
margin:auto;
max-width:1270px;
padding: 15px;
font-size:1.15em;
}
.postnavi-inner a {
color: #000;
}
#breadcrumbs, .breadcrumbs {
font-size:15px;
}
.postnavi-inner #breadcrumbs {
margin-bottom:2px!important;
}
.page-wrapper {
padding:0;
}
.widget_recent_entries ul {
border:1px solid #18944c;
border-top:0;
padding: 0 10px;
}
#content i {
margin-right:10px;
}
.homepost div {
max-height:230px;
overflow:hidden;
}
.homepost div img {
width:100%!important;
}
.homepost h3 {
font-size:18px;
color: #000!important;
text-align:justify;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
height: 25px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.homepost h3 a {
color: #000;
}
.homepost .homeexpert p {
text-align:justify;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
height: 75px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.homepost p:empty {
display:none;
}
.procontact i {
margin-right:10px;
}
.checkout-cart-checkout-layout .two-column-layout-left, .checkout-cart-checkout-layout .two-column-layout-right, .cclw_cart_table {
width:100%;
padding:0;
}
.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th {
border-width:0;
background: #18944c;
color: #fff;
}
.cclw-style-2 td, .cclw-style-2 th, .cclw-style-2 td.name, .cclw-style-2 th {
min-width:100px!important;
vertical-align: middle!important;
width:auto!important;
}
.woocommerce-checkout .express-one-page-checkout-main .form-row {
margin:0!important;
}
.woocommerce-billing-fields {
padding-top:0;
}
.order-total, .cart-subtotal {
padding:5px 10px;
}
.shipping-total {
display:inherit;
padding:5px 10px;
border:1px solid #f3f3f3;
}
.express-one-page-checkout-main .cart_totals span.right-corner {
float: right;
position: absolute;
right: 20px;
}
ul.payment_methods {
margin-bottom:5px!important;
}
.onestepcheckout-summary th {
text-transform:none!important;
}
.is-well {
box-shadow:none!important;
background:transparent!important;
}
.woocommerce-table--order-details td, .woocommerce-table--order-details th {
padding:8px 10px;
}
.woocommerce-table--order-details {
border:1px solid #f3f3f3;
}
.woocommerce-billing-fields__field-wrapper .form-row-wide {
display:inline-block!important;
clear:inherit;
position:relative;
}
#billing_last_name_field, #billing_state_field {
width:49%;
}
#billing_phone_field, #billing_city_field {
width:49%;
left:2%;!important;
}
#billing_address_1_field {
width:100%!important;
margin-top:10px!important;
}
.woocommerce-shipping-fields {
display:none;
}
@media only screen and (max-width: 48em) { }