/* start nut goi */

.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 180px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-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);
  }
}
@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}


/* end nut goi */


.btn-danger, .btn-success, .btn-primary {
				color: #fff;
				font-size: 17px;
				box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
				-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
				transition: all .6s cubic-bezier(.165, .84, .44, 1);
				border-radius: 2px;
				text-align: center;
				border: transparent;
				margin-left: 5px;
				outline: none;
				padding: 11px 14px;
}

.btn-danger:hover,
.btn-success:hover,
.btn-primary:hover,
 .btn-danger:active:hover,
 .btn-success:active:hover,
 .btn-primary:active:hover
  {
				 opacity : .9;
				-webkit-transform: scale(1.1, 1.1);
				transform: scale(1.1, 1.1);
				opacity: .9;
}

.num_cart {
				position: absolute;
				padding: 3px 6px;
				background: #fff;
				border-radius: 50%;
				font-size: 12px;
				top: -9px;
				left: 30px;
}

#cart_shops {
				position: absolute;
				right: 0;
				top: 0;
				cursor: pointer;
}

.code_product {
				position: absolute;
				right: 0;
				padding: 3px 8px;
				color: #000000;
				top: 200px;
				text-transform: uppercase;
				background: #ffd600;
}

.new-item {
				position: absolute;
				right: 0;
				padding: 3px 8px;
				background: #1fb349;
				color: #fff;
				top: 0;
}

.promotion.des_short, .promotion.des_short a {
				color: #1fb349;
				font-size: 14px;
}

.nk-header .nk_tooltip .popup_location.popup_location_list {
				width: 622px;
				height: 550px;
				position: absolute;
				z-index: 1000;
}

.banner_two img {
				width: 50%;
				float: left;
}

.banner_three img {
				width: 33.333%;
				float: left;
}

.nk-header .nk_tooltip:hover .popup_location {
				display: block;
				position: absolute;
				z-index: 1001;
				top: 40px;
				left: 20px;
}

ul.slimmenu li .menu-item {
				display: flex;
				display: -webkit-flex;
				align-items: center;
}

ul.slimmenu li .icon {
				width: 32px;
}

ul.slimmenu li p a {
				font-size: 14px;
				color: #3f3f3f;
}

ul.slimmenu li .icon i {
				margin: 0 auto;
				display: block;
				font-size: 20px;
				text-align: center;
				color: #a6a6a6;
}

.slim_title {
				background-color: #413b49;
				font-size: 16px;
				font-weight: bold;
				padding: 12px 9px;
				color: #fff;
}

#nk-khuyen-mai-hot img {
				position: relative;
				top: 5px;
}

.nk-product-block-payday {
				background: url(../images/khuyenmai.gif) no-repeat rgb(190 215 245 / 24%);
}

.nk-header ._nk_main ._nk_bottom {
				background: #fe0000;
				padding-top: 24px;
				padding-bottom: 24px;
}

.nk-header ._nk_main ._nk_top {
				background: #dc0021;
				line-height: 40px;
}

.nk-head-other h3 {
				font-size: 20px;
				margin-bottom: 15px;
				font-weight: bold;
}

.modal-open .modal {
				z-index: 99999;
}

.bgWhitePage {
				background: #fff;
				padding: 15px;
}

.nk-product-block-payday #clock, .blog-main .head {
				display: none;
}

.nk-breamcrumb ul li:last-child a {
				color: #333;
}

@media only screen and (max-width:1199px) {
				.hidden-max {
								display: none !important;
				}
				.container {
								box-sizing: border-box;
								max-width: 100%;
								overflow: hidden;
				}
}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:991px) {
				.nk-brand h2 {
								font-size: 20px !important;
								font-weight: bold !important;
								width: 320px !important;
								padding-top: 25px !important;
				}
				.p-sm-l0 {
								padding-left: 0;
				}
				.p-sm-r0 {
								padding-right: 0;
				}
				.slim_bar {
								/* padding: 19px 0; */
								
				}
				.nk-product-block-payday.nk-product-collection .nk-product p.price-new {
								font-size: 20px !important;
				}
				.nk-header #nk-logo img {
								max-width: 100%;
				}
				.nk-header .nk_tooltip .popup_location.popup_location_list {
								position: fixed;
				}
}

@media ( min-width :320px) and (max-width:480px) {
}

@media ( min-width :500px) and (max-width:1024px) {
}

@media ( min-width :768px) and (max-width:1024px) {
}

@media ( min-width :768px) and (max-width:991px) {
}

@media only screen and (max-width:767px) {
				.nk-header:before {
								height: 35px;
				}
				.nk-header:after {
								top: 35px;
								height: 95px;
				}
				.productInfo_col {
								padding: 20px 0;
				}
				.nk-header:after {
								height: 88px;
				}
				.nk-header .nk_tooltip .popup_location.popup_location_list {
								height: 300px;
								padding: 15px;
								width: 320px;
								display: none;
				}
				.nk-product-collection.nk-product-cate-style-grid .item {
								margin: 5px 0;
				}
				.product_info_buttons, .product_info_price {
								justify-content: center;
				}
				.product_info_buttons .btn {
								padding: 10px 26px;
								margin-left: 5px;
								font-size: 17px;
				}
				.product_info_price_title, .product_info_price_value {
								width: 50%;
				}
}

}
@media only screen and (max-width:639px) {
}

