.banner-wrapper{position:relative; width:100%; height:461px;}
#banner{ height:100%; overflow:hidden;}
#banner li{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%;}
#indicator{position:absolute; bottom:30px; left:0; width:100%; height:15px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; width:7px; height:7px; margin:0 8px; border:1px solid #c5c3c2; cursor:pointer; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#indicator li.act{border-color:#f8b600; background:#f8b600;}

<!--team-area -->
.titleFonts{ }
.row{margin-right:-15px;margin-left:-15px; text-align:center;}
.col{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:22%}

.team-area{
  padding-top: 20px;
  padding-bottom:20px;
}
.single-team-member {
  
  padding-bottom: 15px;
}
.single-team-member .img-holder {
  position: relative;
  overflow: hidden;
  display: block;
 
}
.single-team-member .img-holder img{
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;       
}
.single-team-member:hover .img-holder img {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.single-team-member .img-holder .overlay-one {
  position:absolute;
  left:0px;
  top:-100%;
  width:100%;
  height:100%;
  padding:0px;
  color:#ffffff;
  opacity:0;
  transition: all 500ms ease;
  transition-delay: 0.10s;
  z-index: 2;
}

.single-team-member .text-holder {
  margin: 28px 0 0;
}
.single-team-member .text-holder h3{
  color: #0061ae;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 4px;
}

.single-team-member .text-holder .text{
  margin-top: 10px;   
  color: #424242;
    font-weight: 400; 
}



.product-wrapper{height:412px; background:url(../img/gray_bg1.jpg) repeat-x;}
.product-wrapper h2{padding:35px 0 23px; color:#0061ae; font-size:23px; text-align:center; font-weight:bold;}
#product-slide{position:relative; float:left; width:874px; height:224px; overflow:hidden;}
#product-slide li{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
#product-slide li div{position:relative; float:left; width:230px; height:100%; padding:0 32px; text-align:center;}
#product-slide li div:after{content:''; position:absolute; top:85px; left:100%; border-top:6px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff;}
#product-slide li div h3{margin:73px 0 12px; color:#0061ae; font-size:20px; font-weight:bold;}
#product-slide li div p{}
#product-slide li picture{float:left; width:580px; height:100%; overflow:hidden;}
#product-slide li picture img{width:100%; height:auto;}

#product-indicator{float:left; clear:both; width:100%; margin-top:20px; height:12px; text-align:center;}
#product-indicator li{display:inline-block; *display:inline; *zoom:1; width:9px; height:9px; margin:0 8px; background:#d5d5d5; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#product-indicator li.act{background:#0061ae;}

.product-customize{float:right; width:297px; height:224px; background:url(../img/customize_bg.jpg);}




.items{height:180px; padding:58px 0; background:url(../img/gray_bg2.jpg) 0 50% repeat-x;}
.items figure{width:590px; height:177px; overflow:hidden;}
.items figure a{display:block; height:100%;}
.items figure picture{float:left; overflow:hidden;}
.items figure picture img{width:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.items figure a:hover picture img{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}
.items figure figcaption{float:left; margin-top:30px;}
.items figcaption h2{font-weight:bold; font-size:17px;}

.about{float:left; background:#fff;}
.about picture{width:175px; height:134px; margin:22px;}
.about figcaption{width:345px;}
.about figcaption h2{color:#0061ae;}
.about figcaption p{height:45px; font-size:12px; margin:15px 0; border-bottom:1px dotted #ccc; color:#999;}
.about figcaption span{font-size:12px; text-decoration:underline;}


.news{float:right; width:586px !important; background:url(../img/news_bg.jpg) no-repeat #0061ae;}
.news picture{width:295px; height:240px;}
.news figcaption{width:241px; padding:0 25px;}
.news figcaption h2{color:#fff;}
.news figcaption p{position:relative; height:50px; font-size:12px; margin:15px 0; color:#fff;}
.news figcaption p:after{content:''; position:absolute; bottom:0; left:0; width:30px; height:1px; background:#3381be;}