/*Thanh dien*/
@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("reset.css");
body{
	font-family: 'LatoLight';
	line-height: 1.45;
	font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 1.45;
}
.container{
	

}
/*hr{
	margin-top: 0px;
     margin-bottom: 0px;
}*/
ul,ol{ list-style-position: inside;}
/*Header*/
.fixed{
	position: fixed;
z-index:1000;
width:100%;
    height: 60px;

}
#menu-header{
	background: #02054c;
	background-image: url('../images/logo.png');
	    background-position: -86px top;
	background-size: 170px 90px;

	background-repeat: no-repeat;
	

}
#header #menu-header .menu-left,.menu-right{
	float: left;
}
#menu-header .menu-left
{
	color: #ffffff;
	width: 40%;
	/*text-align: center;*/
}
#menu-header .menu-left a{
	color:unset;
	text-decoration:none;
}
#menu-header .menu-left h2{
	/*margin: auto;*/
	font-family: 'LatoBold';
	margin-left: 140px;
}
#menu-header .menu-right
{
	
	width: 60%;

}
#menu-header .menu-right ul{
	margin-top:30px;
}
#menu-header .menu-right ul .cd_menu{
 display: inline-block;
 font-size: 20px;
position:relative;
 margin-left: 25px;
}
#menu-header .menu-right ul .cd_menu:hover .sub_menu{
 display:block;

}
#menu-header .menu-right .sub_menu{
    z-index: 10000000;
    display: none;
    position: absolute;
    background-color: #000;
	
    left: 0px;
    top: 0px;
    height: auto;
    width: 300px;
}
#menu-header .menu-right .sub_menu>li{
    transition:all 1s;
	border-bottom:2px solid #f5b128;
    padding: 10px 10px 10px 10px;
    display: block;
}
#menu-header .menu-right .sub_menu>li{

}
#menu-header .menu-right .sub_menu>li>a{
font-size:13px;
	font-weight:unset;
}
#menu-header .menu-right ul .cd_menu:hover{
	border-bottom: 2px solid #f5b128;
	font-family: 'LatoBold';
	
}
#menu-header .menu-right ul li a{

 text-decoration: none;
	color:#ffffff;
	
	font-size: 20px;
}

/*Banner*/
#banner {
	background-image: url('../images/bg_banner.png');
	background-repeat: no-repeat;
	    background-size: cover;
	padding: 50px 0;
	    text-align: center;
}
#banner .avatar{


	width: 40%;

}
#banner .intro-banner{

	
	width: 60%;

}
#banner .avatar, .intro-banner{
	text-align: center;
	color: #ffffff;
	float:left;
}
#banner .avatar, .intro-banner .name{
	font-family: 'LatoBold';
}
#banner .border-ora{
	background: #f5b128;
	height: 5px;
	width: 40%;
	margin:auto;
	margin-top: 20px;
	margin-bottom: 50px;

}
#banner .see-now{
	
	background: #F5B128;
	width:200px;
	margin:auto;
	 border: 8px solid #6C531B;
	border-radius: 200px ;
	font-size: 20px;
	margin-top: 70px;
	padding:10px 0;
}
#banner .see-now a{
	color:#ffffff;
	text-decoration: none;
}



#banner .circle:before{
	content: '';
			width: 320px;
			height: 320px;
			position: absolute;
			-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			 border: 10px solid #906315;
			border-radius: 200px ;
			top: -20px;
    		left: -20px;
}

#banner .circle{
			width: 300px;
			height: 300px;
			
				
			position: relative;
			
			
			-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			 border: 10px solid #ce911f;
			border-radius: 200px ;
			display: inline-block;
}
/*End Header*/

/*Tin tuc*/
#tintuc{
	width: 68%;
    display: inline-block;
    text-align: left;
    float: left;
}
#tintuc .title_main h2{
    background: #02054c;
	display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    min-width:unset;
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    color: #fff;
float:left;
width:22%;
cursor:pointer;
}
#tintuc .title_main {
    text-align: left;
    border-bottom: 5px #02054c solid;
    padding-left: 10px;
    margin-bottom: 10px;
}

#tintuc .title_main ul,#tintuc .title_main ul>li{
	display:inline-block;
}


#tintuc .title_main ul>a {
	cursor: pointer;
    text-decoration: none;
    color: #000;
    display: inline-block;
    /*background:#f5b128;*/
    display: inline-block;
    padding: 10px 0px;
    padding-bottom: 5px;
    min-width: unset;
    font-size: 15px;
    margin: 0;
    font-weight: bold;
}
#tintuc .title_main ul>a:hover {
    text-decoration:underline;
    
    
}

#tintuc .title_main ul>a>li{
	margin:0 10px;
	list-style:none;
font-weight:bold;
}
.change_color_tinmoi{
background:unset!important;
color:#f5b128!important;
}
.change_color{
	background:#f5b128;
	color:#fff!important;
}


#hot_news {
    margin-bottom: 10px;
    border: thin #d9d9d9 solid;
    display: inline-block;

}
.list_cd{
float: right;
    width: 75%;
}
#hot_news_list, .hot_news_list {
    list-style: none;
    width: 40%;
    float: right;
    padding: 10px;
overflow-y:scroll;
height: 885px;
}
#hot_news #hot_news_main {
    width: 60%;
    float: left;
    padding: 10px;
    border-right: thin #d9d9d9 solid;
}

#hot_news_list li.sub, .hot_news_list li.sub {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: thin #d9d9d9 solid;
}

#hot_news_list h3:hover, .hot_news_list h3:hover {
    color: #0e6e79;
}
#hot_news_list h3, .hot_news_list h3 {
    font-size: 14px;
    color: #333;
