@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700';
.light{font-weight:300;}
.regular{font-weight:400;}
.bold{font-weight:700;}
.blue{color:#0087cb;}
.col-wrap{padding:15px;}
section{padding-top:30px; padding-bottom:30px;}
#about-us [class*='panel'], .news{border:none; background:transparent; box-shadow:none;}
.large-title h1{position:relative; display:inline-block; margin-top:0; text-transform:uppercase; color:#666; }
.large-title h1:after, .know-more .btn:before, .know-more .btn:after{content:''; background:url(../images/double-line.png) repeat-x 0 0; height:3px; position:absolute; width:100%; left:0; }
.large-title  h1:after{bottom:-10px;}
.know-more .btn:before{top:0}
.know-more .btn:after{bottom:0}
.know-more .btn{font-size:24px; text-transform:uppercase; color:#000; font-weight:300; position:relative;}
.know-more .btn:hover{color:#0087cb; box-shadow:none}
#latest, footer, footer .container{background:url(../images/grey-bg.png) repeat 0 0; }
#latest{padding-top:0;}
.carousel-inner > .item img{margin:0 auto;}
.activity [class*='well-sm']{background:#333333; border:1px solid #6d6d6d; border-radius:0;}
#latest h2{color:#fff; position:relative; margin-top:0}
#latest .title{position:relative; padding-top:25px;}
#latest .title:before{content:''; height:5px; width:70px; top:0;  background:#0087cb; position:absolute;}
.news{background:none; border:none; padding-left:0}
.news ul{padding:0}
.news ul li{list-style:none; padding:5px 0;}
.view-all .btn{background:transparent; font-size:16px; color:#cfcfcf; border-color:rgba(204,204,204,.2); border-radius:0;}
.view-all .btn:hover, .view-all .btn:focus, .view-all .btn:active{color:#0087cb; border-color:#0087cb;background:transparent; }
.partner-home{background:url(../images/main-bg.png) repeat 0 0;}
#partner .large-title span{color:#000;}
#partner [class*='well-sm']{background:#fff; border-radius:0;}
footer{background:url(../images/grey-bg.png) repeat 0 0;}
footer{overflow:hidden; color:#0088cc; font-size:16px;}
footer .container{position:relative; z-index:1; overflow:hidden; box-shadow: 0 0 20px #000}
.footer-wrap{border-top:5px solid #0088cc; padding-top:30px;}
.footer-wrap i{background:#e7e7e7; color:#2f3131; height:32px; width:32px; line-height:32px; text-align:
center; border-radius:50%; margin-bottom:10px;}
.footer-wrap a i:hover, .footer-wrap i:active, .footer-wrap a i:focus{background:#0088cc; color:#fff;}
.footer-logo{margin-bottom:30px;}
footer a{color:#0088cc}
footer a:hover, footer a:active, footer a:focus{color:#fff;}
@media(max-width:991px){.navbar-right{margin-top:0; float:left !important; margin-left:-15px;}}
@media(max-width:768px){.navbar-right{float:none !important;}.navbar-nav > li > a{padding:15px; background:#f5f5f5;}.news-events{padding-top:30px;}.news{margin-bottom:0}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a.active{border:none; background:#0088cc; color:#fff;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #fff;}
.large-title{text-align:center;}
.large-title br{display:none;}
}
.page-title{background:#0087cb url(../images/blue-bg.png) repeat 0 0; text-align:center; position:relative; color:#fff; text-transform:uppercase; }
.page-title h1{font-size:48px; margin-bottom:20px;}
.news-list{border-bottom:1px dotted #666; padding:20px 0}
.news-list h3{margin-top:0; cursor:pointer;}
.news-list p{margin-bottom:0}
.news-list .date{color:#666; font-size:13px;}
.link{cursor:pointer;}
.modal-header{background:#0088cc; color:#fff;}
#gallery [class*=col]{padding:9px;}
.name{font-size:18px; text-transform:uppercase}
.antispam-code{border-radius:4px;}
.category .well-sm, #gallery .well-sm{border:1px solid #e3e3e3;}
.category a{position:relative; display: block}
.category a span{position:absolute; bottom:0; padding:5px 15px; background:rgba(0,0,0,.5); display: block; color:#fff; width:100%; font-size:18px;}
.hovereffect {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {

  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  position:relatve;
    display: block;
    text-decoration: none;   
	color:#fff;
	height:100%;
}
.hovereffect a.info i{
    margin: -14px 0 0 -15px;
    left: 50%;
    top: 50%;
    position: absolute;
    display: inline-block;
    background-color: #0088cc;
    padding: 7px;
 }
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.board .bname{font-size:16px;}
.management{padding:0; margin:0;}
.management li{margin-left:0; width:50%; padding-top:5px; padding-bottom:5px; float: left; list-style:none}
@media(min-width:768px){.management li{width:50%;}}
@media(max-width:480px){.management li{width:100%;}}
.board h5{margin-bottom:5px; margin-top:20px;}
.modal-header .close  {background-image: url(../images/fancybox_sprite.png); position: absolute;  top: -18px; right: -18px; width: 36px; height: 36px;    cursor: pointer; z-index: 8040; opacity: 1}
.modal-header .close span{display:none;}
.modal-header .close:hover, .modal-header .close:focus{opacity: 1}
.site-info{padding-bottom: 15px}
.site-info small, .site-info small a{color:#969696; }
.site-info small a:hover, .site-info small a:active, .site-info  small a:focus{color:#ccc;}