/*
Theme Name: Halink AT01
Theme URI: https://web24s.com/
Author: Halink team
Author https://web24s.com/
*/

div#list-cats {
    display: inline-block;
}
ul.ul_responsive_link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

li.cat_ch_pro .img_cate {
    height: 240px;
}
.columns-4 .item {
  float: left;
  width: 20%;
  padding: 3px;
}
.columns-4 .item .product-box .product-thumbnail a{
  height: 185px;
}
.columns-4 .item .product-info .product-name span{
  font-size: 14px;
}
 .columns-4 .item .product-box .price-box .special-price span {
  font-size: 14px;
}
 .columns-4 .item .product-box .product-name {
    height: 90px;
}
 .columns-4 .item .product-box .product-price-old {
    margin: 0px;
    text-align: left;
    font-size: 14px;
}
 .columns-4 .item .product_price a.btn_det, .columns-4 .item .product_price a.add_to_cart_button {
    padding: 5px 7px;
}
 .columns-4 .item .product-box .product-info {
    padding: 5px 5px;
}
.section_pro {
    display: flex;
    flex-wrap: wrap;
}
.product_price {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
a.btn_det {
    /* display: block; */
    border: 1px solid;
    margin: auto;
    padding: 9px 15px;
    color: #3756cd;
}
a.add_to_cart_button {border: 1px solid #3756cd;
    margin: auto;
    padding: 9px 15px;
    background: #5bdbd5;color: white;margin-left: 10px;}
a.add_to_cart_button.ajax_add_to_cart:hover {
    color: white;
    background: #a30707;
}
.category_custom10 {
  display: flex;
  flex-wrap: wrap;
}
.category_custom10 .item {
  float: left;
  width: 20%;
  padding:3px;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
  .columns-4 .item {
  width: 33%;
  padding: 3px;
  }
  .category_custom10 .item {
  float: left;
  width: 33%;
  padding:3px;
}
}
.link_more {
    float: left;
    width: 100%;
    text-align: center;
}

.link_more a {
    border-radius: 20px;
    *background: #80bb35;
    padding: 11px 20px;
    margin: 0;
    font-size: 12px;
    color: #80bb35;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
}

span.title_ct {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}
.tab_width_full {
    float: left;
    width: 100%;
}
li.cat_ch_pro img {
    width: 100%;
    height: 240px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 0 !important;
}
li.cat_ch_pro.col-md-4 {text-align: center;}
.menu li a {
    text-transform: uppercase;
}

.woocommerce span.onsale {
	right:0px;
	left:89%
}
.zalo-share-button {
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
}
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px)  {
  .quick-alo-ph-img-circle img {
    padding-top: 7px;
  }
  .columns-4 .item {
  width: 100%;
  padding: 3px;
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)  {
  .columns-4 .item {
  width: 100%;
  padding: 3px;
  }
}
@media (max-width: 991px) {
	.section.section-collection.section-collection-1 {
    margin: 20px 0;
	}
}
ul.mobi_log li {float: right;padding: 5px;}

ul.mobi_log {
    width: 100%;
    display: contents;
    margin: 0;
    position: relative;
}

/*.woocommerce img, .woocommerce-page img {
    height: auto;
    width: -webkit-fill-available;
}
*/
.col-sm-12.col-xs-12.col-md-3.sidebar.col-left.clearfix {
    float: left !important;
}

.col-right {
    float: right !important;
}

.menu-search {
    top: 0;
    position: absolute;
    right: 0;
}
.header_se {
    float: right;
    font-size: 20px;
    text-align: center;
    padding: 7px;
    color: white;
}
.header_se:hover .menu-search {
    display: block !important;
}
.header_se input {
    font-size: 15px !important;
}


.btn-vmore{
	float: right;
    color: #3756cd;
}

.woocommerce .woocommerce-breadcrumb{ margin-top:10px !important; }
.sidebar .aside-item{
	float:left;
	width:100%;
}
.archive ul.products{
	margin:0 -15px;
}

.product-box .price-box{ height:50px; overflow:hidden; }

a.add_to_cart_button.ajax_add_to_cart:hover {
    color: white;
    background: #3756cd;
}

.product_meta > span{
	display:block;
}

.entry-summary .woocommerce-Price-amount{
	font-size: 2.14286em;
    display: inline-block;
	color: #3756cd;
	font-weight: 700;
	font-size:24px;
}

.woocommerce div.product .product_title{
	font-size: 24px;
    font-weight: bold;
}

.woocommerce div.product div.images .flex-control-thumbs{ margin-top:10px; margin-left:-5px; margin-right:-5px; }

.details-product .flex-viewport, .woocommerce div.product div.images .flex-control-thumbs li img{    
	border: 1px solid #EBEBEB;
    text-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs li{ padding:0 5px; }

.woocommerce div.product p.price del .woocommerce-Price-amount{
	font-size: 16px;
    text-decoration: line-through;
}

.details-product span.onsale{
	background: none;
    background-color: rgb(55, 86, 205);
    height: 30px;
    height: 30px;
	left:10px;
	top:10px;
	right:auto;
}
.woocommerce div.product form.cart .button{
	padding: 12px 20px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background:#3756cd;
}

.woocommerce .quantity .qty{
	width: 102px;
    height: 38px;
}

.sku_wrapper .sku{
	font-weight: bold;
}

.social-share a{ margin-right:5px; }
.social-share .fa{ font-size:34px; }
.social-share .facebook{
	color:#3b5a9b;
}
.social-share .twitter{
	color:#00abf0;
}
.social-share .linkedin{
	color:#006599;
}
.social-share .pinterest{
	color:#cb2028;
}
.images{ margin-bottom:30px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border: 1px solid #3756cd;
    background-color: #3756cd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ 
    border-bottom: 1px solid #3756cd;
}

.menu-bar .fa{ color: #3756cd; }

.logo.inline-block img{max-height: 170px;}

.wpcf7-form label, .wpcf7-form .wpcf7-form-control-wrap{ float:left; width:100%; }
.wpcf7-submit{
	background: #3756cd;
    color: #FFF;
    border-radius: 5px !important;
    padding: 0 40px !important;
    text-transform: inherit;
	margin-top:10px;
}
.info-header {
  height: 40px;
}
@media (max-width: 767px){
	.product-box .product-thumbnail.flexbox-grid a img{ width:100%; }
	.product-box .product-thumbnail.flexbox-grid>a {
		height: auto !important;
	}
  .category_custom10 {
  display: flex;
  flex-wrap: wrap;
}
.category_custom10 .item {
  flex-grow: 1;
  width: 100%;
  margin:0px;
}
}
@media (min-width: 768px){
    .item-new {
        /*width: 360px; margin-right: 30px;*/
    }
}
.hotline-phone-ring {
    background: #18b5ff;
    width: 18%;
    border-radius: 30px;
    float: right;
    margin-top: 10px;
    padding: 5px 5px;
    
}
.hotline-phone-ring a {
    color: #fff;
}
.hotline-phone-ring img {
    width: 30px;
}
.hotline-header {
    font-weight: normal !important;
}
.suntory-alo-phone.bottom-left {
    display: block;
}

/*call*/
.quick-alo-phone.quick-alo-static {
          opacity:.6;
        }
        .quick-alo-phone.quick-alo-hover,
        .quick-alo-phone:hover {
          opacity:1;
        }
        .quick-alo-ph-circle {
          width:160px;
          height:160px;
          top:-59px;
          left:-55px;
          position:absolute;
          background-color:transparent;
          -webkit-border-radius:100%;
          -moz-border-radius:100%;
          border-radius:100%;
          opacity:.1;
          -webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
          -moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
          -ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out; 
          -o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
          animation:quick-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%;
        }
        .quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
          -webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
          animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
        }
        .quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
          -webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
          animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
        }
        .quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,
        .quick-alo-phone:hover .quick-alo-ph-circle {
          border-color:#00aff2;
          opacity:.5;
        }
        .quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
        .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
          border-color:#75eb50;
          border-color:#baf5a7 9;
          opacity:.5;
        }
        .quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
          border-color:#0c3;
          border-color:#bfebfc 9;
          opacity:.5;
        }
        .quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,
        .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
          border-color:#ccc;
          opacity:.5;
        }
        .quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {
          border-color:#75eb50;
          opacity:.5;
        }
        .quick-alo-ph-circle-fill{
          width: 80px;
            height: 80px;
            top: -15px;
            left: -15px;
            position: absolute;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            opacity: 1;
            
        }
        .quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {
          -webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
          animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
        }
        .quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
          -webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
          animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
          opacity:0 !important;
        }
        .quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,
        .quick-alo-phone:hover .quick-alo-ph-circle-fill {
          background-color:rgba(0,175,242,0.5);
          background-color:#00aff2 9;
          opacity:.75 !important;
        }
        .quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,
        .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {
          background-color:rgba(117,235,80,0.5);
          background-color:#baf5a7 9;
          opacity:.75 !important;
        }
        .quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
          background-color:rgba(0,175,242,0.5);
          background-color:#f00;
          opacity:.75 !important;
        }
        .quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,
        .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {
          background-color:rgba(204,204,204,0.5);
          background-color:#ccc 9;
          opacity:.75 !important;
        }
        .quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {
          background-color:rgba(117,235,80,0.5);
          opacity:.75 !important;
        }
        .quick-alo-ph-img-circle{
          width: 50px;
            height: 50px;
            top: 0;
            left: 0;
            position: absolute;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            border: 2px solid transparent;
            opacity: 1;
            -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
            -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
            -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
            -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
            animation: quick-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%;
        }
        .quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
          -webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
          animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
        }
        .quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
          -webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
          -moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
          -ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
          -o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
          animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
        }
        .quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
        .quick-alo-phone:hover .quick-alo-ph-img-circle {
          background-color:#00aff2;
        }
        .quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
        .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
          background-color:#75eb50;
          background-color:#75eb50 9;
        }
        .quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
          background-color:#f00;
          background-color:#00aff2 9;
        }
        .quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
        .quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
          background-color:#ccc;
        }
        .quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
          background-color:#75eb50;
        }
        @-moz-keyframes quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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);
          }
        }
        .quick-alo-phone {
            position: fixed;
            background-color: transparent;
            width: 200px;
            height: 200px;
            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;
            right: 150px;
            top: 30px;
        }
        @media screen and (max-width: 1800px) { 
        .call-now-button { display: flex !important; background: #81d742; }  
        .quick-call-button { display: block !important; } 
        }
             @media screen and (min-width: px) { 
          .call-now-button .call-text { display: none !important; } 
        } 
        @media screen and (max-width: px) { 
          .call-now-button .call-text { display: none !important; } 
        } 
          .call-now-button { top: 42%; }
          .call-now-button { right: 3%; }
          .call-now-button { background: #ff000ca6; }
          .call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle { background-color: #f90118; }
          .call-now-button .call-text { color: #fff; }
          .call-now-button{
        display:none;
        z-index:99999;
        clear:both;
        margin-top:0px;
        margin-right:auto;
        margin-bottom:0px;
        margin-left:auto;
        position:fixed;
        border-radius:50px;
      }

      .call-now-button div p{
        color: #fff;
          display: table;
          padding: 10px;
          border-radius: 21px;
          height: 34px;
          line-height: 14px;
          font-size: 14px;
          margin: 8px 5px 8px 50px;
          text-transform: uppercase;
          font-weight: normal;
          text-align: center;
          box-sizing: content-box;
          text-decoration: none!important;
          box-sizing: border-box;
        }
ul li span.current {
    background: #ebe9eb;
    color: #8a7e88;
}
.page-numbers {
  border: 1px solid #d3ced2;
}
.page-numbers ul li {
  border-right: 1px solid #d3ced2;
}
.item_left {
    float: left;
    width: 20%;
}

.item-policy.align-items-center {
    display: contents;
}

.info {
    text-align: left;
    width: 80%;
    float: left;
}

.item_left img {
    padding-top: 21px;
}

.item-policy.align-items-center {
    text-align: left;
}

.info_company {
    padding: 26px 0;
}

.info_company .company_title {
    font-size: 26px;
    color: blue;
    font-family: 'times new roman', times, serif;
    font-weight: 600;
}
div#logo {
    /* padding: 34px 0px; */
}
.info_company span {
    font-size: 17px !important;
}
@media screen and (max-width: 768px) {
.logo.inline-block img {
    max-height: 70px;
}
}