font-weight:bold
}
ul.meta li {
    border-right: thin #d9d9d9 solid;
    padding: 0px 5px;
    color: #888;
    font-size: 11px;
    display: inline-block;
}
#hot_news_first h2, .hot_news_first h2 {
    font-size: 20px;
    font-weight: bold;
    color: #555;
}
.hot_new_sub {
    width: 50%;
    float: left;
}
.hot_new_sub h3 {
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.hot_new_sub {
    padding-right: 5px;
}
/*images big*/
#hot_news_first figure, .hot_new_sub figure, .hot_news_first figure {
    padding: 0;
    /*border: thin #d9d9d9 solid;*/
text-align:center;
}
#hot_news_first img {
    vertical-align: middle;
    max-width: 100%;
}




#quangcao{
	width: 30%;
    float: right;
    text-align: left;
}


#quangcao .title_main {
    text-align: left;
    border-bottom: 5px #15A1B1 solid;
    padding-left: 10px;
    margin-bottom: 10px;
}
#quangcao .title_main h2,#quangcao .title_main span {
    display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    background: #555;
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    color: #fff;
}
#quangcao .title_main h2, #quangcao .title_main span {
    background: #15A1B1;
    font-size: 14px;
}
#quangcao .box_right {
    border: thin #d9d9d9 solid;
    margin-bottom: 20px;
text-align:center;
}
#quangcao .text-center {
    text-align: center;
}
/*end tintuc*/
/*Intro*/
#intro{
	background-color: #ffffff;
	background-image: url('../images/bg-intro.png');

	background-repeat: no-repeat;
	padding-bottom:46px;
	background-size: cover;
	

	
}
#intro .avatar-intro{
	text-align: center;
	
}
#intro .info-intro .title{
	text-align: left;
	display: inline-block;
	font-family: 'LatoRegular';
}
.lucgiac::after{
	content: "";
    position: absolute;
    bottom: -95px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-top: 95px solid #f5b128;
}
.lucgiac:before{
	content: "";
    position: absolute;
    top: -95px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-bottom: 95px solid #f5b128;
}
.lucgiac{
	width: 320px;
    height: 190px;
    background: #f5b128;
    position: relative;
    top: 220px;
    left: 61px;
}
.box-lucgiac{
	display: inline-block;
    position: relative;
    margin-bottom: 30px;
}
.box-lucgiac:before {
    content: '';
    width: 336px;
    height: 390px;
    position: absolute;
    top: -10px;
    left: -10px;
    background: #f5b128;
    z-index: 2;
    -webkit-clip-path: polygon(170px 0px, 340px 110px, 340px 277px, 170px 390px, 0px 277px, 0px 110px);
    -moz-clip-path: polygon(170px 0px, 340px 110px, 340px 277px, 170px 390px, 0px 277px, 0px 110px);
    -o-clip-path: polygon(170px 0px, 340px 110px, 340px 277px, 170px 390px, 0px 277px, 0px 110px);
    clip-path: polygon(170px 3px, 340px 110px, 341px 274px, 172px 382px, 6px 285px, 6px 106px);
}
.box-lucgiac .images{
	-webkit-clip-path: polygon(160px 0px, 320px 103px, 320px 263px, 161px 365px, 3px 271px, 3px 100px);
    -moz-clip-path: polygon(160px 0px, 320px 103px, 320px 263px, 161px 365px, 3px 271px, 3px 100px);
    -o-clip-path: polygon(160px 0px, 320px 103px, 320px 263px, 161px 365px, 3px 271px, 3px 100px);
    clip-path: polygon(160px 0px, 320px 103px, 320px 263px, 161px 365px, 3px 271px, 3px 100px);
        width: 320px;
    height: 364px;
    position: relative;
    z-index: 2;
    background: #fff;
}
.box-lucgiac .images img{
	width: 100%;
	max-width:100%!important;
   	height: 100%;

	}
#intro .box{
	position: relative;
	padding-top: 50px;
}
#intro .level h4{
	font-weight: bold;
	margin: 0px;
}
.box-lucgiac .border-big{

}
.border-bot{
	position: absolute;
  	border-left: 2px dashed #f5b128;
 	width:0px;
	
	 height: 110%;
    left: 0px;
    top: 0px;
    right: 0px;

    margin: auto;

}
 .border-top{
	position: absolute;
    border-left: 2px dashed #f5b128;
    width: 0px;
    height: 50px;
    left: 0px;
    top: 0px;
    right: 0px;
    margin: auto;
}
 .border-top:before{
 	content: '';
 	position: absolute;
 	width: 10px;
	height: 10px;
	background: #f5b128;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	left: -6px;
    top: -7px;
 }
 .gioithieu{
 	text-align: center;
 	display: inline-block;
 }
  #intro .info-intro .name{
  	font-family: 'LatoRegular';
  }
   #intro .info-intro .trinhdo{
  	font-family: 'LatoRegular';
  }
 .hr1{
 	border: 1px solid #f5b128;
 	display:inline-block;
 	width: 100%;
 	margin:0px;
 }
.hr2{
border: 0.5px solid #f5b128;
 	margin-top: 10px;
 	width: 30%;
 	

 }
 .hr3{
border: 2px solid #f5b128;
 	display: inline-block;
 	width: 10%;
 	

 }
 #intro .info-intro ul li{

 	list-style:none;

 }
#intro .info-intro ul li img{
 	margin-top: -6px;
 	width: 15px;

 }
 #intro .line-mid{
 	width: 1px;
 	height: 50px;
 	margin:auto;
 	background: #FAD894;
 }
#intro .mota{
	margin-top:5px;
}
  #intro .seemore{
  	    background: #F5B128;
    padding: 7px 0px;
    margin: 15px 0px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    width: 20%;
    
  }
#intro .seemore a{
	text-decoration:none;
	color:#ffffff;
}
/*End Intro*/

