/* Reset Custom */
*,:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: color .3s;-moz-transition: color .3s;-ms-transition: color .3s;-o-transition: color .3s;-webkit-transition: color .3s;outline: none}html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}body,html{overflow-x: hidden}body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,strong,ul{margin: 0;padding: 0;border: none}a,a:focus,a:hover{text-decoration: none}a{color: inherit}img{max-width: 100%}dd,dl,dt,li,ol,ul{list-style: none}p{text-align: justify}.row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -7px;margin-left: -7px}.ctn,.ctnf{width: 100%;padding-right: 7px;padding-left: 7px;margin-right: auto;margin-left: auto}.hidden-xs{display: none !important}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.csm-1,.csm-2,.csm-3,.csm-4,.csm-5,.csm-6,.csm-7,.csm-8,.csm-9,.csm-10,.csm-11,.csm-12,.csm,.csm-auto,.cmd-1,.cmd-2,.cmd-3,.cmd-4,.cmd-5,.cmd-6,.cmd-7,.cmd-8,.cmd-9,.cmd-10,.cmd-11,.cmd-12,.cmd,.cmd-auto,.clg-1,.clg-2,.clg-3,.clg-4,.clg-5,.clg-6,.clg-7,.clg-8,.clg-9,.clg-10,.clg-11,.clg-12,.clg,.clg-auto,.cxl-1,.cxl-2,.cxl-3,.cxl-4,.cxl-5,.cxl-6,.cxl-7,.cxl-8,.cxl-9,.cxl-10,.cxl-11,.cxl-12,.cxl,.cxl-auto{position: relative;width: 100%;padding-right: 7px;padding-left: 7px}.col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.col-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}.col-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}.col-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}.col-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}.col-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}.col-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}.col-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}.col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}.col-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}.col-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}.col-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}.col-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}@media (min-width: 576px){.ctn{max-width: 540px}.csm{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.csm-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}.csm-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}.csm-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}.csm-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}.csm-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}.csm-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}.csm-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}.csm-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}.csm-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}.csm-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}.csm-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}.csm-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}.hidden-sm{display: none !important}.block-sm{display: block !important}}@media (min-width: 768px){.ctn{max-width: 720px}.cmd{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.cmd-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}.cmd-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}.cmd-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}.cmd-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}.cmd-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}.cmd-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}.cmd-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}.cmd-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}.cmd-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}.cmd-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}.cmd-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}.cmd-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}.hidden-md{display: none !important}.block-md{display: block !important}}@media (min-width: 992px){.ctn,.ctnf{padding-right: 15px;padding-left: 15px}.ctn{max-width: 960px}.row{margin-right: -15px;margin-left: -15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.csm-1,.csm-2,.csm-3,.csm-4,.csm-5,.csm-6,.csm-7,.csm-8,.csm-9,.csm-10,.csm-11,.csm-12,.csm,.csm-auto,.cmd-1,.cmd-2,.cmd-3,.cmd-4,.cmd-5,.cmd-6,.cmd-7,.cmd-8,.cmd-9,.cmd-10,.cmd-11,.cmd-12,.cmd,.cmd-auto,.clg-1,.clg-2,.clg-3,.clg-4,.clg-5,.clg-6,.clg-7,.clg-8,.clg-9,.clg-10,.clg-11,.clg-12,.clg,.clg-auto,.cxl-1,.cxl-2,.cxl-3,.cxl-4,.cxl-5,.cxl-6,.cxl-7,.cxl-8,.cxl-9,.cxl-10,.cxl-11,.cxl-12,.cxl,.cxl-auto{padding-left: 15px;padding-right: 15px}.clg{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.clg-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}.clg-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}.clg-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}.clg-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}.clg-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}.clg-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}.clg-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}.clg-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}.clg-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}.clg-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}.clg-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}.clg-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}.hidden-lg{display: none !important}.block-lg{display: block !important}}@media (min-width: 1200px){.ctn{max-width: 1140px}.cxl{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}.cxl-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}.cxl-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}.cxl-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}.cxl-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}.cxl-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}.cxl-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}.cxl-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}.cxl-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}.cxl-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}.cxl-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}.cxl-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}.cxl-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}.hidden-xl{display: none !important}.block-xl{display: block !important}}
/* Slick Slider */
.slick-list,.slick-slider,.slick-track{position: relative;display: block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility: hidden}.slick-slider{box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}.slick-list{overflow: hidden;margin: 0;padding: 0}.slick-list:focus{outline: 0}.slick-list.dragging{cursor: pointer;cursor: hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}.slick-track{top: 0;left: 0;margin-left: auto;margin-right: auto}.slick-track:after,.slick-track:before{display: table;content: ''}.slick-track:after{clear: both}.slick-slide{display: none;float: left;height: 100%;min-height: 1px}[dir=rtl] .slick-slide{float: right}.slick-slide img{display: block}.slick-slide.slick-loading img{display: none}.slick-slide.dragging img{pointer-events: none}.slick-initialized .slick-slide{display: block}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}.slick-arrow.slick-hidden{display: none}.slick-dots,.slick-next,.slick-prev{position: absolute;display: block;padding: 0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family: FontAwesome;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.slick-next,.slick-prev{font-size: 0;line-height: 0;top: 50%;width: 20px;height: 20px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);cursor: pointer;color: transparent;border: none;outline: 0;background: 0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color: transparent;outline: 0;background: 0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity: 1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity: .25}.slick-next:before,.slick-prev:before{font-size: 20px;line-height: 1;color: #fff}.slick-prev{left: 0px}[dir=rtl] .slick-prev{right: 0px;left: auto}.slick-prev:before{content: '\f053'}.slick-next:before,[dir=rtl] .slick-prev:before{content: '\f054'}.slick-next{right: 0px}[dir=rtl] .slick-next{right: auto;left: 0px}[dir=rtl] .slick-next:before{content: '\f053'}.slick-dotted.slick-slider{margin-bottom: 30px}.slick-dots{bottom: 0px;width: 100%;margin: 0;list-style: none;text-align: center}.slick-dots li{position: relative;display: inline-block;padding: 5px 2px;cursor: pointer}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;border: 0;outline: 0;background: #fff;border: 1px solid #e5e5e5;border-radius: 0;padding: 0;}.slick-dots li.slick-active button{background: #ff7600;border-color: #ff7600}
/* All Icon */
[class*=allicon-], [class^=allicon_] {
    background-image: url(../i/all_icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
p{
  margin-bottom: 10px;
}
img:not([src]) {
	visibility: hidden;
}
/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
		visibility: hidden;
	}
}
body{
	font: 14px/1.5  Arial, Helvetica, sans-serif;
	color:  #333;
}
.bg_overlay{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
}

/*------------------------------------*\
    CSS MENU MOBILE
\*------------------------------------*/
#menu_mobile {
    position: fixed;
    top: 0;
    left: -102%;
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    transition: .7s;
}
#menu_mobile.active{
	left: 0;
}
#menu_mobile .in {
    width: calc(100% - 60px);
    max-width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
