#info h1{ color:#1F1D1D;font-size: 28px;}
#info{ padding:10px 0 30px;}
#info h1 strong{ color:#c90005;font-weight: normal;}
#info .pe-4x{ font-size: 28px;
color: #c90005;
padding-top: 20px;}
#info .lead{font-size:15px; color:#777;}
#info h4{font-weight: 600; color:#777;font-size: 16px;}
#info p{ color:#777;font-size: 13px;}
.schedule{background-color: #c90005;
padding: 25px 0 50px;
margin-top: 50px;}
.schedule h2{ color:#fff;}
.nav-tabs{}
.nav-tabs li{}
.nav-tabs li a{color: #000;
padding: 18px 50px;
margin-left: -25px;
font-size:16px;}
.nav-tabs li a:hover, .nav-tabs li a:focus{ background:none; color:#fff;}
.nav-tabs li a.active{ background:none;color:#fff!important;}
.schedule-text{ margin-top:30px;border: none;}
.schedule-text .panel-title a{display: block;}
.schedule-text .panel-title a i{ float:right;}

.owl-carousel-speakers .name{ color:#000; font-weight:bold;}
.owl-carousel-speakers .name span{ color:#999; font-size:12px;}
.stats h2{ color: #1F1D1D;
text-align: center;
margin-top: 0;
font-size: 25px;}
.graph{ margin-bottom:30px;}
.participants1{background-image: url(../images/plan.jpg);
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 70px 0;
	color: #fff; height:500px;}
	
	.buttons{padding: 80px 0!important;}
	.buttons a{color: #fff;
background-color: #c90005;
display: block;
float: left;
max-width: 300px;
margin-left: 50px;
padding: 25px 0;
width: 300px;
font-size: 20px;}
.buttons a:hover{ color:#000;}
.section-suctom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
min-height: 300px;}
.panel-body{color:#fff;}

/*.contact-info .icon{background-color: #ED3237;color:#fff; 
border-radius: 50%;
width: 80px;
height: 80px;
line-height: 80px;
font-size: 30px;
margin-bottom:20px;}*/

.contact-info .icon{color:#c90005; 
font-size: 17px;
padding-right: 5px;
}
.contact-info p{line-height: 25px;padding: 8px 0;color:#777;}
.contact-info p a { color:#000;}
.contact-info p a i{padding: 18px 9px; font-size:20px;color:#777;}
.contact-info p a i:hover{color:#000;}
.btn-submit{background-color: transparent!important;
border-radius: 0!important;
color: #C90005!important;
text-transform: uppercase!important;
border: 2px solid #C90005!important;

font-size: 16px!important;width: 22% !important;
max-width: 100% !important;height: 42px !important;}

.btn-submit1{background-color: transparent!important;
border-radius: 0!important;
color: #fff!important;
text-transform: uppercase!important;
border: 2px solid #fff!important;
margin-top: 25px;

font-size: 16px!important;width: 12% !important;
max-width: 100% !important;}

.btn-submit:hover{ background-color:#C90005!important;
 color:#fff!important;}
 
.profile h2{color: #fff;
padding-bottom: 15px;
margin-top: 0;
font-size: 25px;} 
.exhibitors{background-color:#000; color:#fff;padding: 30px 85px 1px;}
.visitors{background-color:#C90005; color:#fff;padding: 30px 85px 59px;}
.exhibitors ul, .visitors ul{font-size: 13px;}
.exhibitors ul li, .visitors ul li{padding-bottom: 10px;
list-style-type: disc;}
.exhibitors ul li ul{padding-left: 15px;
padding-bottom: 0;
padding-top: 5px;
margin-bottom: -12px;}
.exhibitors ul li li{    list-style-type: circle;}
.k-content{background-color:#C90005;padding: 30px 50px 41px;}
.k-content h2{}
.k-content p{ color:#fff;
line-height:25px; 
text-align:justify; }
.image{background: url(../images/nairobi.jpg) no-repeat center top / cover;height: 634px;}
.gallery-img li{float: left;
margin-right: 12px;border-bottom: none;margin-bottom: 8px;}
.gallery-img li a{}
.gallery-img li a img{width:100px; height:100px;}
.checks input{width: 0px!important;
margin-right: 10px;
height: 0px!important;
margin-top: 20px;}

.about-tasshika a{background-color: #c90005;
color: #fff;
text-transform: uppercase;
padding: 10px 20px;
font-size: 12px;}

.event-detail h3{font-size: 22px;
	font-weight: bold;
	clear: both;
	margin-top: 6px;
	color: #1F1D1D;}
	
.event-detail ul li {
	display: inline-block;
}
.event-detail ul.dtl {
	margin-top: 10px;
	margin-bottom: 16px;
}
.event-detail ul.dtl li {
	color: #c90005;
	font-size: 14px;
	margin-right: 5px;
}
.event-detail ul.dtl li i {
	margin-right: 3px;
}
.event-detail p {
	font-size: 14px;
	text-align: justify;
	margin: 0 0 20px;
	color:#777;
}
.event-detail a {
	background-color: transparent;
color: #c90005;

padding: 10px 20px;
font-size: 13px;
border: 1px solid #c90005;
}

.event-detail a:hover{
	background-color: #c90005;
color: #fff;

}
section.upcoming-events .owl-carousel .item .event-desc1{background-color:none!important;
padding: 0!important;}
.event-detail img{border: 1px solid #ddd;
padding: 3px;}

.block{ margin-bottom:40px;}
#about .content .about img {
	float: left;
margin-right: 20px;}
.footer-form{}
.footer-form input{width: 300px;
padding: 10px;
margin-bottom: 7px;
color: #1f1d1d;
border-radius: 0px !important;
border: none;
}
.footer-form textarea{width: 300px;
padding: 10px;
margin-bottom: 10px;
color: #1f1d1d;
height: 107px;
border-radius: 0;
border: none;}

 .footer-form .more-detail1   {background-color: #c90005;
    color: #fff;
   width: 24%;
max-width: 100%;
    font-size: 14px;
 
}
.associates p span{color: #1f1d1d;
font-size: 14px;
font-weight: bold;}
#about .content .associates img {
    float: right;
    margin-left: 20px;
    border: 1px solid #aaa;
    padding: 3px;
}


#about .content .mission-vision img {
	float: right;
margin-left: 20px;
border: 1px solid #aaa;
padding: 3px;
}
@media(max-width:360px){
	header .navbar .navbar-brand img {
    height: 80%;
	margin-left:10px;
}
#timeline{ height:330px!important;}	
}
@media(min-width:320px) and (max-width:1024px){
	
	#about .content .tabs.animated-fade .about-slider .flexslider .slides img{display:none;}
	section.expo-highlight .highlights li p{padding:0;}
}
@media(min-width:320px) and (max-width:767px){
	.buttons a{margin-left: 0;
	margin-top:20px;
width: 300px;}
section.expo-highlight .highlights .highlight-img img{display:none;}
header .top-bar .top-bar1 ul li { float:left; padding:0 10px;}

	
}
@media(min-width:768px) and (max-width:1100px){
	.buttons a{margin-left: 20px;
width: 215px;}
section.timer .print-pack-logo img{ max-width:65%;}
.tree li{padding: 20px 0 0 0!important;}
	
}

@media(min-width:1200px) and (max-width:1280px)
{.visitors{padding: 30px 85px 23px;}
.k-content{background-color:#C90005;padding: 30px 50px 0px;}
.image{height: 642px;}
}
@media(min-width:995px) and (max-width:1100px)
{.visitors{padding:10px 85px 5px;}
.k-content{background-color:#C90005;padding: 30px 50px 0px;}
.image{height: 743px;}
}
@media(min-width:1500px) and (max-width:1699px)
{.visitors{padding:50px 85px 76px;}
.k-content{background-color:#C90005;padding: 30px 50px 114px;}
.image{height: 632px;}
}
@media(min-width:1700px) and (max-width:1920px)
{.visitors{padding:50px 85px 95px;}
.k-content{background-color:#C90005;padding: 30px 50px 140px;}
.image{height: 632px;}
}









/*Now the CSS*/
* {margin: 0; padding: 0;}

.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding:20px 24px 0 23px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li.main-sub::before, .tree li.main-sub::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree .sub li::before, .tree .sub li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}
.tree ul ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}
.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	display: inline-block;
	
	background-color: #777;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #777; color: #fff; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}
.tree .sub li{ float:none;}

.clear{ clear:both;}

.expo h2{color: #1F1D1D;
text-align: center;
margin-top: 0;
font-size: 25px; padding-bottom:30px;}


/* ----------------------------------------------------------------------
	26. Image Hover Effect
---------------------------------------------------------------------- */
.effect-kira {
	position: relative;
	float: left;
	overflow: hidden;
	background: transparent ;
	text-align: center;
	cursor: pointer;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
padding: 3px;
}
.effect-kira img {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.effect-kira figcaption {
	padding: 2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.effect-kira figcaption, .effect-kira figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.effect-kira figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.effect-kira p {
	position: absolute;
	top: 0;
	bottom:14px;
	left: 0;
	right: 0;
	margin: auto;
	
	height: 56px;
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.35s;
	transition: opacity 0.5s, transform 0.35s;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	 color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.effect-kira p i {
	font-size: 20px;
	line-height: 20px;
	padding: 15px;
	width: 50px;
	height: 50px;
	border: 1px solid #1f1d1d;
	margin: 2px;
	color: #1f1d1d;
	background: transparent;
	border-radius: 50px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.effect-hera p i:hover {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: transparent;
}
.effect-kira:hover img { opacity: 0.3; }
.effect-kira:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* ----------------------------------------------------------------------
	27. Icon Hover Effect
---------------------------------------------------------------------- */
/* effect-3a */
.effect-3a {
	position: relative;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.effect-3a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 50%;
	pointer-events: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
	background: transparent;
}
.effect-3a:hover:after {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0;
	background: #c90005;
}
.gallery{ margin-bottom:50px; margin-top:10px;}
.gallery h1{color: #1F1D1D;
font-size: 28px;padding-bottom: 20px;}
.gallery h1 strong {
    color: #c90005;
    font-weight: normal;