/*Chuyen de*/
#chuyende{
	text-align: center;
	background-image: url(../images/bg_chuyende.png);
	background-repeat: no-repeat;
	background-size: cover;
	
}
#chuyende .title{
	color: #ffffff;
	display: inline-block;
}
#chuyende .hr-chuyende{
	border: 2px solid #f5b128;
 	width: 60%;
}
#chuyende .element{
	text-align: center;
	background: #E6E7E9;
	display: inline-block;
	padding:15px;
	border-radius: 20px;
	text-decoration:none;
	vertical-align: top;
	color:#000000;
	font-size: 20px;
	margin-left:-5px;
	position: relative;
	font-family: 'LatoRegular';

   

  
 
    padding: 15px 18px;
}
#chuyende .content-cd{
	
	position: relative;
	padding:50px 60px;
}
#chuyende .content-cd .element:nth-child(2n){
	margin-top: 130px;
	
}
#chuyende .content-cd .element:nth-child(2n+1){
	margin-top: 0;
	
}
.hr-chuyende-mid{
	
     top: 42%;
	  width: 73%;
    left: 12%;
	border: 2px solid #CACACA;
 	width: 73%;
 	position: absolute;
}

.element:nth-child(2n+1):after{
	content: '';
    position: absolute;

    height: 5px;
    background: #cacaca;
    width:100%;
    top: 155%;
    left:0px;
    right: 0px;
    margin: auto;
    z-index: 1;
}
.element:last-child:after{
	width:50%;
	right:unset;
}
.element:first-child:after{
	width:50%;
    	left: unset;

}


.element:nth-child(2n+1):before{
	content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    top: 145%;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 2;
}
.wrap-chuyende{
	text-align: center;
	position:relative;
	    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
}
/*.wrap-chuyende:before{
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    height: 5px;
    background: #CACACA;
    
width:auto;
    z-index: 1000000000; 
    margin: auto;
}*/
#chuyende .content-cd .element:nth-child(2n):after{
	content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #CACACA;
        top: -66%;

    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
}
#chuyende .element:nth-child(2n):before{
	content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
        top: -75%;

    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 2;
}
#chuyende .element:hover{
	background: #F5B128;
	cursor: pointer;
}
#chuyende .element:hover:nth-child(2n) .tamgiac:after{
	content: '';
    width:0px;
  	height:10px;
  	left: 0px;
  	right: 0px;
  	    top: -30%;
  	margin: auto;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:20px solid #F5B128; /* Tam giác phía dưới được đổ màu */
  position: absolute;
}
#chuyende .element:hover:nth-child(2n+1) .tamgiac:after{
	content: '';
    width:0px;
  	height:10px;
  	left: 0px;
  	right: 0px;
  	
  	top: 100%;
  	margin: auto;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:20px solid #F5B128; /* Tam giác phía dưới được đổ màu */
  position: absolute;
}

/*toi va bao chi*/
#me-news {
	text-align: center;
	background-image: url('../images/bg_me_news.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1056px;
	padding-bottom:100px;
	padding-top: 60px;
}
.title{
	text-align: center;
}
.title .hr-line1{
	border: 1.5px solid #f5b128;
 	width: 150px;
 	margin-bottom: 2px;
 	
}
.title .hr-line2{

 	 background: #f5b128;
    width: 60px;
    margin-top: 10px;
    height: 1px;
}
#me-news .title h2{
}
#me-news .video{
	/*display: inline-block;*/	

}
			/*Bài báo*/
#me-news .vert{
	background-color: #F7F7F7;
}
#scroll_y_baochi{
background-color: #F7F7F7;
overflow-y: scroll;
}
#scroll_y_baochi ul>li{
list-style:none;

}
#me-news .content .news{
	
	display: block;
	border-bottom: 1px solid #d1d3d4;
	text-align: left;
	padding: 5px 5px;
}

#me-news .content img{
	/*height: 98%;*/
	width: 100%;
}
#me-news .content .imgtintuc{
	width: 100%;
}
#me-news .content .artile{
	font-size: 11px;
	background-color: #F7F7F7; 
}
#me-news .content .title{
	font-family: 'LatoRegular';
    font-size: 15px;
    margin: 0;
    text-align: left;
    font-weight: bold;
}
#me-news .content .mota{
font-size:13px;

}
#me-news .content .hr-article{
	border: 0.5px solid #f5b128;
 	width: 50%;
 	margin: 2px 0;
 	
 	
 	
    
}
#me-news .news p>span{
	font-family: 'LatoLight'!important;
}
#me-news .news .article a{
	text-decoration:none;
	color:unset;
}
#me-news .content p{

	font-size: 11px;
	width: 100%;
    clear: both;
}
#scroller li{
	list-style: none;	
}
/*end toi va bao chi*/

/*Schedule*/
#schedule{
	background: url('../images/bg_schedule.png');
	background-size: cover;
	background-repeat: no-repeat;
	
	padding-top: 70px;
	padding-bottom: 70px;
}
#schedule .tenlich{
	    border-bottom: 1px solid #a7a9ac;
    display: inline-block;

}
#schedule .trainning{
	
	background-color: #ffffff;
	
}
#schedule .row1 {
position:relative;
}
#schedule .linesolid{
	content:'';
	width:1.5px;
	height:100%;
	background: #F5B128;
	position:absolute;
	left:70.7%;
}
#schedule .content{
    padding-top: 10px;
	height:386px;
	overflow:scroll;
}
#schedule .trainning h1{
	text-align: center;
	background: #F5B128;
	color: #ffffff;
	padding:28px;
	font-size: 32px;
}
#schedule .framedotline{
	margin-left: 0px;
}
#schedule .trainning{

}
#schedule .trainning .content .info p{
	text-align: left;
	clear: both;
	margin-top: 0px;
}
#schedule .trainning .info{
	background-color: #F2F2F2;
	border-radius: 10px;
	padding:5px 10px;
	text-align: right;
	width: 100%;
	margin: 10px 30px;	
}
#schedule .trainning .info h4{
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 2px;
	font-size: 16px;
}

