@charset "utf-8";



/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
  max-height:800px;
}
.fade-carousel .carousel-inner .item:before{
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    overflow: hidden;
    background-color: black; 
}

.fade-carousel .carousel-inner .item {
  height: 100vh; 
 max-height:800px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}



/*slider*/
.slider { float: left; }
.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 400px;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../images/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../images/next.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 350px;
}

.slider .jquery-reslider .slider-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }

.fade-carousel .slides .slide-1 {
  background-image: url(../img/slide/slide_1.jpg)
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/slide/slide_2.jpg)
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/slide/slide_3.jpg)
}

@media screen and (max-width: 768px) {
.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
}




.thumbnail {border:none;}

#recent-works{ margin-top:40px;  }
#recent-works .col-xs-12.col-sm-4.col-md-3{ padding: 0; }
#recent-works{ padding-bottom: 70px; }
#recent-works .recent-work-wrap { position: relative; }
#recent-works .recent-work-wrap img{ width: 100%; }
#recent-works .recent-work-wrap .recent-work-inner{ top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0;  margin-bottom: 0; }
#recent-works .recent-work-wrap .recent-work-inner p{font-size: 1.3rem;}
#recent-works .recent-work-wrap .recent-work-inner h3{ margin: 10px 0; }
#recent-works .recent-work-wrap .recent-work-inner h3 a{ font-size: 24px; color: #fff; }
#recent-works .recent-work-wrap .thm_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;  border-radius: 0;  background:linear-gradient(to bottom, rgba(8,56,141,0.9), rgba(84, 68, 179,0.9)); color: #fff; vertical-align: middle; -webkit-transition: opacity 600ms; -moz-transition: opacity 600ms; -o-transition: opacity 600ms; transition: opacity 600ms; padding: 30px; }

#recent-works .recent-work-wrap .thm_overlay .preview { bottom: 0; display: inline-block; height: 35px; line-height: 35px;  border-radius: 0; background: transparent; text-align: center; color: #fff; }

#recent-works .recent-work-wrap:hover .thm_overlay { opacity: 1; }
#recent-works .col-xs-12.col-sm-4.col-md-4{ padding: 0; }



a.scroll-down { position:absolute; width:100%; bottom:15%; }
  

a.scroll-down span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 3px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
a.scroll-down span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}

/********************************/
/*       Card-menu       */
/********************************/

