.section-top{
	margin-top:50px;
}

.supperate10{
	padding:10px;
}

.overlay {  
	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);	
}

.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.list-unstyled-custom {
  padding: 7px;
  list-style: none;
  color: #ffffff;
}

.list-unstyled-custom > li {
  padding: 5px;
}

.list-unstyled-custom > li  > a{
 list-style: none;
}

.footer { 
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 100px;
  background-color: #221E5C; 
}

.footer .container .text-muted {
  margin: 20px 0;
  color: #ffffff;
}

.carousel-inner{ background: #221E5C; }

.bg-gray{
	width: 100%;
	background-color: #eee;
}

.bg-triangle{
	background:url(../../images/bg/bg_tri_blue.jpg);
}

.card-box{
	height:250px;
}

.card-block{
    padding: 10px;
	color:#1f4693;
}

.card{
    background-color: #FFF;
    /*border: 1px solid #eceaea;
     margin: 20px 0px; */
}

.font-white{
	color:#fff;
}

.page-banner{
  display: table;
  height: 280px;
  margin-top: 51px;
  width: 100%;
}

.page-banner span{
  color: #fff;
  display: table-cell;
  font-size: 42px;
  letter-spacing: 16.6px;
  line-height: 1.24;
  text-align: center;  
  vertical-align: middle;
}

.selection-box{
  display: block;
  text-align: center;
}

.selection-box select{
  background: #221E5C;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  outline: none;
  padding: 7px 15px;
  text-align-last: center;
  width: 65%;
}

.selection-box select option{
  background: #fff;
  color: #221E5C;
  padding: 7px 15px;
}

.section{
  margin: 60px 0;
}

.section .section-container .section-wrap .section-container-box{
  padding: 0 150px;
}

.section .section-container .section-wrap .section-container-box .section-box{
  background: url('../../images/bg/block-white.png') no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  display: table;
  height: 300px;
}

.section .section-container .section-wrap .section-container-box .section-box.section-box-active{
  background: url('../../images/bg/block-blue.png') no-repeat;
  background-position: center;
  background-size: contain;
}

.section .section-container .section-wrap .section-container-box .section-box .section-caption{
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.section .section-container .section-wrap .section-container-content{
  margin-top: 30px;
}

.content h2, .content h3{
  margin: 0;
  text-align: center;
}

.content h2{
  line-height: 1.3;
}

.content h3{
  line-height: 1.48;
  margin-top: 30px;
  opacity: 0.7;
}

.content .content-container {
  margin-top: 30px;
}

.content .content-gray{
  background-color: #eee;
  margin-top: 30px;
  padding: 20px 100px;  
  width: 100%;
}

.schedule{
  color: #333;
  font-size: 16px;
  margin-bottom: -20px;
}

.schedule .schedule-row{
  margin-bottom: 20px
}

.animation-element{opacity:0;position:relative;}
.animation-element.slide-top{opacity: 0;-moz-transition: all 700ms linear;-webkit-transition: all 700ms linear;-o-transition: all 700ms linear;transition: all 700ms linear;-moz-transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-o-transform: translate(0px, 50px);-ms-transform: translate(0px, 50px);transform: translate3d(0px, 50px, 0px);}
.animation-element.slide-top.in-view{opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);}

.image-box-bg{
  background: #221E5C;	
  height: 200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.image-box-bg .caption{
  color: #fff;
  font-size: 20px;
  left: 50%;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;	
}

.media-image-box{
  overflow: hidden;
  position: relative;
  width: 100%;
}

.media-image-box .media-image{
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  transition: all 1.5s ease;
}

.media-image-wrap{
  margin-bottom: 30px;	
  text-align: center;	
}

.media-image-wrap .caption, .media-image-wrap .btn{
  display: inline-block;
  font-size: 28px;
  padding: 0;
  vertical-align: middle;
}

.media-image-wrap .caption{  
  margin-right: 15px;
}

.media-image-wrap .btn .btndownload{
    background: #F54236;
    border-radius: 4px;
    color: #fff;
    display: block;
  	padding: 7px 15px;
}

.media-image-wrap a:hover{
  text-decoration:none;
}

.media-image-wrap .media-title{
  padding:20px;
  font-size:18px;
  color:#303030;
  text-align:center;
  line-height: 1.38;
}

.media-vdo-wrap a:hover{
  text-decoration:none;
}

.media-vdo-wrap .media-vdo-box{
  position: relative;
  width: 100%;
}

.media-vdo-wrap .media-vdo-box .media-vdo-thumbnail{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
}

.media-vdo-wrap .media-vdo-box .media-vdo-play-btn{
  background: url(../../images/icon/video-play-3-64.png) no-repeat;
  height: 64px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;  
} 

.media-vdo-wrap a:hover .media-vdo-box .media-vdo-play-btn{
  background: url(../../images/icon/video-play-64.png) no-repeat;
}
	
.media-vdo-wrap .media-title{
  padding:20px;
  font-size:18px;
  color:#303030;
  text-align:center;
  line-height: 1.38;
}

.download{
  margin: 60px 0 30px 0;
}

.download .download-container h2{
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}

.media{
  margin: 60px 0 30px 0;
}
.media .media-container h2{
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}

.media .media-container h3{
  line-height: 1.3;
  text-align: center;
  color: #666;
}

.media .media-container .media-row {
  margin-bottom: 20px;
  margin-top: 30px;
}

.media .media-container .media-row .media-wrap{
  margin-bottom: 30px;	
}

.gallery{
  margin: 60px 0 30px 0;
}

.gallery .gallery-container h2{
  font-size: 38px;
  line-height: 1.3;
  margin-bottom: 50px;
  margin-top: 0;
  text-align: center;
}

.gallery .gallery-container .gallery-row .gallery-wrap{
  margin-bottom: 30px;	
}

.project{
  margin: 60px 0;
}

.project .project-container .project-row{
  margin-bottom: -30px;
}

.project .project-container .project-row .project-wrap{
  margin-bottom: 30px;	
}

.pastevents{
  margin: 60px 0;
}

.pastevents .pastevents-container .pastevents-row{
  margin-bottom: -30px;
}

.pastevents .pastevents-container .pastevents-row .pastevents-wrap{
  margin-bottom: 30px;	
}

.contact{
  margin: 60px 0;
  text-align: center;
}

.contact h2{
  line-height:1.3;
}

.warp_activity .activity-slider{padding:0;}
.warp-block__image{height:390px;margin-bottom:10px;}
.warp-block__image .image-block{overflow:hidden;width:100%;}
.warp-block__image .image-block .image-holder{background:#1f4693;height:260px;width:260px;border-radius:50%;margin: 0 auto;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;-o-transition: all 1.5s ease;background-position: center center;background-size: cover;background-repeat: no-repeat;transition: all 1.5s ease;}
.warp-block__image .image-detail{color:#000;text-align:center;line-height:28px;padding:15px 10px;}

.page-slide{
 overflow:hidden; 
}

.page-slide .activity{
 -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 260px;
    height: 260px;
    margin:0 auto;
	transition: all 1.5s ease;
}

.page-slide .activity:hover{
 -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.3, M12=0, M21=0, M22=1.3, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.3, M12=0, M21=0, M22=1.3, SizingMethod='auto expand');
    transform: scale(1.3);
}

.page-slide .image-detail{font-size:20px;color: #000;text-align: center;line-height: 28px;padding: 15px 10px;}

.section-content .head-title{text-align:center;}
.section-content .content-gray .schedule-head{font-size: 30px;color:#F54236;padding-bottom:18px;border-bottom: 1px solid;}
.section-content .content-gray .schedule-body{padding:20px 0;}
.section-content .content-gray .schedule-body .schedule-row{padding:0;}
.section-content .content-gray .schedule-wrap .schedule__text{opacity: .7;}

@media screen and (max-width: 990px){
  .section .section-container .section-wrap .section-container-box{
    padding: 0;
  }
}

@media screen and (max-width: 768px){
  .section .section-container .section-wrap .section-container-box .section-box{
    height: 250px;
  }

  .selection-box select{
    width: 100%;
  }

  .content .content-gray{
    padding: 20px;  
  }
}

@media screen and (min-width: 1200px){
.warp-block__image{height:400px;margin-bottom:30px;}
}