/* #Preloaded
==================================================================================================== */
body{
 display:none;
}
#jpreOverlay {
 background-color: #000000;
}
#jpreLoader{
   width: 77px;
   top: 45% !important;
   height: 68px;
   text-indent: -9999999px;
   background: url(../images/preloader.gif) no-repeat;
}
#jprePercentage{
	display:none;
}
/* #Homage
==================================================================================================== */
.page_wrapper{
	position: relative;
	width: 100%;
	overflow-x:hidden;
}
.main_container{
	width: 100%;
}
/* #Header section
==================================  */
.intro_fifteen{font-size: 25px;margin-top: 15px;}
#main_header{
	background: #131313;
	border-bottom: 5px solid #373737;
}
/* Top Logo section */
#main_header .header_left{
	float: left;
	width: 10%;
}
#identity a{
	background: url(../images/safaricom-blog-logo-big.png) no-repeat;
	width: 115px;
	height: 77px;
	display: block;
	padding:10px 5px;
	margin-right: 20px;
	margin-top: 11px;
	margin-left: 11px;
	 transition: 0.3s all;
}
/* Top navigation section */
#main_header .header_right-top{
	float: right;
	position: relative;
}
.header_right-top .top-nav ul{
	float: right;
	margin:0;
	padding: 0;
}
.header_right-top .top-nav ul li{
	float: left;
	margin-right:10px;
	margin-top: 5px;
}
.header_right-top .top-nav ul li a{
	text-decoration: none;
	font-size: 0.8em;
	color: #fff;
	text-transform:uppercase;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.header_right-top .top-nav ul li a:hover, .header_right-top .top-nav ul li.current-menu-item a{
	color: #61a60e;
}
/* Top Main Navigation section */
.header_right_bottom{
	float: left;
	margin-top: 4px;
	margin-left: 25px;
	position: relative;
	width: 86%;
}
#main_nav ul{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
#main_nav ul li{
	float: left;
	margin:0;
	padding: 0;
}
#main_nav ul li a{
	padding: 51px 25px 51px 25px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color:#fff;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
#main_nav ul li a.smartphones{
	border-bottom: 5px solid #005aff;
}
#main_nav ul li a.smartphones:hover{
	background: #005aff;
}
#main_nav ul li a.smartphones.active{
	background: #005aff;
}
#main_nav ul li a.innovation{
	border-bottom: 5px solid #ae13c0;
}
#main_nav ul li a.innovation:hover{
	background: #ae13c0;
}
#main_nav ul li a.innovation.active{
	background: #ae13c0;
}
#main_nav ul li a.social{
	border-bottom: 5px solid #d76f00;
}
#main_nav ul li a.social:hover{
	background: #d76f00;
}
#main_nav ul li a.social.active{
	background: #d76f00;
}
#main_nav ul li a.products{
	border-bottom: 5px solid #628f13;
}
#main_nav ul li a.products:hover{
	background: #628f13;
}
#main_nav ul li a.products.active{
	background: #628f13;
}
#main_nav ul li a.people{
	border-bottom: 5px solid #1aa6ab;
}
#main_nav ul li a.people:hover{
	background: #1aa6ab;
}
#main_nav ul li a.people.active{
	background: #1aa6ab;
}
#main_nav ul li a.gallery{
	border-bottom: 5px solid #b50909;
}
#main_nav ul li a.gallery:hover{
	background: #b50909;
}
#main_nav ul li a.gallery.active{
	background: #b50909;
}

#main_nav ul li a.kenya{
	border-bottom: 5px solid #238d80;
}
#main_nav ul li a.kenya:hover{
	background: #238d80;
}
#main_nav ul li a.kenya.active{
	background: #238d80;
}

#main_nav ul li a.safaricom{
	border-bottom: 5px solid #CDDC39;
}
#main_nav ul li a.safaricom:hover{
	background: #CDDC39;
}
#main_nav ul li a.safaricom.active{
	background: #CDDC39;
}
/* Top Main Search section */
.site_search{
	float: right;
	width: 406px;
	position: relative;
}

.sb-search {
	position: fixed;
	width: 0%;
	min-width: 50px;
	height: 50px;
	float: right;
	top: 63px;
	right: 0;
	overflow: hidden;
	transition: 1s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 50px;
	border: none;
	outline: none;
	background: #fff;
	width: 250px;
	margin: 0;
	z-index: 10;
	padding: 13px 19px;
	font-family: inherit;
	color: #333;
	font-size: 1.1em;
	transition: 0.3s all;
}
.sb-search-input placeholder{
	color: #565757;
}
.sb-search-input::-webkit-input-placeholder {
	color: #565757;
}

.sb-search-input:-moz-placeholder {
	color: #565757;
}

.sb-search-input::-moz-placeholder {
	color: #565757;
}

.sb-search-input:-ms-input-placeholder {
	color: #565757;
}

.sb-icon-search,
.sb-search-submit  {
	width: 50px;
	height: 45px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	outline:none;
	border-bottom: 5px solid #a7a227;
	-webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}