#schedule .trainning .timeline{

}
/*time-line*/
#schedule .trainning .line-mid{
	
	margin:auto;
	margin-top:10px;
}

#schedule .trainning .line-mid:before{
	 content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffffff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    top: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 2;
}
#schedule .trainning .line-mid:after{
	content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2 solid #f5b128;
    top: -2px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 1;
}

#schedule .trainning .line-mid-dash{
	width: 1px;
    height: 60px;
    border-left: 1.5px dashed #f5b128;
    margin: auto;
   
    z-index: 1000;
    background: #ffffff;
    /* margin-top: 10px; */
}
#schedule .trainning .line-mid-dash:before{
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffffff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    top: -4px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 2;
}

#schedule .trainning .line-mid-dash:after{
	    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2 solid #f5b128;
    top: -6px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 1;
}

#schedule .trainning .date-start{
	color: #58595b;
	margin-top: -8px;
}
#schedule .trainning .date-end{
	color: #58595b;
	margin-bottom: 0px; 
	margin-top: -15px;	
}
#schedule .trainning .block{
	font-weight: bold;
}
/*Consult Form*/

#schedule .consult{
	background: rgba(0,0,0,0.3);
	
    border-bottom: 10px solid #F5B128;
    
}
#schedule .consult h1{
	text-align: center;
	background: #F5B128;
	color: #ffffff;
	padding:28px;
	font-size: 32px;
}
#schedule .consult h1{
	background-color: #f5b128!important;
}	
#schedule .consult .form-consult{
	color: #f7f7f7;
	text-align: center;
	
	/*opacity: 0.6;*/
	   margin: 20px;
	
	}
	#schedule .consult .form-consult .form-group{
	color: #000;
	
	}
#schedule .consult .form-consult .hoten{
	background-image: url('../images/icon_user.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	width: 50%;
	float: left;
	
}
#schedule .checkbox{
	display: inline-block;
}
#schedule .consult .form-consult .dienthoai{
	background-image: url('../images/icon_phone.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	width: 45%;
	float: right;
	
}
#schedule .consult .form-consult .email{
	background-image: url('../images/icon_envelope.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	    width: 100%;
    margin: 20px 0px;

}
#schedule .consult .hr-form{
	margin: 20px auto;
    width: 50%;
    height: 1px;
    background: #F5B128;
}
#schedule .consult button{
	border-radius: 30px;
	border: 5px solid #8d6925;
	background: #F5B128;
	padding: 8px 40px;
}
.form-check{
	display: inline-block;
}

.form-check-input {
	vertical-align: text-bottom;
}
/*EndSchedule*/

/*Đối tac hco vien*/
#student  .idea{
	float: left;
	
	text-align: right;
	
	margin: 40px 0;
}

#student .idea .name{
	font-weight: bold;
	margin: 0;
	font-size: 18px;
}
#student  .idea .hr-line{
	width: 20%;
	border-bottom: 1px solid #F5B128;
	float: right;
	margin: 0px 4px 3px 0; 

	}
#student  .idea p{
	clear: both;
	margin-top: 2px 0px;
	font-size: 13px;
	}



#student .content1 .idea{
	float: left;
	width: 65%;
}	
#student .content1 .circle{
	float: right;
	width: 32%;
}
#student .content2  .idea{
	float: right;
	width: 65%;
}	
#student .content2 .circle{
	float: left;
	width: 32%;
}


#student .circle{
	
    
    
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border: 10px solid #ce911f;
    border-radius: 200px;
    display: inline-block;
}

#student .circle img{
	width: 100%;
	
}
#student .content{

}
#student .pad{
	padding-top: 40px;
	padding-bottom: 40px;
}
#student .linemid{
	
	 height: 140px;
    width: 0px;
    border-left: 1.5px solid #838588;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    left: 0px;
    right: 0px;
}

/*Contact*/
#contact{

	background-image: url('../images/bg_contact.png');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	
}
#contact .title{
	color: white;
	margin: 80px 0px;
	font-size: 43px;
	position: relative;
} 
#contact .title:before{
	content: '';
	width: 10%;
	height: 7px;
	background:#ffffff;
	position: absolute;
	top: 45%;
	left: 25%;
	
} 
#contact .info-contact ul li img{
	    width: 15px;
    margin-right: 4%;
    margin-top: -1%;
}
#contact .title:after{
	content: '';
	width: 10%;
	height: 7px;
	background:#ffffff;
	position: absolute;
	top: 45%;
	right: 25%;
	
} 
#contact .name{
	color: #ffffff;
	font-family: 'LatoBolds';
}
#contact .line{
	background:#ffffff;
	width: 40%;
	height: 2px;
}
#contact .info-contact{
	display: inline-block;
	width: 100%;
	max-width: 450px;
}
#contact .info-contact ul{
	list-style: none;
	background: #ffffff;
	border-radius: 20px;
	text-align: left;
	padding: 30px;
	display:inline-block;
	width:100%;
    	box-shadow: 0px 5px 5px #888888;
}
#contact .info-contact ul li{
	margin-bottom:2%;
}
#contact .info-contact ul li a{
	color: #000000;
	text-decoration: none;
}
#contact .hoten{
	background-image: url('../images/icon_user.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	width: 90%;
	border-radius: 15px;
	border:none;
	box-shadow:0px 5px 5px #888888;
}
#contact .dienthoai{
	background-image: url('../images/icon_phone.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	width: 90%;
	margin-bottom: 15px;
	border-radius: 15px;
	border:none;
	box-shadow:0px 5px 5px #888888;
}
#contact .email{
	background-image: url('../images/icon_envelope.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
	height: 50px;
	padding: 20px 40px;/*trbl*/
	width: 90%;
	margin-bottom: 15px;
	border-radius: 15px;
	border:none;
	box-shadow:0px 5px 5px #888888;
	
}
#contact .noidung{
	padding: 18px 13px 98px 35px;
	width: 90%;
	height: 100px;
	border-radius: 15px;
	margin-bottom: 15px;
	box-shadow: 5px;
	border:none;
	box-shadow:0px 5px 5px #888888;
	background-image: url('../images/icon_message.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 20px 20px;
}
#contact .gui{
	padding :10px 60px;
	background:#ffffff;
	border-radius: 15px;
	color: #F5B128;
	border:none;
	box-shadow: 0px 5px 5px #888888;
}

