@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Open+Sans:400,600,700,800');
/*-------------------------------------
    Template Name: Academic HTML5 Responsive Teample
    Template URI: http://radontheme.com/
    Description: Academic HTML5 Responsive Teample
    Author: radontheme
    Author URI: http://radontheme.com/
    Version: 1.0
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2.Header Area Start Here
    3.Slider Area Start Here
    4.Search Box Start Here
    5.Popular Courses Start Here
    6.why connect us start Here
    7.Calender Area Start Here
    8.Register Now Start Here
    9.Blog Area Start Here
    10.Video Background Start Here
    11.More Lecturer Area Start Here
    12.Testimonial Area start here
    13.Portfolio One Start Here
    14.Subscribe Area Start Here
    15.Footer Area Start Here
    16.Page Header Section breadcumb Start Here
    17.About Page Start Here 
    18.Event Area Start Here
    19. Sidebar Area Start Here
    20. Pagination Start Here
    21. Event Details Start Here
    22.Blog Page Start Here
    23.Courses Area Start Here
    24.Contact Us page Start Here
    25.Shop Page Start Here
    26.Product Details Page Start Here
    27.Cart Page Area Start
    28.Login and Registration start Here


---------------------------------------*/
/* --------------------------
11.More Lecturer Area Start Here 
-----------------------------*/
.lecturer-area {
  padding: 90px 0;
}
.lecturer-area .single-lecturer {
  padding: 15px 0;
}
.lecturer-area .single-lecturer .image {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.lecturer-area .single-lecturer .image:hover .overley {
  transform: scaleX(1);
  opacity: 1;
}
.lecturer-area .single-lecturer .image > a {
  display: block;
}
.lecturer-area .single-lecturer .image > a img {
  width: 100%;
}
.lecturer-area .single-lecturer .image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(134, 188, 66, 0.9);
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scaleX(0);
  opacity: 0;
  transform-origin: 1px 0px 0px;
}
.lecturer-area .single-lecturer .image .overley .social-media {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: left;
}
.lecturer-area .single-lecturer .image .overley .social-media ul li {
  display: block;
}
.lecturer-area .single-lecturer .image .overley .social-media ul li a {
  border: 1px solid #ffffff;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 3px;
  transition: all 0.5s ease 0s;
}
.lecturer-area .single-lecturer .image .overley .social-media ul li a:hover {
  border: 1px solid #ffffff;
}
.lecturer-area .single-lecturer .image .overley .social-media ul li a:hover i {
  color: #ffffff;
}
.lecturer-area .single-lecturer .image .overley .social-media ul li a i {
  font-size: 16px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.lecturer-area .single-lecturer .details {
  text-align: center;
}
.lecturer-area .single-lecturer .details h3 {
  margin-bottom: 5px;
}
.lecturer-area .single-lecturer .details h3 a {
  font-size: 18px;
  color: #000000;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.lecturer-area .single-lecturer .details h3 a:hover {
  color: #86bc42;
}
.lecturer-area .single-lecturer .details span {
  color: #777777;
}