dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
  
}
dt {
  font-weight: bold;
  display:block!important;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after
{
 display: table;
  content: " ";	
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-circle {
    border-radius: 50%;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
 {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after
{
  clear: both;
}

.cool_timeline {
  background-color:inherit;
  padding:5px;
}
.cool_timeline .timeline-main-title{text-align:center;}
.cool_timeline .avatar_container{
text-align:center;
}
 .cool_timeline .timeline-main-title.center-block{
margin:10px 0;
}
.cool_timeline  .events .small ,.event-description {
  padding:10px;
}

.cool_timeline  .avatar_container img.center-block.img-responsive.img-circle{
border:2px solid #8D9298;
-webkit-box-shadow:10px 10px 10px #888888;
-moz-box-shadow:10px 10px 10px #888888;
box-shadow:10px 10px 10px #888888;
}

.timeline dl dd.even .circ, .timeline dl dd.even  .events h4 {
  background: #1b949e url(../images/dust-bg.png);
}

.timeline dl dd.odd .circ, .timeline dl dd.odd .events h4 {
  background: #f58636 url(../images/dust-bg.png);
}

.timeline dl dd.even .events:before {
  border-color: #1b949e;
}

.timeline dl dd.odd .events:before {
  border-color: #f58636;
}

.timeline dl dd.even .time {
  color: #1b949e;
}

.timeline dl dd.odd .time {
  color: #f58636;
}

.timeline dl {
  position: relative;
  top: 0;
  padding: 20px 0;
  margin: 0;
    z-index:1;
}

.timeline dl:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 100;
  width: 5px;
  margin-left: -2.5px;
  content: '';
  background-color: #414A54;
  opacity: 0.6;
}

.timeline dl dt {
  position: relative;
  top: 30px;
  z-index: 200;
  width:100px;
  height:100px;
  margin: 0 auto 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background-color: #414A54;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
	font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  text-shadow: 1px 1px 0 #222;
  line-height:98px;
  box-shadow: 2px 2px 0 0 #222;
}

.timeline dl dd {
  position: relative;
  z-index: 200;
}

.timeline dl dd .circ {
  position: absolute;
  top: 43px;
  left: 50%;
  z-index: 200;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  background-color: #4fc1e9;
  border: 4px solid #f5f7fa;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing:border-box;
  -moz-border-radius: 50%;
}

.timeline dl dd .time {
  position: absolute;
  top: 20px;
  left: 50%;
  display: inline-block;
 width:50%;
  padding: 10px;
  font-size: 32px;
  color: #4fc1e9;
  font-family: 'Open Sans', sans-serif;
 // font-family: 'Titillium Web', sans-serif;

}



.timeline dl dd .events {
  box-shadow: 0px 2px 1px 0 #DEDEDE;
  position: relative;
  width: 46%;
  padding: 0;
  margin-top: 31px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}


.timeline dl dd.ctl_full_cont   .time {
  position:relative;
  top: 20px;
  left: 50%;
  display: inline-block;
  width: 150px;
  padding: 10px 20px;
  font-size: 32px;
  color: #4fc1e9;
  font-family: 'Open Sans', sans-serif;
 // font-family: 'Titillium Web', sans-serif;
} 
.timeline dd.ctl_full_cont  .events{
  box-shadow: 0px 2px 1px 0 #DEDEDE;
  position: relative;
  width:100%;
  padding: 0;
  margin-top: 31px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.timeline dl dd.ctl_full_cont  .events:before {
 display:none;
}


 
  .timeline dl dd .events:before {
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 12px;
}
.timeline dl dd .events .events-object {
  margin-right: 10px;
}

.timeline dl dd .events .events-body {
  overflow: hidden;
  zoom: 1;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.8px;
  color: #777;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  display:inline;
}
.timeline dl dd .events .events-body a.read_more{
color:#777;
font-weight:bold;
text-decoration:none;
}
.timeline dl dd .events .events-body a.read_more:hover{
text-decoration:underline;
}

.timeline dl dd .events .events-body .events-heading {
  margin: 0 0 10px;
  font-size: 14px;
}
.events-object.left_small {
    padding: 3px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.timeline dl dd.pos-right .time {
	left:-3%; 
    text-align: right;
}


.timeline dl dd.pos-left .time {
	padding-left:30px;
    text-align: left;
    left:50%;
	width: 250px;
	
}
.timeline dl dd.pos-right .events {
  float: right;
}

.timeline dl dd.pos-right .events:before {
  left: -22px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}



.timeline dl dd.pos-left .events {
  float: left;
}

.timeline dl dd.pos-left .events:before {
  right: -22px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.timeline .events h4.events-heading {
  margin: 0;
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  background: #2d2d2d url(../images/dust-bg.png);
  text-shadow: 1px 1px 0px #555;
  color: #fff;
  text-transform: uppercase;
}
.timeline .events .ctl_info.event-description{
//display:inline-block;
display:block;
}
/*
.timeline .events .full p{
padding:10px 0px;
}
 */
.ctl_info .full-width {
    padding-bottom:10px;
}
img.center-block.img-responsive.img-circle{
	width:250px;
	height:250px;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}

.cool_timeline .full-width > iframe {
    margin-bottom: 0;
}

.clt-share-buttons a {
  text-decoration:none;
    font-size: 44px;
    color: #000;
}

/*
custom style

*/
.container{
    position:relative !important;
}

.ctl-story-detials{
    width:68%;
    float:left;
 padding-right:2%
}
.ctl-stories-links{
    width:27%;
    float:right;
  padding-left:2%;
}
.ctl-single-img .ctl-img{
   max-width:100%;
   height: auto;
   display:block;
}

@media screen and (max-width:767px) {
  .timeline dl:before {
    left: 60px;
  }

  .timeline dl dt {
    margin: 0 0 30px 15px;
  }

  .timeline dl dd .circ {
    left: 60px;
  }

  .timeline dl dd .time {
   // left: 0;
   position:relative;
   left:13%;
   font-size:22px;
   width:450px;
  }
  .timeline dl dd.pos-right .time{
	  margin:0;
	   margin-left: 22px;
	  text-align:left;
	  
  }
   .timeline dl dd.pos-left .time{
	  margin:0;
	  left:17%;
		padding-left:7px;
	  text-align:left;
	  
  }
  .timeline dl dd .circ{
	 top:93px; 
  }

  .timeline dl dd.pos-left .events , .timeline dl dd.pos-right .events  {
    float: right;
    width: 82%;
  }

  .timeline dl dd.pos-left .events:before {
    left: -24px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }



  .timeline dl dd.even  .events:before {
    border-right-color: #1b949e;
  }

  .timeline dl dd.odd .events:before {
    border-right-color: #f58636;
	
  }
}

@media screen and (max-width:764px) {

.bullets-container{
	display:none;
}
.timeline dl dd.pos-right .time{
	margin-left:22px;
	left:13%;
}
.timeline dl dd.pos-left .time{
	margin-left:22px;
	left:13%;
}
.ctl-story-detials{
    width:95%;
    float:none;
   padding:2%;
}
.ctl-stories-links{
     width:95%;
    float:none;
    padding:2%;
}
}

@media only screen and (min-width:481px) and (max-width:570px) {
.timeline dl dd.pos-right .events ,.timeline dl dd.pos-left .events{
width:80%;
}
}

@media screen and (max-width: 480px) {
.timeline dl::before{
left:2%;
}
.timeline dl dt{
	margin-left:30px;
}
.timeline dl dd.even .circ{
display:block;
left:2%;
}
.timeline dl dd.odd .circ{
display:block;
left:2%;
}
.timeline dl dd .time{
	    position: relative;
		top:0; 
		left:16%;
		text-align:left!important;
		width:100% !important;
		display:block;
}

.timeline dl dd.pos-right .time{
margin:0;
padding-left:0;	
left:15%;
}
.timeline dl dd.pos-left .time{
margin:0;	
padding-left:0;	
left:15%;
}
.timeline dl dd .events{
	margin-top:0;
	width:86%!important;
}
.timeline dl dd.odd .events::before{
 border-left-color:none!important;
}
.timeline dl dd .circ{
	top:62px;
}

.ctl-story-detials{
    width:95%;
    float:none;
   padding:2%;
}
.ctl-stories-links{
     width:95%;
    float:none;
    padding:2%;
}

}

@media screen and(min-width:320px) {
.pull-left{
float:none;
}

}


/*
single page

*/


.ctl-single-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.ctl-single-video iframe, .ctl-single-video object, .ctl-single-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.ctl-related-stories {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.ctl-related-stories:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 25px;
  margin-right: -1.5px;
}
.ctl-related-stories-body {
  /*  padding-left: 10px; */
}
h4.ctl-related-stories-title{
       padding-left: 10px;
}
.ctl-header-entry h1{
    padding:10px 0;
}
.ctl-related-stories > li {
  position: relative;
  margin:0;
  padding:0;
}

.ctl-related-stories > li:before,
.ctl-related-stories > li:after {
  content: " ";
  display: table;
}

.ctl-related-stories > li:after {
  clear: both;
}

.ctl-related-stories > li > .ctl-related-stories-panel {
  width: calc( 100% - 40px );
  float: right;
 
  padding:8px;
  
  position: relative;

}
h4.ctl-related-stories-title{
margin:0;
}
.ctl-stories-links h2{
margin:0;
padding:10px;	
}
.ctl-stories-links h4{
margin:0;
padding:5px 10px;	
}
.ctl-stories-links .ctl-related-stories-title{
margin:0;
padding:5px 10px;	
}
.story-date-cont{
	margin:10px 5px;
	}
.story-date{
	padding:5px 10px;
	margin:0;
	}
.ctl-related-stories > li > .ctl-related-stories-badge {
  color: #fff;
  width:16px;
  height:16px;
  line-height:20px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top:13px;
  left:18px;
  margin-right: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  overflow:hidden;
}
i.fa.fa-circle{

}