/*End contact*/

/*Don vi nhat ky*/
#unit-diary{
	padding:40px 0px;
	text-align: center;
	background-image: url('../images/bg_donvi.png');
	background-repeat: no-repeat;
	background-size: cover;
	
	color: #ffffff;
}
#unit-diary .title1,.title2{
		
	}
#unit-diary .hr-frame{
	margin: auto;
	height: 10px;
	width: 180px;
	background-color:#f5b128;
	position: relative;
}
#unit-diary .hr-frame:before{
	content: '';
	top: 0px;
	left:0px;
	height: 25px;
	width: 10px;
	background-color:#f5b128;
	z-index: 3;
	position: absolute;
}
#unit-diary .hr-frame:after{
	content: '';
	top: 0px;
	right:0px;
	height: 25px;
	width: 10px;
	background-color:#f5b128;
	z-index: 3;
	position: absolute;
}

#unit-diary .hr-frame-bot{
	margin: auto;
	height: 10px;
	width: 180px;
	background-color:#f5b128;
	position: relative;
}
#unit-diary .hr-frame-bot:before{
	content: '';
	bottom: 0px;
	left:0px;
	height: 25px;
	width: 10px;
	background-color:#f5b128;
	z-index: 3;
	position: absolute;
}
#unit-diary .hr-frame-bot:after{
	content: '';
	bottom: 0px;
	right:0px;
	height: 25px;
	width: 10px;
	background-color:#f5b128;
	z-index: 3;
	position: absolute;
}

#unit-diary .img{
	
	margin: 40px 0px;
}

#unit-diary .img img{
	/*width: 100%;*/
	opacity: 0.5;
}

#unit-diary .element-img{
	position: relative;
	padding: 0px;
}
#unit-diary .border-for-img{
	position: relative;

}
#unit-diary .element-img:hover .border-for-img:before{
	   content: '';
    position: absolute;
    border: 5px solid #f5b128;
    
    width: 100%;
	height: 100%;
    
}
#unit-diary .border-for-img:hover img{
	   opacity: 1;
    
}
#unit-diary .name-uni{
display:none;
	font-size: 14px;
	position: absolute;
	top: 40%;
	/*margin:center;*/
	color:#ffffff;
	padding:5% 5%;
	width: 100%;
	z-index: 4;
	background: rgba(0,0,0,0.6);
	
}
#unit-diary .element-img:hover .name-uni{
display: block;
	
}
#unit-diary .dairy{
	height:500px;
}
#unit-diary .dairy .space1{
	margin-bottom: 50px;
}
#unit-diary .dairy .space2{
	margin-bottom: 50px;
}
#unit-diary .dairy{
	margin: 40px 0px;
	color: #1C1C1C;
	background:rgba(222, 222, 224,0.8);
	padding:20px;
	
	
}


#unit-diary .pad1:before,#unit-diary .pad2:before{
content: '';
    width: 2px;
    height: 150%;
    background: #f5b128;
    margin: auto;
    position: absolute;
	right:0px;
left: -8%;
display:inline-block;
}




#unit-diary .dairy .pad1,.pad2{
	/*height: 140px; no need*/ 
margin-bottom: 20px;
position:relative;
}
#unit-diary .line-mid{
	width: 2px;
	
	background: #f5b128;
	margin:auto;
	margin-top:10px;
}
#unit-diary .pad1 .line-mid:before{
	 content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    top: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 3;
}
#unit-diary .pad1 .line-mid:after{
	content: '';
    position: absolute;
    width: 16px;
    height: 16px;
  background:rgba(222, 222, 224,0.8);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    /*border: 2 solid #f5b128;*/
    top: -3px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 2;
}
#unit-diary .dot-top{
	content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2 solid #f5b128;
   	top: -5px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 1;
}
#unit-diary .dot-bot{
	content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #f5b128;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2 solid #f5b128;
    bottom: 0px;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 1;
}
#unit-diary .dairy .pad1 .date-start {
	text-align: left;
	font-weight: bold;
	margin: -5px;
	font-size: 15px;
	font-family: 'LatoRegular';
}
#unit-diary .dairy .pad1 .detail{
	text-align: left;
	margin: -4px;
	font-size: 13px;
}
#unit-diary .dairy .pad2 .date-start {
	text-align: right;
	font-weight: bold;
	margin: -5px;
	font-size: 15px;
	font-family: 'LatoRegular';
}
#unit-diary .dairy  .pad2 .detail{
	text-align: right;
	margin: -4px;
	font-size: 13px;

}
#unit-diary .pad1 .images{
width:100%;
}
#unit-diary .pad2 .images {
    width: 100%;
}
#contact .pad{
	margin-bottom: 30px;
}

/*Don vi nhat ky*/


