@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
a{ outline:none;}
a:focus{ outline:none !important; text-decoration:none;}
a:hover{ outline:none !important; text-decoration:none;}
.team-section{ background:#f1f1f1; padding:50px 0;}
.team-section .tl-team-div{ text-align:center;}
.team-section .tl-team-div h2{ font-size:30px; font-family:"Comic Sans MS",Monaco,monospace;}
.team-section .tl-team-div h3{ font-size:50px; font-family:Tahoma, Geneva, sans-serif; font-size: 60px; font-weight: 900; line-height: 65px; margin: 0 0 20px;}
.team-section .tl-team-div p{ font-size:13px;line-height: 24px; margin: 0 auto; width: 700px;}
   .team-div { background: #ededed; padding: 30px 20px 10px; text-align: center; margin-bottom:5%;}
.team-div .photo .overlays img{ width:100%;border-radius: 50%; padding: 12px;transition: all 0.3s ease-in-out 0s; box-shadow: 0 0 0 3px #fff inset;}
.team-div-description{ margin-top:50px;}
.team-div-description .team-div .info h5 {color: #777;font-size: 13px; font-weight: 700; text-transform: uppercase;}
.team-div-description .team-div .info .position{ width:100%;}
	.team-div-description .team-div .social-media-div ul{ padding-top:10px;}
.team-div-description .team-div .social-media-div ul li{ display:inline-block; margin:0 6px;}
	.team-div-description .team-div .social-media-div ul li a { border-radius: 50%; box-shadow: 0 0 0 2px #888 inset; display: inline-block;height: 40px; line-height: 40px; position: relative; width: 40px; color:#888 ; font-size:20px; transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out;}
	.team-div-description .team-div .social-media-div ul li a.fb:hover { background:#3b5999; box-shadow: 0 0 0 2px #3b5999 inset; color:#fff!important;}
	.team-div-description .team-div .social-media-div ul li a.tw:hover { background:#55acee; box-shadow: 0 0 0 2px #55acee inset; color:#fff!important;}
	.team-div-description .team-div .social-media-div ul li a.dri:hover { background:#0077B5; box-shadow: 0 0 0 2px #0077B5 inset; color:#fff!important;}
.team-div-description .team-div .social-media-div ul li a.beh:hover { background:#1769ff; box-shadow: 0 0 0 2px #1769ff inset; color:#fff!important;}

.team-social-info ul { padding: 0;}
.tl-slide-testimonials .carosual-db-content cite { color: #ddd;}
.team-social-info  ul li { display: inline-block; list-style: outside none none;}
.team-social-info  ul li a{
  border-radius: 50%;
  box-shadow: 0 0 0 2px #888 inset;
  color: #888;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  position: relative;
  transition: all 0.6s ease-in-out 0s;
  width: 40px;
}
/* .team-div .overlays { position: relative; width: 90%; max-width: 400px; margin: auto; overflow: hidden; max-height:250px;} */
 .team-div .overlays { position: relative; width: 90%; margin: auto;}
.team-div .overlays .content-overlay { background: rgba(0,0,0,0.5);  position: absolute;  height: 99%;  width: 100%;  left: 0;  top: 0;  bottom: 0;  right: 0;  opacity: 0;  -webkit-transition: all 0.4s ease-in-out 0s;  -moz-transition: all 0.4s ease-in-out 0s;  transition: all 0.4s ease-in-out 0s;
  border-radius: 50%;}
.team-div .overlays:hover .content-overlay{ opacity: 1;}
.content-image{ width: 100%;}
.team-div .content-details {  position: absolute;  text-align: center;  padding-left: 1em;  padding-right: 1em;  width: 100%;  top: 50%;  left: 50%;  opacity: 0;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  -webkit-transition: all 0.3s ease-in-out 0s;  -moz-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.team-div .overlays:hover .content-details{  top: 50%;  left: 50%;  opacity: 1;}
.team-div .content-details h3{  color: #fff;  font-weight: 500;  letter-spacing: 0.15em;  margin-bottom: 0.5em;  text-transform: uppercase;}
.team-div .content-details p{  color: #fff;  font-size: 0.8em;}

.photo:hover .content-details{ top: 50%; left: 50%; opacity: 1;}

.content-details span{ color:#fff; font-size:24px;}
.team-div-description .carousel-wrap { margin-bottom: 3%; padding-bottom: 3%;}

/**team single description ***/

/**team single description ***/
@media screen and (max-width:768px){ 
.team-div { margin-bottom:30px;}
.team-section .tl-team-div p { font-size: 13px; line-height: 24px; margin: 0 auto; width:100%;}
.team-section-1 .team-div { margin-bottom:30px;}
.team-section-1 .team-section .tl-team-div p { font-size: 13px; line-height: 24px; margin: 0 auto; width:100%;}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
.social-media-div ul li { margin: 0 1px !important;}
.team-div-description .team-div .social-media-div ul li a { font-size: 13px; height: 24px; line-height: 24px; width: 24px;}
.team-section-1 .social-media-div ul li { margin: 0 1px !important;}
.team-section-1 .team-div-description .team-div .social-media-div ul li a { font-size: 13px; height: 24px; padding: 6px 0; width: 24px;}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.team-div-description .team-div .social-media-div ul li a { height: 30px; line-height:30px ; width: 30px; font-size: 15px;}
	.team-div-description .team-div .social-media-div ul li { margin: 0 4px;}
	.team-section-1 .team-div-description .team-div .social-media-div ul li a { height: 30px; padding: 8px 0; width: 30px; font-size: 15px;}
	.team-section-1 .team-div-description .team-div .social-media-div ul li { margin: 0 4px;}
}

/* -------------------------------------- black bg ---------------------------------------------- */

.team-section-1{ background:#333;padding:50px 0;}
.team-section-1 .tl-team-div{ text-align:center;}
.team-section-1 .tl-team-div h2{ font-size:30px;  color:#f1f1f1;}
.team-section-1 .tl-team-div h3{ font-size:50px; font-size: 60px; font-weight: 900; line-height: 65px; margin: 0 0 20px;color:#f1f1f1;}
.team-section-1 .tl-team-div p{ font-size:13px;line-height: 24px; margin: 0 auto; width: 700px;color:#f1f1f1;}
.team-section-1 .team-div { background: #222 none repeat scroll 0 0;  padding: 30px 20px 10px;  text-align: center;}
.team-section-1 .team-div-description .team-div .social-media-div ul li a {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #f1f1f1 inset;
    color: #f1f1f1;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 44px;
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
    transition: all 0.6s ease-in-out 0s;
    width: 40px;
}
.owl-prev, .owl-next {
  float: left;
}

.owl-prev, .owl-next {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #999;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin: 2px;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
.owl-nav {
  bottom: -30px;
  position: absolute;
  right: 14px;
}
.team-div-description .item { padding: 0 7%;}