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

.timeline-container{
background: none repeat scroll 0 0 #E3FBFF;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.timeline-container .v-line{
background:none repeat scroll 0 0 #0ae09c;
height:100%;
left:50%;
position:absolute;
width:1px;
}
.timeline {
  margin: 0 auto;
  padding: 0;
}
.timeline li{
display:inline-block;
margin:20px 0 !important;
padding:0;
position:relative;
text-align:center !important;
vertical-align:top;
width:50%;
}
.timeline li.even{
clear: right;
float:right;
}
.timeline li.odd{
clear:left;
float:left;
}


.timeline > li.odd:after{
background:none repeat scroll 0 0 #0ae09c;
border:6px solid #E3FBFF;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
content:"";
height:5px;
position:absolute;
right:-9px;
top:20px;
width:5px;
/*box-shadow*/
-webkit-box-shadow:0 0 3px -1px #444444;
   -moz-box-shadow:0 0 3px -1px #444444;
        box-shadow:0 0 3px -1px #444444;
	transition: all 1s ease 0s;
}

.timeline > li.odd:hover:after, .timeline > li.even:hover:after {
  background: none repeat scroll 0 0 #0ae09c;
  border:6px solid #0ae09c;
}


.timeline > li.even:after{
background:none repeat scroll 0 0 #0ae09c;
border:6px solid #E3FBFF;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
content:"";
height:5px;
left:-8px;
position:absolute;
top:62px;
width:5px;
/*box-shadow*/
-webkit-box-shadow:0 0 3px -1px #444444;
   -moz-box-shadow:0 0 3px -1px #444444;
        box-shadow:0 0 3px -1px #444444;
transition: all 1s ease 0s;
}