/*Footer*/
#contact hr{
	width: 1px;
	background: black;
}
footer{
	background: #F5B128;
	padding:10px;
	margin:auto;
	text-align: center;
	font-family: "LatoBold";

	    
}
footer h4{
	border-top: 1px solid black;
	padding: 5px 0;
	display: inline-block;
	font-size: 16px;
}
footer a{
	color: white;
}

/*End Footer*/


































@-moz-keyframes xoayanh{
0%{
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
 }
100% {
-webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */    
transform: rotate(720deg);
       }
    }
@-o-keyframes xoayanh{
0%{
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
 }
100% {
-webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */    
transform: rotate(720deg);
       }
    }
@-webkit-keyframes xoayanh{
  0%{
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	 }
	100% {
	-webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */    
	transform: rotate(720deg);
	       }
	    }
@keyframes xoayanh {
    0%{ 
      -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
      transform: rotate(720deg);
    }
}
/*body{
	font-family: 'AvantGardeRegular';
	line-height: 1.45;
	font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 1.45;
}
ul,ol{ list-style-position: inside;}
.list{
	list-style: none;
}
.box{
	border: thin #d9d9d9 solid;
	padding: 10px;
}*/
#loadbody{
position:fixed;
left:0px;
top:0px;
z-index:9999999999;
width:100%;
height:100%;
background: rgba(200,200,200, 0.4);
}
#loadbody:before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 200px;
	width: 200px;
	margin: auto;
	-o-animation: xoayanh 2s infinite linear;
	-moz-animation: xoayanh 2s infinite linear;
	-webkit-animation: xoayanh 2s infinite linear;
	animation: xoayanh 2s infinite linear;
	background:  url('../images/pie.gif') no-repeat center;
}
#wrapper{
	width: 100%;
	

	margin: 0 auto;
	overflow:hidden;
	/*text-align: center;*/
}
.container-fluid{
	max-width: 1366px;
}
.container img{
	max-width: 100%;
	height: auto;
}

/*header*/

/*
#header h1{
	position: fixed;
	bottom: 31px;
	left: 0px;
	font-size: 1px;
	color: #fff;
	z-index: 1;
	opacity: 1;
}*/


#middle{
	width: 100%;
	/*padding: 20px 0px;*/
	/*text-align: center;*/
	display: inline-block;
	/*padding-bottom: 30px;*/
}

#top_content{
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 30px 0px;
}
.danhmuc_sub{
	padding: 0px 10px;
	position: relative;
}
.danhmuc_sub .cnt{
	z-index: 10;
	 position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.danhmuc_sub h2{
	font-family: 'AvantGardeDemiBold';
	color: #fff;
	font-size: 24px;	
}

.danhmuc_sub .xemthem{
	color: #fff;
}
/*end top_content*/
#gioithieuix{
	text-align:left;
	width:100%;
	height: 500px;
	
}
#gioithieuix .content{
	    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}
#gioithieuix .message-text{
	    vertical-align: middle;
    display: table-cell;
   
    text-align: center;
}
#gioithieuix h2{
font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}
#gioithieuix .mota{
	    max-width: 580px;
	    color: #fff;
	    font-size: 15px;
    margin: auto;
}
/*bottom_content*/
#bottom_content{
	width: 100%;
	text-align: center;
	position: relative;
}
#bottom_content .col_left,
#bottom_content .col_right{
	width: 50%;
	float: left;
	padding: 20px 0px;
	text-align: center;
}
#bottom_content .title{
	font-size: 25px;
	line-height: 31px;
	font-weight: bold;
	margin-bottom: 20px;
}
#bottom_content .list{
	display: inline-block;
}
#bottom_content .list li{
	list-style-image: url('../images/iconstar.png')
}
#bottom_content .list li a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
#bottom_content .list li a:hover{
	color: red;
}
/*end bottom_content*/
/*doitac*/
#doitac{
	width: 100%;
	display: inline-block;
}

/*end doitac*/
/*footer*/

/*title_main*/
.title_main {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 0 0 0;
}
.title_main h2 {
    margin: 0px;
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    /*min-width: 400px;*/
    text-align: center;
}
/* 
.title_main h2:before{
	content:'';
	height:100%;
	width:10px;
	background:url('../images/leftitle.png') no-repeat right center;
	position:absolute;
	top:0px;
	left:-10px;
}
.title_main h2:after{
	content:'';
	height:100%;
	width:10px;
	background:url('../images/rightitle.png') no-repeat left center;
	position:absolute;
	top:0px;
	right:-10px;
} */

.title_main .xemthem{
	line-height:37px;
	float:right;
	color:#000;
}
.title_main .xemthem:hover{
	color:red;
}
/*end title_main*/


/*box_tintuc*/

.wrap_tintuc{
	display:inline-block;
	width:33.33%;
	float:left;
	text-align:center;
	padding: 1%;
}
#sl_tintuc .wrap_tintuc{
	width: 100%;
	padding: 5%;
}
.box_tintuc{
	text-align: center;
	width: 100%;
	float: left;
	display: inline-block;
	overflow:hidden;
}
#right .box_tintuc:last-child{
	border-bottom: 0px;
}
.box_tintuc img{
	padding:3px;
	display: inline-block;
	margin-bottom:10px;
	border:thin #d9d9d9 solid;
}

.box_tintuc img:hover{
	opacity: 0.5;
}
.box_tintuc h3{
	color:#333;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:7px;
}
.box_tintuc .mota{
	color: #333;
	font-size: 14px;
	overflow:hidden;

}
.box_tintuc .date{
	color: #777;
	font-size: 11px;
	margin-bottom: 5px;
}
.box_tintuc .xemthem{
	color: #333;
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
	border: thin #d9d9d9 solid;
}
/*box_tintuc*/
/*baiviet_lienquan*/