.sb-icon-search:hover{
	background-color: #a7a227;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	z-index: 90;
	font-size: 22px;
	background: #040404 url(../images/search-btn.png) 14px 11px  no-repeat;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 28%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #040404 url(../images/search-btn.png)  14px 11px  no-repeat;
	color: #fff;
	z-index: 11;
	background-color: #a7a227;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/* Adavanced search */
.advanced_search_wrap{
	background: #fff;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
}
.advanced_search{
	margin: 0 auto;
	width: 96%;
}
.advanced_search h1{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1.5;
	margin: 0;
}
.advanced_search p {
	margin: 0;
}
.advanced_search .adv_input_search {
	border: 1px solid #ccc !important;
	padding: 14px;
	width: 91%;
	float: left;
	outline: none;
	color: #888;
	font-size: 0.9em;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	border-radius: 0px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.advanced_search .adv_input_sub {
	color: #fff;
	z-index: 90;
	background: #040404 url(../images/search-btn.png) 14px 11px no-repeat;
	border: none;
	height: 46px;
	outline: none;
	width: 50px;
	cursor: pointer;
	border-bottom: 5px solid #a7a227;
	margin-top: 2px;
}
.advanced_search .search_text{
	float: left;
	width: 99%;
	position: relative;
	margin-top: 10px;
	background: #f2f2f2;
	padding: 10px;
}
.advanced_search .search_text h3{
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	margin-top: 10px;
}
.searched_terms{
	color:#61a60e;
	font-weight:bold;
}
/* #Home Grids section
==================================  */
.saf_grid_container{
	position: relative;
	width: 100%;
	float: left;
	margin-top: 113px;

}
.main_grid_section{
	margin-right: 300px;
}
.home_featured_article{
	position: relative;
	height: 550px;
	overflow: hidden;
}
.home_featured_pattern{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: url(../images/feature_img_pattern.png) repeat;
}
.article_date_pub{
	position:absolute;
	left:10px;
	top:0;
	background:#000;
	color:#fff;
	z-index:99999;
	padding:10px;
	text-align:center;
	transition: 0.9s all;
}
.article_date_pub.video_article_date_pub{
	right:10px;
	left:inherit;
}
.article_date_pub .article_date{
	font-size:25px;
}
.article_date_pub span{
	display:block;
}
.home_featured_article #load_profile_pic img{
	position:absolute;
	height:100%;
	display: block;
	margin-left:50%;
	left:-275px;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.home_featured_article img{
	position:absolute;
	height:100%;
	display: block;
	margin-left:50%;
	left:-575px;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.home_featured_article:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.home_featured_article .home_featured_info{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	border-left:5px solid;
	z-index: 99;
}
.featured_article_social_color{
	color: #d76f00;
}
.featured_article_gallery_color{
	color: #b50909;
}
.featured_article_gallery_color .view-more-links ul li a:hover, .featured_content .view-more-links ul li a i.goto_ico:hover{
	background-color: #b50909;
}

.home_featured_info .featured_content{
	margin:0 10px;
	color: #ffffff;
}
.featured_category{
	padding: 10px 0 0 0;
	display: block;
	text-transform:uppercase;
	font-weight:bold;
}
.home_featured_info .featured_content h1{
	font-size: 1.5em;
	color: #fff;
	line-height: 1;
	margin: 0;
	padding: 10px 0 20px;
	text-transform: uppercase;
	/*width: 70%;*/
}
.featured_content_left{
	float: left;
	width: 80%;
	font-size: 14px;
}
.featured_content_left .grid_2 a.featured_writer_ico {
	background: url(../images/feature_writer_ico.png) 9px 9px no-repeat;
	display: block;
	float: left;
	padding: 11px 36px;
	color: #fff;
	text-decoration: none;
	margin-left: -8px;
	font-size: 12px;
	text-transform:uppercase;
}
.featured_content_left .grid_2 h2,
.featured_content_left .grid_3 h2 {
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	margin-right: 40px;
	color: #fff;
	margin-top: 2px;
	font-weight:bold;
}
.featured_content_left .grid_2 a.featured_msg_ico{
	background: url(../images/feature_message_ico.png) 9px 10px no-repeat;
	display: block;
	float: left;
	padding: 11px 36px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
}
.featured_content_left .grid_2 a.featured_msg_ico .featured_msg_comments{
		display:none;
}
.featured_content_right{
	float: left;
	width: 40%;
}
.home_cat_article{
	position: relative;
	height: 270px;
	min-height: 100%;
	overflow: hidden;
	color: #000;
	font-size: 14px;
}
.home_cat_article_left{
	float: left;
	width: 300px;
	overflow: hidden;
	margin-right:15px;
	position:relative;
	height: 100%;
}
div.home_cat_article_right {
	margin-left: 300px;
	margin-right: 10px;
}
div.home_cat_article_right a{
	text-decoration:none;
	-webkit-transition: color 0.5s ease-out;
          transition: color 0.5s ease-out;
}

.home_cat_article img{
	height: 100%;
	display: block;
	cursor: pointer;
	position:absolute;
	margin-left:50%;
	/*left:-190px;*/
	left:-239px;
	-webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.gallery_cat_article img, .video_cat_article img{
	width:100%;
	height:auto;
	left:0;
	margin-left:0%;
}
.home_cat_article:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.cat_boda_intro_left{
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom:5px;
	position:relative;
	top:6px;
	display:block;
}
/* category border colors */
.view-more-links ul li a:hover i.goto_ico, .view-more-links ul li a:hover{
	background-color: #61a60e;
}
.add_to_fav_form .input_sub:hover {
	background-color: #61a60e;
}
.cat_line_pattern{
	display: block;
	float: left;
	width: 12px;
	height: 0px;
	margin-right: 6px;
	border-bottom: 18px solid;
}
.community_line .cat_line_pattern{
	border-bottom-color: #999999;
}
.social_cat_article .cat_line_pattern{
	border-bottom-color: #d76f00;
}
.social_cat_article{
	border-bottom:5px solid #d76f00;
}
.mykenya_cat_article{
	border-bottom:5px solid #238d80;
}
.years_cat_article{
	border-bottom:5px solid #CDDC39;
}
.innovation_cat_article .cat_line_pattern{
	border-bottom-color: #ae13c0;
}
.innovation_cat_article{
	border-bottom:5px solid #ae13c0;
}
.gallery_cat_article .cat_line_pattern{
	border-bottom-color: #b50909;
}
.gallery_cat_article, .video_cat_article{
	border-bottom:5px solid #b50909;
}
.smartphones_cat_article{
	border-bottom:5px solid #3366cc;
}
.smartphones_cat_article .cat_line_pattern{
	border-bottom-color: #3366cc;
}

.products_cat_article{
	border-bottom:5px solid #628f13;
}
.products_cat_article .cat_line_pattern{
	border-bottom-color: #628f13;
}
.people_cat_article{
	border-bottom:5px solid #1aa6ab;
}
.people_cat_article .cat_line_pattern{
	border-bottom-color: #1aa6ab;
}
.default_cat_article{
	border-bottom:5px solid #999999;
}
.default_cat_article .cat_line_pattern{
	border-bottom-color: #999999;
}

.home_cat_article_right h2{
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #333333;
	margin: 0;
	line-height: 1.2;
	padding-top:8px;
	margin-bottom:5px;
}
.home_cat_article_right_cont{
	margin-top: 5px;
	line-height: 1.5;
	height:100px;
	overflow:hidden;
}
.cat_article_writer{
	display: block;
	font-size: 12px;
	padding:4px 0;
	line-height:1.7;
	text-transform:uppercase;
}

.article_writer_ico{
	background: url(../images/writer_ico.png) 5px 0 no-repeat;
	display: block;
	float: left;
	padding: 11px 15px;
}
.article_msg_ico{
	background: url(../images/writer_message_ico.png) 5px 0 no-repeat;
	display: block;
	float: left;
	padding: 9px 15px;
}
/* Socials */
.view-more-links{
	position: absolute;
	bottom: -9px;
	right: 1px;
	z-index:9999;
}
.view-more-links ul{
	margin: 0;
}
.view-more-links ul li{
	margin-left: 2px;
	float: left;
	overflow: hidden;
	list-style-type:none !important;
}
.saf_blog_writer .view-more-links ul li{
	overflow:visible;
	position:relative;
}
.view-more-links ul li  a{
	background: #343434;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}

.view-more-links ul li a  span{
	position: relative;
	top: 10px;
	right: 25px;
}
.view-more-links ul li a i.goto_ico {
	display: block;
	background-image: url(../images/goto_arrow.png);
	background-repeat: no-repeat;
	background-position: 7px 10px;
	width: 18px;
	margin-left: 129px;
	margin-top: -20px;
	height: 20px;
	padding: 10px;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.view-more-links ul li a i.goto_ico{
	background-color: #999999;
}
/* feature/articles hover color */
.social_cat_article .view-more-links ul li a:hover i.goto_ico,
.featured_content .view-more-links ul li a i.goto_ico:hover,
.social_cat_article .view-more-links li  a:hover,
.featured_content .view-more-links li a:hover, .social_cat_article .add_to_fav_form .input_sub:hover, .social_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #d76f00;
}
.featured_article_social_color  .view-more-links ul li a:hover i.goto_ico,
.featured_article_social_colorr .view-more-links li  a:hover, .featured_article_social_color .add_to_fav_form .input_sub:hover, .featured_article_social_color .add_to_fav_form .add_fav_close:hover{
	background-color: #d76f00;
}
.featured_article_innovation_color  .view-more-links ul li a:hover i.goto_ico,
.featured_article_innovation_color .view-more-links li  a:hover, .featured_article_innovation_color .add_to_fav_form .input_sub:hover, .featured_article_innovation_color .add_to_fav_form .add_fav_close:hover{
	background-color: #ae13c0;
}
.featured_article_innovation_color{
	color: #ae13c0;
}
.featured_article_gallery_color .view-more-links ul li a:hover i.goto_ico,
.featured_article_gallery_color  .view-more-links li  a:hover, .featured_article_gallery_color .add_to_fav_form .input_sub:hover, .featured_article_gallery_color .add_to_fav_form .add_fav_close:hover{
	background-color: #b50909;
}
.featured_article_gallery_color{
	color: #b50909;
}
.featured_article_smartphones_color .view-more-links ul li a:hover i.goto_ico,
.featured_article_smartphones_color .view-more-links li  a:hover, .featured_article_smartphones_color .add_to_fav_form .input_sub:hover, .featured_article_smartphones_color .add_to_fav_form .add_fav_close:hover{
	background-color: #005aff;
}
.featured_article_smartphones_color{
	color: #005aff;
}
.featured_article_products_color .view-more-links ul li a i.goto_ico:hover,
.featured_article_products_color .view-more-links li  a:hover, .featured_article_products_color .add_to_fav_form .input_sub:hover, .featured_article_products_color .add_to_fav_form .add_fav_close:hover{
	background-color: #628f13;
}
.featured_article_products_color{
	color: #628f13;
}
.featured_article_people_color .view-more-links ul li a:hover i.goto_ico,
.featured_article_people_color  .view-more-links li  a:hover, .featured_article_people_color .add_to_fav_form .input_sub:hover,  .featured_article_people_color .add_to_fav_form .add_fav_close:hover{
	background-color: #1aa6ab;
}
.featured_article_people_color{
	color: #1aa6ab;
}
.products_cat_article .view-more-links ul li a:hover i.goto_ico,
.products_cat_article  .view-more-links li  a:hover, .products_cat_article .add_to_fav_form .input_sub:hover, .products_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #628f13;
}
.smartphones_cat_article .view-more-links ul li a:hover i.goto_ico,
.smartphones_cat_article .view-more-links li  a:hover, .smartphones_cat_article .add_to_fav_form .input_sub:hover, .smartphones_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #005aff;
}
.innovation_cat_article .view-more-links ul li a:hover i.goto_ico,
.innovation_cat_article .view-more-links li  a:hover, .innovation_cat_article .add_to_fav_form .input_sub:hover, .innovation_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #ae13c0;
}
.people_cat_article .view-more-links ul li a:hover i.goto_ico,
.people_cat_article .view-more-links li  a:hover, .people_cat_article .add_to_fav_form .input_sub:hover, .people_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #1aa6ab;
}
.video_cat_article .view-more-links ul li a:hover i.goto_ico,
.video_cat_article .view-more-links li  a:hover, .video_cat_article .add_to_fav_form .input_sub:hover, .video_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #b50909;
}
.gallery_cat_article .view-more-links ul li a:hover i.goto_ico,
.gallery_cat_article .view-more-links li  a:hover, .gallery_cat_article .add_to_fav_form .input_sub:hover, .gallery_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #b50909;
}
.default_cat_article .view-more-links ul li a:hover i.goto_ico,
.default_cat_article .view-more-links li  a:hover, .default_cat_article .add_to_fav_form .input_sub:hover, .default_cat_article .add_to_fav_form .add_fav_close:hover{
	background-color: #999999;
}
.view-more-links ul li a.add_to_fav{
	background-image: url(../images/add-to-fav.png);
	background-repeat: no-repeat;
	background-position: 8px -35px;
	padding: 19px 20px;
}
 .view-more-links ul li a.add_to_fav:hover{
		background-position: 8px 7px;
}
.view-more-links ul li a.add_to_fav_hidden{
	background-image: url(../images/add-to-fav.png);
	background-repeat: no-repeat;
	background-position: 8px -35px;
	padding: 19px 20px;
}
 .view-more-links ul li a.add_to_fav_hidden:hover{
		background-position: 8px 7px;
}
 .view-more-links ul li a.view_social{
	background-image: url(../images/share-ico.png);
	background-repeat: no-repeat;
	background-position: 8px -33px;
	padding: 19px 20px;
}
.add_to_fav_form{
	background: #999;
	position: absolute;
	top: -68px;
	right: 0;
	width: 232px;
	z-index: 9999999;
	padding: 10px;
	height: 36px;
	display: none;
}
.add_to_fav_form .error_fav{
	position: absolute;
	top: -22px;
	background: red;
	color:#fff;
	font-size: 0.9em;
	left: 0;
	right: 0;
	padding: 1px 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.add_to_fav_form  .success_fav{
	position: absolute;
	top: -22px;
	background: #61a60e;
	font-size: 0.9em;
	color:#fff;
	left: 0;
	right: 0;
	padding: 1px 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.fav_user_known{
	position: absolute;
	top: -22px;
	background: #61a60e;
	font-size: 0.9em;
	color:#fff;
	display:none;
	left: 0;
	right: 0;
	padding: 1px 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.add_to_fav_form .add_fav_close{
	background: #000 url(../images/close_fav_form.png) no-repeat 3px 1px;
	padding: 11px 12px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.8s ease-out;
	transition: background-color 0.8s ease-out;
}
.add_to_fav_form .add_fav_arrow {
	background: url(../images/add_fav_icon.png) no-repeat 0 5px;
	padding: 12px 13px;
	right: 46px;
	position: absolute;
	bottom: -13px;
}
.add_to_fav_form .input_text {
	padding: 8px 5px;
	width: 132px;
	outline: none;
	border: 1px solid #fff !important;
	color: #888;
	float: left;
}
.add_to_fav_form .input_sub {
	border: none;
	background: #000;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	outline: none;
	text-align: center;
	font-size: 13px;
	padding: 8px 18px;
	float: left;
	cursor: pointer;
	font-weight: normal;
	-webkit-transition: background-color 0.8s ease-out;
	transition: background-color 0.8s ease-out;
}
.view-more-links ul li a.view_social:hover{
	background-position: 8px 9px;
}
.video_cat_caption_title{
	background: #b50909;
	position: absolute;
	top: 9px;
	text-transform: uppercase;
}
.video_cat_caption_title h2{
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding: 14px 24px;
	line-height: 0;
	margin: 0;
	font-weight: bold;
}
.video_cat_article_caption {
	position: absolute;
	color: #fff;
	top: 37px;
	z-index: 999;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	padding: 10px;
	text-align: left;
	width: 251px;
	 -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
}
.gallery_cat_article h1, .video_cat_article_caption h1{
	font-size: 1.1em;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	line-height: 1.2;
	width: 80%;
}
.video_cat_article_caption a.featured_msg_ico {
	background: url(../images/feature_message_ico.png) 1px 11px no-repeat;
	display: block;
	float: left;
	padding: 11px 31px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

/* #Leftbar Blogwriters/community
==================================  */
.main_edit_section{
	width: 300px;
	float: right;
	background: #f1f1f1;
	/*height: 100%;*/
	position: relative;
	padding-bottom: 20px;
}
.saf_blog_writer {
	margin: 0 auto;
	width: 91%;
	position: relative;
}
.saf_blog_writer .writer_login{
	float: left;
	position: relative;
	width: 100%;
	display: none;
	top: 10px;
}
.saf_blog_writer .writer_login h2{
	color: #696969;
	font-size: 1em;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.saf_blog_writer .writer_login .input_text_login{
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	outline: none;
	margin-bottom: 5px;
	color: #888;
	font-size: 0.9em;
}
.saf_blog_writer .writer_login .writer_login_error{
	background: red;
	color: #fff;
	display: block;
	width: 100%;
	display: none;
	padding: 2px 10px;
	margin-bottom: 5px;
}
.saf_blog_writer .writer_login .writer_login_sub{
	color: #fff;
	background-color: #00a8ff;
	font-size: 1em;
	padding: 10px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 11px;
	border: none;
	width: 130px;
	font-weight: normal;
	cursor: pointer;
	outline:none;
	-webkit-transition: background-color 0.8s ease-out;
	transition: background-color 0.8s ease-out;
}
.saf_blog_writer .writer_login .writer_login_sub:hover{
	background-color:#000;
}
.saf_blog_writer .writer_login .forgot_pass_link a{
	text-decoration:none;
	color: #696969;
	padding-bottom:15px;
	display:block;
	font-size:12px;
}
.saf_blog_writer .writer_login .forgot_pass_link a:hover{
	text-decoration:underline;
}
.saf_blog_writer .writer_login .forgot_password_section{
	display:none;
	margin-bottom: 20px;
}
.saf_blog_writer .main_edit_section h4, .saf_blog_writer > h4{
	text-align: center;
	color: #343434;
	padding: 10px 0;
}
.saf_blog_writer .view-more-links {
	position: relative;
	bottom: 0;
}
.saf_blog_writer .view-more-links ul li a span {
	position: relative;
	top: 7px;
	right: 18px;
}
.saf_blog_writer  .view-more-links ul li a i.goto_ico {
	background-position: 4px 6px;
	margin-top: -18px;
	padding: 7px 7px 6px;
	margin-left: 136px;
	font-size: 0.8em;
}
.saf_blog_writer .view-more-links ul li a.blog_login{
	display: block;
	background-image: url(../images/login_lock_ico.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	width: 18px;
	padding: 1.19em 11px;
	background-color: #00a8ff;
}
.saf_blog_writer .view-more-links ul li a.blog_login:hover{
	background-color:#000;
}
.saf_blog_writer .view-more-links ul li a.add_to_fav {
	background-position: 8px -38px;
	padding: 1.19em 20px;
}
.saf_blog_writer .view-more-links ul li a.view_social {
	background-position: 6px -36px;
	padding: 1.19em 19px;
}
.saf_blog_writer  ul.view-socials-hovered {
	position: absolute;
	bottom: 34px;
	right: 30px;
	display: none;
}
.saf_blog_writer ul.view-socials-hovered li a {
	padding: 10px 16px;
	right: 4px;
}
.saf_blog_writer_news .saf_blog_tabs{
	float: left;
	margin-top: 10px;
}

.saf_blog_writer_news ul.saf_blog_tabs{
	padding: 0;
	border-bottom: 1px solid #61a60e;
	margin-top: 10px;
	margin-bottom: 0;
	width: 100%;
}
.saf_blog_writer_news ul.saf_blog_tabs li{
	float: left;
	margin-bottom: 0;

}
.saf_blog_writer_news ul.saf_blog_tabs li + li{
}
.saf_blog_writer_news ul.saf_blog_tabs li a{
	display: block;
	color: #696969;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 1.5em;
	text-align: center;
	-webkit-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
}
.saf_blog_writer_news ul.saf_blog_tabs li a:hover, .saf_blog_writer_news ul.saf_blog_tabs li.current_new_tab a{
	background-color: #61a60e;
	color: #fff;
}

.saf_blog_writer_news ul.saf_blog_tabs li a i{
	background-repeat: no-repeat;
	padding: 10px 14px 10px 11px;
	background-position: 2px 8px;
	-webkit-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
}
.saf_blog_writer_news ul.saf_blog_tabs li a span{
	display: block;
}
.tab-content {
    display: none;
    position: relative;
 	margin-top:10px;
}
.tab-content ul{
	margin:0;
}
#popuplar_news, #popuplar_news_mobile{
 display: block;
}
#archive_news ul.archive li, #archive_news_mobile ul.archive li{
	border-bottom:1px solid #ccc;
	float:left;
	width:100%;
	margin:0;
}
#archive_news ul.archive li a, #archive_news_mobile ul.archive li a	{
	display:block;
	padding:8px 0;
}
.saf_blog_writer_news ul.saf_blog_tabs li a i.popular_ico{
	background-image: url(../images/popular_icon.png);
}
.saf_blog_writer_news ul.saf_blog_tabs li a:hover i.popular_ico, .saf_blog_writer_news ul.saf_blog_tabs li.current_new_tab a i.popular_ico{
	background-image: url(../images/popular_icon_hover.png);
}
.saf_blog_writer_news ul.saf_blog_tabs li a i.favourite_ico{
	background-image: url(../images/favourite_icon.png);
}
.saf_blog_writer_news ul.saf_blog_tabs li a:hover i.favourite_ico, .saf_blog_writer_news ul.saf_blog_tabs li.current_new_tab a i.favourite_ico{
	background-image: url(../images/favourite_icon_hover.png);
}
.saf_blog_writer_news ul.saf_blog_tabs li a i.archive_ico{
	background-image: url(../images/archive_icon.png);
}
.saf_blog_writer_news ul.saf_blog_tabs li a:hover i.archive_ico, .saf_blog_writer_news ul.saf_blog_tabs li.current_new_tab a i.archive_ico{
	background-image: url(../images/archive_icon_hover.png);
}

.saf_blog_writer_news #saf_blog_tabs_container, .saf_blog_writer_news #saf_blog_tabs_container_mobile  {
	float: left;
	width: 100%;
	text-align: left;
	position: relative;
}
.saf_blog_tabs_content{
 	border-bottom: 1px solid #ccc;
 	padding-bottom: 5px;
 	float: left;
	width:100%;
}
.saf_blog_writer_news #saf_blog_tabs_container h4, .saf_blog_writer_news #saf_blog_tabs_container_mobile h4{
	float: left;
	width: 50%;
	text-transform: uppercase;
	margin: 0;
	line-height: 34px;
	font-size: .9em;
	color: #565757;
	font-weight: bold;
}
.saf_blog_writer span.aside_typewrite {
	margin: 0 auto;
	width: 70%;
	display: block;
}
.saf_blog_writer_news #saf_blog_tabs_container a, .saf_blog_writer_news #saf_blog_tabs_container_mobile a{
	width: 100%;
	font-size: 13px;
	text-decoration: none;
	float: left;
	line-height: 1.5;
	color: #181818;
	-webkit-transition: color 0.5s ease-out;
          transition: color 0.5s ease-out;
}
.saf_blog_writer_news #saf_blog_tabs_container a:hover, .saf_blog_writer_news #saf_blog_tabs_container_mobile a:hover,  a.cat_article_writer:hover{
	color: #61a60e;
}
.saf_blog_writer_news #saf_blog_tabs_container .article_msg_ico, .saf_blog_writer_news #saf_blog_tabs_container_mobile .article_msg_ico {
	background: url(../images/writer_message_ico.png) 5px 4px no-repeat;
	display: block;
	float: right;
	padding: 5px 10px 10px 30px;
}
.saf_blog_writer_news .saf_blog_community{
	width: 100%;
	margin-top: -28px;
}
.saf_blog_writer_news .saf_blog_community h4{
	float: left;
	width: 50%;
	color: #61a60e;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	text-align: left;
	line-height: 41px;
}
.saf_blog_writer_news .saf_blog_community .saf_blog_cta_ico{
	display: block;
	background-image: url(../images/goto_arrow.png);
	background-repeat: no-repeat;
	background-position: 7px 10px;
	background-color: #929292;
	float: right;
	padding: 8px 2px;
	margin-top: 10px;
	height: 19px;
	width: 36px;
}
.saf_blog_writer_news .saf_blog_community .saf_blog_cta_ico:hover,
.saf_blog_writer .view-more-links ul li a:hover i.goto_ico,
.saf_blog_writer .view-more-links a:hover,
.saf_blog_community_write a:hover, .writer_logins a:hover, .single_article_tags a:hover{
	text-decoration:none !important;
	background-color: #61a60e;
	-webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.saf_blog_community span{
	border-bottom: 1px solid #61a60e;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.saf_blog_community img{
	max-width: 69px;
	width: 100%;
	height: 70px;
	overflow: hidden;
	margin-right: 10px;
}
.saf_blog_community .writer_profile_pic{
	float: left;
}
.saf_blog_community  h5{
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	text-align: left;
}
.saf_blog_community_write{
	border-bottom: 1px solid #ccc;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px
}
.saf_blog_community_write a{
	background-color: #929292;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	-webkit-transition: color 0.5s ease-out;
          transition: color 0.5s ease-out;
}
.writer_logins{
	margin-bottom:42px;
}
.writer_logins a{
	background-color: #929292;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	margin:9px 0;
	display:block;
	-webkit-transition: color 0.5s ease-out;
          transition: color 0.5s ease-out;
}
/* #Single article
==================================================================================================== */
/* Banner */
#banner {
	color: #fff;
	height: 512px;
	width: 100%;
	position:relative;
	overflow:hidden;
	background-color:#000;
}
#banner img{
	width:100%;
	position:absolute;
	top:0;
}
.single_article_video{
	/*border-bottom: 5px solid #b50909;*/
}
.single_article_banner{
	width: 100%;
	position: relative;
}
#banner  .banner_img_caption{
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	left: 0;
	right:0;
	z-index: 99;
}
#banner  .banner_img_caption h1{
	font-size: 1.5em;
	color: #fff;
	line-height: 1;
	margin: 0;
	padding: 10px 0;
}
#banner  .banner_img_caption .featured_content_left .grid_2 a.featured_msg_ico{
	background: url(../images/feature_message_ico.png) 9px 15px no-repeat;
}
#banner  .banner_img_caption .featured_content_left .grid_2 a.featured_writer_ico {
	background: url(../images/feature_writer_ico.png) 9px 14px no-repeat;
}
/* Banner end */
/* Banner Video */
#banner iframe, #banner object, #banner embed {
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    margin: 0;
    z-index: 1;
}
.container_single_margin{
	margin-top:30px;
}
.container_single_content iframe,
.container_single_content object,
.container_single_content embed{
	width:100%;
}
.container_single_content  p:first-child{
   font-size: 23px;
   line-height: 1.2;
}
.container_single_content a{
   text-decoration: none;
}
.container_single_content a:hover{
   text-decoration: underline;
}
.container_single_content ul li{
   list-style-type: disc;
   list-style-position: inside;
}
.container_single_content img {
   margin: 0 auto;
   max-width: 100%;
}
.single_article_top_share{
	float: left;
	position: relative;
	width: 100%;
	color: #343434;
}
.single_article_top_share h1{
	font-size: 1.5em;
	color: #343434;
	line-height: 1;
	margin: 0;
	padding: 10px 0;
}
.single_article_top_share .featured_content_left .grid_3 a.featured_writer_ico {
	background: url(../images/writer_ico.png) 9px 13px no-repeat;
	display: block;
	float: left;
	padding: 11px 36px;
	color: #343434;
	text-decoration: none;
	margin-left: -8px;
}
.single_article_top_share .featured_content_left .grid_3 a.featured_msg_ico {
	background: url(../images/writer_message_ico.png) 9px 16px no-repeat;
	display: block;
	float: left;
	padding: 11px 36px;
	color: #343434;
	text-decoration: none;
	text-transform: uppercase;
}
.single_article_top_share  .featured_content_left {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.single_article_top_share .featured_content_left .grid_3  h2{
	color: #343434;
}

.single_article_top_share .featured_content_left .single_article_border_left h2{
	border-left: 10px solid;
	border-left-color: #b50909;
	margin-top: 12px;
	padding: 1px 10px;
	height: 17px;
	line-height: 19px;
}
.single_article_share .view-more-links {
	z-index: 999999;
}
/* Banner Video end */
.inner_header {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.5s all;
}
.inner_header.header_fixed  #identity a{
	background: url(../images/safaricom-blog-logo-small.png) no-repeat;
	width: 100px;
	height: 44px;
	margin-top: 10px;
	top: 5px;
	position: relative;
	margin-left: 23px;
	transition: 0.5s all;
}
.inner_header.header_fixed #main_nav ul li a {
	padding: 32px 25px 32px 25px;
	transition: 0.5s all;
}
.inner_header.header_fixed .header_right_bottom {
	margin-top: -10px;
}
.inner_header.header_fixed .sb-search {
	top: 29px;
	transition: 0.5s all;
}
.single_article_banner .article_gallery {
	width: 100%;
	margin: auto;
	position: relative;
}
.single_article_banner  #galleria {
	height: 600px;
}
.single_article_banner .galleria-container {
	height: 600px !important;
}
.single_article_banner .galleria-image {
	height: 545px;
}
/* Article content  */
.container_single_content_wrap{
	/*float: left;*/
	position: relative;
}
.container_single_content{
	margin: 0 auto;
	width: 72%;
	padding-top: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #343434;
}
.container_single_content .home_cat_article{
	overflow: visible;
}
.container_single_content > p:first-child{
	font-size: 25px;
	margin-top:15px;
}
.container_single_content a{
 	text-decoration: none;
	color:#61a60e;
}
.container_single_content a:hover{
	 text-decoration: underline;
}
.container_single_content ul li{
	 list-style-type: disc;
	 list-style-position: inside;
}
.container_single_content img {
	 margin: 0 auto;
	 max-width: 100%;
}
.container_single_content h1{
	margin-top:15px;
	font-size:30px;
}
.container_single_content h2{
	margin-top:15px;
	font-size:25px;
}
.container_single_content h3{
	margin-top:15px;
	font-size:18px;
}
.container_single_content h4{
	margin-top:15px;
	font-size:16px;
}
.container_single_content h5{
	margin-top:15px;
	font-size:14px;
}
.container_single_content h6{
	margin-top:15px;
	font-size:12px;
}
.container_single_content .home_cat_article_left {
	width: 180px;
	height: 162px;
	overflow: hidden;
}
.single_article_comments{
	float: left;
	width: 100%;
	font-size: 14px;
}
.comments_numb_wrap{
	width: 100%;
	float: left;
}
.comments_numb_wrap .view-more-links ul li  a:hover, .comments_numb_wrap .add_to_fav_form .input_sub:hover, .add_to_fav_form .add_fav_close:hover{
	background-color:#63ba4b;
}
.single_article_comments a.article_comments_numb{
	float: left;
	text-decoration: none;
	color: #444;
	font-size: 1.8em;
	margin-bottom: 14px;
	background: url(../images/show_more_comments.png) 99% 16px no-repeat;
	padding: 10px 45px 10px 0;
}
.single_article_comments .saf_blog_community_write{
	border: none;
	background:#f0f0f0;
	padding-bottom: 0;
	font-size: 1em;
	min-height: 100px;
	padding:10px;
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
.single_article_comments .saf_blog_community_write a{
	color:#fff;
}
.top_article_comments img {
	max-width: 69px;
	width: 100%;
	height: 70px;
	overflow: hidden;
	margin-right: 15px;
	float: left;
}
.single_article_comments .saf_blog_community_write h5{
	font-size: 12px;
	margin: 5px 0;
}
.single_article_comments .saf_blog_community_write p{
	font-size: 0.9em;
	font-size: 0.9em;
	margin: 10px 0;
	padding: 0 10px;
	line-height: 1.3;
}
.single_article_share{
	position: relative;
}
.single_article_share .view-more-links{
	position: absolute;
	bottom: -52px;
	right: 0;
}
.single_article_share .view-more-links ul li a.view_social:hover{
	background-color: #61a60e;
}
.container_single_content > .home_cat_article_right h2 {
	font-size: 1em;
}
.single_article_tags{
	float: left;
	width: 100%;
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
.single_article_tags span{
	text-transform: uppercase;
	font-size: 1em;
}
.single_article_tags a{
	display:inline-block;
	background: #343434;
	color: #fff;
	padding: 3px 15px;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
	margin-left: 10px;
}
.container_single_content div.home_cat_article_right {
	margin-left: 0px;
	padding-right: 10px;
}
.container_single_content .home_cat_article {
	max-height: 162px;
}
/* Add to favourite all */
.single_article_comments .add_to_fav_form .add_fav_arrow {
	margin-right: -8px;
}
/* Socila icon */
.single_article_comments ul.view-socials-hovered {
	right: 31px;
}
.saf_blog_writer ul.view-socials-hovered{
	z-index:999;
}
ul.view-socials-hovered{
	position: absolute;
	bottom: 50px;
	right: 31px;
	width: 11px;
	z-index:99999999999;
	display: none;
}
ul.view-socials-hovered li{
	margin-bottom: 2px;
}
ul.view-socials-hovered li a{
	padding: 10px 17px 10px 16px;
	background-color: #aaa9a9;
	width: 7px;
	height: 22px;
	text-indent: 9999999px;
}
ul.view-socials-hovered li a.fb_icon{
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -2px -165px;
}
ul.view-socials-hovered li a.tw_icon{
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -2px -126px;
}
ul.view-socials-hovered li a.gplus_icon{
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -2px -83px;
}
ul.view-socials-hovered li a.pin_icon{
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -2px -44px;
}
ul.view-socials-hovered li a.insta_icon{
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}
/*.banner_img_caption .view-more-links ul li a{
	background-color:  #d76f00;
}*/

/* #Content profile form/ #Content create account form
==================================  */
.error_msg{
	display: block;
	color: red;
	line-height: 2;
	margin-top: -5px;
	font-size: 0.9em;
}

.success_msg{
    display: block;
    width: 100%;
    padding: 10px 5px;
    color: green;
    background: #fff;
}
.input_border_error{
    border: 1px solid red !important;
}
.create_account_content{
	margin: 10px auto 0;
	width: 92%;
}
.create_account_content h1{
	font-size: 2em;
	margin-bottom: 0px;
}
.container_single_content .profile_form{
	width: 70%;
	position: relative;
	margin-bottom: 20px;
}
.container_single_content .profile_form label{
	font-size:16px;
	font-weight:normal;
}
.container_single_content .profile_form .input_text, .create_account_content .account_form .input_text{
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	outline: none;
	color: #888;
	margin-bottom: 5px;
	font-size: 14px;
	border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
.container_single_content .profile_form .input_text{
	margin-bottom:15px;
}
.container_single_content .profile_form .input_textarea, .create_account_content .account_form  .input_textarea{
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	outline: none;
	color: #888;
	margin-bottom: 5px;
	height: 120px;
	font-size: 14px;
	border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
.input_text_numb{
	border: 1px solid #ccc !important;
	padding: 6px;
	width: 20%;
	outline: none;
	color: #888;
	margin-bottom: 5px;
	margin-left: 6px;
	font-size: 14px;
	border-radius: 2px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.container_single_content .profile_form .sub_content, .account_form .sub_content {
	border: none;
	padding: 10px;
	width: 100%;
	outline: none;
	color: #fff;
	background-color: #00a8ff;
	border: 1px solid #00a8ff;
	margin-bottom: 5px;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	-webkit-transition: color 0.9s ease-out;
          transition: color 0.9s ease-out;
}
.container_single_content .profile_form .sub_content:hover, .account_form .sub_content:hover, .load_more_articles a:hover{
	background: transparent;
	border: 1px solid #000;
	color: #000;
}
.loading_pic_info{
    position: absolute;
    z-index: 9999999;
    bottom: 52px;
    right: 2px;
    padding: 10px;
    background: #fff;
    width: 233px;
}
.profile_pic_form > .custom-upload {
	position: absolute;
	z-index: 9999999;
	bottom: 2px;
	right: -2px;
}
.profile_pic_form > .custom-upload input[type=file]{
    outline:none;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
    cursor: pointer;
    padding: 10px;
}

.profile_pic_form > .custom-upload .fake-file{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 100%;
}

.profile_pic_form > .custom-upload .fake-file input{
    font-size:16px;
    width: 91%;
    padding: 10px;
    display: block;
    position: relative;
    outline: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: none;
    background-color: #00a8ff;
    font-size: 14px;
}
.post_article_form > .custom-upload {
    position: relative;
    height: 40px;
    width: 100%;
    margin-bottom:7px;
}

.post_article_form > .custom-upload input[type=file]{
    outline:none;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
    cursor: pointer;

}

.post_article_form > .custom-upload .fake-file{
    background:url(../images/upload_photo.png) center right no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 100%;
    cursor: pointer;
}

.post_article_form > .custom-upload .fake-file input{
    border: 1px solid #ccc;
	padding: 10px;
	width: 90%;
	outline: none;
	color: #888;
	margin-bottom: 5px;
	font-size: 14px;
	border-radius: 2px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sbHolder {
	background-color: #fff;
	border: solid 1px #ccc;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	position: relative;
	width: 100%;
	border-radius: 2px;
	margin-bottom: 4px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sbHolder:focus .sbSelector{

}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #888;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	text-decoration:none !important;
}
.sbToggle{
	background: url(../images/select-icons.png) 0 -118px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -18px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
.sbOptions{
	background-color: #f1f1f1;
	list-style: none;
	border: 1px solid #ccc;
	left: -1px;
	top: 32px !important;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 99;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
	list-style:none !important;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #181818;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #888;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}
/* #Leftbar Blogwriters/community
==================================  */
footer.safaricom_blog_footer{
	background: #343434;
	width: 100%;
	position: relative;
	float: left;
}
footer.safaricom_blog_footer  .blog_footer_container{
	position: relative;
	margin: 0 auto;
	width: 98%;
}
.blog_footer_container .footer_logo_left a{
	color: #fff;
	float: right;
	background: url(../images/logo.png) no-repeat;
	width: 184px;
	height: 53px;
	margin: 19px 0;
	text-indent: -99999999px;
	overflow: hidden;
}
.blog_footer_container .footer_logo_right{
	color: #fff;
	margin: 23px 0;
	font-size: 0.9em;
	line-height: 1.5;
}
.blog_footer_container .footer_logo_right a{
	text-decoration: none;
	color: #fff;
}
.blog_footer_container .footer_logo_right a:hover{
	color: #61a60e;
	-webkit-transition: color 0.5s ease-out;
          transition: color 0.5s ease-out;
}

/* #Content Gallery
==================================  */
.article_gallery{
	width: 100%;
	margin:20px auto;
	position: relative;
}
#galleria-loader{
   height:1px!important;
}
#galleria{
   height: 454px;
}
.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
    width: 100% !important;
    height: 450px !important;
}
.galleria-container.fullscreen{
    top:0px!important;
    bottom:50px!important;
    height:auto!important;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
   width:100%;
}
.galleria-stage {
   background: #000;
   position: absolute;
   top: -20px;
   left: 52px;
   right: 52px;
   bottom: 30px;
}
.galleria-stage img{
   overflow:hidden;
   top: 50px !important;

}
.galleria-image{
   width:650px;
}
.galleria-counter {
    position: absolute;
    top: 29px;
    right: 10px;
    text-align: right;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;;
    z-index: 1;
   opacity:1 !important;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    /*background: url(classic-loader.gif) no-repeat 2px 2px;*/
}
.galleria-info {
    width: 100%;
    bottom: -3px;
    left: 37px;
    z-index: 2;
    position: absolute;
 display:block !important;
}
.galleria-info-text {
    background-color: #000;
    font-size: 14px;
    padding: 12px;
    display: block !important;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-info-description {
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
   display: none !important;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity:1;
    cursor: pointer;
    width: 62px;
    height: 123px;
    position: absolute;
    left: 10px;
    z-index: 2;
}
.galleria-image-nav-right {
    left: auto;
    right: -55px;
    background-position: 87% 46px;
    z-index: 2;
}
.galleria-image-nav-left {
    left: auto;
    left: -55px;
    background-position: 13% 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-right:hover{
   background-position: 87% 46px;
}
.notouch .galleria-image-nav-left:hover{
   background-position: 13% 46px;
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(../images/next_prev_gala.png);
    background-repeat: no-repeat;
}
.galleria-container.videoplay .galleria-info,
.galleria-container.videoplay .galleria-counter{ display:none!important; }


.galleria-fullscreen, .galleria-popout {
   left: auto;
   right: 0;
   background-image: url(fullscreen.png);
   background-position: 8px 7px;
}
.galleria-bar {
   height: 31px;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #222;
   z-index: 9999999;
}
.galleria-bar a{
   color:#fff;
}
.fullscreen{
   background-image: url(../images/fullscreen.png);
  /* padding: 30px;*/
   background-repeat: no-repeat;
   position: absolute;
   z-index: 99999;
   right: -27px;
   top: 0px;
   right: 3px;
   height: 30px;
   width: 30px;
   cursor: pointer;
}
.galleria-errors{
	display:none !important;
}

/*404
=======================================*/
.main_404_height {
   background: #111111;

}
.main_404 .container{
   width: 50%;
   margin: 0 auto;
   color: #fff;
   text-align: center;
   height: 100%;
}
.main_404 .container .wrap_saf_404_logo{
   padding-top: 40px;

}
.main_404 .container .saf_404_logo{
   background: url(../images/safaricom-blog-logo-big.png) no-repeat;
   width: 115px;
   height: 77px;
   display: block;
   padding: 10px 5px;
   margin: 0 auto;
}
.main_404 .container .main_404_img{
   margin:20px auto 0;
   width: 80%;
   text-align: center;
}
.main_404 .container .main_404_img img{
 max-width: 100%;
}
.main_404 .container h2{
   color: #fff;
   font-size: 20px;
   text-align: center;
}
.wrap_pattern_bg_404{
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
}
.pattern_bg_404{
   padding: 100px;
   background: url(../images/404_pattern_bg.png) no-repeat;
   width: 30%;
   margin: 0 auto;
}
a.goto_home_404{
   text-decoration: none;
   color: #76a835;
   position: relative;
   z-index: 9999999
}
a.goto_home_404:hover{
   text-decoration: underline;
}
.saf-blog-video-container {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.saf-blog-video-container iframe,
.saf-blog-video-container object,
.saf-blog-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* #Mobile menu
==================================  */
.menu-trigger {
	position: absolute;
	padding-left: 60px;
	font-size: 0.9em;
	padding: 10px 20px;
	top: 20px;
	height: 14px;
	right: 13px;
	width: 2px;
	display: none;
	background:url(../images/blog-mobile-menu.png) no-repeat;
}

/*.menu-trigger:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	box-shadow: 0 6px #131313, 0 12px #fff, 0 18px #131313, 0 24px #fff;
	content: '';
}*/
#mobile_manin_nav{
  height: 100%;
  max-width: 300px;
  width: 100%;
  z-index: 5;
  top: 0;
  right: -300px;
  position: fixed;
  overflow: scroll;
  text-align: center;
  transition: 0.9s all;
}
/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	display:none;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}
.cbp-spmenu-vertical {
	width: 300px;
	height: 100%;
	top: 0;
	z-index: 1000;
	overflow-y: scroll;
}


.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -300px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.load_more_articles{
	float: left;
	width: 100%;
	margin: 7px 0;
}
.load_more_articles a, .no_more_items{
	border: 1px solid #00a8ff;
	margin: 10px auto;
	width: 97%;
	padding: 15px 0;
	background: #00a8ff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	display: block;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.no_more_items{
	float:left;
	margin-left:1%;
	background: #ccc;
	color:#000;
	border: 1px solid #ccc;
}

.add_fixed_body{
	overflow-y: hidden;
}
.back_to_top{
	position:fixed;
	bottom: 119px;
	right:8px;
	z-index:9999999;
	display:none;
}
.back_to_top a{
	color:#fff;
	background-color:#000;
	padding:15px 8px;
	text-decoration:none;
	border-bottom:5px solid #61a60e;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.back_to_top a:hover{
	background-color:#61a60e;
}
.load_more_articles_gif_wrap{
	float:left;
	width:100%;
}
.load_more_articles_gif{
	margin: 10px auto;
	width: 97%;
	position: relative;
	top: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	display: block;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


/* #Base Grid
================================================== */
.content_container{ margin: 0 auto; padding: 0; position: relative; width: 1024px}
.column{float: left; display: inline;}
.grid_1.column { width: 100%;}
.grid_2.column{ width: 50%;}
.grid_3.column{ width: 33.3333333333333%;}
.grid_4.column{ width: 25%;}
.grid_5.column{ width: 20%;}
.featured_content_left .grid_2.column.full_grid_2{ width:100%;}
.half_footer_grid_2.top_article_comments_bg{width:25%;}
.grid_2.half_footer_grid_2.saf_blog_community_write{ width:75%;}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1500px) {
   .main_404 .container .wrap_saf_404_logo{
  		 padding-top: 180px;
	}
	#banner {
		height: 620px;
	}
	.featured_content_left .grid_2 a.featured_msg_ico, .featured_content_left .grid_2 a.featured_writer_ico{
		font-size:14px;
	}
	#banner {
		height: 620px;
	}
	.post_article_form > .custom-upload .fake-file input{
		width: 94%;
	}
	.saf_blog_writer  ul.view-socials-hovered {
		right: 29px;
	}
	.featured_content_left .grid_2 a.featured_msg_ico .featured_msg_comments{
		display:inline-block;
}

}
@media only screen and (max-width: 1400px) {
	.home_cat_article.grid_2.column {
		width: 50%;
	}
}
@media screen and (max-width: 1440px) {
	section, header{ 	 transition: 0.1s all;}
	.home_cat_article_right_cont {
		line-height: 1.4;
		font-size: 13px;
	}
	.home_cat_article_left {
		width: 270px;
		margin-right: 0;
	}
	div.home_cat_article_right {
		margin-left: 280px;
		margin-right: 10px;
	}
	.view-more-links ul li a i.goto_ico {
		width: 16px;
		margin-left: 119px;
	}
	.view-more-links ul li a span {
		right: 21px;
	}
	.saf_blog_writer_news ul.saf_blog_tabs li a {
		padding: 8px 1.459em;
	}
	.add_to_fav_form .add_fav_arrow {
		/*background: url(../images/add_fav_icon.png) no-repeat 0 9px;*/
	}
	.container_single_content{
		width:85%;
	}
	.featured_content_left .grid_2.column {
		width: 50%;
	}
}
@media screen and (max-width: 1350px) {
	.home_featured_article.grid_2.column {
		width: 100%;
	}
	.home_cat_article {
		height: 480px;
	}
	.home_cat_article_left {
		width: 100%;
		height: auto;
	}
	div.home_cat_article_right {
		margin-left: 13px;
		margin-right: 10px;
		float:left;
	}
	.home_featured_article.grid_2.column {
		width: 100%;
	}
	.inner_header{
		transition: none !important;
	}
	.container_single_content .home_cat_article_left {
		width: 120px;
		margin-right:10px;
	}
	.home_cat_article img{
		height: auto;
		width:100%;
		position:relative;
		margin-left:0;
		left:0;
	}

}
@media only screen and (min-width: 1370px) {

}
@media only screen and (max-width: 1294px) {
	.container_single_content{
		width:95%;
	}
	.home_featured_article img, .home_cat_article img{
		transition: none !important;
	}
	.sb-search {
		width:26%;
	}
	#banner {
		height: 534px;
	}

}
@media only screen and (max-width: 1150px) {
	.cbp-spmenu-push-toleft {
		left: -300px;
	}
	.web-sidebar{
		display:none;
	}
	.cbp-spmenu.mobile-sidebar{
		display:block;
	}
	#main_header{
		position:absolute;
		height:131px;
	}
	/* mobile menu */
	#main_nav{
		display: none;
	}
	.menu-trigger {
		display:block;
	}
	header#main_header .header_right-top, .inner_headercontainer_mobile_menu{
		display:none !important;
	}
	.site_search{
		position:absolute;
		top:10px;
		right:0;
		width:100%;
	}
	.inner_header.header_fixed .sb-search {
		position: absolute;
		min-with: 97%;
		top: 62px;
	}
	.sb-search {
		width:0%;
		right:14px;
		position:absolute;
		transition: none !important;
	}
	.sb-search-input{
		width: 80%;
		padding: 16px 19px;
		transition: none !important;
	}
	.sb-icon-search,
	.sb-search-submit {
		transition: none !important;
	}
	.sb-search.sb-search-open,
	.no-js .sb-search {
		width: 96%;
		transition: none !important;
	}

	.main_edit_section{
		transition: none !important;
		/*width:auto;*/
		overflow-x: hidden;
	}
	 /* Mobile menu */
	 .mobile_menu_wrap{
		background: #131313;
		float: left;
		width: 100%;
		display: block;
		position: relative;
		z-index: 999;
		height:144px;
	 }
	 .saf_grid_container {
	  	margin-top: 79px !important;
	 }
	 .featured_content_left {
	  	width: 60%;
	 }
	 .featured_content_left .grid_2 a.featured_msg_ico {
		  background: url(../images/feature_message_ico.png) 0px 10px no-repeat;
		  padding: 11px 28px;
	 }
	 #banner  .banner_img_caption .featured_content_left .grid_2 a.featured_msg_ico{
		background: url(../images/feature_message_ico.png) -2px 15px no-repeat;
	  }
	 .article_gallery {
	  	overflow: hidden;
	 }
	/*.saf_grid_container .main_edit_section{
		display: none;
	}*/
	.main_grid_section{
		margin-right: 0;
	}
	.mobile_menu_wrap{
		display: block;
	}
	ul.menu li{
		margin: 0;
	}
	ul.menu li a{
		text-decoration: none;
		text-transform: uppercase;
		margin: 0 16px;
		padding: 9px;
		display: block;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		background-clip: padding-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.mobile_navigation_upper li a:hover{
		background-color: #61a60e;
		color: #fff;
	}
	.mobile_navigation{
		width: 90%;
		margin: 18px auto 0;
	}
	.mobile_navigation ul {
		display:none;
	}
	.mobile_navigation select {
		display:none;
	}
	.mobile_navigation  .sbHolder {
		background-color: #000;
		border: solid 1px #000;
		height: 40px;
	}
	.mobile_navigation .sbHolder .sbOptions{
		border: 1px solid #ccc;
		background: #fff;
	}
	.mobile_navigation .sbHolder ul.sbOptions li{
		margin:0;
	}
	.mobile_navigation .sbHolder ul.sbOptions li a{
		border-bottom: 1px solid #ccc;
		text-transform: uppercase;
	}
	.mobile_navigation .sbHolder .sbSelector:link, .sbSelector:visited, .sbSelector:hover{

	}
	.mobile_navigation .sbHolder .sbToggle {
		background: url(../images/select-icons.png) 0 -113px no-repeat;
		height: 40px;
	}
	.mobile_navigation .sbHolder .sbSelector {
		height: 45px;
		line-height: 40px;
	}
	.mobile_navigation .sbHolder .sbOptions {
		top: 41px !important;
	}
	.saf_blog_writer_news ul.saf_blog_tabs li a {
		padding: 8px 15px;
	}
	.saf_blog_writer .view-more-links {
		right: 2px;
	}
	/* date featured */
	.article_date_pub.featured_date_pub{
		top: 57px;
	}
	/*Tabs section*/
	.tab-content {
 		float:left;
		margin-top:10px;
		width:100%;
		-webkit-animation: favformup  linear both;
     	animation: favformup  linear both;
	}

}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.grid_2.column.home_featured_article {
		width: 100%;
		transition: 0.9s all;
	}
	.home_featured_article .featured_content_right{
		width:100%;
	}

	.create_account_wrap.grid_2.column {
		width: 100%;
	}
	.grid_2.column.saf_blog_community_write, .grid_2.column.top_article_comments_bg{
		width:100%;
	}
	.home_featured_info .featured_content h1{
		width: 70%;
	}


} /*max-width: 959px */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.grid_2.column.home_cat_article{
		width: 50%;
		transition: none !important;
	}
	.grid_2.column.full_grid_2{
		width:100%;
	}
	/*.saf_grid_container .main_edit_section{
		display: none;
	}*/
	.main_grid_section{
		margin-right: 0;
	}
	#identity a{
		background: url(../images/safaricom-blog-logo-small.png) no-repeat;
		width: 100px;
		height: 44px;
		margin-top: 10px;
		top: 5px;
		position: relative;
		margin-left: 23px;
	}

	.container_mobile_menu{
		display:block;
	}
	.sb-search {
		width:100%;
	}
	#banner {
		height: 572px;
		overflow: hidden;
	}
	#banner img{
		width:auto;
		top:57px;
		margin-left:50%;
		left:-386px;
		height:379px;
	}

} /* max-width: 767px */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .video_cat_article_caption {
	  bottom: 0;
	  z-index: 9;
	  background:#000;
	  top: 180px;
	  width: 100%;
  }
  .container_single_content .featured_content_left {
	  	width: 100%;
	 }
}