.card1{ background:#3D567F; }
.card2{ background:#3A8037; }
.card3{ background:#B37244; }
.card4{ background:#5444B3; }
.card5{ background:#8C7C66; }

.white{ color:#FFF; }

#recent-works .recent-work-wrap { min-height:260px; border: 1px solid #dedede; }
#recent-works .recnt-work-view{ padding:20px; color:white;}
#recent-works [class*="card"]{position: relative;}
#recent-works [class*="card"]>div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#recent-works [class*="card"]>div>i.fa{font-size:5rem;}
#recent-works [class*="card"]>div>h1>img{max-width: 65px;}
#recent-works .recnt-work-view .cp_title{    display: block;
    width: 100%;  font-size: 1.5rem; line-height: 1.5;}
#recent-works .recnt-work-view .cp_title .cp_tit{  float: left; display: inline-block;  width: 80%;  overflow: hidden;  text-overflow: ellipsis;    white-space: nowrap;}
#recent-works .recnt-work-view .cp_title .cp_date{    float: right; font-size: 1.2rem; color: #878890;  line-height: 1.9;}
#recent-works .recnt-work-view>p{font-size:2rem;}
/*#recent-works .recnt-work-view a{font-size: 1rem;}*/
#recent-works .recnt-work-title{ font-size: 20px; color: #212121; font-weight:bold; }
#recent-works .recnt-work-title:after{ content: ''; display: block; width: 34px;  border-bottom: 3px solid #000; margin:10px 0px 0px 0px; }

@media screen and (min-width:975px) and (max-width:1182px) {
    #recent-works .recnt-work-view>p span{
        display: block;
    }
}


/********************************/
/*       Photo-gallery      */
/********************************/
#cp_gallery{ margin-top:0px; margin-bottom:50px; text-align: center; }
#cp_gallery h2{display: inline-block;}
#cp_gallery span.cp_gallery_title{ padding:0;  margin-bottom: 2.0rem; font-size: 3.6rem; font-weight: 600; color: #212121; border-bottom: 1px solid #212121;}
#cp_gallery .col-xs-12.col-sm-4.col-md-3{ padding: 0; }
#cp_gallery{ padding-bottom: 70px; }
#cp_gallery .recent-work-wrap { position: relative; }
#cp_gallery .recent-work-wrap img{ width: 100%; }
#cp_gallery .recent-work-wrap .recent-work-inner{ top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0;  margin-bottom: 0; }
#cp_gallery .recent-work-wrap .recent-work-inner h3{ margin: 10px 0; }
#cp_gallery .recent-work-wrap .recent-work-inner h3 a{ font-size: 24px; color: #fff; }
#cp_gallery .recent-work-wrap .thm_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;  border-radius: 0; background: #000; color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; padding: 30px; }

#cp_gallery .recent-work-wrap .thm_overlay .preview { bottom: 0; display: inline-block; height: 35px; line-height: 35px;  border-radius: 0; background: transparent; text-align: center; color: #fff; }

#cp_gallery .recent-work-wrap:hover .thm_overlay { opacity: 0.8; }
#cp_gallery .col-xs-12.col-sm-4.col-md-4{ padding: 0; }

@media (max-width:480px){
    #cp_gallery span.cp_gallery_title{font-size:2.4rem;}
    .owl-carousel.owl-loaded{margin: 0;}
}


/********************************/
/*       End-ment    */
/********************************/
#cp-go{ margin-top:0px; display:block;}
#cp-go .cp-go-wrap{ min-height:300px; display: table; }
#cp-go .cp-go-wrap{
    background: #3D567F url(../theme/basic/img/school_bg.png) no-repeat right 29%;
    background-size: 60%;}
#cp-go .cp-go-inner{
    display: table-cell;
    vertical-align: middle;
}
#cp-go .cp-go-inner .cp-go-text01{font-size: 2.6rem;line-height: 1.5;font-weight: 300; position: relative; padding: 0 2rem;}
#cp-go .cp-go-inner .cp-go-text01 > span:nth-child(1){font-size:3.0rem;}
#cp-go .cp-go-inner .cp-go-text01 > span.big{padding-left:2rem; font-size:3.0rem; font-weight: 500; }
/*#cp-go .cp-go-inner .cp-go-text01:before{
    content: '"';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 26px;
    font-weight: 500;
}
#cp-go .cp-go-inner .cp-go-text01 > span:after{
    content: '"';
    position: relative;
    right: -5px;
    top: 0;
}
*/

#cp-go .btn-cp-go{ border:1px solid #fff; padding:10px 20px; background-color:transparent; }
#cp-go .btn-cp-go:hover{ border:1px solid #FF0; color:#FF0 }
#cp-go .btn-cp-go span{ margin-left:10px;  }

#cp-go .with{
    display: flex;
    min-height: 300px;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

#cp-go .with h3{
    font-size: 2.6rem;
    margin-bottom: 2rem;
    font-weight: 500;
    color: white;
}
#cp-go .with img{
    width: 300px;
    max-width: 360px;
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.80);
}
#cp-go .cp-go-img-wrap{ margin-top:0px; margin-bottom:50px; }

@media screen and (max-width: 480px) {
    #cp-go .cp-go-wrap{
        height: 180px;
        min-height: 180px;
        margin: 0 auto;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        width: 90%;
    }
    #cp-go .cp-go-inner .cp-go-text01{
        font-size: 1.8rem;
        text-align: center;
    }
    #cp-go .cp-go-inner .cp-go-text01>span:nth-child(1){
        display: inline-block;
        font-size: 2.4rem;        
    }

    #cp-go .cp-go-inner .cp-go-text01>span.big{
        font-size: 2.4rem;
        padding-left: 0;
    }

    #cp-go .with{
        height: 160px;
        min-height: 160px;
        flex-wrap: wrap;
        justify-content: center;
    }

    #cp-go .with h3{
        font-size: 2.0rem;
        margin-top: 1rem;
    }

    #cp-go .with img{
        width: 55%;
    }
}

#footer { margin-top: 0px !important; }