@font-face {
    font-family: 'VniAvo';
    src: url('../fonts/utm_avo.otf');
    src: url('../fonts/utm_avo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#wrapper{width: 100%; height: auto;}
.container{width: 1095px; padding: 0 15px; margin-left: auto; margin-right: auto;}
body{background: #c2c2c2 url(../images/front/background_.png) no-repeat top center; }

.logo{width: 100%; text-align: right; padding: 50px 0 34px;}
.logo a{display: inline-block;}
.logo p{font: 400 11px/20px 'VniAvo', sans-serif; color: #838383; margin-top: 5px;}
.logo p a{font: 400 13px/20px 'VniAvo', sans-serif; color: #838383; display: inline-block;}


.block-menu{padding-bottom: 15px;width: 100%;}
.block-menu ul{float: right;}
.block-menu ul li{float: left; padding: 0 12px;}
.block-menu ul li:last-child{padding-right: 0;}
.block-menu ul li a{display: block; font: 400 13px/20px 'VniAvo', sans-serif; color: #148df3;}
.block-menu ul li a span,
.project_tab ul.list_tab li a span,
.block-menu ul li a:hover,
.project_tab ul.list_tab li a:hover,
.project_tab ul.list_tab li a.active,
.logo p a:hover,
ul.row li a.view-more:hover,
.block-menu ul li.active a{color: #f80404;}


h4.title{font: bold 13px/20px 'VniAvo', sans-serif; color: #f80404;position: absolute; top: -35px; left: 0;}
.project_tab{position: relative;}
.project_tab ul.list_tab{overflow: hidden; display: inline-block; padding-top: 5px; border-top: 1px solid #9d9d9d; margin-bottom: 50px;}
.project_tab ul.list_tab li{float: left;}
.project_tab ul.list_tab li a{font: bold 13px/20px 'VniAvo', sans-serif; color: #000; background: #aeaeae; padding: 5px 18px; display: block;}

.block-detail{}
.block-detail ul.row{margin: -2px;}
.block-detail ul.row li{padding: 2px; width: 25%; float: left; box-sizing:border-box;}
.block-detail ul.row li a.img{display: block; width: 100%; height: 100%;overflow: hidden;}
.block-detail ul.row li a.img img{display: block; width: 100%; height: 177px;}
.block-detail ul.row li .txt{position: relative;}
.block-detail ul.row li a.view-more{position: absolute; width: 100%;left: 0; bottom: 0; font: 400 13px/20px 'VniAvo', sans-serif; color: #fff; padding: 5px 0; text-align: center; background: rgba(0, 0, 0, 0.54);text-transform: capitalize;transition: all .2s ease;}
.block-detail ul.row li a.view-more:hover{background: #000;}

.block-pag{text-align: right;margin: 60px 0;}
.block-pag ul li{display: inline-block;overflow: hidden;padding: 0 5px;}
.block-pag ul li a{display: block; width: 10px; height: 10px; border-radius: 100%; background: #fff; text-indent: 9999px;}
.block-pag ul li.active a{background: #d70000;}




.project_detail{position: relative;}
.project_detail h3{font: bold 30px/30px 'VniAvo', sans-serif; color: #000; margin: 20px 0 10px;}
a.back{transition: all .2s ease;font: 400 16px/20px 'VniAvo', sans-serif; color: #f80404;background: #b1b1b1;display: inline-block; padding: 5px 5px 1px;}
ul.img_bot{margin: 15px -7px 0;}
ul.img_bot li{width: 25%; float: left; box-sizing:border-box; padding: 0 7px;height: 170px;overflow: hidden;margin-bottom: 15px;}
.txt_detail{margin-top: 15px;}
.txt_detail h5{font: bold 30px/20px 'VniAvo', sans-serif; color: #020202; margin-bottom: 20px;}
.txt_detail p{font: 500 14px/20px Arial; color: #020202; margin-bottom: 20px;}
.txt_detail strong{font: bold 14px/20px Arial; color: #020202;}
.txt_detail span{display: block;}

.fancybox-title-over-wrap{background: transparent; font: 400 13px/20px 'VniAvo', sans-serif;bottom: -40px; padding: 0;}
.back_top{text-align: right;}
.back_top a{display: inline-block; background: #717171; color: #000; font: 400 16px/20px 'VniAvo', sans-serif; padding: 5px 5px 1px; transition: all .2s ease;}
a.back:hover,
.back_top a:hover{background: #e20303; color: #fff;}

#footer{background: #717171; font: 400 16px/20px Arial; color: #fdf8f8; padding: 15px 0 10px;text-align: right; margin-top: 50px;}
#footer a{color: #fdf8f8;}
#footer span{color: #e20303;}

.block-page{position: relative; height: 30px; margin-bottom: 15px;}
.block-page a{position: absolute; background: url(../images/front/pr_next.png) no-repeat; text-indent: -9999px; width: 29px;height: 29px; display: block; transition: all .3s ease-in-out;}
.block-page a.prev{background-position: 0 0;left: 0;}
.block-page a.next{background-position: -45px 0;right: 0;}
.block-page a.prev:hover{background-position: 0 -29px}
.block-page a.next:hover{background-position: -45px -29px;}




.social{position: absolute;top: 0;width: 50%;right: 0;text-align: left;}
.social ul li{display: inline-block;padding: 0 3px}
.social ul li a{display: block; width: 33px; height: 30px; text-indent: -9999px; background: #A0A0A0 url(../images/front/icon_social.png) no-repeat; }
.social ul li a.icon_1{background-position: 0 0;}
.social ul li a.icon_2{background-position: -46px 0;}
.social ul li a.icon_3{background-position: -91px 0;}
.social ul li a.icon_4{background-position: -137px 0;}
.social ul li a.icon_5{background-position: -186px 0;}
.social ul li a.icon_6{background-position: -230px 0;}


.block-reward{position: relative;}
.block-reward .project_tab{width: 100%; margin-top: 20px;}
.block-reward .project_tab ul.list_tab{float: left;}
.block-reward .project_tab ul.list_tab li a{padding: 5px 40px;}
.block-reward .project_tab ul.list_reward li{overflow: hidden; margin-bottom: 10px;}
.block-reward .project_tab ul.list_reward a.img{width: 275px; float: left; margin-right: 15px; overflow: hidden;}
.block-reward .project_tab ul.list_reward h4{overflow: hidden;}
.block-reward .project_tab ul.list_reward h4 a{font: bold 18px/30px 'VniAvo', sans-serif; color: #000; text-transform: uppercase;display: inline-block;margin: 10px 0 0 30px;}
.block-reward .project_tab ul.list_reward p{font: bold 13px/20px 'VniAvo', sans-serif; color: #000; }
.block-reward .project_tab ul.list_reward a.view-more{color: #148df3;}
.block-reward .project_tab ul.list_reward .date{color: #68696b; font: 400 14px/20px 'VniAvo', sans-serif; margin: -10px 0 5px; display: block;text-align: right;}
.block-reward .project_tab ul.list_reward h4 a:hover,
.block-reward .project_tab ul.list_reward a.view-more:hover{color: #EF1A1A;}
.block-reward .project_tab ul.list_reward.video_list h4 a{margin-top: 25px;}
.block-reward .project_tab ul.list_reward.video_list .date{text-align: left; margin: 0;overflow: hidden;}
.block-reward .project_tab ul.list_reward.video_list .date span{margin: 5px 30px; display: block;}

.reward-detail{margin-top: 50px;}
.text-info{margin: 20px 0 35px;}
.text-info h5{font: bold 26px/20px 'VniAvo', sans-serif; margin-bottom: 15px;}
.text-info .info-right{width: 340px; float: right; margin-left: 20px;}
.text-info .info-right ul li{margin-bottom: 15px;}
.text-info .info-left{overflow: hidden; font: normal 22px/normal Arial, sans-serif; color: #020202;text-align: justify;}
.text-info .info-left p{margin-bottom: 15px;}


.slider{position: relative;overflow: hidden; max-height: 675px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

a.rslides_nav{width: 20px; height: 50px; text-indent: -9999px; display: block; background: url(../images/front/prv_next.png) no-repeat; position: absolute; top: 35%; z-index: 10;}
a.prev{background-position: 0 -1px; left: 15px;}
a.next{background-position: -20px -1px;right: 15px;}
a.prev:hover{background-position: 0 -51px;}
a.next:hover{background-position: -20px -51px;}


a.smobitrigger,
a.tab-responsive{display: none;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	.container{width: 940px;}
	ul.img_bot li{height: 140px;}
	.text-info .info-right{width: 300px;}
}
@media (max-width: 990px){
	.container{width: 720px;}
	h4.title{position: inherit; top: auto; left: auto; padding-bottom: 10px;}
	.project_tab ul.list_tab li a{padding: 5px 10px;}
	ul.img_bot li,
	.block-detail ul.row li{width: 33.33%;}
	.block-reward .project_tab ul.list_reward h4{height: 25px;}
	.block-reward .project_tab ul.list_reward.video_list h4 a,
	.block-reward .project_tab ul.list_reward h4 a{margin: 0;font-size: 15px;}
	.project_tab ul.list_tab{margin-bottom: 30px;}
	.block-reward .project_tab ul.list_reward.video_list .date span{margin: 0;}
	.block-reward .project_tab ul.list_reward .date{margin: 0 0 5px;}
	.text-info .info-right{display: none;}
}

@media (max-width: 750px){
	.container{width: auto;}
	.block-pag{margin: 25px 0;}
	.block-reward .project_tab ul.list_reward p{font-size: 12px;}
	.block-reward .project_tab ul.list_reward .date{text-align: left;}
}

@media (max-width: 680px){
	.logo{text-align: center; padding: 20px 0 25px;}
	.social,
	.index_tab ul.list_tab li a span{display: none;}
	a.tab-responsive{display: block;font: bold 13px/20px 'VniAvo', sans-serif; color: #000; background: #aeaeae url(../images/front/bg_tab.png) no-repeat 98% center; padding: 5px 18px; margin-bottom: 20px;}
	.index_tab ul.list_tab{display: none; width: 100%; position: absolute; left: 0;top: 60px;z-index: 10;padding: 0; border: none;}
	.index_tab ul.list_tab li{float: none;}
	.index_tab ul.list_tab li a{padding: 7px 18px; border-top: 1px solid #9d9d9d;}
	
	.block-menu{position: relative; padding: 0;}
	a.smobitrigger {display: block;width: 25px;height:19px;overflow: hidden; position: absolute; top: 5px; right: 0; background: url(../images/front/line.png) no-repeat; text-indent: -9999px; z-index: 50;}
    a.mnuclose{padding: 15px 20px; width: auto; background: #1b273d  url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;border-bottom: 1px solid #17243C;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important; }
    .menu{display: none;}
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #263247 !important;z-index: 9999;display: block;}
    .block-menu ul li{float: none;padding: 7px 20px;border:none;border-top: 1px solid #283C65; border-bottom: 1px solid #17243C;margin: 0;}
    .block-menu ul li:last-child{border-bottom: none;}
    .block-menu ul li a{font-size: 14px;padding: 0; border: none; color: #a3a8b2 !important;text-transform: capitalize;}
    .block-menu ul li:hover a, 
    .block-menu ul li.active a{color: #f80404 !important;}
	
	.block-reward .project_tab ul.list_reward li{margin-bottom: 20px;}
	.block-reward .project_tab ul.list_reward li a.img{display: block; float: none; width: auto;}
	.block-reward .project_tab ul.list_reward h4{margin: 10px 0 5px;}
	
	.project_detail h3{font-size: 25px; line-height: normal;}
	.text-info h5{font-size: 20px;}
	.text-info .info-left{font-size: 16px; line-height: 20px;}
}

@media (max-width: 630px){
	.block-detail ul.row li{width: 50%; height: 190px;}
	ul.row li .detail,
	.block-detail ul.row li a.img img{height: 186px;}
	ul.img_bot li{width: 50%;}
}

@media (max-width: 500px){
	
}
@media (max-width: 420px){
	.block-detail ul.row li{width: 100%; height: 190px;}
	ul.img_bot li{width: 100%; height: auto;}
	.block-reward .project_tab ul.list_reward h4{height: auto;}
	.block-reward .project_tab ul.list_reward h4 a{line-height: 23px;}
	ul.img_bot li img{width: 100%; height: auto;}
	.block-reward .project_tab ul.list_tab li a{padding: 5px 15px;}
}