/*reset */
* {
  margin: 0;
  padding: 0;
}
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
iframe {
  max-width: 100%;
  border: none;
  max-height:132px;
}
.clear {
  clear: both;
}
.media-left {
  float: left;
  margin-right: 5px;
}
a{
  color:#383838;
}
/* font face */
@font-face {
  font-family: 'UTMBryantLGBold';
  src: url('../fonts/UTMBryantLGBold.eot');
  src: url('../fonts/UTMBryantLGBold.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMBryantLGBold.otf') format('otf'), url('../fonts/UTMBryantLGBold.svg') format('svg'), url('../fonts/UTMBryantLGBold.woff') format('woff'), url('../fonts/UTMBryantLGBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UTMAvoBold';
  src: url('../fonts/UTMAvoBold.eot');
  src: url('../fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMAvoBold.otf') format('otf'), url('../fonts/UTMAvoBold.svg') format('svg'), url('../fonts/UTMAvoBold.woff') format('woff'), url('../fonts/UTMAvoBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* main */
.bg-content-top{
    width:100%;
}
.bg-content-bottom{
    width:100%;
}
.img157x95{
  width: 157px;
  height: 95px;
}
body{
    background: #84ba4a url(../images/bg.jpg) no-repeat;
    background-size: contain;
}
header{
    height: 136px;
}
header .logo img{
    max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.box-logo{
  height: 136px;
  line-height: 136px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: relative;
}
header h3{
  color:#272727;
  font-family: 'UTMBryantLGBold';
  font-size: 24px;
  font-weight: bold;
  margin-top: 46px;
}
header h2{
  font-family: 'UTMAvoBold';
  color: #648600;
  font-size: 28px;
  text-transform: uppercase;
  margin-top: 16px;
}
.content-right{
  padding-right: 20px;
}
.navbar-form{
    padding: 0px 5px;
    margin: 0px;
}
.dropdown-menu{
    border-top:0px;
    background-color:rgba(255,255,255,0.5);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
     background: #93be26;
    background-color: #93be26;
    color: #fff;
}
.search-mobile{
	display: none;
}
.search{
  height: 136px;
  background: url(../images/bg-menu.jpg);
  margin: 0 auto;
  padding-top: 70px;
  background-size: contain;
  width: 100%;
}
.leaf{
  position: absolute;
  left: -25px;
  z-index: 9999;
}
.tree{
  margin-top:-32px;
  margin-right: 10px;
}
.search .input-group{
  padding: 10px 0px;
  position: relative;
  z-index: 999;
}
.search .form-control{
  border-radius: 30px 0px 0px 30px;
  -webkit-border-radius: 30px 0px 0px 30px;
  -moz-border-radius: 30px 0px 0px 30px;
  border:1px solid #81c638;
}
.search .btn{
  border-radius: 0px 30px 30px 0px;
  -webkit-border-radius: 0px 30px 30px 0px;
  -moz-border-radius: 0px 30px 30px 0px;
  border:1px solid #81c638;
}
.search .btn{
  background: url(../images/bg-search.jpg) repeat-x;
}
.search .fa-search{
  color:#fff;
}
.search .glyphicon-search{
  color:#fff;
}
.form-control{
  padding: 0px 12px;
  height: 30px;
}
.btn{
  padding: 4px 12px;
}
.img104x64{
    width: 104px;
    height: 64px;
}
/*Jcarousel*/
.w-jcarousel {
  padding: 0px 10px;
  background-color:#d8eca6;
}
.jcarousel ul li {
  padding: 0px 5px;
}
.jcarousel ul li a {
  display: block;
  height: 78px;
  padding: 5px 0px;
}
.jcarousel ul li img {
  text-align: center;
  margin: 0 auto;
  height: 68px!important;
  border: 1px solid #60615c;
}
.jcarousel-control-prev{
    left:-16px;
}
.jcarousel-control-next{
    right:-16px;
}
/* contain */
.content{
    background: transparent url(../images/bg-content-center.png) repeat-y;
    background-size: contain;
}
.content h3{
  text-transform: uppercase;
  color: #de4a4a;
  font-family: 'Times New Roman';
  font-weight: bold;
  font-size: 18px;
}

.album-images h3{
  text-transform: uppercase;
  color: #de4a4a;
  font-family: Arial, 'Times New Roman';
  font-weight: bold;
  font-size: 14px;
  margin-bottom:20px;
  margin-left:10px;  
}
.album-images .alert-info{
    background-color: #c4d990;
    border-color: #bce8f1;
    color: #bce8f1;
    background-image: -webkit-linear-gradient(top,#c4d990 0,#C4D94D 100%);
    background-image: linear-gradient(to bottom,#c4d990 0,#C4D94D 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4d990', endColorstr='#C4D94D', GradientType=0);
    border-color: #bce8f1;
}
.featured{
  margin: 20px 0px;
}
.featured ul li{
  padding: 10px 0px;
}
.notify{
  padding-right: 20px;
}
.invitation{
  border-left: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  padding: 0px 20px;
}
.document{
  padding-left: 20px;
}
.nav-tabs{
  border-bottom: 3px solid #93be26;
}
.nav-tabs>li a{
  background-color: #e2e2e1;
  color:#486e0c;
  font-weight: bold;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
  background-color: #93be26;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  color:#fff;
  font-weight: bold;
  font-size: 15px;
}
.news-tabs{
  padding-right: 20px;
}
.news-tabs .tab-content{
  padding: 5px;
}
.news-tabs .tab-content .media{
  border-bottom: 1px dotted #959594;
  padding-bottom: 5px;
}
.news-tabs .tab-content .media a img{
  border: 1px solid #bababa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 5px;
}
.news-tabs .tab-content .media-heading{
  font-size: 16px;
  font-weight: bold;
  color:#40403f;
}
.news-tabs .tab-content .date{
  font-size: 12px;
  color:#de4a4a;
}
.news-tabs .tab-content ul{
  padding-top: 5px;
  list-style: circle;
  margin-left: 20px;
  color:#868686;
}
.news-tabs .tab-content ul li{
  list-style: disc;
}
.news-tabs .tab-content ul li a{
  font-size: 12px;
}
.video{
  background-color: #d8eca6;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px;
  text-align: center;
  margin: 0px;
}
.video h3{
  margin-bottom: 10px;
}
.contact-home{
  margin-top: 25px;
}
.link-images h3{
  color:#2f2f2f;
  font-weight: bold;
  font-family: Tahoma;
  background: url(../images/line-contact.png) no-repeat bottom left;
  padding-left: 45px;
}
.designby a{
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color:#282828;
  font-family: tahoma;
  text-decoration: underline;
}
footer{
  margin: 10px 0px;
}
footer .statistic{
  background-color: #afd180;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  padding: 20px;
}
footer .statistic h3{
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.statistic ul{
  margin-left: 10px;
}
.statistic ul li span{
  color:#de4a4a;
}
.border-footer{
  background-color: #54951f;
  height: 18px;
}
.tree-bottom{
  position: absolute;
  left: 26px;
  bottom: -24px;
}
/*menu*/
.navbar-inverse{
  background: transparent;
  background-color: transparent;
  border-color: transparent;
}
.navbar{
  margin-bottom: 0px;
  min-height: inherit;
}
.navbar .navbar-brand{
  color:#0ebec4;
  padding: 4px 5px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{
  color:#777;
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{
  color:#0ebec4;
}
.nav>li>ul{
    display:none;
}
.nav>li>a{
  padding: 5px 5px;
}
.category{
  background: url(../images/bg-menu.jpg);
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  background-size: contain;
  width: 100%;
  margin: -175px auto 0px;
}
.category ul{
  margin-left: 20px;
}
.category ul li a{
  color: #385400;
  font-size: 14px;
}
.category ul li{
  border-bottom: 1px solid #8cbe26;
  background: url(../images/icon-arrow-menu.png) no-repeat top 16px left ;
  padding: 10px 0px 10px 10px;
}
.category ul li:last-child{
  border-bottom:none;
}
.website-dv h3{
  background: url(../images/bg-website-dv.png) no-repeat;
  height: 74px;
  position: absolute;
  right: 0px;
  margin-top: -40px;
  left: -38px;
  color:#fff;
  padding-left: 80px;
  padding-top: 15px;
}
.website-dv ul{
  margin-left: 40px;
  margin-top: 50px;
  padding-top: 10px;
}
.website-dv ul li {
  background: url(../images/arrow-dv.png) no-repeat top 16px left;
  padding: 10px 0px 10px 10px;
}
.website-dv ul li a{
  color:#6c9011;
}

/* slide */
.carousel-control.right, .carousel-control.left{
  background: #343427;
  background: rgba(45,45,30,0.6);
  opacity: 1;
  height: 50%;
  border-radius: 50%;
  top:24%;
}
.carousel-control.right:hover, .carousel-control.left:hover{
  opacity: 1;
}
.carousel-control.right{
  right:-50px;
}
.carousel-control.left{
  left:-50px;
}
.carousel{
  overflow: hidden;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
  margin-left: 5px;
  opacity: 0.6;
}
.carousel-control .glyphicon-chevron-left:hover, .carousel-control .icon-prev:hover{
  opacity: 1;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
  margin-right: 5px;
  opacity: 0.6;
}
.carousel-control .glyphicon-chevron-right:hover, .carousel-control .icon-next:hover{
  opacity: 1;
}
.carousel-inner .item img{
  width: 100%;
}
/* PAGE NEWS */
.item-news{
  overflow: hidden;
  border-bottom: 1px dashed #cbcbca;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.item-news:last-child{
  border:none;
}
.item-news-first .media-heading{
  color:#618700;
  font-weight: bold;
}
.item-news-first .times{
  color:#ff6600;
  font-size: 12px;
}

.item-news .media-heading{
  color:#3d3d3d;
  font-weight: bold;
}
.item-news .times{
  color:#a9a9a9;
  font-size: 12px;
}
.breadcrumb{
  background-color: #c4d990;
}
/* FIX 19/6/2015 */
.navbar-inverse .navbar-nav>li>a{
    border-left: 1px solid #777;
}
.navbar-inverse .navbar-nav>li>ul{
    background:rgba(255,255,255,0.5);
    padding: 5px 5px;
    position:absolute;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.navbar-inverse .navbar-nav>li>ul>li{
    border-bottom:1px solid #fff;
    padding:5px 0px;
}
.navbar-inverse .navbar-nav>li>ul>li:last-child{
    border-bottom:0px;
}
.navbar-inverse .navbar-nav>li>ul>li>a{
    white-space: nowrap;
    padding:3px 10px;
}
/*DS TRANG RIENG*/
.panel-group {
  margin-bottom: 0px;
}
.panel-group .panel-heading+.panel-collapse .panel-body{
  margin-top: 0px!important;
  margin-left:0px!important;
  padding: 0px!important;
}
/*phan trang*/

.page-news ul{

 display: inline;

}

.page-news ul li{

 border: 1px solid #ccc;

  border-radius: 5px;

  float: left;

  height: 26px;

  list-style: none outside none;

  margin: 2px;

  min-width: 26px;

  text-align: center;

 padding: 2px;

}

.page-news ul li a{

 content: "";

 font-weight: bold !important;

 font-size: 14px !important;

}

.page-news ul li div{

 width: 100%;

 height:100%;

 / background: #ccc; /

}

.page-news .actived{background: #648600;color: #fff;}

/******** TOP **********/
.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 0px;
  right: 20px;
  display: none;
  text-align: center;
  color:#fff;
  background-color: #333;
font-size: 28px;
  z-index: 99999;
  border-radius: 50%;
  opacity: 0.7;
}
.scrollup .fa{
  padding-top: 10px;
}

/* Album */

#album_lock_screen{

  position:fixed;

  width:100%;

  height:100%;

  top:0px;

  left:0px;

  background: #000;

  opacity: 0.7;

  z-index:1999;

}

#show_images_album{

  display:none;

  position: fixed;

  width: 650px;

  height: 530px;

  z-index:2000;

  background: #ccc;

  top:0px;

  left:0px;

}

#show_images_album #album_image{

  position:relative;

  width: 650px;

  height: 450px;

  overflow: hidden;

  z-index:2222;

}

#show_images_album #album_thumb{

  position:relative;

  width:100%;

  height: 80px;

  background: #000;

  z-index:2222;

  overflow: hidden;

}

.album_theme_img img{

  padding:2px !important;

  width: 100px !important;

  height: 80px !important;

  opacity:0.5;

}

.album_theme_img .actived{

  opacity:1;

}

.album_theme_img img:hover{

  opacity:1;

  padding:0px !important;

  height: 82px !important;

  width:100px !important;

}

.album_btn{

  position: absolute;

  height:100%;

  width:20px;

  background:red;

  z-index:1;

  opacity:0.3;

}

#album_btn_preview{

  left: 0px;

}

#album_btn_next{

  left:630px;

  top:0px;

}
.all-video iframe{
  width: 100%;

}
.carousel-inner{
    height:200px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.carousel-inner>.item{
    height:200px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.carousel-inner>.item img{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.cycle-slideshow div{
    padding:10px 0px;
}
.thumb-img img{
  height: 110px;
  width: 100%;
}