@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


---------------------------------------*/
/* --------------------------
21. Event Details Start Here 
-----------------------------*/
.events-details-area .images {
  margin-bottom: 30px;
}
.events-details-area .images img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.events-details-area .images img:hover {
  opacity: .5;
}
.events-details-area .event-details-list {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.events-details-area .event-details-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.events-details-area .event-details-list ul li {
  display: block;
  margin: 10px 5px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
}
.events-details-area .event-details-list ul li h3 {
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 18px;
}
.events-details-area .event-details-list ul li:last-child {
  border-bottom: none;
}
.events-details-area .event-details h3 {
  margin-bottom: 30px;
}
.events-details-area .event-details span {
  position: absolute;
  top: 0;
  right: 0;
}
.events-details-area .event-details p {
  margin-bottom: 30px;
}
.events-details-area .event-details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.events-details-area .event-details ul li {
  margin-bottom: 10px;
}
.events-details-area .event-details ul li:nth-child(2n+2) {
  float: right;
  margin-top: -30px;
}
.events-details-area .event-details ul li i {
  color: #86bc42;
  margin-right: 15px;
}
.events-details-area .about-organization h2 {
  font-weight: 500;
  font-size: 18px;
  color: #111111;
  margin-bottom: 30px;
}
.events-details-area .about-organization .media .pull-left {
  margin-right: 15px;
}
.events-details-area .about-organization .media .pull-left img {
  width: 100%;
}
.events-details-area .about-organization .media .media-body h3 {
  margin-bottom: 20px;
}
.events-details-area .about-organization .media .media-body p {
  margin-bottom: 30px;
}
.events-details-area .about-organization .media .media-body .contact-info {
  background: #f7f7f7;
}
.events-details-area .about-organization .media .media-body .contact-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.events-details-area .about-organization .media .media-body .contact-info ul li {
  display: inline-block;
  padding: 10px;
}
.events-details-area .about-organization .media .media-body .contact-info ul li i {
  margin-right: 10px;
}
.events-details-area .event-participant {
  margin: 60px 0 0;
}
.events-details-area .event-participant h2 {
  font-weight: 500;
  color: #111111;
  margin-bottom: 30px;
}
.events-details-area .event-participant .participer-area {
  text-align: center;
}
.events-details-area .event-participant .participer-area .single-perticiper {
  margin: 15px;
  text-align: center;
}
.events-details-area .event-participant .participer-area .single-perticiper img {
  width: 100%;
  margin-bottom: 30px;
}
.events-details-area .event-participant .participer-area .single-perticiper h3 {
  margin-bottom: 10px;
}
.events-details-area .event-participant .participer-area .owl-controls .owl-pagination .owl-page {
  padding: 1px;
}
.events-details-area .event-participant .participer-area .owl-controls .owl-pagination .owl-page.active span {
  width: 15px;
  height: 15px;
  border-radius: 0;
  background: #86bc42;
}
.events-details-area .event-participant .participer-area .owl-controls .owl-pagination .owl-page span {
  background: #000000;
  width: 15px;
  height: 15px;
  border-radius: 0;
}