.fixed .team_area { background:#131111; } 
.team_area { width:100%; float:left;  z-index:999;  position:absolute; top:84px; left:0; -webkit-transform: scale(0); -moz-transform: scale(0) ; -ms-transform: scale(0) orm: scale(0) ;  opacity:0; transition:all .6s ease; }
.team_area .teamare_wrp { width:100%; background:#fff; float:left; padding:40px 20px 40px; }
.fixed .team_area .teamare_wrp { background:transparent; }
 
/* .team_area:before { position:absolute; content:""; left:100%; top:0; width:3000px; height:100%; background: #131111;  opacity:0; visibility: hidden; transition:all .6s ease; }
.team_area:after { position:absolute; content:""; right:100%; top:0; width:3000px; height:100%; background: #131111; opacity:0; visibility: hidden; transition:all .6s ease; }
 */
/* .fixed .team_area:before { opacity:1;  visibility: visible; transition:all .6s ease; }
.fixed .team_area:after { opacity:1; visibility: visible; transition:all .6s ease; }
 */
.opentem_slider .team_area { -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);  opacity:1; transition:all .6s ease; }

.team_area .team_cover { width:100%; float:left; }
.team_area .team_cover .team_box { width:calc(25% - 20px); float:left; text-align:center; margin:0; }
.team_area .team_cover .client_image { width:100%; float:left; background-size:cover !important; margin-bottom:20px; position:relative; }
 
.team_area .team_cover .team_box:hover .client_hover { -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);  opacity:1; transition:all .6s ease; }
.team_area .team_cover .client_hover { width:100%; float:left; display:flex; align-items:center;  position:absolute; left:0; top:0; background:rgba(185,165,125,0.8); height:100%;     -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0) rotate(-50deg); transform: scale(0);  opacity:0; transition:all .6s ease; } 
.team_area .team_cover .client_hover a { width:100%; float:left; color:#fff; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; font-size:14px; line-height:20px; height: 100%; display: flex; align-items: center; justify-content: center;}
.team_area .team_cover .client_hover a:hover { color:#000; } 
 
.team_area .team_cover .client_info { width:100%; float:left; }
.team_area .team_box h3 { width:100%; float:left; color:#6B6E6E; font-weight:400; font-size:20px; line-height:26px; padding-bottom:2px; }
.team_area .team_box h4 { width:100%; float:left; font-size:13px; line-height:20px; color:#393939; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; }

 
.fixed .team_area .team_box h3 { color:#fff; transition:all .6s ease; }
.fixed .team_area .team_box:hover h3 { color:#BFA980; transition:all .6s ease; }
.fixed .team_area .team_box h4 { color:#fff; transition:all .6s ease; }
.fixed .team_area .team_box:hover h4 { color:#BFA980;  transition:all .6s ease;}

.team_area .slick-arrow { cursor:pointer; position:absolute; top:50%; border:none; padding:0; text-align:center; font-size:0; min-width:auto;  width:30px; height:30px; line-height:0; outline:none; background:transparent !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#011E24; }
.team_area .slick-arrow:hover { background:#011E24; color:#fff; }
.team_area button.slick-arrow:hover:before { color:#fff; }
.team_area .slick-prev { left:0; color:#011E24; } 
.team_area button.slick-arrow:before { font-family:'FontAwesome'; font-size:44px; font-weight:300; color:#fff; display:inline-block; }
.team_area button.slick-prev:before { content: "\f104"; left:-1px; position: relative; top: 3px; }
.team_area .slick-next { right:0;}
.team_area button.slick-next:before { content: "\f105"; right: -2px; position: relative; top: 3px }

.opentem_slider .team_area button.slick-arrow:before { color:#000; }
.fixed.opentem_slider .team_area button.slick-arrow:before { color:#fff; }

@media(max-width: 765px) {
  .team_cover .slick-dots li:not(.is-visible){
    display:none;
  }
}

@media (min-width: 992px) and (max-width: 1200px){
    
	.row-fluid .wrapper {  width:960px; }	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.row-fluid .wrapper {  width:750px; }	
  
  .opentem_slider .team_area { top:25px; }
   
}

@media (min-width: 992px) and (max-width: 1200px){
    
	.row-fluid .wrapper {  width:960px; }	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.row-fluid .wrapper {  width:750px; }	
  
  .opentem_slider .team_area { top:72px; }
   
}

@media (min-width: 30px) and (max-width: 767px){
	
	.row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }	
  .team_area { text-align:center; }
  .team_area .teamare_wrp {padding:40px 50px; }
  .team_area {  overflow-x:hidden; position: fixed; top: 72px; }  
   
  .team_area button.slick-prev { left:-40px; }
  .team_area button.slick-next { right:-40px; }  
  
  .team_area:before,.team_area:after { display:none; }
  
}

@media (max-width: 599px){  

   .team_area .team_cover { max-width: 320px; float:none; display:inline-block; }
  
}

