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

/* Clear floats of children, vùng bọc Animation */
.Section-Animate:before,
.Section-Animate:after {
	content: " ";
	display: table;
}

.Section-Animate:after {
	clear: both;
}


/* Vùng Có Animation, mỗi thành phần animation là 1 area */
.Area-Animation-Product {
	overflow: hidden;
	-webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
	-moz-transition: -moz-transform 1.2s, opacity 1.2s;
	transition: transform 1.2s, opacity 1.2s;
}
/* Clear floats of children */
.Area-Animation-Product:before,
.Area-Animation-Product:after {
	content: " ";
	display: table;
}

.Area-Animation-Product:after {
	clear: both;
}

/** Khởi tạo vùng animation **/
.cbp-so-init .Area-Animation-Product{
	opacity: 0;
}


/*** Đặt style animation ***/


/** Trạng Thái Ban Đầu **/
.cbp-so-init .AnimationProduct1 {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}
.cbp-so-init .AnimationProduct2 {
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	transform: translateY(80px);
}
.cbp-so-init .AnimationProduct3 {
	-webkit-transform: translateY(130px);
	-moz-transform: translateY(130px);
	transform: translateY(130px);
}
.cbp-so-init .AnimationProduct4 {
	-webkit-transform: translateY(180px);
	-moz-transform: translateY(180px);
	transform: translateY(180px);
}
.cbp-so-init .AnimationProduct5 {
	-webkit-transform: translateY(230px);
	-moz-transform: translateY(230px);
	transform: translateY(230px);
}
/** Trạng Thái Đạt Được **/
.Section-Animate.cbp-so-animate .AnimationProduct1, .Section-Animate.cbp-so-animate .AnimationProduct2, .Section-Animate.cbp-so-animate .AnimationProduct3, .Section-Animate.cbp-so-animate .AnimationProduct4, .Section-Animate.cbp-so-animate .AnimationProduct5 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}


/*** Animation News ***/

.Area-Animation-TitleNews, .Area-Animation-ContentNews {
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.7s, opacity 0.7s;
	-moz-transition: -moz-transform 0.7s, opacity 0.7s;
	transition: transform 0.7s, opacity 0.7s;
}
/* Clear floats of children */
.Area-Animation-TitleNews:before,
.Area-Animation-TitleNews:after, 
.Area-Animation-ContentNews:before,
.Area-Animation-ContentNews:after {
	content: " ";
	display: table;
}

.Area-Animation-TitleNews:after, .Area-Animation-ContentNews:after {
	clear: both;
}

/** Khởi tạo vùng animation **/
.cbp-so-init .Area-Animation-TitleNews, .cbp-so-init .Area-Animation-ContentNews{
	opacity: 0;
}

/** Trạng Thái Ban Đầu **/
.cbp-so-init .AnimationTitleNews {
	-webkit-transform:scale(0.3);
	-moz-transform:scale(0.3);
	transform:scale(0.3);
}
.cbp-so-init .AnimationContentNews {
	-webkit-transform:scale(0.1);
	-moz-transform:scale(0.1);
	transform:scale(0.1);
}
/** Trạng Thái Đạt Được **/
.Section-Animate.cbp-so-animate .AnimationTitleNews, .Section-Animate.cbp-so-animate .AnimationContentNews{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity: 1;
}
.Section-Animate.cbp-so-animate .AnimationContentNews {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


/*** Animation CategoryProduct ***/

.Area-Animation-CategoryProduct{
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.9s, opacity 0.9s;
	-moz-transition: -moz-transform 0.9s, opacity 0.9s;
	transition: transform 0.9s, opacity 0.9s;
}
/* Clear floats of children */
.Area-Animation-CategoryProduct:before,
.Area-Animation-CategoryProduct:after {
	content: " ";
	display: table;
}

.Area-Animation-CategoryProduct:after {
	clear: both;
}

/** Khởi tạo vùng animation **/
.cbp-so-init .Area-Animation-CategoryProduct{
	opacity: 0;
}

/** Trạng Thái Ban Đầu **/
.cbp-so-init .AnimationCategoryProduct {
	-webkit-transform:scale(0.1);
	-moz-transform:scale(0.1);
	transform:scale(0.1);
}
/** Trạng Thái Đạt Được **/
.Section-Animate.cbp-so-animate .AnimationCategoryProduct{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity: 1;
}


/*** Animation Right ****/


.Area-Animation-Right {
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}
/* Clear floats of children */
.Area-Animation-Right:before,
.Area-Animation-Right:after {
	content: " ";
	display: table;
}

.Area-Animation-Right:after, .Area-Animation-Right:after {
	clear: both;
}

/** Khởi tạo vùng animation **/
.cbp-so-init .Area-Animation-Right, .cbp-so-init .Area-Animation-Right{
	opacity: 0;
}

/** Trạng Thái Ban Đầu **/
.cbp-so-init .AnimationRight {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	transform: translateY(50px);
}
/** Trạng Thái Đạt Được **/
.Section-Animate.cbp-so-animate .AnimationRight {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}


/*** Animation PB ***/

.Area-Animation-PB {
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	transition: transform 0.8s, opacity 0.8s;
}
/* Clear floats of children */
.Area-Animation-PB:before,
.Area-Animation-PB:after {
	content: " ";
	display: table;
}

.Area-Animation-PB:after, .Area-Animation-PB:after {
	clear: both;
}

/** Khởi tạo vùng animation **/
.cbp-so-init .Area-Animation-PB{
	opacity: 0;
}

/** Trạng Thái Ban Đầu **/
.cbp-so-init .AnimationPB {
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	transform: translateX(-50px);
}
/** Trạng Thái Đạt Được **/
.Section-Animate.cbp-so-animate .AnimationPB {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}