@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'Muli';
	src:url("moli.ttf");
	font-weight:500;
	font-style:normal
}
@font-face {
	font-family:'Muli';
	src:url("molir.ttf");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:'Muli';
	src:url("molieb.ttf");
	font-weight:700;
	font-style:normal
}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
.col-xs-15 {
	width:20%;
	float:left
}
.sticky-wrapper.is-sticky {
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease
}
.sticky-wrapper.is-sticky .topbar {
	display:none;
	transition:margin 0.2s ease-in, opacity 0.2s ease-in
}
.sticky-wrapper.is-sticky .header {
	background-color:#fff;
	box-shadow:0 4px 4px -2px rgba(0,0,0,0.15);
	top:0 !important;
	z-index:99;
	width:100%
}


@media (min-width: 768px) {
.col-sm-15 {
	width:20%;
	float:left
}
}
@media (min-width: 992px) {
.col-md-15 {
	width:20%;
	float:left
}
}
@media (min-width: 1200px) {
.col-lg-15 {
	width:20%;
	float:left
}
}
.support-online {
	position:fixed;
	z-index:999;
	left:15px;
	bottom:30px;
	top:auto !important
}
.support-online a {
	position:relative;
	margin:20px 10px;
	text-align:left;
	width:40px;
	height:40px
}
.support-online i {
	width:40px;
	height:40px;
	background:#cf2127;
	color:#fff;
	border-radius:100%;
	font-size:20px;
	text-align:center;
	line-height:40px;
	position:relative;
	z-index:999
}
.support-online a {
	display:block
}
.support-online a span {
	border-radius:2px;
	text-align:center;
	background:#cf2127;
	padding:9px;
	display:none;
	width:210px;
	margin-left:10px;
	position:absolute;
	color:#ffffff;
	z-index:999;
	top:0px;
	left:40px;
	transition:all 0.2s ease-in-out 0s;
	-moz-animation:headerAnimation 0.7s 1;
	-webkit-animation:headerAnimation 0.7s 1;
	-o-animation:headerAnimation 0.7s 1;
	animation:headerAnimation 0.7s 1
}
.support-online a:hover span {
	display:block
}
.support-online a span::before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 10px 0;
	border-color:transparent #cf2127 transparent transparent;
	position:absolute;
	left:-10px;
	top:10px
}
.kenit-alo-circle-fill {
	width:60px;
	height:60px;
	top:-10px;
	position:absolute;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	-webkit-transition:all .1s;
	-moz-transition:all .1s;
	-o-transition:all .1s;
	transition:all .1s;
	background-color:rgba(207,33,39,0.5);
	opacity:.75;
	right:-10px
}
.kenit-alo-circle {
	width:50px;
	height:50px;
	top:-5px;
	right:-5px;
	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);
	opacity:.1;
	border-color:#dd2c32;
	opacity:.5
}
.support-online .btn-support {
	cursor:pointer
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
50% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
}
.animated {
	animation-duration:1s;
	animation-fill-mode:both
}
.animated.infinite {
	animation-iteration-count:infinite
}
.animated.hinge {
	animation-duration:2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	animation-duration:.75s
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn {
	animation-name:zoomIn
}
@keyframes pulse {
from {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	transform:scale3d(1, 1, 1)
}
}
.pulse {
	animation-name:pulse
}
@keyframes rubberBand {
from {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, 0.75, 1)
}
40% {
transform:scale3d(0.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, 0.85, 1)
}
65% {
transform:scale3d(0.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, 0.95, 1)
}
to {
	transform:scale3d(1, 1, 1)
}
}
.box-mail-chimp {
	margin-top:20px
}
.box-mail-chimp #mc-embedded-subscribe-form input {
	width:calc(100% - 100px);
	display:inline-block
}
.box-mail-chimp #mc-embedded-subscribe-form button {
	width:100px;
	display:inline-block
}
.support-online a span {
	font-size:13px
}
.section_group_product .box-shock .barbox .titlecate {
	padding:10px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background:#cf2127;
	color:#fff;
	margin:-10px 0 0px -10px
}
@media (max-width: 767px) {
.section_group_product .box-shock .barbox .titlecate {
	font-size:14px
}
}
.box-info-header {
	margin-top:10px
}
@media (min-width: 768px) {
.top-header .col-md-5 {
	margin:10px 0
}
}
.top-header .col-md-4 {
	margin:10px 0
}
@media (max-width: 1200px) {
header nav .nav-item {
	margin-right:14px
}
header nav .nav-item>a {
	padding:10px 5px
}
}
.li-dmsp span {
	color:#fff;
	padding:10px;
	display:block;
	position:relative;
	padding-right:20px;
	white-space:inherit;
	background-color:#b7b7b7
}
@media (max-width: 1200px) {
header .main-navigation nav .mainmenu .nav-cate ul li .subcate aside strong {
	font-size:10px !important
}
header .main-navigation nav .mainmenu .nav-cate ul li .subcate aside strong a {
	font-size:10px !important
}
header .main-navigation nav .mainmenu .nav-cate ul li .subcate aside a {
	font-size:10px !important
}
}
@media (max-width: 991px) {
.section_group_product .box-shock .barbox .titlecate {
	font-size:14px
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.section_group_product .box-shock .barbox ul li {
	float:left;
	max-width:100px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
}
footer .back-to-top {
	height:45px;
	width:45px;
	text-align:center;
	line-height:35px;
	display:flex !important;
	justify-content:center;
	align-items:center;
	font-size:35px;
	background-color:#cf2127;
	border-color:#cf2127;
	color:#fff
}
footer .back-to-top i {
	margin-bottom:5px
}
footer .back-to-top.show {
	position:fixed;
	right:10px;
	bottom:44px;
	z-index:9999
}
header .main-navigation nav .mainmenu .nav-cate ul li h3 a {
	font-size:13px
}
header .main-navigation nav .mainmenu .nav-cate ul li h3 img {
	max-width:18px
}
.childlink-2 {
	font-size:13px
}
header nav .mega-content .level1.item ul li a {
	font-size:13px
}
.link-view {
	color:#ff0009;
	font-style:italic;
	font-weight:unset
}
.list-menu .box-maps {
	height:auto
}
.list-menu .box-maps iframe {
	max-height:260px !important
}
@media (max-width: 1200px) and (min-width: 991px) {
footer .footer-widget .list-menu a {
	font-size:13px
}
}
footer .list-menu-social li {
	display:inline-block
}
footer .list-menu-social li a {
	width:25px;
	height:25px;
	display:flex !important;
	justify-content:center;
	align-items:center;
	background-color:#eaeaea;
	border-radius:3px
}
footer .list-menu-social i {
	width:auto !important
}
footer .phone-order {
	font-weight:bold;
	color:#cf2127
}