#menu_mobile #logo_mm{
	padding: 10px 20px;
	text-align: center;
	border-bottom: 3px solid #ff7600;
}
#menu_mobile #logo_mm img{
	max-height: 80px;
}
#menu_mobile #close_menu_mobile{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0px;
	background: #cf2525;
}
#menu_mobile ul#l_mm{
	padding: 20px 0;
}
#menu_mobile ul#l_mm li{
	display: block;
	position: relative;
}
#menu_mobile ul#l_mm li a{
	font-weight: 600;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 15px;
	line-height: 40px;
	color: #616161;
}
#menu_mobile ul#l_mm li.current > a{
	color: #ff7600;
}
#menu_mobile ul#l_mm li em{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	z-index: 2;
}
#menu_mobile ul#l_mm li em:after{
	content: '\f067';
	font-family: FontAwesome;
	font-size: 14px;
	color: #333;
}
#menu_mobile ul#l_mm li.current em:after{
	content: '\f068';
}
#menu_mobile ul#l_mm ul{
	display: none;
}
#menu_mobile ul#l_mm li li a{
	font-weight: 400;
	padding-left: 30px;
}
/*------------------------------------*\
    CSS FIX BAR BOTTOM
\*------------------------------------*/
.fix-phone{
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    padding: 5px 0;
    z-index: 998;
    top: inherit !important;
    margin: 0;
}
.fix-phone i{
	display: block;
	width: 32px;
	height: 32px;
	-ms-background-position-y: 0;
	background-position-y: 0;
	margin: auto;
}
.fix-phone i.allicon_fixphone_1{
	-ms-background-position-x: -264px;
	background-position-x: -264px;
}
.fix-phone i.allicon_fixphone_2{
	-ms-background-position-x: -232px;
	background-position-x: -232px;
}
.fix-phone i.allicon_fixphone_3{
	-ms-background-position-x: -200px;
	background-position-x: -200px;
}

/*------------------------------------*\
    CSS PAGINATION
\*------------------------------------*/
.pagination {  
    text-align: center;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
    padding: 0 1px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #f9c292;
}
.pagination>li>a, .pagination>li>span {
    color: #292929;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #292929;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #f9c292;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #ff7600;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 900;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: 900;
}

/* NOTICE ADD CART */
#cart_success{
	width: 100%;
    max-width: 350px;
    height: 50px;
    line-height: 46px;
    background: #8cc63f;
    border: 2px solid #ff7600;
    border-radius: 3px;
    color: #ffffff;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 100;
    text-align: center;
    display: none;
}
#cart_success span{
	display: inline-block;
	vertical-align: middle;
}



/*------------------------------------*\
    CSS RESPONSIVE
\*------------------------------------*/
@media screen and (min-width: 768px) {
	.fix-phone{
		width: 48px;
		background: transparent;
		bottom: 30px;
		left: unset;
		right: 15px;
		flex-direction: column;
	}
	.fix-phone .col{
		padding: 0;
	}
	.fix-phone a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		background: #ff722b;
		margin-bottom: 10px;
		border-radius: 50%;
	}
	.fix-phone i{
		filter: brightness(0) invert(1);
	}
}


/*------------------------------------*\
    CSS ANIMATION
\*------------------------------------*/
@-moz-keyframes coccoc-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 coccoc-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 coccoc-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)}
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}