@media only screen and (max-width: 579px) {
	.grid_1.column,
	.grid_2.column,
	.grid_3.column,
	.grid_4.column,
	.grid_5.column{ width: 100%;}

	.grid_2.column.home_cat_article{
		width: 100%;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.column{
		float: left;
	}
	.home_cat_article {
		height: 470px;
		transition: 0.5s all;
	}
	.grid_1.column,
	.grid_2.column,
	.grid_3.column,
	.grid_4.column,
	.grid_5.column{ width: 100%;}
	.grid_2.column.home_cat_article{
		width: 100%;
	}

	/* Home section */
	.home_featured_info .featured_content h1 {
		width: 100%;
		transition: 0.5s all;
	}
	.featured_content_left, .featured_content_right {
		width: 100%;
	}
	.home_cat_article_left {
		height: 187px;
		width: 100%;
		transition: 0.5s all;
	}
	.home_cat_article:hover img {
	  -webkit-transform: none;
	  -moz-transform: none;
	  -ms-transform: none;
	  -o-transform: none;
	  transform: none;
	}
	div.home_cat_article_right {
		padding-right: 10px;
		margin-left: 10px;
		float:left;
		height:271px;
	}
	.home_featured_info .view-more-links {
		bottom: -9px;
	}
	.home_featured_info .featured_content_left, .featured_content_right {
		position:relative;
		padding:0 0 10px;
	}
	.home_featured_info .featured_content_left .grid_2 a.featured_msg_ico {
		background: url(../images/feature_message_ico.png) 0px 10px no-repeat;
	}
	.home_cat_article ul.view-socials-hovered {
		bottom: 50px;
		right: 31px;
	}
	.home_cat_article_right .add_to_fav_form, .video_cat_article .add_to_fav_form {
		right: 0;
	}
	/* Home section ends */

	/* Single article section  */
	.container_single_content {
		width: 92%;
	}
	.comments_numb_wrap .single_article_share .view-more-links {
		bottom: 16px;
	}
	.home_cat_article.video_cat_article{
		height: 269px;
	}
	.home_cat_article.video_cat_article .view-more-links {
		bottom: 42px;
	}

	.featured_content_left .grid_2.column {
		 width: 100%;
	}
	.featured_content_left .grid_2.column.full_grid_2{
		width:50%;
	}
	.featured_content_left {
		width: 100%;
		margin-bottom: 20px;
	}
	#banner  .banner_img_caption .featured_content_left .grid_2 a.featured_msg_ico {
		background: url(../images/feature_message_ico.png) 0px 16px no-repeat;
		padding: 11px 28px;
	}
	.article_gallery {
		overflow: hidden;
	}
	/* single article */
	.container_single_content .home_cat_article_left {
		width: 100%;
		height: 212px;
	}
	.container_single_content .home_cat_article {
		max-height: 388px;
	}
	#banner img{
		width:auto;
		margin-left:50%;
		left:-306px;
		height:301px;
	}
	#banner{
		height:616px;
	}
	#galleria {
		height: 274px;
	}
	.galleria-container {
		height: 270px !important;
	}
	.galleria-info {
		bottom: 0px;
		left: 0px;
	}
	.home_cat_article .view-more-links{
		bottom: -7px;
		right: 10px
	}
	.single_article_share .view-more-links{
		bottom: 0;
	}
	.gallery_cat_article {
		height: 247px;
	}
	.single_article_banner.gallery_cat_article {
		height: 391px;
	}
	/* Footer */
	.blog_footer_container .footer_logo_left a {
		float: left;
	}
	.back_to_top{
		bottom: 31px;
	}
	.sb-search {
		width:96%;
	}
	.home_cat_article_right_cont{
		height:auto;
		overflow:visible;
	}
	.saf_blog_writer_news ul.saf_blog_tabs li a{
		padding:15px 32px;
	}
	.advanced_search .adv_input_search {
		width: 85%;
	}
	.container_single_content .profile_form{
		width:100%;
	}

} /* max-width: 479px */
@media only screen and ( max-width: 380px){
	.saf_blog_writer_news ul.saf_blog_tabs li a span{
		display:none;
	}
} /* max-width: 380px */



/* #IE FIXES
================================================== */
.ie9 .home_cat_article_left, .ie8 .home_cat_article_left {
	width: 270px;
	margin-right:0;
}
.ie9 div.home_cat_article_right, .ie8 div.home_cat_article_right {
	margin-left: 280px;
	margin-right: 10px;
}
.ie9 .view-more-links ul li a i.goto_ico, .ie8 .view-more-links ul li a i.goto_ico {
	width: 16px;
	margin-left: 119px;
}
.ie9 .view-more-links ul li a span, .ie8 .view-more-links ul li a span {
		right: 21px;
}
.ie9 .saf_blog_writer_news ul.saf_blog_tabs li a, .ie8 .saf_blog_writer_news ul.saf_blog_tabs li a{
	padding: 8px 13px;
}
.ie8 #banner  .banner_img_caption, .ie8 .home_featured_article .home_featured_info, .ie8 .video_cat_article_caption{
	background:#000;
}
.ie8 .container_single_content {
	width: 85%;
}
.ie9 .tab-content, .ie8 .tab-content{
 	margin-top:10px;
}
.ie9 .tab-content ul{
	margin:0;
}