.timeline li.stic{
clear:both;
width:100%;
}
.timeline li.stic .content{
width:94%;
border-top:2px solid #0ae09c !important;
}
.timeline li.stic  .content{
position:relative;
background:#fff;
border:1px solid #B2B2B2;
}
.timeline li.stic .content:after, .timeline li.stic .content:before{
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.timeline li.stic .content:after{
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:8px;
margin-left:-8px;
}
.timeline li.stic .content:before{
border-color:rgba(178, 178, 178, 0);
border-bottom-color:#0ae09c;
border-width:9px;
margin-left:-9px;
}
.timeline li .content{
background:none repeat scroll 0 0 #FFFFFF;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
/*box-shadow*/
-webkit-box-shadow:0 0 2px 0 #C4C4C4;
   -moz-box-shadow:0 0 2px 0 #C4C4C4;
        box-shadow:0 0 2px 0 #C4C4C4;
margin:auto;
min-height:100px;
position:relative;
width:90%;
}

.timeline li.even .content{
border:1px solid #b2b2b2;
border-left:2px solid #0ae09c !important;
}



.timeline li.odd .content{
border:1px solid #b2b2b2;
border-right:2px solid #0ae09c;
}


.timeline li.odd .content .arrow {

	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #0ae09c;
	position: absolute;
	right: -10px;
	top: 18px;
	z-index: 11;
}

.timeline li.even .content .arrow {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #0ae09c; 
	left: -10px;
	position: absolute;
	top: 60px;
	z-index: 11;
}


.timeline li .content .zoom {
  background: url("images/full-view.png") no-repeat scroll 50% center #0ae09c;
  cursor: pointer;
  height: 26px;
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  right: 10px;
  transition: all 1s ease 0s;
  width: 40px;
  z-index: 99;
}


.timeline li:hover .content .zoom, .timeline li:hover .content .share{
opacity:1;
}


.timeline li .content .share {
  background: none repeat scroll 0 0 #0ae09c;
  height: 26px;
  margin-top: 10px;
  opacity: 0;
  padding: 2px;
  position: absolute;
  right: 60px;
  transition: all 1s ease 0s;
  width: auto;
}

.timeline li .content .share a {
  display: block;
  height: 100%;
  width: 100%;
}

.timeline li .content .share .fb, .timeline li .content .share .twitter, .timeline li .content .share .gplus {
  display: inline-block;
  float: right;
  height: 20px;
  margin: 3px 2px 0;
  width: 20px;
}





.timeline li .content .share .fb {
	background: url("images/facebook.png") no-repeat scroll 0 0 / 100% auto #4368B4;
	background-image:url("images/facebook.png");
}
.timeline li .content .share .twitter {
	background: url("images/twitter.png") no-repeat scroll 0 0 / 100% auto #49C8F5;
	background-image: url("images/twitter.png");

}
.timeline li .content .share .gplus{
	
	background: url("images/google-plus.png") no-repeat scroll 0 0 / 100% auto #FF0000;
	background-image:url("images/google-plus.png");
	}



.timeline li .content .clear{}



.timeline li .content .featured {
  background: url("images/featured.png") no-repeat scroll 0 0 #0ae09c;
  height: 35px;
  position: absolute;
  right: 20px;
  top: -5px;
  width: 24px;
}

.timeline li .content .meta {
  display: inline-block;
  float: left;
  font-size: 11px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  width: 71%;
}


.timeline li .content .meta .title {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
  width: auto;
}
.timeline li .content .meta .title a{
text-decoration:none;
color: #000;
}

.timeline li .content .meta .title a:hover {
  color: #0ae09c;
}

.timeline li .content .meta .date, .timeline li .content .meta .author {
  clear: both;
  float: left;
  position: relative;
}


.timeline li .content .thumb {
  display: inline-block;
  float: left;
  height: 50px;
  margin: 10px;
  max-width: 50px;
  overflow: hidden;
  position: relative;
  width: 15%;
}
.timeline li .content .thumb img {
  height: auto;
  width: 100%;
}


.timeline li .content .thumb-image {
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.timeline li .content .thumb-image img {
  border-radius: 0 !important;
  height: auto;
  width: 100% !important;
}


.timeline li .content .body {
  clear: both;
  font-size: 12px;
  margin: 10px 0;
  overflow: hidden;
  padding: 10px 10px 15px;
  text-align: left;
  color:#000;
}
.timeline li .content .body .read-more {
  box-shadow: none;
  color: #000;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}
.timeline li .content .meta-count {
  background: none repeat scroll 0 0 #0ae09c;
  font-size: 11px;
  font-weight: bold;
  margin-top: 0px;
  text-align: left;
  display:block;
  overflow:hidden;
}
.timeline li .content .meta-count .comments-count {
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: normal;
  padding: 10px;
}
.timeline li .content .meta-count .comments-count:hover {
  text-decoration: underline;
}
.timeline-container .load-more{
clear:both;
margin-bottom:50px;
padding-top:70px;
width:100%;
}
.timeline-container .load-more .content{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #B2B2B2;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
/*box-shadow*/
-webkit-box-shadow:0 0 2px 0 #C4C4C4;
   -moz-box-shadow:0 0 2px 0 #C4C4C4;
        box-shadow:0 0 2px 0 #C4C4C4;
cursor:pointer;
height:7px !important;
margin:0 auto;
min-height:40px !important;
padding-top:5px;
position:relative;
text-align:center;
width:200px;
}
.timeline-container .load-more .loading{
background:url("images/loading.gif") no-repeat scroll 14px 6px #0ae09c;
}
.timeline-container .load-more .no-post{
background:url("images/no-post.png") no-repeat scroll 22px 13px #0ae09c;
color:#fff;
}



.list-comments {
  height: auto;
  width: 100%;
}



.list-comments .commentlist {

  display: inline-block;
  text-align: left;
  width: 100%;
}
.list-comments .commentlist li {
  border-bottom: 1px solid #DDDDDD;
  display: block;
  float: left;
  text-align: left !important;
  width: 100%;
}


.list-comments .commentlist li .vcard{
	
}
.list-comments .commentlist li .vcard img {
  border-radius: 0 !important;
  box-shadow: none !important;
  float: left;
  height: 50px;
  width: 50px;
}
.list-comments .commentlist li .vcard .fn {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding-left: 10px;
  text-decoration: none !important;
}

.list-comments .commentlist li .vcard .says {
  display: none;
  font-weight: normal;
  padding-left: 10px;
}

.list-comments .commentlist li .comment-meta {
  font-weight: normal;
  height: 25px;
  margin-left: 62px;
  width: auto;
}
.list-comments .commentlist li .comment-meta a {
  text-decoration: none;
}

.list-comments .commentlist li p {
  clear: both;
  font-size: 12px;
  font-weight: normal;
  margin-top: 20px;
}


.list-comments .commentlist li .reply {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  font-weight: normal;
  padding: 6px 6px 6px 10px;
}

.list-comments .commentlist li .form-allowed-tags {
  display: none;
}

.list-comments .commentlist li .comment-respond {
  margin: 0 !important;
  padding: 0 20px;
}




.timeline li .content .meta-count .comments-loading {
  display: inline-block;
  height: 20px;
  padding: 10px;
  width: 20px;
}


.timeline li .content .meta-count .comments-loading .loading {
  background: url("images/loading-comments.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
  display: none;
  height: 20px;
  width: 20px;
}



.list-comments .commentlist li .comment-body {
  padding-left: 20px;
  padding-right: 20px;
}


.list-comments .commentlist .children li {
  border-bottom: medium none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}


.list-comments .commentlist .children li .comment-body {
  padding-left: 0;
}


.list-comments .commentlist .children li .reply {
  border-bottom: medium none !important;
  display: none;
}



.list-comments .no-comments {
  padding: 10px;
}






/*************************/

.timeline_pro_loading_taxonomy_category {
  background: url("loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: none;
  height: 20px;
  width: 30px;
}