.baiviet_lienquan{
	width: 100%;
	display: inline-block;
	text-align: left;
}
.baiviet_lienquan .title{
	line-height: 35px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.baiviet_lienquan li{
	list-style-type: square;
	color: blue;
	font-size: 20px;
}
.baiviet_lienquan li a{
	font-size: 14px;
}
.baiviet_lienquan li a:hover{
	color: red;
	margin-left: 10px;
	font-weight: bold;
}
/*baiviet_lienquan*/
/*tabs*/
.tabs{
	width: 100%;
	display: inline-block;
	
}
.tabs .tabs_title{
	display: inline-block;
	text-align: center;
	background: #005FFF;
	border:thin blue solid;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: -5px;
}
.tabs .tabs_title li{
	display: inline-block;
	float: left;
	padding: 10px;
	border-right: thin blue solid;
}
.tabs .tabs_title li:last-child{
	border:none;
}
.tabs .tabs_title li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}
.tabs .tabs_hidden{
	width: 100%;
	display: none;
}
.tabs .tabs_hidden:first-child{
	display: inline-block;
}
.tabs .tabcontents{
	overflow: hidden;
	border:thin blue solid;
	padding: 10px;
	margin-bottom: 20px;
}
.tabs .tabcontents img{
	max-width: 100% !important;
	height: auto;
}
/*end tabs*/
/* ========== Content pagination ========== */

ul.pagination {
    display:inline-block;
	width:100%;
	margin:10px 0px;
    text-align:center;
    color:#FE0233;
}
ul.pagination li.page_info{
	display: none;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#f5b128;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #f5b128;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#f5b128;
    color:#fff; 
}

.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
.pages {
}
.pages li.prev {
	margin-right: 15px;
}
.pages li.next {
	margin-left: 15px;
}
.pages li {
	display: inline-block;
	margin: 5px 2px;
}
.pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
	border: 1px solid #d5d5d5;
	font-size: 11px;
}
.pages li a:hover {
	background: #f6f6f6;
}
.pages li .active {
	background: url(../images/backgrounds/sideGradient.png) repeat-x;
	color: #fff;
	border-color: #424852;
}
.pages li .active:hover {
	background: #2a313d;
}
/* ==========end  Content pagination ========== */

/*top*/
#top{
	display: none;
	background:url(../images/top.png) no-repeat;
	background-size: 100% 100%;
	height:35px;
	width:35px;
	position:fixed;
	bottom:40px;
	right:10px;
	cursor:pointer;
	z-index: 99999;
}
/*end top*/
/*sodotongquan*/
#sodotongquan{
	width: 1000px;
	
	top: 0px;
	left: 0px;
}
#sodotongquan #sodotongquan_img{
	width: 1000px;
	display: inline-block;
	position: relative;
}
#sodotongquan canvas{
	height: 100% !important;
}
#sodotongquan #sodotongquan_img img{
	max-width: 100%;
}
/*end sodotongquan*/
.content_title .name{
	color: #024FC1;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 5px;
}

#at4-share{
	display: none !important;
}

/*product_detail*/
#product_detail{
	width: 100%;
	display: inline-block;
}
#product_detail #product_detail_img{
	width: 50%;
	float: left;
	text-align: center;
	border: thin #d9d9d9 solid;
}
#product_detail #product_info{
	width: 48%;
	float: right;
	text-align: left;
	list-style: none;
}
#product_detail #product_info li{
	border-bottom: thin #888 solid;
	padding: 5px 0px;
}
#product_detail #product_info li .addtocart{
	width: 100%;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	background: #555;
	text-align: center;
	color: #fff;
}
#product_detail #product_info li .addtocart:hover{
	color: yellow;
}
#product_detail #product_info .gia{
	font-size: 16px;
}
#product_detail #product_info .gia span{
	color: red;
}
#product_detail #product_info .gia .giakm{
	text-decoration: line-through;
}
#product_detail #product_info .name{
	font-size: 24px;
	line-height: 30px;
	color: #333;
	text-transform: uppercase;
	font-family: 'AvantGardeDemiBold';
}
#product_detail #thumb{
	width: 100%;
	margin-top: 5px;
	text-align: center;
	border-top: thin #d9d9d9 solid;
}
#product_detail #thumb img{
width: 60px;
height: 60px;
	display: inline-block;
}
#product_detail .muangay{
	width:100%;
	display:inline-block;
	line-height:35px;
	color:#fff;
	font-size:16px;
	background:#049EDD;
	text-align:center;
	text-transform:uppercase;
}
/*product_detail*/
/*left*/
#left{
	display:inline-block;
	width: 22.5%;
	float: left;
}
 #left .box_left{
	display:inline-block;
	width:100%;
	box-shadow:0px 0px 10px #bbb;
}
#left .title{
	text-align:center;
	line-height:35px;
	background:#125DAB;
	position:relative;
	margin-bottom:10px;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
}
#left #danhmuc_left{
	display:inline-block;
	width:100%;
	padding-left:10px;
}
#left #danhmuc_left>ul>li{
	color:#000;
	font-size:20px;
	list-style-type:disc;
	line-height:30px;
}
#left #danhmuc_left>ul>li>a{
	font-size:13px;
	text-transform:capitalize ;
	font-weight:bold;
	color:#333;
}
#left #danhmuc_left>ul>li>ul{
	padding-left: 20px;
}
#left #danhmuc_left>ul>li>ul>li>ul{
	padding-left:10px;
	display:none;
}
#left #danhmuc_left>ul>li ul a{
	font-size:14px;
	text-transform:capitalize;
