@charset "utf-8";

/* single cluster type-4 for unpack2016 */
.single-area.skin_promotion{height:100%;opacity:0;overflow:visible;}
.single-area.skin_promotion.has-animated{background:#0c0c0c;filter:'';opacity:1;}
.single-area.skin_promotion .section-wrap{max-height:100%}
.single-area.skin_promotion .prd-item{max-height:700px;float:none;width:100%}
.single-area.skin_promotion .prd-item:before{content:'';display:block;padding-top:58.4%}
.single-area.skin_promotion .prd-text-area{position:absolute;height:50%;top:50%;left:0;right:0;bottom:0}
.single-area.skin_promotion .prd-vertical-wrap{position:absolute;width:100%;top:50%;left:0;right:0;bottom:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.single-area.skin_promotion .prd-img{position:absolute;top:0;left:0;right:0;bottom:50%}
.single-area.skin_promotion .button-prd{margin-top:3%}
.single-area.skin_promotion .button-prd:hover,
.single-area.skin_promotion .button-prd:focus{border-color:#000;background-color:#000;color:#fff}
.single-area.skin_promotion .prd-heading{width:100%;text-align:center;font-size:2.6vw;line-height:1;padding:0;position:absolute;top:0;left:0}
.single-area.skin_promotion .prd-heading strong{display:inline-block;font-weight:normal}
.single-area.skin_promotion .prd-img{width:100%;margin:0;overflow:hidden;text-align:center}
.single-area.skin_promotion .prd-info{width:100%;max-width:100%;text-align:center;display:table;vertical-align:middle;position:static}
.single-area.skin_promotion .prd-info .prd-tit{font-size:4.2vw !important;display:table-row;vertical-align:middle;text-transform:none;line-height:120%}
.single-area.skin_promotion .prd-info .prd-txt{margin-top:1.6%;font-size:1.8vw}
.single-area.skin_promotion .prd-img.prd-align-left{text-align:left}
.single-area.skin_promotion .prd-img.prd-align-right{text-align:right}

.single-area.skin_promotion .type-4{padding:0}
.single-area.skin_promotion .type-4 .prd-heading{position:absolute;top:3.5%;left:0;text-align:left}
.single-area.skin_promotion .type-4 .prd-img{width:53%;height:89%;top:11%;left:0}
.single-area.skin_promotion .type-4 .prd-img img{width:100%;height:auto;position:absolute;left:0;bottom:0}
.single-area.skin_promotion .type-4 .prd-text-area{width:44%;right:0;left:auto;top:11%;height:89%}
.single-area.skin_promotion .type-4 .prd-info{text-align:left}
.single-area.skin_promotion .type-4 .prd-txt{margin-top:4%}
.single-area.skin_promotion .type-4 .button-prd{margin-top:8%}
.lt-ie8 .single-area.skin_promotion .type-4 .prd-vertical-wrap{top:50px}

@media screen and (min-width:1280px){
	.single-area.skin_promotion .prd-heading{font-size:30px}
	.single-area.skin_promotion .prd-info .prd-tit{font-size:50px !important}
	.single-area.skin_promotion .prd-info .prd-txt{font-size:22px;line-height:120%}
}
@media screen and (max-width:1024px){
	.single-area.skin_promotion .section-wrap{padding:0 20px 0;margin:0}
	.single-area.skin_promotion .type-4{padding:0}
	.single-area.skin_promotion .prd-info .prd-txt{font-size:1.6vw}
}
@media screen and (max-width:767px){
	.single-area.skin_promotion .section-wrap{padding:0;margin:0}
	.single-area.skin_promotion .prd-item{margin:0}
	.single-area.skin_promotion .prd-item:before{display:none}
	.single-area.skin_promotion .prd-vertical-wrap{position:relative}
	.single-area.skin_promotion .prd-img{height:215px;position:static;text-align:center}
	.single-area.skin_promotion .prd-img img,
	.single-area.skin_promotion .type-4 .prd-img img{width:100%;height:auto;position:static;box-sizing:border-box}
	.single-area.skin_promotion .prd-text-area{height:253px;position:relative}
	.single-area.skin_promotion .prd-heading{font-size:16px}
	.single-area.skin_promotion .prd-info .prd-tit{font-size:33px !important;line-height:90%}
	.single-area.skin_promotion .prd-info .prd-txt{font-size:12px;display:block;line-height:130%;width:90%;margin:2% auto 0}
	.single-area.skin_promotion .button-prd{margin-top:20px}
	.single-area.skin_promotion .type-4 .prd-heading{top:50%}
	.single-area.skin_promotion .type-4 .prd-text-area{width:100%;height:253px;position:static;text-align:center}
	.single-area.skin_promotion .type-4 .prd-img{width:100%;height:215px;position:static;text-align:center}
	.single-area.skin_promotion .type-4 .prd-info,
	.single-area.skin_promotion .type-4 .prd-heading{text-align:center}
	.single-area.skin_promotion .type-4 .button-prd{margin-top:20px}
	.single-area.skin_promotion .type-4 .prd-info{padding-top:2%}
}
@media screen and (max-width:520px){
	.single-area.skin_promotion .prd-heading{font-size:16px}
	.single-area.skin_promotion .prd-info .prd-tit{font-size:33px !important}
	.single-area.skin_promotion .prd-info .prd-txt{font-size:12px}
	.single-area.skin_promotion .button-prd{font-size:12px}
}

/* unpack2016 */
.single-area.skin_promotion{background-color:#0c0c0c;}
.single-area.skin_promotion .prd-vertical-wrap{padding-bottom:22%;}
.single-area.skin_promotion .type-4 .prd-heading{color:#fff;}
.single-area.skin_promotion .prd-info .prd-tit{color:#fff;font-family:'SamsungSharpSans','SamsungIFRg',sans-serif !important;font-weight:bold;}
.single-area.skin_promotion .prd-info .prd-txt{color:#fff;font-family:'SamsungSharpSans','SamsungIFRg',sans-serif;font-weight:300;}
.single-area.skin_promotion .button-prd{min-width:200px;margin-right:5%;border-color:#fff !important;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-property:none;-moz-transition-property:none;transition-property:none;}
.single-area.skin_promotion .button-prd + .button-prd{margin-top:3%;}
.single-area.skin_promotion .button-prd:hover, .single-area .button-prd:focus{border-color:#fff;background-color:#fff;color:#000}
.single-area.skin_promotion.isPageBuilder .button-prd{border-radius:5px;overflow:hidden;border-width:2px}
.single-area.skin_promotion .type-4 .prd-img img{bottom:1px;}
.single-area.skin_promotion .type-4 .prd-img video{width:100%;height:100%;}

.rtl .single-area.skin_promotion .prd-info .prd-txt{color:#fff;font-family:'SamsungSharpSans',Tahoma;font-weight:300;}
html[lang="vi"] .single-area.skin_promotion .prd-info .prd-txt{font-family:'SamsungIF_Rg',sans-serif;}

.video-KV.on{max-height:720px;}
.video-KV.on .videoKV{display:block;}
.videoKV {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; display:none; padding-bottom:56.25%; height:0;}
.videoKV iframe{position:absolute;width:100%; height:100%;border:0;}
.videoKV #brightCoveArea2{z-index:5;}
.single-area.video-KV.on .prd-item {display:none;}
.single-area.video-KV.on .section-wrap	{margin:0 auto; padding:0; padding-bottom:56.25%;} /* 16:9 */
.videoKV .btn_videoKV_close{position:absolute;right:25px;top:25px;overflow:hidden;width:32px;height:32px;background:url(/common/img/btn-vedeo-close.png) no-repeat 50% 50%;line-height:100px;font-size:1px;z-index:10;opacity:1}

.bc-cplayer-control{position:absolute !important;bottom:0 !important;top:auto}
.bc-cplayer-container .video object{position:absolute}

/* rtl */
.rtl .single-area.skin_promotion .type-4 .prd-text-area{left:0;right:auto;}
.rtl .single-area.skin_promotion .type-4 .prd-info{text-align:right;}
.rtl .single-area.skin_promotion .button-prd{margin-right:0;margin-left:5%;}

@media screen and (max-width:1024px) {
	.videoKV .btn_videoKV_close{top:0;right:0;width:44px;height:44px;background-image:url(/common/img/btn-vedeo-close-2x.png);background-size:21px auto}
}
@media screen and (max-width:1173px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:0;}
}
@media screen and (max-width:1069px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:1px;}
}
@media screen and (max-width:836px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:0;}
}
@media screen and (max-width:779px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:1px;}
}
@media screen and (max-width:778px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:0;}
}
@media screen and (max-width:777px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:1px;}
}
@media screen and (max-width:775px) {
	.single-area.skin_promotion .type-4 .prd-img img{bottom:0;}
}

@media screen and (max-width:767px) {
	.single-area.skin_promotion{max-height:none;height:auto;}
	#content .single-area.skin_promotion.on{min-height:0 !important;max-height:none !important;height:auto !important;}
	.single-area.skin_promotion .prd-vertical-wrap{padding-bottom:0;}
	.single-area.skin_promotion .type-4 .prd-heading{z-index:10;top:62%;}
	.single-area.skin_promotion .type-4 .prd-img{height:auto;}
	.single-area.skin_promotion .prd-item{max-height:none;}
	.single-area.skin_promotion .type-4 .button-prd{margin-left:2%;margin-right:2%;}
	.rtl .single-area.skin_promotion .type-4 .button-prd{margin-left:2%;margin-right:2%;}
	.rtl .single-area.skin_promotion .type-4 .prd-info{text-align:center;}

	.single-area.video-KV.on {min-height:auto; height:inherit; max-height:none;}
}
@media screen and (max-width:480px){
	.single-area.skin_promotion .type-4 .prd-heading{top:52%;}
}

/* LayerPopup */
.modal-open{overflow:hidden;}
.modal-open #wrap{height: 100%;}
.modal-open #wrap:after{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.66;content:'';z-index:1021} 

.popup-unpack2016{position:absolute;z-index:9999;display:block;background:#fff;border:1px solid #e2e2e2;}
.popup-unpack2016.skin-blk{background:#000;border-color:#999;}
.popup-fullheight .popup-unpack2016{top:0 !important;bottom:0 !important;height:100% !important;box-sizing:border-box;}
.popup-fullheight .popup-unpack2016 .popup_wrap{height:100% !important;padding-left:0;padding-right:0;}

.popup-unpack2016 .popup_wrap{overflow:hidden;padding:60px 30px 30px 15px;box-sizing:border-box;}
.touch .popup-unpack2016 .popup_wrap{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-unpack2016 iframe{width:100%;height:100%;border:0;box-sizing:border-box;}
.layer_popup .popup-unpack2016.skin-blk .close-button{position:absolute;right:25px;top:25px;overflow:hidden;width:32px;height:32px;background:url(/common/img/btn-vedeo-close.png) no-repeat 50% 50% !important;line-height:100px;font-size:1px;z-index:10;}
@media screen and (max-width:586px){
	.popup-unpack2016{position:fixed;left:0 !important;top:0 !important;right:0;bottom:0;width:100%;}
	.popup-unpack2016 .popup_wrap{width:100% !important;height:100% !important;padding-left:0;padding-right:0;}
}
@media screen and (max-width: 1024px){.layer_popup .popup-unpack2016.skin-blk .close-button{top:20px;right:20px;width:28px;height:28px;background-image:url(/common/img/btn-vedeo-close-2x.png) !important;background-size:18px auto;}}

@media screen and (min-width:768px) and (max-height:1023px){
	.single-area.skin_promotion .type-4 .prd-img img[src*="_mobile"]{bottom:22.5%;left:-10%;width:121%;}
}