/* ************************************************************************************************
		generic style
************************************************************************************************ */
body{background:#b9e9e3 url("../images/bkg_body.png") no-repeat top right;font-family:"segoe ui semilight",arial}
.wapper{position:relative;padding-bottom:50px;z-index:100}
#page{min-height:600px;/*background:url("../images/bkg_page.png") repeat center center;*/margin:0 auto;position:relative;width:100%;}
.logo_vietart_homepage{overflow:hidden}
.logo_vietart_homepage .lvh_1{background:url("../images/bkg_logo_home_1a.png") no-repeat top center;width:722px;height:400px;margin:35px auto 0;padding-top:81px}
.logo_vietart_homepage .lvh_2{background:url("../images/bkg_logo_home_2a.png") no-repeat top center;width:100%;min-height:399px;position:relative}
.logo_vietart_homepage .lvh_2 p{margin:0}
.logo_vietart_homepage span.icon_logo{position:absolute}
.logo_vietart_homepage span.thietke{top:0;left:28px;z-index:10}
.logo_vietart_homepage span.blog{top:72px;left:75px;z-index:20}
.logo_vietart_homepage span.nobiet{top:129px;left:98px;z-index:30}
.logo_vietart_homepage span.advertising{top:129px;left:181px;z-index:40}
.logo_vietart_homepage span.website{top:235px;left:192px;z-index:50}
.logo_vietart_homepage span.packing{top:164px;left:350px;z-index:70}
.logo_vietart_homepage span.event{top:212px;left:377px;z-index:60}
.logo_vietart_homepage span.media_online{top:24px;right:144px;z-index:80}
.logo_vietart_homepage span.icon_logo a:hover{opacity:0.7}

/*.wapper{position:relative}*/
.category_home{width:100%;margin:0 auto;}
.category_home li.menu_item{position:absolute;}
.category_home li.menu_item.one{top:40%;left:16%;background:url("../images/bkg_web.png") no-repeat top center;width:164px;height:130px;text-align:center;z-index:10}
.category_home li.menu_item.one a{padding-top:70px;display:block}
.category_home li.menu_item.two{bottom:5%;left:18%;background:url("../images/bkg_identity.png") no-repeat top center;width:255px;height:221px;text-align:center;z-index:20;}
.category_home li.menu_item.two a{padding-top:135px;display:block}
.category_home li.menu_item.three{bottom:0;left:0;background:url("../images/bkg_advertsing.png") no-repeat bottom left;width:477px;height:192px;text-align:center;z-index:10;}
.category_home li.menu_item.three a{padding-top:155px;display:block}
.category_home li.menu_item.four{top:53%;right:21%;background:url("../images/bkg_blog.png") no-repeat center;width:127px;height:100px;text-align:center;z-index:10;}
.category_home li.menu_item.four a{padding-top:50px;display:block}
.category_home li.menu_item.five{bottom:2%;right:0;background:url("../images/bkg_packing.png") no-repeat center;width:191px;height:151px;text-align:center;z-index:10;}
.category_home li.menu_item.five a{padding-top:85px;display:block}
.category_home li.menu_item a{font:400 17px/18px "segoe ui semilight",tahoma;text-transform:uppercase;color:#b5c1bf}
.category_home li.menu_item.two a,.category_home li.menu_item.three a{font-size:20px;}
.category_home li.menu_item a:hover{color:#f77965;}
.category_footer_home{width:100%;text-align:center;overflow:hidden;clear:both}
.category_footer_home ul.menu{display:inline-block;}
.category_footer_home ul li{width:auto;float:left;margin:0 10px;}
.category_footer_home ul li a{font:400 14px/1.35 "segoe ui semilight",tahoma;text-transform:uppercase;color:#6c6b69}
.category_footer_home ul li a:hover{color:#f77965}
.logo_vietart_link{top:70px;left:42%;position:absolute;cursor:pointer}
.v_share{text-align:center;overflow:hidden;padding:10px 0;}
.v_share p{display:inline-block;}
.v_share p a{float:left;margin:0 7px;}
.copyright{text-align:center;color:#6c6b69;text-transform:uppercase;font-size:10px;}
.va_logo_mobile{display:none}
.va_logo_mobile img{max-width:100%;}

#clouds{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}

/*Time to finalise the cloud shape*/
.cloud {position:absolute;z-index:0}

.cloud:before, .cloud:after {
	position: absolute;
	position: absolute; top: -15px; left: 10px;		
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
	width: 120px; height: 120px;
	top: -55px; left: auto; right: 15px;
}

.x1 {
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-1.png") no-repeat center;
	width:100%;height:100%;
	top:-32%; left:-150px;
	opacity: 0.6;
        filter: alpha(opacity=60);
	
}

.x2 {
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-2.png") no-repeat center;
	width:100%;height:100%;
	top:10%; left:-120px;
	opacity: 0.4;
        filter: alpha(opacity=40);
	
}

.x3 {
	
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-3.png") no-repeat center;
	width:100%;height:100%;
	top:-25%;left:-400px;
	opacity: 0.5;
        filter: alpha(opacity=50);
      
	
}

.x4 {	
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-4.png") no-repeat center;
	width:100%;height:100%;
	top:30%;left:120px;
	opacity: 0.8;
        filter: alpha(opacity=80);
	
}

.x5 {
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-5.png") no-repeat center;
	width:100%;height:100%;
	top: 31%;left: -240px;
	opacity: 0.7;
        filter: alpha(opacity=70);
	}
.x6 {
	-webkit-animation: moveclouds 35s linear infinite;
	-moz-animation: moveclouds 35s linear infinite;
	-o-animation: moveclouds 35s linear infinite;
	background:url("../images/cloud/vietart_web_may-6.png") no-repeat center;
	width:100%;height:100%;
	top:-10%;left:150px;
	opacity: 0.9;
        filter: alpha(opacity=90);
	
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}