.product-info .quantity { 
margin-right:0!important;
}
.product-small .quantity {
margin-top:15px!important; 
margin-right:0!important;
}
.quantity .button {
margin-top:0!important;
}
.crazy-deal-details.pc {
margin: 25px auto;
height: 29px;
overflow: hidden;
background-image: url(//keosiliconehanoi.com/wp-content/themes/shopping/images/flashsale-pc.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.crazy-deal-details-right {
position: relative;
margin-left: 175px;
height: 100%;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
time.crazy-deal-details-countdown {
text-align: left;
font-size: 14px;
}
span#wiki-sale-fl {
color: #ff3d00;
font-size: 14px;
}
span.crazy-deal-details-soldtext {
color: #999;
font-size: 14px;
font-weight: bold;
margin-right: 10px;
}
.crazy-deal-details.pc .crazy-deal-details-process {
display: flex;
flex-direction: row-reverse;
align-items: center;
color: #999;
font-weight: 700;
}
.crazy-deal-details.pc .crazy-deal-details-procressbar {
width: 90px;
height: 8px;
background: #ffd1c2;
border-radius: 4px;
display: inline-block;
margin-right: 6px;
margin-left: 6px;
}
.crazy-deal-details.pc .crazy-deal-details-procressbar-inner {
background: linear-gradient(90deg, #ff8763, #ff330c);
border-radius: 4px;
width: 0;
height: 100%;
}
@media screen and (max-width: 1024px) {
.crazy-deal-details.pc {
height: 50px;
background-image: url(//keosiliconehanoi.com/wp-content/themes/shopping/images/flashsale-mobile.png);
}
.crazy-deal-details-right {
position: relative;
display: flex;
color: #fff;
margin-right: 10px;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.crazy-deal-details-procressbar {
background: hsla(0, 0%, 100%, .5);
}
.crazy-deal-details.pc .crazy-deal-details-procressbar-inner {
background: #fff;
}
.wiki-sale-fl,
span.crazy-deal-details-soldtext {
color: #fff !important
}
}
.customfooter {
position: relative;
z-index:9;
}
.customfooter .title {
font-weight:bold;
font-size:18px;
text-transform:uppercase;
}
.customfooter p {
margin-bottom:10px;
font-size:90%;
}
.customfooter i {
padding-right:5px;
}
.customfooter ul {
margin-left:20px;
}
.postslist .box-text-inner, .postgrid .box-text-inner, .postslider .box-text-inner  {
padding: 0 15px!important;
text-align:justify!important;
}
.postslist .box-text-inner h2, .postgrid .box-text-inner h2, .titlea, .product-small .product-title, .product-small .product-title h2 {
font-size:15px!important;
font-weight:500;
}
.postdate {
opacity:0.7;
font-style:italic;
font-size:95%;
}
.postdate i {
margin-right:5px!important;
}
.readmore {
font-weight:500;
display: inline-block;
padding-top:5px;
}
.entry-title {
font-size: 140%;
}
.postmetas {
display:block;
margin-bottom:25px;
}
.postmetas i {
margin-right:5px;
}
.postmetas span {
display:inline-block;
float:left;
margin-right:20px;
}
.postauthor {
font-weight:bold;
text-transform:uppercase;
}
.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {
margin-top:-15px!important;
}
.relatedposts .title {
text-transform:uppercase;
font-size:140%;
font-weight:500;
margin-bottom:10px;
}
.kksr-muted {
display:none;
}
.posthumbnail img {
margin-top:10px;
width:100%;
margin-bottom:0;
padding-bottom:0;
}
.relatedlist {
background: #f9f9f9;
padding:0;
}
.relatedlist ul {
padding: 0 15px 10px 15px;
}
.relatedlist ul li {
margin-bottom:5px;
}
.relatedlist ul li a {
font-size:100%;
padding-bottom:0;
}
.relatedposts.list .title {
background: #000;
color: #fff;
padding: 5px 15px;
}
.homeexpert {
height: 70px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align:justify;
}
.relatedslider .titlea {
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pagenavi .page-numbers {
font-size:100%;
font-weight:500;
padding: 0 5px;
border:1px solid;
padding: 2px 5px;
min-width:30px!important;
display:inline-block;
}
.pagenavi .page-numbers.current, .pagenavi .page-numbers:hover {
font-weight:bold;
}
.page-wrapper {
padding:0!important;
}
.custombread a, .page-title a {
color: #000!important;
}
.page-title-inner {
padding-top:0!important;
min-height:45px!important;
}
.custombread .bread-inner {
margin:auto;
max-width:1270px;
padding:10px 15px;
}
.custombread p {
margin-bottom:0;
}
.entry-header-text, .entry-content {
padding: 0!important;
}
.cattitle, .postcattitle {
font-size:24px!important;
text-transform:uppercase;
font-weight:500;
}
.woocommerce-variation-price, .product-summary .variations_button {
border-top:none!important;
padding:0!important;
}
.product-summary .variations_button .button, .product-summary .variations_button .quantity, .variations_form {
margin-bottom:0!important;
}
.product_meta {
padding-top:10px!important;
}
.product_meta span {
border-top:none!important;
}
.woocommerce-product-gallery__image {
border:1px solid #ccc!important;
}
.woocommerce-tabs {
border-top:0!important;
padding:0!important;
margin-top:50px;
}
.woocommerce-tabs .nav {
border-bottom:1px solid #ccc;
}
.woocommerce-tabs .nav > li {
padding: 0 10px;
margin-bottom:0;
background: #f9f9f9;
line-height:1.2;
margin:0 1px;
display:inline!important;
width:auto!important;
}
.woocommerce-tabs .nav > li a {
font-size:110%;
text-transform:uppercase!important;
font-weight:500;
color: #000;
}
.woocommerce-tabs .nav > li.active, .woocommerce-tabs .nav > li:hover {
background: #000;
}
.woocommerce-tabs .nav > li.active a, .woocommerce-tabs .nav > li:hover a {
color: #fff;
}
.woocommerce-tabs .nav > li a:before {
display:none!important;
}
.product-section {
border-top: none!important;
} .cta-checkbox {
position:fixed;
bottom: 54px;
right:15px;
z-index:99;
width:40px;
height:40px;
opacity:0;
cursor: pointer!important;
}
.openclose {
z-index:90;
position:fixed;
bottom: 70px;
right:25px;
width:40px;
height:40px;
display:inline-block;
border-radius:50%;
cursor: pointer!important;
background-size: 25px!important;
}
.open {
animation-name: zoom;
-webkit-animation-name: zoom;
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
cursor: pointer!important;
box-shadow: 0 0 0 0 #c31d1d;
}
.close {
display:none;
}
.cta-checkbox:checked~.close {
display:block;
}
.cta-checkbox:checked~.open {
display:none;
}
.cta-checkbox:checked~.ctabg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 1;
display:block;
}
.cta-checkbox:checked~.ctaicons {
display:block;
}
.ctaicons {
position: fixed;
right:0;
width:300px;
z-index:10;		
display:none;
}
.cta-action {
z-index: 90;
color: #fff!important;
height: 40px;
width: 215px;
text-align: right;
display: block;
float: right;
width: 100%;
margin-right: 28px;
margin-bottom: 5px;		
}
.ctaicon {
display:inline-block;
z-index:90;
position:relative;
border-radius:50%;
background: #dd3333;
width: 40px;
height: 40px;
animation-name: zoom;
-webkit-animation-name: zoom;
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
cursor: pointer;
box-shadow: 0 0 0 0 #c31d1d;
}
.ctaicon img {
max-width:40px;
padding:5px;
}  .cta-right .ctaicons, .cta-left .ctaicons {
display: block!important;
}
.cta-left .ctaicons {
left: 10px;
right:auto;
}
.cta-left .cta-action {
text-align:left;
float: left;
}
.cta-right .ctatitle, .cta-left .ctatitle {
padding: 0;
border-radius: 99px;
font-size: 0;
width:0;
height:0;
overflow:hidden;
transition: .5s;
}
.cta-right .cta-action:hover .ctatitle, .cta-left .cta-action:hover .ctatitle {
padding: 8px 20px;
font-size:inherit!important;
transition: .5s;
}  .bottombar-support {
position:fixed;
bottom: 0;
left:0;
width: 100%;
z-index: 9999;
padding-top: 5px
}
.bottomcta .cta-action {
display: inline-block!important;
width: auto;
float: inherit;
} @-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}} .shine .box-image {
position: relative;
}
.shine .box-image::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine .box-image:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
} .shining .box-image {
position: relative;
}
.shining .box-image::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shining .box-image:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@media only screen and (max-width: 48em) { }