color:#333;
font-weight:bold;
}
#left #danhmuc_left  a:hover{
	color:red;
}
#left #danhmuc_left>ul>li ul li{
	list-style-image:url('../images/list_left.png');
}
#left .content{
	padding:5px;
}
/*
#left #video_lienquan{
	margin-top:10px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	width:100%;
}
#left #doitac{
	height:900px;
	text-align:center;
}
#left #doitac img{
	border:thin #d9d9d9 solid;
	margin:10px 0px	;
	display:inline-block;
} */
/*left*/
#right_content{
	min-height: 600px;
	width: 100%;
	padding-left: 300px;
}
/*product_detail_left*/
#product_detail_left{
	float: left;
	width: 75%;
}
#product_detail_right{
	width: 25%;
	float: right;
}
/*end product_detail_left*/
.select_sort{
	float: right;
	width: 250px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	margin-right: 10px;
	
}

.button_cart{
	display: inline-block;
	line-height: 30px;
	background: #0189FF;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	padding: 0px 10px;
	border-radius: 3px;
}
.button_cart:hover{
	background: #B3002C;
}

/* box_gallery */
.box_gallery{
	width:25%;
	padding:1%;
	float:left;
}
 .box_gallery img{
	width:100% ;
	border:thin #d9d9d9 solid;
	padding:2px;
	background:#fff;
	box-shadow:5px 5px 0px #ddd ;
}
/* box_gallery */
#breadcrumb{width:100%;text-align:center;background:#fff;display:inline-block;border:thin #d9d9d9 solid;margin-bottom:10px;border-radius:5px}
#breadcrumb li{display:inline-block;float:left;color:#333;padding:5px 0px; padding-left: 10px; position:relative}
#breadcrumb li a{color:#333;font-size:15px}

#breadcrumb li:last-child i{display:none}


.ratingblock{display:inline-block;padding-bottom:8px;margin-bottom:8px}
.loading{height:30px;background:url(../images/working.gif) 50% 50% no-repeat}
.unit-rating{list-style:none;margin:0;padding:0;height:30px;position:relative;background:url(../images/starrating.gif) top left repeat-x}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
.unit-rating li a{outline:none;display:inline-block;width:30px;height:30px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0}
.unit-rating li a:hover{background:url(../images/starrating.gif) left center;z-index:2;left:0}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:30px}
.unit-rating a.r2-unit{left:30px}
.unit-rating a.r2-unit:hover{width:60px}
.unit-rating a.r3-unit{left:60px}
.unit-rating a.r3-unit:hover{width:90px}
.unit-rating a.r4-unit{left:90px}
.unit-rating a.r4-unit:hover{width:120px}
.unit-rating a.r5-unit{left:120px}
.unit-rating a.r5-unit:hover{width:150px}
.unit-rating a.r6-unit{left:150px}
.unit-rating a.r6-unit:hover{width:180px}
.unit-rating a.r7-unit{left:180px}
.unit-rating a.r7-unit:hover{width:210px}
.unit-rating a.r8-unit{left:210px}
.unit-rating a.r8-unit:hover{width:240px}
.unit-rating a.r9-unit{left:240px}
.unit-rating a.r9-unit:hover{width:270px}
.unit-rating a.r10-unit{left:270px}
.unit-rating a.r10-unit:hover{width:300px}
.unit-rating li.current-rating{background:url(../images/starrating.gif) left bottom;position:absolute;height:30px;display:block;text-indent:-9000px;z-index:1}
.voted{color:#999}
.thanks{color:#36AA3D}
.static{color:#5D3126}




/* line 7, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav {
  
  background: #2c3e50;
  position: relative;
  z-index: 1000;
  height: 50px;
}

/* line 13, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .logo i {
  color: white;
  font-size: 1.5rem;
  padding: 10px;
}

/* line 17, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .logo i:hover {
  color: #e74c3c;
  transition: color 0.3s;
}

/* line 24, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .hamburger-nav::after {
  font-family: fontawesome;
  content: "\f0c9";
  color: #fafafa;
  font-size: 1.5rem;
  position: absolute;
  top: 11px;
  right: 20px;
  cursor: pointer;
}

/* line 34, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  padding-left: 0;
  width: 100%;
  overflow: hidden;
}

/* line 42, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .menu a {
  display: block;
  background: #f5b128;
  text-decoration: none;
  text-align: center;
  padding: 20px;
  border-bottom: 0.5px solid rgba(200, 200, 200, 0.2);
}

/* line 50, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .menu a:hover {
  background: white;
  transition: background 0.3s ease;
}

/* line 53, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .menu a:hover li {
  color: #c0392b;
}

/* line 56, C:/Users/Shubham/Desktop/test/sass/app.sass */
.nav .main-nav .menu a li {
  color: white;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

/*# sourceMappingURL=../css/app.map */
#left_sub_content{
    width: 68%;
    display: inline-block;
    text-align: left;
    float: left;
}
#noidung_article{
	width:63%;

}


.slide-holder{
/*margin:0 auto;*/
width:70%;
}
.slide-container { /*slide-container là khối bao mà slide-stage có thể "trượt" bên trong */
height: 36px;
width: 100%;
overflow: hidden;
position:relative;
}
.slide-stage{
position: absolute;
}
.slide-image { /*Độ rộng của .slide-image có thể được thay đổi theo nhu cầu, ảnh hưởng đến độ rộng chung của slideshow*/

/*text-align: center;
display: inline-block;*/
}

.slide-pager{
position:relative;
}
.slide-control-prev {
position: absolute;

    text-align: center;
    width: 25px;
    height: 25px;
    background: #02054c;
    color: #fff;
    cursor: pointer;
    top: 11px;
    left: -30px;
}
.slide-control-next{
    position: absolute;
    text-align: center;
    width: 25px;
    height: 25px;
    background: #02054c;
    /* line-height: 26px; */
    color: #fff;
    cursor: pointer;
    right: 0px;
    top: 11px; 
z-index:1000;
}