/*CSS Document*/

@font-face{font-family:UVNhonghahep;src:url(../fonts/UVNHongHaHep_R.TTF);}
@font-face{font-family:"OpenSansB";src:url(../fonts/OpenSans-Bold.ttf);}
@font-face{font-family:"OpenSansBI";src:url(../fonts/OpenSans-BoldItalic.ttf);}
@font-face{font-family:"OpenSansR";src:url(../fonts/OpenSans-Regular.ttf);}
@font-face{font-family:"OpenSansI";src:url(../fonts/OpenSans-Italic.ttf);}
@font-face{font-family:"AvantGardeR";src:url(../fonts/texgyreadventor-regular.otf);}
@font-face{font-family:"AvantGardeB";src:url(../fonts/texgyreadventor-bold.otf);}
@font-face {
	font-family: 'sfu_eurostilecondensed';
	src: url('../fonts/sfueurostilecondensed-webfont.eot');
	src: url('../fonts/sfueurostilecondensed-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sfueurostilecondensed-webfont.woff') format('woff'),
	url('../fonts/sfueurostilecondensed-webfont.ttf') format('truetype'),
	url('../fonts/sfueurostilecondensed-webfont.svg#sfu_eurostilecondensed') format('svg');
	font-weight: normal;
	font-style: normal;

}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: x-large;}
strong, b{font-family: "AvantGardeB";}
*{
	margin: 0px;
	padding: 0;
}
.wrap_all{width:103%;}
html, body{
	width: 100%;
	background-color: #0a0a0a;
	font-family: "AvantGardeR";
	font-size: 14px;
}
.auto{width:1140px;margin:0px auto;}
html {
     overflow-y: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
.clr{clear: both;}
.left{float:left}
.right{float:right}
a{text-decoration: none;}
/* NAV BAR SECTION */

#navigation{
	width: 100%;
	height: 100%;
	float: left;
}
#navBar{
	width: 50px;
	height: 165px;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -82.5px;
	z-index:1;
	list-style: none;
}
#navBar li{
	width: 15px;
	height: 15px;
	background-color: ghostwhite;
	border: 5px solid ghostwhite;
	margin: 12.5px;
	cursor: pointer;
	border-radius: 20px;
	transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
}
#navBar li:hover, #navBar .current{
	transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
	background-color: transparent;
}

/* FOR ALL SLIDES */

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
}

.button{
    display:none;
    width:62px;
    height:62px;
    position:absolute;
    bottom:0px;
    left:49.6%;
    margin-left: -25px;
	/*background-color: rgba(0,0,0,.75);*/
    background-image:url(../images/keoxuong1.png);
    background-repeat:no-repeat;
    background-position: center center;
    transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s; /* Safari */
}
.button12{background: url(../images/keo_eng.png) no-repeat center;}
.button:hover{
    /*background-color: rgba(255,255,255,0.6);*/
    cursor:pointer;
    transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s; /* Safari */
	opacity: 0.5;
}
.button.last{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	bottom:74px;
}

/* SLIDES */


#ball1{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	position: absolute;
	top: 300px;
	left: 50px;
	background-color: rgba(0,0,0,0.1);
}
#ball2{
	width: 40px;
	height: 40px;
	border-radius: 200px;
	position: absolute;
	top: 80px;
	right: 50px;
	background-color: rgba(0,0,0,0.1);
}
#ball3{
	width: 150px;
	height: 150px;
	border-radius: 200px;
	position: absolute;
	top: 30px;
	right: 200px;
	background-color: rgba(0,0,0,0.1);
}
#ball4{
	width: 40px;
	height: 40px;
	border-radius: 200px;
	position: absolute;
	top: 100px;
	right: 500px;
	background-color: rgba(0,0,0,0.1);
}

#slide4 #ball1{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	position: absolute;
	top: 490px;
	left: 900px;
	background-color: rgba(0,0,0,0.1);
}
#slide4 #ball3{
	width: 200px;
	height: 200px;
	border-radius: 200px;
	position: absolute;
	top: 600px;
	left: 500px;
	background-color: rgba(0,0,0,0.1);
}
.content_list{padding:30px 0px;}
.title_dm{margin-bottom:30px;}
.title_dm h1{}
#backToTop {
	width: 44px;
	height: 90px;
	position: fixed;
	right:10px;
	bottom: 20px;
	cursor: pointer;

	z-index: 999;
}
a{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.dm_con{margin-left: 15px;color:#a8a8a8;font-size: 16px;}
.dm_con a{color:#a8a8a8;text-transform: uppercase;font-family: UVNhonghahep;font-size: 16px}
.dm_con a:hover{color:#fff;}

header.header--hide {
	-ms-transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	transition: transform .666s;
	-ms-transition: -ms-transform .666s;
	-webkit-transition: -webkit-transform .666s;
}
.share_h{position: absolute;right:65px;z-index: 9;top:15px;}
.share_h p{display: inline-block;margin-left: 10px;}
.share_h a{color:#FFF;display: inline-block;padding:5px 15px;border:#dcdcdc 1px solid;background: #000;text-transform: uppercase;font-size: 13px;}
.share_h a:hover{color:#000;display: inline-block;padding:5px 15px;border:#dcdcdc 1px solid;background: #fff;}
.share_h p:nth-child(2) a{background: url(../images/icon_share2.png) no-repeat 65px 8px #000;padding-right: 35px;}
.share_h p:nth-child(2) a:hover{background: url(../images/icon_share1.png) no-repeat 65px 8px #fff;padding-right: 35px;}

.wrap_header .cont_share{}
.wrap_header .cont_share{width:95px;background: #000;padding:0px;text-align: center;position: absolute;right:0px;top:32px;overflow: hidden;height:0px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.wrap_header .cont_share a{border:none;color:#999;padding:10px 0px!important;font-size: 16px;}
.wrap_header .cont_share a:hover{color:#fff;padding:10px!important;border:none;background: none!important;}
.share_h:hover .cont_share{height:145px!important;}
#slide0 .title_s1{border:none;}
.vl_h a{color:#FFF;}
.vl_h a:hover{text-decoration: underline;}
.vat_lieu .story_title a{display: none;}
.cont_text1 img{max-width:100%!important;height:auto!important;}
.icon_home4{position: relative;top:4px;left:-7px;}
.title_s1 a{color:#FFF;}
.title_s1 a:hover{color:#FFF;}
.share_h a{width:137px;text-align: center;}