@media only screen and (max-width:479px) {
				.hidden-min {
								display: none !important;
				}
				.col-min-16 {
								width: 66.66666667%;
				}
				.col-min-24 {
								width: 100%;
				}
				.col-min-24, .col-min-12, .col-min-16 {
								float: left;
				}
				.col-min-12 {
								width: 50%;
				}
				.nk-header #nk-holine {
								margin-top: 5px;
				}
				.nk-header #nk-logo img {
								margin-bottom: 10px;
								width: auto;
								height: 60px;
				}
				.p-min-l0 {
								padding-left: 0;
				}
				.p-min-r0 {
								padding-right: 0;
				}
				.nk-footer #nk-tong-dai-ho-tro p.t1 span {
								font-size: 20px;
								line-height: 25px;
				}
				.nk-header #nk-holine ul {
								float: none;
								display: flex;
								justify-content: center;
				}
				.nk-header .nk_tooltip .popup_location .nk-location-list a {
								width: 50%;
				}
				.banner_three img, .banner_two img {
								width: 100%;
				}
				#cart_shops {
								top: -120px;
								right: 20px;
				}
}

@media only screen and (min-width:1200px) {
				.container {
								width: 1200px;
				}
				body {
								min-width: 1346px;
				}
				.nk-product-block-payday {
								width: 1200px;
				}
				.nk-header #nk-holine {
								margin: 0 -15px 0 0;
								display: inline-block;
								float: right;
				}
				.nk-menu #nk-danh-muc-san-pham-left>ul {
								background-color: #fff;
								position: absolute;
								height: 504px;
				}
				.nk-menu #nk-danh-muc-san-pham-left>ul li .menu-item:after {
								content: "\E90E";
								font-family: nk-font !important;
								color: #a6a6a6;
								font-size: 10px;
								position: absolute;
								right: 8px;
								margin: 1px 0 0
				}
				.nk-menu #nk-danh-muc-san-pham-left>ul li p a {
								font-size: 14px;
								color: #3f3f3f
				}
				.children_sort, .style-tin-tuc {
								display: none;
								width: 707px;
								background: #fff
				}
				.nk-menu #nk-danh-muc-san-pham-left>ul li:hover .children_sort {
								display: inline-block;
								overflow: hidden;
								box-shadow: 2px 2px 6px 0 rgba(17, 29, 43, .24)
				}
				.nk-menu #nk-danh-muc-san-pham-left .sub-menu .item.row2 .links ul li {
								border-left: none;
								display: table;
								height: 35px;
				}
				.nk-menu #nk-danh-muc-san-pham-left>ul li {
								height: 42px;
								display: -webkit-flex;
								align-items: center;
								position: relative;
				}
				.nk-menu #nk-danh-muc-san-pham-left .sub-menu .item.row2 .links .a-links {
								font-size: 14px;
								color: #4a4a4a;
								display: block;
								position: relative;
								width: 125px;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden
				}
}

@media only screen and (min-width:1024px) {
}

@media only screen and (min-width:992px) {
				.nk-service ul li {
								width: 20%;
				}
}

@media only screen and (min-width:768px) {
				.nk-header:after {
								/* height: 88px; */
								
				}
}

.bg-black {
				background: #222;
}

.m-r5 {
				margin-right: 5px;
}

.p-lr-0 {
				padding-left: 0;
				padding-right: 0;
}

.p-b15 {
				padding-bottom: 15px !important;
}

.m-b15 {
				margin-bottom: 15px !important;
}

.m-l10 {
				margin-left: 10px !important;
}

.m-r10 {
				margin-right: 10px !important;
}

.m-t20 {
				margin-top: 20px;
}

.m-b20 {
				margin-bottom: 20px;
}

.m-b30 {
				margin-bottom: 30px;
}

.p-t15 {
				padding-top: 15px;
}

.p-l20 {
				padding-left: 20px;
}

.m-r10 {
				margin-right: 10px;
}

.p-tb15 {
				padding-top: 15px;
				padding-bottom: 15px;
}

.p-lr5 {
				padding-left: 5px;
				padding-right: 5px;
}

.p-15 {
				padding: 15px;
}

.w-100 {
				width: 100% !important;
}

.d-flex {
				display: flex;
}

.justify-content>em {
				padding: 10px
}

.justify-content {
				justify-content: center;
}

.nk-service ul li h3, .one-line, .des_short, .title_short, .nk-product-collection .nk-product .item p.title, .nk-service ul li p {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box !important;
				-webkit-box-orient: vertical;
}

.nk-service ul li h3, .nk-product-collection .nk-product .item p.title, .title_short {
				-webkit-line-clamp: 1;
				height: 30px;
				line-height: 25px;
}

.des_short {
				-webkit-line-clamp: 3;
				height: 75px;
				line-height: 25px;
}

.one-line {
				-webkit-line-clamp: 1;
}

.nk-service ul li p {
				-webkit-line-clamp: 1;
				height: 30px;
				line-height: 25px;
}

.form-custom {
				
}