/* #Font-Face ================================================== */ @font-face { font-family: 'CenturyGothicPro'; src: url('../fonts/2937D3_1_0.eot'); src: url('../fonts/2937D3_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2937D3_1_0.woff') format('woff'), url('../fonts/2937D3_1_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothicPro'; src: url('../fonts/2937D3_0_0.eot'); src: url('../fonts/2937D3_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2937D3_0_0.woff') format('woff'), url('../fonts/2937D3_0_0.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'CenturyGothicPro'; src: url('../fonts/2937D3_2_0.eot'); src: url('../fonts/2937D3_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2937D3_2_0.woff') format('woff'), url('../fonts/2937D3_2_0.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'CenturyGothicPro'; src: url('../fonts/2937D3_3_0.eot'); src: url('../fonts/2937D3_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2937D3_3_0.woff') format('woff'), url('../fonts/2937D3_3_0.ttf') format('truetype'); font-weight: normal; font-style: italic; } * { margin: 0; padding: 0; outline-style: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; } fieldset, img, a img { border: 0px; border: none !important; outline: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } html { -webkit-text-size-adjust: none; } html, body { width: 100%; position: relative; min-height: 100%; } body { font-size: 100%; overflow: auto; } body, input, textarea, option, select { font-family: 'CenturyGothicPro', Helvetica, Arial, sans-serif; } title { background: #3b3838; color: #FFF; border: 1px solid #6aaa4b; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ a { color: #6eb43f; text-decoration: none; } .clr { clear: both; } .expand { width: 100%; } .header { background: #FFF; } .page-wrap { position: relative; width: 100%; overflow: hidden; min-height: 100%; } .slide_pop_container { width: 100%; position: absolute; top: 70px; z-index: 99999;} .centered, .main_naivigation { margin: 0 auto; width: 280px; } .inner { width: 90.6%; /*max-width:1024px;*/ margin: 0 auto; } .logo { width: 145px; height: 38px; display: block; float: left; margin: 15px 0; } .menu_items h6 a.popular_menu {color:red;} .logo a { display: block; text-indent: -1000px; overflow: hidden; background: url('../images/safcom_icons.png') no-repeat 0px -194px; } .search_form { float: right; margin: 29px 0 0 0; } .upper_mini_navigation { float: right; list-style: none; text-transform: uppercase; font-size: 11px; margin-top: 30px; } .upper_mini_navigation li { float: left; } .upper_mini_navigation li a { text-decoration: none; color: #808080; display: block; padding-right: 5px; border-right: 1px solid #808080; margin-left: 5px; } .upper_mini_navigation li a:hover { color: #6eb43f; } .search_form .input_field { width: 0; height: 16px; border: 1px solid #808080; float: left; opacity: 0; } .input_btn { background: transparent url('../images/safcom_icons.png') -97px -97px no-repeat; width: 16px; height: 16px; border: none; margin-top: 28px; display: block; float: right; cursor: pointer; margin-left: 10px; overflow: hidden; text-indent: -1000px; margin-bottom: 29px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .close_search { background-position: -97px -127px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #search_input { padding: 10px; width:89.5%; border: 1px solid #cacaca; margin-bottom: 5px; background-clip: padding-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } .seacrh_paybill_numbers{ border:none; background: #6BB245 url(../images/link_bg.png) repeat-x bottom;cursor: pointer;-webkit-appearance: none;border-bottom-right-radius: 4px;border-top-right-radius: 4px;color: #fff;margin-left: 2px;padding: 8px 20px;text-transform: uppercase;} .seacrh_paybill_numbers:hover{background: #6eb43f;} .search_input1 { background: #ccc; padding: 5px 5px 0px; margin-bottom: 10px; } .bios #cse table td, .bios #cse table th { border: none !important; } .navigation_wrapper { background: #6eb43f; position: relative; z-index: 999999; } .main_naivigation { list-style: none; text-transform: uppercase; font-size: 1.1em; text-align: center; } .main_naivigation > li { float: left; } .main_naivigation li label { display: block; } .main_naivigation li > a { padding: 20px; display: block; color: #FFF; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .main_naivigation li label > a, .main_naivigation li label { padding: 20px 15px; display: block; color: #FFF; text-decoration: none; font-weight: 100; cursor: pointer; } .main_naivigation li label > a.active { background: #206b1c; color: #fff; } .main_naivigation li > a.active{ background:#569026; color:#FFF;} .main_naivigation li:hover label a, .main_naivigation li label:hover, .main_naivigation li:hover > a { background: #f8f8f8; color: #4c4848; } .main_naivigation li input { opacity: 0; position: absolute; left: -999999999px;} .main_naivigation li input:checked ~ .navigation_primary-mega { display: block !important; } /*banner here*/ .banner_wrapper { width: 100%; position: relative; } .banner-slider, .featured_articles_dotcom { position: relative; width: auto; height: 381px; margin: 0 auto; } .banner-slider2 { position: relative; width: auto; height: 334px; margin: 0 auto; } .banner_wrapper_center, .banner_inner_two { position: absolute; width: 1024px; max-width: 1920px; height: 381px; margin: 0 auto; top: 0; left: 50%; margin-left: -512px; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { width: 615px; height: auto; position: absolute; bottom: 0; right: 20px; max-width: 615px; } .banner_image_link { display: block; } .banner_image_link img { width: 100%; height: auto; } .featured_image a { display: block; } .no_items { display: block; text-align: center; padding: 10px; background: red; color: #FFF; } .banner-slider-loading { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; display: none; background: rgba(0, 0, 0, 0.9); color: #fff; text-align: center; line-height: 400px; } .banner-slider-large { height: 100%; width: 100%; position: relative; overflow: hidden; } .banner-slider-large2 { height: 100%; width: 100%; position: relative; overflow: hidden; } .banner-slider-large > li { top: 0; left: 0px; overflow: hidden; height: 100%; width: 100%; list-style: none; } .banner-slider-large2 > li { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; } .banner-slider-large li > .banner_image_link { width: 57%; height: auto; position: absolute; bottom: 0; right: 20px; max-width: 615px; } .banner-slider-large2 li > .banner_image_link { width: 57%; height: auto; position: absolute; bottom: 0; right: 20px; max-width: 615px; } .banner-title { position: absolute; left: 0; margin-right: 13%;width: 391px; font-size: 12px; } .banner-title h2 { font-size: 28px; line-height: 32px; color: #3D3D3D; font-weight: 100; text-transform: uppercase; } .intro_para {height: 100%; } .banner-slider-large.managers .banner-title { position: absolute; left: 50%; margin-right: 0; top: 49%; width: 391px; } .banner-slider-large.managers .banner-title h2 { font-size: 3.5em; } .banner-slider-large2.managers .banner-title { position: absolute; left: 60%; margin-right: 0; top: 49%; width: 391px; } .banner-slider-large.managers li > img { width: 60%; height: auto; position: absolute; bottom: 0; right: 381px; max-width: 615px; } .banner-slider-large2.managers li > img { width: 60%; height: auto; position: absolute; bottom: 0; right: 381px; max-width: 615px; } .banner-title p { color: #6c6969; font-size: 1.1em; padding-bottom: 13px; } .view-all { background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; float: left; color: #FFF; text-decoration: none; text-transform: uppercase; display: block; border-radius: 5px; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .view-all span { display: block; } .view-all span:after { border-left: 1px solid #FFF; content: url(../images/arrow-point.png) center; padding-left: 8px; margin-left: 15px; padding-top: 3px; } .wrap-banner-controls-all a.view-all{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .wrap-banner-controls-all a.view-all:hover{ background:#6eb43f;} .video_susan_share { position: fixed; top: 10px; height: 30px; } .banner-controls { float: left; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; padding: 3px 4px 3px; border: 1px solid #ccc; } .banner-controls > li, .banner-controls-all li { float: left; border-right: 1px solid #d3d3d3; padding: 0px 2px; position: relative; } .banner-controls li:last-child, .banner-controls-all li:last-child { border: none; } .banner-controls li > a, .banner-controls-all li > a { background: url('../images/safcom_icons.png') no-repeat; display: block; width: 29px; height: 29px; overflow: hidden; text-indent: -1000px; } .banner-controls:hover > li, .banner-controls:hover { border-color: #6eb43f; } .expandable-banner .banner-controls { position: absolute; right: 10px; bottom: 10px; z-index: 55555; } .expandable-banner .banner-controls .reveal_banner a.open_banner { background-position: -149px -31px; display: block; } .expandable-banner .banner-controls .reveal_banner a.open_banner:hover { background-position: -149px -61px; } .expandable-banner .banner-controls .reveal_banner a.close_banner { background-position: -150px -90px; } .expandable-banner .banner-controls .reveal_banner a.close_banner:hover { background-position: -150px -120px; } .expandable-banner .share_article { top: -1px; right: 24px; width: 70px; padding-right: 15px; } .expandable-banner {} .featured_desc:hover .banner-controls-all > li, .featured_desc:hover .banner-controls-all { border-color: #6eb43f; } .banner-controls-all { -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; list-style: none; border: 1px solid #d3d3d3; padding: 5px 4px 4px; position: absolute; bottom: 0; right: 0px; background: #f7f9f9; border-right: none; } .prev_hot, .next_hot, .prev_featured, .next_featured { position: absolute; bottom: 0; z-index: 9; display: block; opacity:0.5; overflow: hidden;width: 50px;height: 50px; } .prev_hot img{ position: absolute;left: -10px;top: -5px;} .next_hot img{ position: absolute;right: -10px;top: -5px;} .prev_featured, .next_featured{ display:none;} .prev_hot, .prev_featured { left: 0; } .next_hot, .next_featured { right: 0; } .link1_holder { } .ei-slider-thumbs { margin: 0 auto; position: relative; list-style: none; } .ei-slider-thumbs li { position: relative; float: left; height: 100%; width: 20%; } .ei-slider-thumbs li a { border-right: .1em solid #FFF; display: block; height: 6px; background: #b5d99f; } .ei-slider-thumbs li a:hover, .ei-slider-thumbs li a.active_slide { background: #63a536; } span.centered { display: block; position: relative; } .featured_categories > ul { list-style: none; border-top: 1px solid #e4e4e3; border-bottom: 1px solid #e4e4e3; } .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 384px; } .featured_categories ul li span { display: block; } .featured_categories ul li span.spacer { border-right: 1px solid #e4e4e3; } .featured_categories ul li span.featured_image { text-align: center; position: relative; } .featured_categories ul li span.featured_image img { width: 80%; height: auto; margin: 35px auto 0; } .featured_desc { background: #f2f2f2; padding: 15px; height: 180px; position: relative; } .featured_desc h3 { color: #404040; font-weight: 300; margin-bottom: 15px; font-size: 1em; text-transform: uppercase; } .featured_desc p { color: #636363; font-size: .8em; line-height: 1.4em; } .footer_upper { background: #F1F1F1; font-size: .75em; margin-top: 0; border-top: 1px solid #ccc; float: left; width: 100%; clear: both;} .footer_left li a.shop_footer { background: none; } .footer_left { float: left; list-style: none; } .filter_checkbox{clear:both;} .footer_left li { float: left; margin-right: 5px; } .user_instruction { background: #f2f2f2; display: block; padding: 15px; color: #6eb43f; font-size: 19px; text-transform: uppercase; } .user_instruction .inner { text-align: center; position: relative; } .user_instruction .inner a { position: absolute; right: 0; background: url(../images/fav_close.png) center no-repeat; width: 24px; height: 24px; display: block; z-index: 99999999999; } .footer_left li a { text-decoration: none; text-transform: uppercase; color: #7b7c7b; display: block; background: url(../images/footer_arrow.png) no-repeat right center; padding: 25px 19px 20px 12px; } .footer_right { float: right; padding: 15px 0; } .footer_right ul { list-style: none; float: right; } .footer_right ul li, .footer_error li { float: left; margin-right: 5px; } .footer_right ul li a, .footer_error li a { width: 29px; height: 29px; display: block; background: #afb2b8 url('../images/safcom_icons.png') no-repeat; overflow: hidden; text-indent: -1000px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .footer_right ul li a.twt, .footer_error li a.twt { background-position: -30px 0px; } .footer_right ul li a.twt:hover, .footer_error li a.twt:hover { background-color: #1a89d5; } .footer_right ul li a.fb, .footer_error li a.fb { background-position: 0px 0px; } .footer_right ul li a.fb:hover, .footer_error li a.fb:hover { background-color: #4D6ABB; } .footer_right ul li a.gplus, .footer_error li a.gplus { background-position: -120px 0px; } .footer_right ul li a.gplus:hover, .footer_error li a.gplus:hover { background-color: #D63F29; } .footer_right ul li a.linked_in { background-position: -60px 0px; } .footer_right ul li a.linked_in:hover { background-color: #4477AB; } .footer_right ul li a.you_tube { background-position: -90px 0px; } .footer_right ul li a.you_tube:hover { background-color: #E14A34; } .copyright { float: left; display: block; text-decoration: none; text-transform: uppercase; color: #7b7c7b; display: block; margin-top: 8px; font-size: .985em; } .footer_lower .category { padding-top: 20px; list-style: none; font-size: .9em; } .footer_lower ul.category > li { padding-bottom: 20px; width: 12%; padding: 1%; float: left; } .footer_lower .category h6 { font-size: 0.8em; color: #7b7c7b; margin-bottom: 8px; text-transform: uppercase; border-bottom: 1px solid #5A5A5A; min-height: 2.5em; padding: 5px 0; } .footer_lower ul { list-style: none; } .footer_lower ul a { color: #838383; text-decoration: none; margin-bottom: 5px; display: block; font-size: .9em; font-weight: 100; margin: 0 0 .65em; } .footer_lower ul a:hover { color: #6eb43f; } .navigation_primary-mega { width: 85%; padding: 0 0 25px; position: absolute; top: 61px; left: 0; z-index: 14; background: white; border-bottom: 1px solid #FFFFFF; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); right: 0; background: #F8F8F8; display: none; z-index: 55555; } .navigation_primary-mega .container { padding: 0; text-align: left; } .graph{width:100%; position:relative;} .graph_left{float:left; width:30%;} .graph_right{float:left; width:70%;} .container { padding: 0 20px; } .meganavctrl { width: auto; } .meganavcan.section { margin-left: 15px; } .npm_side-bar-open { width: 25%; } .npm_side-bar { float: left; padding-top: 2.5em; } .npm_side-bar h3 { font-size: 1.6em; padding-right: 0.625em; font-weight: 100; text-align: left; text-transform: capitalize !important; } .npm_side-bar p { padding-right: 2.85714em; font-size: 0.875em; line-height: 1.42857em; } .npm_links-container-three { width: 58%; float: left; padding: 2.5%; } .npm_side-bar p { padding-right: 2.85714em; font-size: 0.775em; line-height: 1.42857em; color: #6c6969; margin: 5px; text-align: left; text-transform: none; } .npm_side-bar a { color: #231f20; text-decoration: none; font-size: 0.575em; margin: 5px; display: block; } .npm_side-bar a span { padding-right: 13px; background: url(../images/arrow-grey-more.png) no-repeat right center; padding-top: 2px; } .menu_items { width: 33.333333333%; float: left; } .menu_items h6 { color: #595959; background-repeat: no-repeat; background-position: left center; padding-left: 26px; margin-bottom: 10px; font-size: .75em; padding-top: 5px; padding-bottom: 5px; text-align: left; text-transform: capitalize; cursor: pointer; } .menu_items ul { list-style: none; } .menu_items ul li a { color: #595959; font-size: .7em; padding: 0 0 5px 5px; margin-left: 25px; display: block; font-weight: 300; text-align: left; text-transform: capitalize; } .menu_items ul li a:hover { color: #6eb43f; } .bullets { width: 14px; display: block; float: left; } .bullets img { width: 100%; height: auto; } .ulparent { background-image: url(../images/src.png) left center no-repeat; ; position: relative; } .menu_items h6.mpesa { background-image: url(../images/mpesa_small.png); } .menu_items h6.prepay { background-image: url(../images/prepay_small.png); } .menu_items h6.postpay { background-image: url(../images/pay_small.png); } .menu_items h6.vas { background-image: url(../images/vas_small.png); } .menu_items h6.roaming { background-image: url(../images/roaming_small.png); } .menu_items h6.bonga { background-image: url(../images/bonga_small.png); } .menu_items h6.internet { background-image: url(../images/net_small.png); } .menu_spacer { margin: 15px 15px 10px 0px; height: 250px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #D6D6D6; } .menu_row .menu_spacer { height: auto; } .see_all { position: absolute; bottom: 10px; background: url(../images/see_all.png) no-repeat right center; display: block; font-size: .6em; width: 100%; color: #c6c8c9; text-decoration: none; text-align: left; } .cat_featured { border: 1px solid #e9e9e9; margin-top: 50px; } .cat_featured_img { text-align: center; } .cat_featured_img img { width: 100%; height: auto; margin: 10px auto 0; } .invisible_plus { width: 7px; height: 7px; overflow: hidden; display: inline-block; text-indent: -1000px; background: url(../images/plus.png) no-repeat; } .cat_featured_desc { text-align: center; border-top: 1px solid #e9e9e9; } .cat_featured_desc span { background: url(../images/arrow-grey-more.png) 100% 50% no-repeat; } .cat_featured_desc a { padding: 10px; display: block; background: #f0f2f3; margin: 0; background: url(../images/link_bg.png) repeat-x; color: #fff; font-size: .8em; } .slide_pop { width: 100%; padding: 0 0 25px; position: absolute; right: -98%; z-index: 9999999999;-webkit-transition: top 1s ease; -moz-transition: top 1s ease; -ms-transition: top 1s ease; -o-transition: top 1s ease; transition: top 1s ease; } .slide_pop_right{ right: -81%; } .more_bottom { top: 66px; } .pop_left ul { list-style: none; margin-left: 35px; font-size: .85em; right: -196px; margin-top: 11px;} .pop_left { width: 17%; float: left; min-width: 226px; } .pop_right { width: 78%; float: left; background: #FFF; padding: 2%; position: relative; min-height: 600px; border-bottom: 1px solid #E4E4E4; border-left: 0.1em solid #E4E4E4; top: 0px; overflow:hidden; border-top: 1px solid #E4E4E4; } .close_personalization { position: absolute; top: 0; right: 2.5%; z-index: 9999999999999 } .pop_left ul li { border-top: 1px solid #555;} .pop_left li:first-child{ border-top: none;} .p_title { padding: 21px; font-size: 1.2em; float: left; border-right: 1px solid #acacac; color: #6c6969; text-transform: uppercase; } .pop_left ul li a { display: block; background: #3b3838; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .pop_left ul li a:hover, .pop_left ul li a.active { background: #6eb43f; } .slide_pop ul li a span { display: block; color: #fff; text-decoration: none; text-align: center; font-size: .975em; } .slide_pop ul li a span.link_icon { width: 37px; height: 43px; float: left; display: block; float: left; border-right: 1px solid #FFF; } .slide_pop ul li a span.the_link { display: block; float: left; padding: 12px 13px 13px; font-weight: 100; position: relative; top: 3px; } .slide_pop ul li a span.link_icon.sl { background: url(../images/selfcare_bg.png) no-repeat center; } .slide_pop ul li a span.link_icon.ls { background: url(../images/locate_bg.png) no-repeat center; } .slide_pop ul li a span.link_icon.nm { background: url(../images/nearme_bg.png) no-repeat center; } .slide_pop ul li a span.link_icon.mp { background: url(../images/mpesa.png) no-repeat center; } .slide_pop ul li a span.link_icon.ti { background: url(../images/favourites_bg.png) no-repeat center; } .slide_pop ul li a span.link_icon.rf { background: url(../images/rss_bg.png) no-repeat center; } /*rss styling*/ .feeds { width: 50%; float: left; background: #f7f7f7; border-bottom: 1px solid #e5e5e5; position: relative; } .feeds h6 { color: #585858; font-size: 1.3em; font-weight: 100; margin-bottom: 10px; } .feeds p { color: #969191; font-size: 13px; margin-bottom: 5px; } .feed_spacer { border-right: 1px solid #e5e5e5; padding: 15px; height: 246px !important; } .rss_links { list-style: none; position: absolute; bottom: 15px; left: 15px; width: 100%; } .rss_links li { float: left; margin-right: 49px; font-size: 1em; font-weight: 100; margin-left: 3px; cursor: pointer; } .rss_links li a { color: #969191; font-size: .9em; font-style: italic; text-decoration: none; padding-left: 21px; } .rss_links li a.hp { background: url(../images/rss_arrow.png) 13% 50% no-repeat; } .rss_links li a.comments { background: url(../images/comments.png) left center no-repeat; } .rss_links li a.dt { background: url(../images/tm.png) left center no-repeat; } .rss_links li a:hover { color: #6eb43f; } /*forms*/ #lbl_current_view { float: left; padding: 17px; font-size: .9em; font-size: .9em; color: #6c6969; text-transform: uppercase; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; } #lbl_current_selfcare { float: left; padding: 17px; font-size: .9em; border-right: 1px solid #cacaca; text-transform: uppercase; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; color: #6c6969; } #lbl_current { float: left; padding: 19px; font-size: .9em; color: #7c7c7c; } .shop_rono { margin-left: 15px; margin-right: 10px; } .customer_rono { margin-left: 15px; margin-right: 10px; } .shoop { float: left; border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; } .care { float: left; border-right: 1px solid #cacaca; } .drops { border-bottom: 1px solid #CACACA; margin-bottom: 10px; } .drops2 { border: 1px solid #CACACA; margin-bottom: 10px; } .drops form { border-top: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; position: relative; } .hasCustomSelect { width: 25% !important; height: 59px !important; cursor: pointer; } span.customSelect { font-size: .9em; background-color: #FFF; color: #7c7c7c; padding: 20px 17px; border-right: 1px solid #DFDFDF; margin-right: 61px; float: left; } span.customSelect.changed { background-color: #f0dea4; } .customSelectInner { background: url(../images/see_all.png) no-repeat center right; } .drops form label { display: block; float: left; border-right: 1px solid #DFDFDF; height: 20px; padding: 23px 15px 15px 15px; color: #6c6969 !important; font-size: .8em; } label.head { padding: 19px !important; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; } .offers { list-style: none; list-style: none; position: absolute; height: 650px; overflow-y: scroll; overflow-x:hidden; width: 95.2%;} .offers > li { background: #f7f7f7; } .spacer_offers { border: 1px solid #d3d3d3; border-bottom: 5px solid #6eb43f; height: 431px; position: relative; background: #fafafa; overflow: hidden; } .offers_badge { width: 80px; position: absolute; top: 0; right: 0; z-index: 10; } .offers_badge img { width: 100%; height: auto; } .nearme_phones { width: 197px !important; } .phones { text-align: center; width: 141px; margin: 0 auto; padding: 37px 0 15px; } .phones_desc { font-weight: 100; margin: 0 auto; color: #666666;} .phone_price { color: #404040; padding: 0 10px; font-size: 1.3em; } .phones_desc ul { list-style: disc; padding-left: 23px; font-size: .825em; } .phones_desc ul li { margin-bottom: 10px; } .phones h6 { font-size: 1em; } .phones img { width: 75%; height: auto; margin: 15px auto; } ul.cta { position: absolute; left: 0; bottom: 0; list-style: none; width: 100%; text-align: center; text-transform: uppercase; } ul.cta li { width: 50%; float: left; } ul.cta li a { display: block; font-weight: 100; color: #404040; text-decoration: none; padding: 17px; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; } ul.cta li form { display: block; font-weight: 100; color: #404040; text-decoration: none; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; text-align: center; } .ctar_pricing { font-size: 2em; font-weight: bold; color: #666666; margin-top: 10px; text-align: center; margin-left: 2em; } .ctar_buy { border-radius: 5px; background: url(../images/link_bg.png) repeat-x; padding: 9px; width: 50%; border: none; color: #fff; font-size: 1em; float: left; margin-right: 10px; cursor: pointer; } ul.ctar > li { width: 50%; float: left; } .buy_option { width: 100% !important; margin-left: 2em; padding: 10px 0px; } .shop_Btn { display: block; font-weight: 100; color: #404040; text-decoration: none; background: none; padding-bottom: 18px !important; border: none; text-align: center; padding: 18px; width: 100%; cursor: pointer; font-size: 1em; } .rate_phone { margin-left: 4.8em; padding: 10px 0px; } .shop_Btn:hover { background: #6eb43f; color: #fff; } .store_locate h6 { font-size: .9em; padding: 15px 15px 5px 15px; text-transform: uppercase; color: #6c6969; } .store_locate ul { list-style: none; height: 474px; } .store_locate ul li { background: #f0f0f0;} .store_locate ul li li { padding: 10px 0px 18px 15px; } .store_locate ul li a { padding: 10px 10px 10px 15px; color: #acacac; text-decoration: none; text-transform: uppercase; display: block; } .store_locate ul li a:hover, .store_locate ul li.active a { background: #CCC; } .store_locate ul li a span.numbers { width: 11px; height: 4px; padding: 4px 6px 15px; border-radius: 100px; border: 2px solid #acacac; text-align: center; float: right; display: block; color: #acacac; font-size: .7em; } .store_locate ul li a span.the_text { display: block; float: left; padding-top: 11px; color: #7e7c7c; font-size: .765em; } .store_locate ul li a span.the_text:hover { color: #6eb43f; } .bottom_info { position: absolute; bottom: 0; left: 0; margin-top: 10px; } .bottom_info p { padding: 15px; color: #6c6969; font-size: .9em; } .bottom_info a { color: #6c6969; text-decoration: none; background: #ececec; display: block; text-align: center } .bottom_info a:hover { color: #fff; background: #6eb43f; } ul.cta li a:hover { background: #E9E6E6; } .bottom_info a span { color: #6c6969 !important; width: 250px; margin: 0 auto; display: block; padding: 19px 0 16px 0; } .shop_item_spacer { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 419px; } .shop_item { float: left; background: #f2f2f2; position: relative; width: 100%; } .comps .mobile_img { float: none; width: auto; padding: 15px 0; } .comps .mobile_img img { width: 96.5%; max-width: 236px; height: auto; margin-top: 12px; } .comps .small_spacer { margin: 0; } .offered_cat { display: block; position: absolute; top: 0; right: 0; } .mobile_img { width: 50%; float: left; text-align: center; } .mobile_img img { width: 96.5%; height: auto; margin-top: 28px; } .small_spacer { margin: 15px 0; } .small_spacer_info { margin: 55px 15px; } .small_spacer_info h6 { font-size: 1.1em; color: #646464; font-weight: 500; width: 85%; } .small_spacer_info ul { padding: 10px 10px 0; margin: 10px 0 25px 0px; color: #979797; border-bottom: 1px solid #DADADA;font-size: .9em; } .small_spacer_info ul li { margin-bottom: 10px; } .comps .small_spacer_info ul{width:44%; float:left;} .comps .small_spacer_info h6{border-bottom:1px solid #dadada; padding-bottom: 10px; width:100%;} .comps p{width:45%; float:right; margin-top: 10px; clear:right;} .mobi_info { width: 50%; float: right; } .comps .mobi_info { width: auto; float: none; } .comps .small_spacer_info { margin: 15px 15px; } .phone_price_mobi { font-size: 1.2em; color: #6eb43f; font-weight: bold; border-bottom: 1px solid #cacaca; padding: 5px 0px; } ul.ctas { position: absolute; bottom: 0; left: 0; width: 100%; list-style: none; text-align: center; font-size: 0.8em; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; list-style: none !important; } ul.ctas li { width: 33.333333333%; float: left; } ul.ctas li a { display: block; font-weight: 100; color: #7E7E7E; text-decoration: none; padding: 15px; border-right: 1px solid #cccccc; background: #ebebeb; } ul.ctas li a:hover { background: #dadada; font-weight: bold; color: #000000; display: block; } ul.ctas li form{ height: 50px;} .items_slider { width: 100%; overflow: hidden; position: relative; } .category_header { padding: 25px 25px 15px;width: 96.6%; } .category_header h5 { text-transform: uppercase; color: #707070; font-size: 2em; float: left; font-weight: 100; float: left; width: 50%; } .category_header a { color: #a3a1a1; text-decoration: none; background: url(../images/view_more.png) right center no-repeat; font-weight: 100; font-size: 1.2em; padding-right: 25px; margin-top: 11px; text-transform: uppercase; } .view_all_shop { float: right; } .footer {} .shop_tabs { list-style: none; border-bottom: 1px solid #747474; } .shop_tabs li { float: left; width: 20%; } .shop_tabs li a { color: #404040; font-size: 1.5em; padding: 15px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; font-weight: 100; border-left: 1px solid #CCC; background: #f2f2f2; } .shop_tabs li a:hover { background: #dadada; } .phone_showcase { width: 33.333333333%; float: left; } .phone_showcase ul { list-style: none; text-align: center; } .swap_mobi { overflow: hidden; } .swap_mobi img { width: 100%; height: auto; max-width: 240px; } .phone_controls li { width: 33.233333333%; float: left; height: 20px; background: #b5d99f; border-left: 0.1% solid #fff; } .phone_controls li:hover, .phone_controls li.active { background: #63a536; } .spects_tabs { float: left;width: 700px; } .spects_tabs .tabz_spacer { margin: 0 76px; } #tabs_specs { list-style: none; border-bottom: 1px solid #c9c8c8; text-transform: uppercase; font-size: .9em; text-align: center; margin: 15px 0; } #tabs_specs li { float: left; width: 33.333333333%; } #tabs_specs li a { text-decoration: none; display: block; padding: 10px; color: #666666; font-weight: 100; } #tabs_specs li a.active, #tabs_specs li a:hover { color: #FFF; background: #c9c8c8; } .phone_name { font-size: 1.6em; color: #666666; font-weight: 400; margin-bottom: 15px; } #highlights ul { list-style: none; color: #9C9C9C; } #highlights > ul >li { border-bottom: 1px solid #c9c8c8; padding: 25px 0 15px; font-size: .9em; } #highlights > ul >li h5 { color: #A2A2A2; margin-bottom: 10px; font-size: 1em; text-transform: uppercase; } #highlights > ul >li span { width: 150px; display: block; float: left; font-weight: 400; clear: right; } .inner_specs li { margin-bottom: 10px; } span.prep { float: right; width: 250px; } #highlights > ul >li table { width: 100%; } #highlights > ul >li td, #highlights > ul >li th { width: 50%; } .pull-left { float: left; } .pull-right { float: right; padding: 15px 0; } .side_bar_comp { width: 33.333333333%; background: #FFF; max-width: 270px; } .phone_controls { } .back_button { color: #999; text-decoration: none; padding-left: 10px; margin: 15px 0; display: block; } .side_bar_comp h3 { font-size: .9em; color: #404040; margin-bottom: 10px; } .the_saf_sites { width: 100%; display: none; } .the_saf_sites ul { list-style: none; float: left; width: 100%; clear: both; } .the_saf_sites ul li { float: left; } .the_saf_sites ul li a { display: block; border-left: 1px solid #B1B1B1; } .sites_img img { width: 99%; height: auto; position: absolute; bottom: 0; } .tabz .banner-title { position: relative; width: auto; } .tabz .banner-title ol { padding: 15px 35px 0px; color: #6c6969; } .tabz .banner-title ol li { margin-bottom: 10px; } .shops_regions { float: right; width: 33.333333333%;} .map_region { width: 65.666666667%; float: left; position: relative; height: 586px; overflow: hidden; border: 1px solid #cacaca; } .map_region iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .map_region img { width: 100%; height: auto; } .shops_regions p { font-size: .8em; color: #6c6969; padding: 11px 15px; } .featured_categories { width: 100%; overflow: hidden; position: relative; height: 550px; } #next-slide, #prev-slide { position: absolute; display: block; opacity: 0.5; z-index: 99; overflow: hidden;width: 50px; height: 50px; } #next-slide { top: 0; right: 0; } #prev-slide { top: 0; left: 0; } .next-slide, .prev-slide { position: absolute; display: block; opacity: 0.5; z-index: 99; overflow: hidden;width: 50px; height: 50px; } .next-slide { top: 0; right: 0; } .prev-slide { top: 0; left: 0; } #prev-slide img{ position: absolute;left: -10px;top: -7px;} .next-slide img{ position: absolute;right: -10px;top: -7px;} .saf_marathon { background: url(../images/Untitled-1.png) no-repeat center; } .sites_img { height: 124px; background-color: #f5f7f8; position: relative; } .sites_spacer { color: #FFF; text-decoration: none; } .the_saf_sites ul li a:hover p { background: #6eb43f; } .the_saf_sites ul li { background: #5e5a5a; } .sites_spacer p { padding: 10px; font-size: .8em; height: 44px; } #device_filter { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; font-size: 13px; } .device_filter_title { color: #a3a1a1; font-weight: 500; font-size: 13px; float: left; margin: 15px 0; } #device_filter ul li { float: left; list-style: none; } #device_filter ul li a { text-decoration: none; display: block; color: #a3a1a1; padding: 15px 26px 15px 21px; border-right: 1px solid #ccc; } #device_filter ul li a span { text-align: center; background: url(../images/filter_arrow.png) no-repeat 100% 7px; padding: 0 38px 0 0; } .filter_dropdowns { float: left; color: #a3a1a1; background: #fff; width: 100%; display: none; } .filter_dropdowns_title { float: left; font-size: 14px; font-weight: bold; clear: both; width: 100%; margin: 10px 0; } .device_filter_dropdowns { float: left; width: 20%; padding: 10px 0; } .device_filter_dropdowns input { float: left; width: 20px; margin: 10px 0; } .device_filter_dropdowns label { float: right; width: 89%; margin: 8px 0; font-size: 13px; } .submit_filter { background-color: rgb(218, 218, 218); text-align: center; cursor: pointer; color: #7E7E7E; border: none; width: 100%; float: left; border: 1px solid #ccc; padding: 20px 0; } .compare_component { float: left; width: 100%; position: relative; z-index: 555; display: none; position: fixed; top: 0; background: #FFF; } .compare_placer { margin: 10px auto; } .compare_placer img { width: 70%; height: auto; } .upper_compare_section { float: left; width: 100%; } .upper_compare_left { float: left; padding: 0 0 0 25px; } .upper_compare_left h6 { text-transform: uppercase; color: #707070; font-size: 1.5em; float: left; font-weight: 100; font-weight: normal; display: none; } .upper_compare_right { bottom: 0; right: 0; position: absolute; } .device_compare_btn { float: left; } .device_compare_btn a { color: #fff; background: #6eb43f; padding: 6px 20px; display: block; text-align: center; z-index: 11; text-decoration: none; text-transform: uppercase; } .close_device_compare a { padding: 0.455em; background: #4c4848; float: left; margin-left: 2px; } .close_device_compare a img { width: 16px; height: 16px; } .compare_device_section { float: right; background: #fafafa; width: 100%; } .compare_item { float: left; width: 16%; text-align: center; border-right: 1px solid #f2f2f2; padding: 15px 0; } .compare_item h4 { font-size: .75em; color: #646464; font-weight: bold; color: #404040; text-align: center; } .collapse_search { width: 100%; float: left; } input.large_search { width: 100%; border: 1px solid #ccc; margin: 10px 0; float: left; padding: 12px; font-size: 1.1em; font-weight: normal; background-color: #f2f2f2; } .large_submit_search { background: url(../images/large_search_icon.png) no-repeat 94% 16px; width: 46px; height: 45px; border: none; position: absolute; z-index: 5; right: 0; cursor: pointer; } /*banner_bgs*/ .bg_blue { background: #0CF url(../images/radial.png) center no-repeat; } .bg_yellow { background: #FFC url(../images/radial.png) center no-repeat; } .bg_grey { background: #CCC url(../images/banner-bg.png) repeat-y center; } .bg_green { background: #CFC url(../images/radial.png) center no-repeat; } .bios {padding: 32px 0 0; color: #636363; font-size: .8em; line-height: 1.6em; } .bios p { padding: 0 15px 0px 0px; margin-bottom: 1em; } .bios h2, .bios h3, .bios h4, .bios h5 {margin-bottom: 4px; } #bios_p a, #bios_p2 a { color: #6eb43f; text-decoration: none; } #bios_p a.readmore.split, #bios_p2 a.readmore.split { background: #6EB43F; color: #FFF; float: none; width: 100%; padding: 5px 10px; } #bios_p a.readmore.split:hover, #bios_p2 a.readmore.split:hover { color: #999; text-decoration: none; background: #CCC; } #bios_p a:hover, #bios_p2 a:hover { text-decoration: underline; } #bios_p ul, #bios_p ol, #bios_p2 ul, #bios_p2 ol { padding: 5px 25px 15px 25px; } #bios_p ul li, #bios_p2 ul li { margin-bottom: 5px; } #bios_p, #bios_p2 { border-bottom: 1px solid #ECECEC; padding-bottom: 35px; } .bios_select_cont { width: 100%; position: relative; overflow: hidden; padding: 0; } .bios_select_move { min-width: 100%; } .bios_select_frame { width: 100%; float: left; } .bios_select { list-style: none; } .bios_select li { float: left; width: 25%; } .bios_select li.active_bio { background: #f9f9f9; } .bios_select li a { text-align: center; display: block; color: #a5a6a4; text-decoration: none; background: #f9f9f9; } .bios_select li a:hover, .bios_select li a.active { background: #f2f2f2; color: #6eb43f; } .bios_select li a:hover span, .bios_select li a.active span { color: #6eb43f; } .bios_select li a img { width: 100%; height: auto; max-width: 471px; } .bios_select li a p { padding: 10px; text-align: left; background: #f2f2f2; border-right: 1px solid #DDDCDC; height: 75px; } .bios_select li a p span { font-weight: bold; color: #404040; } .bios_select_controls { list-style: none; } .bios_select_controls li { float: left; width: 25%; } .bios_select_controls li a { background: #b5d99f; border-right: 1px solid #FFF; height: 5px; display: block; } .bios_select_controls li a:hover, .bios_select_controls li a.active { background: #63a536; } .inner_content { padding: 0 0 25px; } .single_article { width: 56.666667%; } .sharethoughts { background: url(../images/link_bg_light.png) repeat-x left bottom; color: #969595; text-align: center; text-decoration: none; padding: 10px 15px; border: 1px solid #f2f2f2; border-radius: 2px; float: right; margin-right: 15px; } .links_left { float: left; width: 100%;font-size: 14px;margin-bottom: 20px;} .links_left a { color: #636363; text-decoration: none; padding: 15px; border-bottom: 1px solid #CCC; display: block; float: left; width: 41%; margin-right: 3%; } .links_left a:hover { background-color: #fbfbfb; color: #6eb43f; } .links_spacer { padding: 15px; } .forms_right { float: right; width: 100%; } .forms_spacer { padding: 15px; font-size: 14px; } .forms_spacer p{ margin-bottom:10px;} .related {color: #636363;margin-top: 12px;float:left;width: 19%; margin-bottom: -2px;} .related h4 { margin: 0 0 15px; font-size: 0.9em; } .forms_spacer input { display: block; margin-bottom: 10px; font-size: .9em; } .forms_spacer input.sub_inputs { border: 1px solid #f2f2f2; padding: 10px 2%; width: 95%; } .forms_spacer input.sub_btn { background: url(../images/link_bg.png) repeat-x; color: #FFF; border: none; border-radius: 3px; font-size: 14px; float: left; padding: 10px 55px; cursor: pointer; } .forms_spacer input.sub_btn:hover{ background: #6eb43f;color: #fff;} .forms_spacer label { font-size: .9em; } .menu_dropdown { background-color: rgb(241, 241, 241); border: 1px solid rgb(224, 224, 224); position: absolute; width: 96%; padding: 10px 2%; } .menu_dropdown li a { padding: 10px; } ul.ctas li input[type=submit] { border: navajowhite; display: block; font-weight: 100; color: #7E7E7E; text-decoration: none; padding: 13px 16px; border: none; width: 99.2%; } ul.ctas li input[type=submit]:hover { background: #6eb43f; color: #FFF; font-weight: bold; } .item-page ul { padding-left: 10px;padding-bottom: 10px; } .item-page p span { line-height: 1.4em; } a.head { color: #404040; text-decoration: none; text-transform: capitalize; display: block; padding: 10px; float: left; } a.head:hover, a.head.active { color: #6eb43f; } #locateshops .store_locate { height: auto; } .article_menu_cont { border-top: 1px solid #ccc; border-bottom: 1px solid #eee;} .article_menu_cont h2.links_nder{color:#6eb43f;} .current_article_span{color:#6eb43f; text-transform:uppercase;font-size: .9em;} .article_menu_cont h2 { padding: 11px 7px 7px 7px; color: #a3a1a1; text-transform: uppercase; font-weight: bold; font-size: 1em; text-transform: uppercase; border-bottom: 1px solid #eee; } #menu_inner_sub { list-style: none; float: left; position: relative; z-index: 99; } #menu_inner_sub > li { float: left; position: relative; } #menu_inner_sub > li { width: 20%; position: relative; } #menu_inner_sub > li > a { border-right: 1px solid #eee; background: #FFF; border-bottom: none !important; } #menu_inner_sub > li > a:hover, #menu_inner_sub > li > a.active { background: #6eb43f; color: #ffffff; } #menu_inner_sub li a { color: #a3a1a1; text-decoration: none; display: block; color: #d2d0d1; padding: 10px; border-bottom: 1px solid #ffffff !important; font-size: .75em; background:#3c3839; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } #menu_inner_sub li ul li a{background: #6d6a6a; } #menu_inner_sub li ul li ul li a{background: #8e8c8c;} #menu_inner_sub li ul li ul li a:hover{color:#404040;} #menu_inner_sub > li ul { position: absolute; background: #FCFCFC; list-style: none; border: 1px solid #eee; width: 245px; display: none; left: 0; top: 100%; z-index: 99; } #menu_inner_sub > li ul li { position: relative; } #menu_inner_sub > li ul ul { left: 5%; background: #E4F7D7; } #menu_inner_sub > li ul ul li:hover a { background-color: #fff; } .bg_1 { background: #d2c2bb url(../images/banner-bg.png) repeat-y center; } .bg_2 { background: #d9d9d9 url(../images/banner-bg.png) repeat-y center; } .bg_3 { background: #d7e7f1 url(../images/banner-bg.png) repeat-y center; } .bg_4 { background: #d4e9c6 url(../images/banner-bg.png) repeat-y center; } .bg_5 { background: #efeeb8 url(../images/banner-bg.png) repeat-y center; } .bg_6 { background: #c2d7ed url(../images/banner-bg.png) repeat-y center; } .bg_7 { background: #c2d7ed url(../images/banner-bg.png) repeat-y center; } /*near me tab (lipa na mpesa)*/ .lipa_mpesa_deals { list-style: none; } .lipa_mpesa_deals { border-right: 1px solid #d3d3d3; border-bottom: 5px solid #6eb43f;position: relative; background: #fafafa; margin-bottom: 13px; } /* near me tab (lipa na mpesa)*/ .lipa_mpesa_deals { list-style: none; } .lipa_mpesa_deals > li { background: #f7f7f7; } .lipa_deals_large_block { float: left; width: 66.57%; overflow: hidden; border-right: 1px solid #ccc; } .lipa_deals_medium_block { float: left; width: 33.333333333%; } .float_left_lipa { float: left; width: 50%; height: 165px; border-bottom: 1px solid #ccc; position: relative; overflow: hidden; } .lipa_deals_box { width: 100%; float: left; } .lipa_mpesa_deals { border-right: 1px solid #d3d3d3; border-bottom: 5px solid #6eb43f;position: relative; background: #fafafa; margin-bottom: 13px; } .lipa_deals_content { padding: 20px 15px; height: 82px; background: #ededed; } .lipa_deals_content h4 { color: #585858; } .lipa_mpesa_old_price { text-decoration: line-through; color: #a9a4a4; font-size: 1em; } .lipa_mpesa_new_price { font-weight: bold; color: #74b256; font-size: 1.5em; } .lipa_mpes_deals_share { float: left; width: 92%; border-top: 1px solid #ccc; padding: 5px 15px; background: #ededed; } .lipa_na_mpesa { float: left; width: 50%; color: #585858; } .lipa_na_mpesa p { font-size: 12px; color: #585858; font-weight: bold; } .lipa_na_mpesa_right { float: right; } .lipa_na_mpesa_right ul li { float: left; list-style: none; margin: 6px 4px; } .lipa_na_mpesa_right ul li a { display: block; text-decoration: none; } .nearme_bonga_points { font-size: 1em; color: #6eb43f; display: block; padding: 0 10px; } /*mpesa tab section*/ .mpesa_numbers_wrap { width: 100%; position: relative; } ul.mpesa_letter_tabs li { list-style: none; float: left; background: #f2f2f2; } ul.mpesa_letter_tabs li a { display: block; text-decoration: none; color: #6c6969; font-size: 0.9em; padding: 3px 1.73em 6px 10px; text-align: center; text-transform: uppercase; } ul.mpesa_letter_tabs li a:hover‚ul.mpesa_letter_tabs li a.active {background: #ccc !important;} ul.mpesa_letter_tabs li.active_mpesa_numbers a { background: #ccc; } #mpesa_numbers_body { margin: 0px; clear: both; } #mpesa_numbers_body p { padding: 1px; margin: 0; font-size: 1em; } .mpesa_letter_content ul li { float: left; width: 48%; list-style: none; padding: 11px 0; border-bottom: 1px solid #f1f1f1; margin-right: 2%; } ul.mpesa_letter_tabs li a:hover, ul.mpesa_letter_tabs li a.active { background: #ccc; } /*things i like section*/ .namediv { color: red; } .wrap_tabs_things_liked { border: 1px solid #ccc; float: left; width: 100%; } ul.tabs_things_liked li { float: left; list-style: none; color: #cdcbcb; } ul.tabs_things_liked li a { text-decoration: none; color: #cdcbcb; padding: 20px 22px; border-right: 1px solid #ccc; text-transform: uppercase; font-size: 14px; display: block; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; } ul.tabs_things_liked li a:hover { color: #585858; } ul.tabs_things_liked li.active_things_liked a { color: #6c6969; } #things_liked_body { float: left; width: 100%; } .tab_content_wrap { width: 98%; background: #f2f2f2; float: left; margin-top: 5px; padding: 10px; max-height: 600px;} .column_tab_banners { float: left; width: 25%; margin-top: -216px; margin-left: 11em; } .column_tab { float: left; width: 25%; } .column_tab_box_banners { position: relative; height: 38px; overflow: hidden; width: 203px; } .column_tab_box { border: 1px solid #E2E2E2; margin-left: 10px; position: relative; margin-bottom: 10px; } .column_tab_img { text-align: center; overflow: hidden; padding: 45px 0px 0px; } .column_tab_img img { width: 100%; text-align: center; padding: 10px 0 0 0;} span.column_tab_link a { position: relative; display: block; border-top: 1px solid #e8e7e7; text-decoration: none; color: #585858; font-size: 0.8em; padding: 10px 40px 10px 10px; text-align: left; } span.column_tab_link a:after { content: ""; display: block; width: 30px; height: 30px; background: url('../images/safcom_icons.png') no-repeat -120px -30px; position: absolute; right: 10px; margin: auto; top: 0; bottom: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } span.column_tab_link a:hover:after { background-position: -120px -90px; } span.column_tab_link a:hover { color: #6eb43f; background-color: #efefef; } .share_box { position: absolute; right: 0; top: 0; background: #f7f9f9; border: 1px solid #dbdbdb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -msn-border-radius: 3px; } .share_box > ul > li a { padding-top: 5px; } .share_box ul li { float: left; list-style: none; padding: 2px; } .share_box ul li a { display: block; padding: 1px 6px; position: relative; top: -1px; border-left: 1px solid #ccc; margin-top: 3px; } .border_none { border: none !important; } /*top banner section*/ .banner_promo { width: 100%;position: relative; z-index: 999999999999999; } .expandable-banner { position: relative;overflow: hidden; z-index: 1; } .expandable-banner iframe { width: 90.5%; height: 400px; margin: 0 auto;} .expandable-banner iframe body, .expandable-banner iframe html { width: 100%; height: 100%; margin: 0; padding: 0; } .expandable-holder { background: #fff; position: absolute; bottom: 10px; right: 10px; z-index: 555; width: 78px; height: 30px; border-radius: 3px; padding: 4px; } .share-expandable-banner > a { display: block; background: url(../images/share_expand_banner.png) 8px 50% no-repeat; padding: 14px 18px 14px 20px; float: left; border-right: 1px solid #ccc; } .open-expandable-banner > a { background: url(../images/collapse_arrow.png) 14px 49% no-repeat; padding: 14px 18px; float: left; } .close-expandable-banner > a { background: url(../images/expand-arrow.png) 14px 50% no-repeat; padding: 14px 18px; float: left; display: none; } /*Generic tabs*/ .ui-slider-tabs-list-wrapper { position: relative; width: 100%; font-family: Arial, sans-serif; margin: 0 0 -1px 0; z-index: 5; } .ui-slider-tabs-list-wrapper.bottom { margin: -1px 0 0 0; } .ui-slider-tabs-list-container { overflow: hidden; } .ui-slider-tabs-list { padding: 0; margin: 0 0 0 0; list-style: none; width: 100% !important; } .ui-slider-tabs-list li { float: left; margin: 0; cursor: pointer; font-size: 13px; font-weight: bold; width: 25% !important; height: 5px !important; background: #b5d99f; } .ui-slider-tabs-list li a { display: block; padding: 8px 0; text-decoration: none; color: #555; text-shadow: 0px 1px 0px #fff; margin: 0; height: 5px !important; } .ui-slider-tabs-list li a:hover { background: #63a536; } .ui-slider-tabs-list li.selected { background: #63a536; } .ui-slider-tabs-list-wrapper.bottom .ui-slider-tabs-list li.selected { } .ui-slider-tabs-list li.selected a { cursor: default; color: #000; } .ui-slider-tabs-list li:first-of-type { } .ui-slider-tabs-content-container { position: relative; z-index: 1; overflow: hidden; background-color: #fff; } .ui-slider-tabs-content-container img { width: 201px; height: 339px; } .ui-slider-tab-content { position: absolute; display: none; top: 0; left: 0; padding: 0; } .ui-slider-left-arrow, .ui-slider-right-arrow, .ui-slider-left-arrow.edge:hover, .ui-slider-right-arrow.edge:hover { display: block; position: absolute; border: 1px solid #cfcfcf; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* IE10+ */ background: linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */ } .ui-slider-left-arrow:hover, .ui-slider-right-arrow:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ } .skip_navigation { position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ui-slider-left-arrow { left: 0; top: 0; box-shadow: 2px 0px 1px rgba(0, 0, 0, .06); border-top-left-radius: 4px; } .ui-slider-left-arrow div { background-image: url(../images/prev_r.png); background-repeat: no-repeat; background-position: center center; height: inherit; } .ui-slider-left-arrow.edge div { opacity: .25; } .ui-slider-left-arrow.edge { box-shadow: none; cursor: default; } .ui-slider-tabs-list-wrapper.bottom .ui-slider-left-arrow { border-top-left-radius: 0; border-bottom-left-radius: 4px; } .ui-slider-right-arrow { top: 0; right: 0; box-shadow: -2px 0px 1px rgba(0, 0, 0, .06); border-top-right-radius: 4px; } .ui-slider-right-arrow div { background-image: url(../images/nxt_r.png); background-repeat: no-repeat; background-position: center center; height: inherit; } .ui-slider-right-arrow.edge div { opacity: .25; } .ui-slider-right-arrow.edge { box-shadow: none; cursor: default; } .ui-slider-tabs-list-wrapper.bottom .ui-slider-right-arrow { border-top-right-radius: 0; border-bottom-right-radius: 4px; } .ui-slider-tabs-indicator-container { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .ui-slider-tabs-indicator { width: 10px; height: 10px; background-image: url('images/indicator.png'); background-repeat: no-repeat; display: inline-block; margin-right: 3px; cursor: pointer; } .ui-slider-tabs-indicator.selected { background-image: url('images/indicatorActive.png'); } .ui-slider-tabs-leftPanelArrow { position: absolute; left: 0px; bottom: -100px !important; width: 67px; height: 65px; background-image: url(../images/prev_r.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; } .ui-slider-tabs-rightPanelArrow { position: absolute; bottom: -100px !important; right: 0px; width: 67px; height: 65px; background-image: url(../images/nxt_r.png); background-repeat: no-repeat; background-position: center center; cursor: pointer;} .ui-slider-tabs-rightPanelArrow.showOnHover, .ui-slider-tabs-leftPanelArrow.showOnHover { opacity: 0; display: none; } .ui-slider-tabs-content-container:hover .ui-slider-tabs-rightPanelArrow.showOnHover, .ui-slider-tabs-content-container:hover .ui-slider-tabs-leftPanelArrow.showOnHover { opacity: 1; display: inline-block; } .ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow:hover, .ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow:hover, .ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow.showOnHover:hover, .ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow.showOnHover:hover { opacity: 1; } /*utility menu styling*/ .mobi_menu { background: #6eb43f; } .menu_btn { display: block; float: left; display: block; color: #FFF; text-decoration: none; padding: 8px 51px; background: url(../../templates/safaricommain/images/mobimenu.png) no-repeat left center; } .utility_feeds_menu { list-style: none; } .utility_feeds_menu li { float: left; width: 33.333333333%; text-align: center; } .utility_feeds_menu li a { color: #a3a1a1; text-decoration: none; text-decoration: none; display: block; padding: 18px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .nfeed h6 { font-size: 1.5em; } .menu_mini_toggles { list-style: none; } .menu_mini_toggles li { float: right; } .menu_mini_toggles li a { padding: 18px; display: block; } .utility_feeds_menu li a.active { background: #6eb43f; color: #FFF; } .personalize_menu { background: url(../../templates/safaricommain/images/menu_personalize.png) no-repeat center; } .small_upper_menu { background: url(../../templates/safaricommain/images/top_menu_toggle.png) no-repeat center; border-right: 1px solid #FFF; border-left: 1px solid #FFF; } .small_video { height: 250px; position: relative; border-bottom: 1px solid #EEE; } .small_video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } .nfeed .feed_spacer { height: auto !important; } .min_height { min-height: 250px; } #menu_pay_bills { list-style: none; } #menu_pay_bills > li { border-bottom: 1px solid #E4E4E4; } #menu_pay_bills > li > a { background: #f7f7f7; display: block; padding: 10px; color: #828282; text-decoration: none; border-bottom: 1px solid #fff; } #menu_pay_bills > li > a span { background: url(../img/see_all.png) right center no-repeat; display: block; } #menu_pay_bills > li > ul { display: none; color: #767171; } #menu_pay_bills > li > ul li { padding: 5px 20px 5px 20px; } #menu_pay_bills > li > ul li span { font-weight: bold; } .lockshop > li > a span { background: none !important; display: block; } .small_circles { display: inline; float: right; border: 1px solid #B6B6B6 !important; border-radius: 100px; padding: 5px 6px; font-size: .6em; } .lockshop .submenu li { border-bottom: 1px solid #f7f7f7; padding: 16px !important; } .nfeed .shop_item { float: left; width: 100%; background: #f2f2f2; position: relative; } .nfeed ul.ctas { position: relative; bottom: 0; left: 0; width: 100%; list-style: none; text-align: center; font-size: 0.6em; } .nfeed .mobi_info { width: 100%; float: none; } .nfeed .mobile_img { width: 100%; float: none; text-align: center; } .nfeed .shop_item_spacer { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } .nfeed .column_tab { float: left; width: 100%; } .nfeed .column_tab_box { border: 1px solid #e8e7e7; margin-left: 0; position: relative; height: auto; overflow: hidden; } .nfeed ul.this_liked_share { position: absolute; right: 0; top: 0; background: #f7f9f9; border: 1px solid #dbdbdb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -msn-border-radius: 3px; } .nfeed ul.this_liked_share li { float: left; list-style: none; padding: 2px; } .nfeed .ul.this_liked_share li a { display: block; padding: 14px 19px; position: relative; top: -1px; border-left: 1px solid #ccc; margin-top: 3px; } .nfeed ul.things_liked_social { position: absolute; top: -10px; cursor: pointer; display: none; width: 115px; right: 77px; padding: 10px; } .nfeed .share_article { position: absolute; bottom: -10px; cursor: pointer; display: none; width: 115px; right: 6px; padding: 10px; } .nfeed .slider_farvourite_form { position: absolute; right: 10px; bottom: 56px; width: 390px; display: none; height: 115px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -mns-border-radius: 5px; -o-border-radius: 5px; } .hot_items { left: 0; bottom: -120px !important; z-index: 99; display: none; } .opening_accodion ul { margin: 1% 0 1% 3%; } /* phone view slider */ #phoneTabshow { padding-top: 60px; } #phoneTabshow ul li { width: 33% !important; margin-top: 10px; } #phoneTabshow div { text-align: center; } /*accordion here*/ /*accordion here*/ ul#accordion { list-style: none; margin: 0; padding: 0; } ul#accordion > li { margin-bottom: 1px; border-bottom: 1px solid #F0F0F0; clear: both; } ul#accordion > li > a:link, ul#accordion li > a:visited { display: block; color: #fff; text-decoration: none; color: #404040; padding: 10px 0; } ul#accordion li > a span { display: block; padding: 0px 12px 0px 29px; background: url(../images/open_toggle.png) no-repeat 8px 2px; } ul#accordion li a span.active { background: url(../images/close_toggle.png) no-repeat 8px 2px; } ul#accordion li div { display: none; padding-left: 30px; background: #FBFFF4; float: left; clear: both; padding-top: 15px; padding-bottom: 15px; font-size: .9em; margin-bottom: 15px; } ul#accordion li > div ol, ul#accordion li div ul { padding: 0 15px; font-size: 1em; } ul#accordion li div ol ul { list-style: disc; } ul#accordion li div ol > li, ul#accordion li div ul > li { margin-bottom: 10px; } ul#accordion > li div > ul { list-style: disc; } ul#accordion li div table { border-collapse: collapse; width: 100%; } .bios table { width: 100%; margin-bottom: 10px; float:left; } .bios table td, .bios table th { border: 1px solid #eee; padding: 0.5rem !important; text-align: left; } ul#accordion li div table td, ul#accordion li div table th { border: 1px solid #eee; padding: 0.5rem; text-align: left; } /*search results*/ .search_results { list-style: none; margin: 10px 0; } .search_results li { padding: 15px 10px 25px; border-bottom: 1px solid #F0F0F0; } .greyhound { background: #FAFAFA; } .search_results h3 a { color: #6eb43f; text-decoration: none; } .search_results a { display: block; color: #006621; text-decoration: none; margin-bottom: 5px; } /*search results*/ .social_share { position: absolute; margin-left: -61px; top: 77px; list-style: none; text-align: left; display: none; background: #fff; height: 32px; border-radius: 5px; padding: 13px; width: 220px; } .social_share li { width: 9.1em; text-align: center; font-size: .9em; position: relative; display: block; margin-right: 8px; float: left; margin-top: 2px; font-weight: 100; border: 1px solid #6eb43f !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .social_share li a:hover { color: #6eb43f; } .social_share li a { color: #000000; background: #fff; border-radius: .3125em; display: block; height: 100%; text-decoration: none; padding: 6px !important; } .social_share_collapsable { position: absolute; margin-left: -201px; top: -26px; list-style: none; text-align: left; background: #fff; height: 32px; border-radius: 5px; padding: 13px; width: 220px; } .social_share_collapsable ul li { width: 9.1em; text-align: center; font-size: .9em; position: relative; display: block; margin-right: 8px; float: left; margin-top: 2px; font-weight: 100; border: 1px solid #6eb43f !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .arrow_fav_form_collapsible_slider { background-image: url(../images/arrow_down_fav.png); padding: 10px; position: absolute; top: 54px; background-repeat: no-repeat; right: 5%; } .close_social_collapsible_slider { background-image: url(../images/fav_close.png); background-repeat: no-repeat; cursor: pointer; display: block; padding: 20px; position: absolute; right: -18px; top: -17px; } .close_social_share { background-image: url(../images/fav_close.png); background-repeat: no-repeat; cursor: pointer; display: block; padding: 20px; position: absolute; right: -16px; top: -10px; } .featured_desc ul.social_share_collapsible_slider { position: absolute; top: -80px !important; margin-left: -58px; right: 12px; top: 77px; list-style: none; text-align: left; display: none; background: #fff !important; height: 32px; border-radius: 5px; padding: 12px 3px 17px 12px; width: 283px; border: none; } .bannerimage { height: 87px; } .fform { position: absolute; right: -400px; top: -20px; width: 390px; display: none; height: 115px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -mns-border-radius: 5px; -o-border-radius: 5px; z-index: 55; border: 1px solid #ccc; } .arrow_fav_form { background-image: url(../images/arrow_down_fav.png); padding: 10px; position: absolute; bottom: -18px; background-repeat: no-repeat; right: 66%; } .fform p { font-size: 12px; float: left; width: 80%; } .add_fav_form { float: left; padding: 9px 10px; width: 98%; } .fav_sub_btn { background: url(../images/link_bg.png) repeat-x; cursor: pointer; color: #FFF; border: none; border-radius: 3px; font-size: 14px; padding: 10px 38px; } .fav_sub_inputs { border: 1px solid #f2f2f2; background: #fafafa; padding: 9px 2%; width: 54%; float: left; margin-right: 10px; -webkit-appearance: none; } .error_fav { color: red; font-size: 12px; float: left; padding-top: 6px; margin: 0; } .close_fav_form { background-image: url(../images/fav_close.png); background-repeat: no-repeat; cursor: pointer; display: block; padding: 20px; position: absolute; right: -15px; top: -1px; } .slider_farvourite_form { position: absolute; right: -28px; bottom: 56px; width: 295px; display: none; height: 115px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -mns-border-radius: 5px; -o-border-radius: 5px; } .arrow_fav_form_1 { background-image: url(../images/arrow_down_fav.png); padding: 10px; position: absolute; bottom: -13px; background-repeat: no-repeat; right: 14%; } .featured_desc p.para_enter_email{ width: 89%; margin-bottom:10px; } /*share icons*/ ul.banner-controls-all li a, ul.banner-controls li a { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } ul.banner-controls-all li.arrow > a, ul.banner-controls li.arrow > a { background-position: 0px -30px; } ul.banner-controls-all li.arrow > a:hover, ul.banner-controls li.arrow:hover > a { background-position: 0px -60px; } ul.banner-controls-all li.share > a, ul.banner-controls li.share > a, ul.this_liked_share li.share > a { background-position: -60px -30px; } ul.banner-controls-all li.share:hover > a, ul.banner-controls li.share:hover > a, ul.this_liked_share li.share > a:hover { background-position: -60px -60px; } ul.banner-controls-all li.star > a, ul.banner-controls li.star > a, ul.this_liked_share li.star > a { background-position: -30px -30px; } ul.banner-controls-all li.star:hover > a, ul.banner-controls li.star > a:hover, ul.this_liked_share li.star:hover > a { background-position: -30px -60px; } ul.banner-controls li.remove_favourite > a { background-position: -180px -30px; } ul.banner-controls li.remove_favourite:hover > a { background-position: -180px -60px; } .add_fav_already { background: url(../images/star_grey.png) no-repeat 50% 50%; padding: 10px; } /*share icons on hover*/ .hide { display: none; } .message_div_topfive { display: none; top: 45px; position: absolute; margin-left: 13.5em; color: #F00; padding: 5px 10px; background: #FFFFFF; white-space: nowrap; border-radius: 5px; border: 1px solid #f00; } .message_div_featured { display: none; top: 45px; position: absolute; margin-left: 13.5em; color: #F00; padding: 5px 10px; background: #FFFFFF; white-space: nowrap; border-radius: 5px; border: 1px solid #f00; } /*menu_image*/ .menu_image { float: left; width: 20px; padding-right: 10px; padding-top: 2px; } .menu_image img { width: 100%; height: auto; } /*comment_form styles*/ #commentform {width: 96%; } input#name, input#email, input#url { border: 1px solid #CCC; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } input.text-input, #commentform input { padding: 7px 4px; border: 1px solid #ccc; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; width: 85%;} #cantispam { width: 50px; padding: 2px; margin-right: 2px; border: 1px solid #CCC; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } span.spam_math { position: relative; top: 3px; } #commentform textarea { width: 95%; font-family: inherit; border: 1px solid #ccc; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; padding: 10px; overflow: auto; color: #7a7878; font-size: .9em; resize: none;} #commentform input#submitcomment { font-size: 14px; line-height: 25px; font-weight: normal; background: url(../images/link_bg.png) repeat-x; padding: 6px 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-decoration: none; cursor: pointer; display: inline-block; border: none; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; margin-bottom: 10px; width: auto;} #commentform label { margin-bottom: 10px; display: block; color: #7a7878; } #commentform p { margin-bottom: 10px; color: #7a7878; font-size: .9em; } #cantispam1 { width: 50px !important; } .post-content .post-body { position: relative; display: none; } .post-byline { float: left; } .post-content .com_header { color: #777; line-height: 17px; font-size: 13px; position: relative; padding-right: 46px; } .post-meta { display: block; float: left; } .post-content .com_header .bullet { padding: 0 4px; } .post-content .com_header .time-ago, .post-content .com_header .parent-link { font-weight: 500; font-size: 95%; color: #a5b2b9; color: rgba(0, 39, 59, .35); } .post-menu { list-style: none; float: left; width: 100%; } .post-menu>li { float: left; width: 50%; } .post-body { color: #e76262; font-size: .9em; } .post-content .com_header .post-menu>li a { color: #666!important; color: rgba(0, 0, 0, .5)!important; } .post-body-inner { color: #7a7878; font-size: .9em; padding: 10px 0 35px; margin-bottom: 27px; border-bottom: 1px solid #DDD; line-height: 1.4em; } .shares_com h4 { float: left; font-size: .9em; margin: 10px 0 8px 0; font-weight: 700; color: #000; } .shares_com .banner-controls { margin: 5px 10px; padding: 1px; } .bold { font-weight: bold; } .post-menu li a { text-decoration: none; padding: 3px 8px; display: block; border-radius: 5px; float: left; color: red !important; background: url(../images/flag.png) center left no-repeat; padding-left: 21px; margin: 10px 0; } .post-menu li span{ padding: 3px 24px 8px; display: block; margin: 10px 0 0 0; cursor:pointer; background: url(../images/follow_comments.png) 0 5px no-repeat;} .post-menu li span:hover{color: #6eb43f;} /*breadcrumbs*/ .wrapper_bread_crumb{ position:relative; padding-bottom:10px;} .bs { list-style: none; margin-bottom: 15px; padding-top: 5px; position: absolute; top: 0; left: -10px; z-index: 8; } .bs li { float: left; } .bs li a { display: block; padding: 5px 20px 2px 10px; font-size: .78em; color: #505050; background: url(../images/bc_arrow_inactive.png) center right no-repeat; } .bs li a:hover, .bs li a.active { color: #65aa44; background: url(../images/bc_arrow_active.png) center right no-repeat; } .bs li:last-child a { background: none; } /*google search*/ #cse-search-form {} .noscrollbar { line-height: 1.35; overflow: hidden; height: 200px; width: 300px; } input.gsc-input { border: 1px solid #CCC !important; padding: 2px 15px 13px !important; width: 99% !important; -webkit-appearance: none; font-size: 12px; } input.gsc-search-button {background: #6BB245 url(../images/link_bg.png) repeat-x bottom !important; cursor: pointer; border: none !important; -webkit-appearance: none; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF !important; margin-left: 2px; padding: 11px 24px !important; text-transform: uppercase; } input.gsc-search-button:hover{ background: #6eb43f !important;} @-moz-document url-prefix() { input.gsc-input {border: 1px solid #DDDDDD !important; padding: 13px 15px 5px !important;width: 99% !important;} } div.gsc-clear-button { display: none !important; } .gsc-input { width: 100%; border: none !important; margin: 0; float: left; padding: 12px; font-size: 1.1em; font-weight: normal; color: #000; background-color: none; } /*end google search*/ /* shop*/ .captcha_value { color: #555; font-weight: bold; font-size: .9em; } .captcha { padding: 10px; border: 1px solid #acacac; border-radius: 5px; margin-top: 10px; color: #959595; } .review_shop { float: left; background: url(../images/star_grey.png) no-repeat 500% 50%; height: 20px; width: 20px; margin: 10px 0px 10px 10px; list-style: none; } .user_reviews, .write_reviews { float: left; background: #c9c8c8; padding: 7px 14px; color: #fff; cursor: pointer; } .user_reviews.current, .write_reviews.current { background: #6eb43f; } .publish_reviews { margin-top: 20px; color: #949494; font-size: .9em; float: left; width: 100%; } .rate_reviews { float: left; width: 50%; margin: 10px 0px 20px 0px; } .reviews_header { margin-bottom: 10px; } .reviews_form { margin-top: 10px; } .reviews_form label { float: left; width: 100%; padding: 0px 0px 3px 1px; } .review_captcha { float: left; margin-right: 35px; } .review_date { background: url(../images/timer.png) no-repeat 0% 50%; } .review_name { background: url(../images/user_shop.png) no-repeat 0% 50%; } .rdate { padding-left: 20px; display: block; float: left; } .rname { padding-left: 20px; margin-left: 35px; display: block; float: left; } .rrating { float: right; display: block; } .publish_review_content { font-size: .9em; padding: 10px 0px; } .publish_review_footer { margin-bottom: 20px; } .review_single_comment { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } /* shop*/ /*selfcare videos*/ .selfcare_left { float: left; width: 50%; font-size: .9em; } .selfcare_left a.view-all{ -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .selfcare_left a.view-all:hover{ background: #6eb43f;} .selfcare_right { float: left; width: 48%; padding-left: 2%; } #embed { width: 100%; border: 1px solid #cacaca; } .selfcare_left p { padding-bottom: 2em; font-size: .9em; } /*selfcare videos*/ .mobi_nav { background: #f1f1f1; padding-left: 24px; padding-right: 24px; } .mobi_nav > ul { float: right; } .mobi_nav > ul > li { width: 80px; padding: 10px; list-style: none; float: left; border-right: 1px solid #dadada; ; } .mobi_one { background: url(../images/net_small.png) no-repeat 0% 50%; } .mobi_two { background: url(../images/net_small.png) no-repeat 0% 50%; } .mobi_three { background: url(../images/net_small.png) no-repeat 0% 50%; } .mobi_four { background: url(../images/net_small.png) no-repeat 0% 50%; } .mobi_nav > ul > li > a > span { margin-left: 20px; } .mobi_nav > ul > li > a { color: #000000; } .mobi_nav > ul > li:first-child { border-left: 1px solid #dadada; } /*shop features*/ #features ul { list-style: none; color: #9C9C9C; } #features > ul >li { border-bottom: 1px solid #c9c8c8; padding: 25px 0 15px; font-size: .9em; } #features > ul >li h5 { color: #A2A2A2; margin-bottom: 10px; font-size: 1em; text-transform: uppercase; } #features > ul >li span { width: 150px; display: block; float: left; font-weight: 400; clear: right; } #features > ul >li table { width: 100%; } #features > ul >li td, #highlights > ul >li th { width: 50%; } /*shop features*/ /*rss feeds*/ .rss_scroller { height: 650px; overflow-y: scroll; z-index: 999999; } #rss_filter { border: 1px solid #ccc; position: relative; font-size: 13px; margin-bottom: 20px; padding: 0; } .rss_filter_title { color: #a3a1a1; font-weight: 500; font-size: 13px; float: left; margin: 15px 0; border-right: 1px solid #ccc; padding: 5px 20px; } #rss_filter ul li { float: left; list-style: none; } #rss_filter ul li a { text-decoration: none; display: block; color: #6c6969; padding: 5px 20px; } #rss_filter ul li a span { text-align: center; padding: 0 38px 0 0; border-left: 1px solid #ccc; font-weight: 700; } #rss_filter ul li a:hover { color: #6eb43f; } /*rss feeds*/ /* site banners*/ .site_banner_rono { width: 27%; } .site_banner img { width: 80%; margin: 35px 0 0; } .site_banner { text-align: center; background: #fafafa; border: 1px solid #E2E2E2; } .banner_details { text-align: center; border-top: 1px solid #f3f3f3; } .banner_details p a { display: block; color: #585858; font-size: 0.8em; position: relative; text-align: left; } .banner_details p a span { display: block; padding: 10px 40px 10px 10px; } .banner_details p a span:after { content: ""; display: block; width: 30px; height: 30px; background: url('../images/safcom_icons.png') no-repeat -120px -30px; position: absolute; right: 10px; margin: auto; top: 0; bottom: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .banner_details p a:hover span:after { background-position: -120px -90px; } .banner_details p a:hover { color: #6eb43f; background-color: #efefef; } .single_article_title { padding: 0 0 5px 0; } .site_banner_rono.pull-right.career_portal h3{font-size: 19px;margin: 25px 0 10px;} .site_banner_rono.pull-right.career_portal p{font-size: .8em;line-height: 20px;margin: 25px 0;} .site_banner_rono.pull-right.career_portal .site_banner img{margin: 0;} .site_banner_rono.pull-right.career_portal .site_banner{margin: 0 0 8% 0;} /* site banners*/ .ei-slider-thumbs li.percent1 { width: 100%; } .ei-slider-thumbs li.percent2 { width: 50%; } .ei-slider-thumbs li.percent3 { width: 33.333333333%; } .ei-slider-thumbs li.percent4 { width: 25%; } .ei-slider-thumbs li.percent5 { width: 20%; } .banner_wrapper_center, .banner_inner_two { height: 381px; } .gsc-branding { display: none !important; } .gs-title { color: #008000 !important; } .gs-result .gs-title, .gs-result .gs-title * { color: #008000 !important; } .gsc-results .gsc-cursor-box { margin: 10px 0 !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page {color: #636363 !important;text-decoration: none !important; padding: 3px 8px !important;background: #fff !important;margin-right: 8px !important;border: 1px solid #ccc !important;} .gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {background: #6eb43f !important;color: #FFF !important;text-decoration: none !important;border: 1px solid #6eb43f !important; } .gcsc-branding { display: none !important; } .gsc-input { background-image: none !important; } .gsc-webResult .gsc-result { margin-bottom: 15px !important; } .cspam_math { float: left; } #cspam_math1 { color: #7a7878; } .required1{ font-weight:normal; margin-bottom:12px; float: left; margin-right: 20px; margin-top: 8px;} /* reviews form */ .reviews_input { border: #ebebeb solid 1px; background: #fff; width: 427px; float: left; height: 15px; padding: 13px 8px; font-size: 12px; color: #959595; margin-bottom: 10px; -webkit-appearance: none; } .reviews_textarea { border: #ebebeb solid 1px; background: #fff; float: left; padding: 13px 8px; font-size: 12px; color: #959595; margin-bottom: 10px; width: 427px; resize: none; -webkit-appearance: none; } .sub_reviews { margin-top: 10px; float: left; border: none; border: none !important; color: #fff; background: url(../images/link_bg.png) repeat-x; padding: 12px 30px; text-transform: uppercase; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -mns-border-radius: 4px; } /* reviews form */ .share_article { position: absolute; bottom: 3px; cursor: pointer; display: none; right: -100px; z-index: 100; padding-left: 10px; } .share_article.things_liked_social { width: 40px; bottom: auto; top: 35px; right: -9px; } .share_article li { float: left; list-style: none; } .share_article li a, .share_article_feature li a { display: block; background: #fff url('../images/safcom_icons.png') no-repeat; border: 1px solid #ccc; width: 30px; height: 30px; display: block; overflow: hidden; text-indent: -1000px; } .share_article a.share_article_fb, .share_article_feature a.share_article_fb { background-position: 0px -90px; } .share_article a.share_article_tw, .share_article_feature a.share_article_tw{ background-position: -30px -90px; border-left: none; } .share_article a.share_article_gplus, .share_article_feature a.share_article_gplus { background-position: -60px -90px; border-left: none; } .share_article a.share_article_wta, .share_article_feature a.share_article_wta { background-position: -178px -92px; border-left: none; } .share_display { display: block; } .share_article_feature { position: absolute; bottom: 40px; cursor: pointer; display: none; width: 115px; right: -6px; padding: 10px; } .share_article_feature li { float: left; list-style: none; } .share_article_feature li a { display: block; background-color: #fff; } #featured_slider .share_article_feature { position: absolute; bottom: 37px; width: 37px; right: -3px; padding: 0; } #featured_slider .share_article_feature li { float: none; list-style: none; } #featured_slider a.share_article_gplus, #featured_slider a.share_article_tw, #featured_slider a.share_article_fb, #featured_slider a.share_article_wta { border-top: 1px solid #ccc; border-bottom: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } #featured_slider a.share_article_gplus { border-bottom: 1px solid #ccc; } a.share_article_gplus:hover, #featured_slider a.share_article_gplus:hover { background-color: #d63f29; border-color: #d63f29; background-position: -60px -119px; } a.share_article_tw:hover, #featured_slider a.share_article_tw:hover { background-color: #2b89d3; border-color: #2b89d3; background-position: -30px -119px; } a.share_article_fb:hover, #featured_slider a.share_article_fb:hover { background-color: #4d6abb; border-color: #4d6abb; background-position: 0px -119px; } .share_article a.share_article_wta:hover, .share_article_feature a.share_article_wta:hover { background-position: -178px -92px; border-left: none; } /* filter devices */ /*share management*/ ul.share_management { position: absolute; bottom: -10px; cursor: pointer; width: 115px; right: -14px; padding: 10px; z-index: 555; } ul.share_management li { float: left; list-style: none; } ul.share_management li a { display: block; background-color: #fff; } a.share_management_fb { background: url(../images/article_share_fb.png) no-repeat center; background-color: #fff; display: block; padding: 18px 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } a.share_management_fb:hover { background-color: #4d6abb; border-top: 1px solid #4d6abb; border-bottom: 1px solid #4d6abb; border-right: 1px solid #4d6abb; background-image: url(../images/article_share_hover_fb.png); background-repeat: no-repeat; } a.share_management_tw { background-color: #fff; background: url(../images/article_share_tw.png) no-repeat center; display: block; padding: 18px 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } a.share_management_tw:hover { background-color: #2b89d3; border-left: none; border-top: 1px solid #2b89d3; border-bottom: 1px solid #2b89d3; border-right: 1px solid #2b89d3; background-image: url(../images/article_share_hover_tw.png); background-repeat: no-repeat; } a.share_management_gplus { background-color: #fff; background: url(../images/article_share_gplus.png) no-repeat center; display: block; padding: 18px 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } a.share_management_gplus:hover { background-color: #d63f29; border-left: none; border-top: 1px solid #d63f29; border-bottom: 1px solid #d63f29; border-right: 1px solid #d63f29; background-image: url(../images/article_share__hover_gplus.png); background-repeat: no-repeat; } a.share_management_wta { background-color: #fff; background: url(../images/article_share_gplus.png) no-repeat center; display: block; padding: 18px 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } a.share_management_wta:hover { background-color: #d63f29; border-left: none; border-top: 1px solid #d63f29; border-bottom: 1px solid #d63f29; border-right: 1px solid #d63f29; background-image: url(../images/article_share__hover_gplus.png); background-repeat: no-repeat; } /*share your thoughts*/ .comments_form_main{ float:left; width:100%;} .share_thots { width: 100%; float: left;margin-bottom: 30px; margin-top:20px;} .share_right { float: left; height: 50px; width: 63px; background: url(../images/thought.png) no-repeat 50% 50%; } .thots2:hover .share_right { background: url(../images/thought_hover.png) no-repeat 50% 50%; } .share_left { float: left; width: 57px; height: 52px; background: url(../images/view_thot.png) no-repeat 50% 50%; } .thots1:hover .share_left { float: left; width: 57px; height: 52px; background: url(../images/view_thot_hover.png) no-repeat 50% 50%; } .share_thots span { color: #555; font-size: .9em; } .thoughts { color: #555; font-size: 1.1em; float: left; margin: 17px; width: 77%; } .thots2:hover .thoughts { color: #fff; } .thots1:hover .thoughts { color: #fff; } .thots1 a { float: left; width: 100%; border-left: 1px solid #e1e1e1; background: #f6f6f6; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .thots2 a { float: left; width: 100%; background: #f6f6f6; display: block; border: none; } .thots2 a:hover, .thots2 a.active { background: #6eb43f; } .share_thots div a.active, .thots2 a.active .thoughts { color: #fff; } .thots1 a.active .thoughts { color: #fff; } .thots2 a.active .share_right { background: url(../images/thought_hover.png) no-repeat 50% 50%; } .thots1 a.active .share_left { background: url(../images/view_thot_hover.png)no-repeat 50% 50%; } .thots1 a:hover, .thots1 a.active { background: #6eb43f; } .load_more_comments { background: url(../images/link_bg.png) repeat-x; color: #ffffff; padding: 10px; border-radius: 5px; } .thots2 a > span:hover { color: #fff; } /*share your thoughts*/ /*scroll*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*selfcare iframe*/ .iframe_selfcare { border: 1px solid #dfdfdf; } /*selfcare iframe*/ .town_shops { padding: 11px; font-size: .675em; color: #acacac; cursor: pointer; height: 407px !important; overflow-y: scroll; } .town_shops li:hover { color: #6eb43f } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } @-moz-document url-prefix() {.styled {padding-top:20px;}} .month { color: #6eb43f; margin-top: 30px; border-bottom: 1px solid; } #paybill_category { width: 260px; padding: 21px; border-radius: 0; border-right: 1px solid #acacac; text-transform: uppercase; border-bottom: none; border-top: none; border-left: none; color: #6c6969; font-size: 1.2em; background: url(../images/filter_arrow.png) no-repeat 90% 50%; } .paybill { border: 1px solid #cacaca; width: 100%; margin-bottom: 13px; } .styled_ option { padding: 5px; font-size: .9em; } .styled_ { float: left; padding: 18px; border: none; font-size: .9em; margin-left: 25px; color: #7c7c7c; background: url(../images/shop.png)0% 50% no-repeat; } .styled { position: relative !important; float: left; text-transform: uppercase; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 25px; color: #7c7c7c; -webkit-appearance: none !important; background: url(../images/filter_arrow.png) no-repeat 94% 50%; opacity: 1 !important; border-radius: 0; } .styled_bonga { float: left; border: none; width: 211px; padding: 20px; font-size: .9em; margin-left: 25px; color: #7c7c7c; background: url(../images/shop.png)0% 50% no-repeat; } .styled_2 { float: left; padding: 18px; border: none; font-size: .9em; margin-left: 25px; color: #7c7c7c; background: url(../images/customer_care.png) 0% 50% no-repeat; } .styled_offers { float: left; width: 211px; padding: 20px; text-transform: uppercase; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 22px; color: #7c7c7c; display: block !important; background: url(../images/filter_arrow.png) no-repeat 94% 50%; border-radius: 0; } .shop_filter_wrap { float: left; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .shop_items_wrap { float: left; width: 100%; position: relative;} .shop_items_wrap h2 { padding: 15px 21px; font-size: 1.5em; color: #a3a1a1; font-weight: normal; } ul.shop_filter_tabs li { float: left; width: 20%; list-style: none; } ul.shop_filter_tabs li a { padding: 15px 10px; text-align: center; display: block; cursor: pointer; color: #d2d0d1; border-right: 1px solid #ccc; background: #3c3839;} ul.shop_filter_tabs li a:hover { background: #6eb43f; color: #fff; } ul.shop_filter_tabs li.active_shop_filter_tabs a { background: #ccc; color: #fff; } .border_right_none { border-right: none !important; } #shop_filter_content { float: left; clear: both; width: 100%;padding-bottom: 10px; } .price_holder { padding: 25px 0 0 0; } .item_filter_column { float: left; width: 25%; } .item_filter_column label { float: right; width: 89%; margin: 5px 0; font-size: 13px; color: #a3a1a1; } .item_filter_column input { float: left; width: 20px; margin: 6px 0; } .appended_items { float: left; width: 100%; border-bottom: 1px solid #f8f8f8; } .apended_titles { float: left; width: 100% } .item_appended_column { float: left; width: 19.9%; border-right: 1px solid #f8f8f8; min-height: 150px; color: #a3a1a1; max-height: 100%; background: #fdfdfd; } .item_appended_column h6 { color: #a3a1a1; background: #fdfdfd; font-size: 0.9em; padding: 10px 20px; border-bottom: 1px solid #fafafa; } .specfic_item_appended { padding: 5px 20px; font-size: .8em; } .filter_options { margin-bottom: 6px; } .search_items { float: left; width: 100%; padding-bottom: 15px; display: none; } .search_items a { background: #4a4747; text-decoration: none; color: #fff; display: block; text-align: center; padding: 10px 0; float: right; width: 20%; } .appended_items { display: none; } /* mobile pagination */ .mobile_pagination { float: left; width: 100%; padding-top: 10px; padding-left: 6px; } .mobile_pagination ul li { float: left; margin-left: 5px; list-style: none; } .mobile_pagination ul li a { color: #fff; padding: 7px 12px; background: #63a536; text-align: center; display: block; } .mobile_pagination ul li a.active_pag { background: #b5d99f; } /* Board of directors */ #photo { position: absolute; bottom: 0; width:auto; } #eventimage { position: absolute; bottom: 0; width: 26%; } #photo img, #eventimage img { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; right: 0; } .search_box { display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; background: #e1e1e1; padding: 1.5% 1%; } .career_single_article { float: left; width: 64.666667%; padding: 0 0 0 2%; clear: both; } .leave_email { width: 90%; background: #f6f6f6; /* float: left; */ margin-top: 2.9%; color: #7A7878; margin-left: 23px; font-size: .8em; border: 1px solid #DADADA; } .career_caption { width: 100% } .leave_email_content { width: 91%; margin: 0 auto; padding: 4% 0 0 0; } .leave_email_inputfield { width: 90%; padding: 3%; margin: 2% auto; font-size: .9em; color: #7A7878; } .leave_email_button { background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; color: #FFF; cursor: pointer; text-transform: uppercase; display: block; border-radius: 5px; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; font-family: 'CenturyGothicPro', 'Century Gothic', Helvetica, Arial, sans-serif; } /*.opening_accodion { margin: 2%; }*/ .more { width: 80%; float: left; } ul#accordion > li h3 { } ul#accordion > li h3 a { color: #404040; } .readmore { float: left; color: #FFF; font-size: 0.9em; text-align: center; padding: 1% 0; /*background:#63a744;*/ width: 100%; } .user_share { float: left; width: 30%; margin: 0 1%; } .search_position { width: 82%; padding: 1.2% 0.7%; border: none; float: left; font-size: .9em; color: #7A7878; } .find_job { margin: 0 0 0 1%; cursor: pointer; background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; float: right; font-size: .9em; color: #FFF; text-transform: uppercase; display: block; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-family: 'CenturyGothicPro', 'Century Gothic', Helvetica, Arial, sans-serif; } .find_job:hover { margin: 0 0 0 1%; cursor: pointer; background: #6BB245 url(../images/link_bg_hover.png) repeat-x bottom; padding: 1.2% 0.7%; float: right; font-size: .9em; color: #FFF; text-transform: uppercase; display: block; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-family: 'CenturyGothicPro', 'Century Gothic', Helvetica, Arial, sans-serif; } /* site banners */ .site_banner_rono ul li, .things_liked_social ul li { list-style: none; position: relative; } .site_banner_rono .column_tab_box_banners, .things_liked_social .this_liked_share { position: absolute; width: auto; top: 5px; right: 0px; overflow: visible; } .site_banner_rono .share_article, .things_liked_social .share_article { position: absolute; top: 30px; width: 37px; right: -7px; padding: 4px 0 0 0; } .site_banner_rono .share_article li, .things_liked_social .share_article li { float: none; list-style: none; } .site_banner_rono a.share_article_gplus, .things_liked_social a.share_article_gplus, .site_banner_rono a.share_article_tw, .things_liked_social a.share_article_tw, .site_banner_rono a.share_article_fb, .things_liked_social a.share_article_fb, .site_banner_rono a.share_article_wta, .things_liked_social a.share_article_wta { border-top: 1px solid #ccc; border-bottom: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .site_banner_rono a.share_article_gplus, .things_liked_social a.share_article_gplus { border-bottom: 1px solid #ccc; } .site_banner_rono .banner-controls, #things_liked_body .banner-controls { border-right: 0; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } #things_liked_body .banner-controls { position: absolute; top: 5px; right: 0; } #interest { border: 1px solid #CCC; background-image: url(../images/filter_arrow.png); background-repeat: no-repeat; background-color: #fff; background-position: 96% 50%; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; padding: 8px; margin-bottom: 11px; width: 100%; } .error { border: 1px solid red !important; color: red !important; } .success_message { background: #6eb43f; text-align: center; padding: 15px; color: #FFF; } .error_message { text-align: left; padding: 5px 4px; color: red; display: block; margin-bottom: 5px; } .error_body { background: #f1f3f3; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; overflow: scroll; } .featured_msg { padding: 4px 7%; width: 96%; display: block; } .error_fav { width: 96%; display: block; position: absolute; top: -24px; background: #fff; border: 1px solid #ccc; right: -2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -mns-border-radius: 5px; -o-border-radius: 5px; padding: 2px 4px 2px 8px; } .success_fav { position: absolute; top: -29px; right: -2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 6px 4px 2px 8px; } .error_page { max-width: 665px; width: 90.5%; margin: 50px auto; } .error_page > img { width: 100%; height: auto; } .p_first { padding: 15px; } .footer_error { list-style: none; width: 102px; margin: 15px auto; } #cspam_math { float: left; margin: 0 10px 0 0; } /* preloader */ #nprogress { pointer-events: none; } #nprogress .bar { background: #b31217; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 3px; } #nprogress .peg { box-shadow: 0 0 10px #b31217, 0 0 5px #b31217; display: block; position: absolute; right: 0px; width: 100px; height: 100%; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: none; position: fixed; z-index: 100; top: 15px; right: 15px; } .fade { transition: all 300ms linear 700ms; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* shop filter */ .mobile_filter_wrap { margin: 15px auto 0; width: 90.6%; overflow: hidden; } .styled_mobile_items { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -msn-appearance: none; border-radius: 0; float: left; width: 100%; margin-bottom: 10px; padding: 10px 8px; border: 1px solid #cacaca; font-size: .95em; text-align: center; color: #7c7c7c; display: block !important; background: url(../images/filter_arrow.png) no-repeat 96% 50%; } .mobile_submit_device { border: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -msn-appearance: none; border-radius: 4px; float: left; width: 100%; display: block; background: url(../images/link_bg.png) repeat-x; padding: 11px 15px; color: #fff; text-transform: uppercase; font-size: .95em; } .load_more { display: block; padding: 10px; background: url(../images/link_bg.png) repeat-x; padding: 10px 15px; margin-right: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; margin: 10px auto; width: 130px; text-align: center; } .leader_gif { background: #6eb43f url(../images/ico_loading.gif) no-repeat center; width: 67px; height: 65px; } .main_utility_header { float: left; width: 100%; overflow: hidden; background: #e1e1e1; } .mobile_article_image { float: left; width: 37px; } .main_utility_header h2 { padding: 12px 22px; font-size: 16px; float: left; } .paybill-wrap { font-size: 12px; position: relative; width: auto; margin: 0; } #paybill_content { } #search_list { overflow-y: scroll; max-height: 500px; z-index: 999999; position: relative; } .nicescroll-rails { border-radius: none; z-index: 999999999 !important; } .flex-control-nav.flex-control-paging { list-style: none; background: #b5d99f; overflow: hidden; height: 5px; } .flex-control-nav li { float: left; width: 25%; } .flex-control-nav li a:hover, .flex-control-nav li a.flex-active { background: #63a536; color: #63a536; } .flex-control-nav li a { display: block; overflow: hidden; background: #b5d99f; color: #b5d99f; height: 5px; text-align: center; cursor: pointer; border-right: 1px solid #FFF; } .flex-direction-nav { position: absolute; width: 100%; top: 0; z-index: 9999; list-style: none; display: block !important; } .flex-prev { width: 50px; height: 50px; background: url(../images/prev_r.png) no-repeat center; display: block; float: left; position: relative; z-index: 9999999999; overflow:hidden; } .flex-next { width: 50px; height: 50px; background: url(../images/nxt_r.png) no-repeat center; display: block; float: right; position: relative; z-index: 9999999999; overflow:hidden; } .flex-prev, .flex-next{top: 200px; opacity:0.5;} .shopitemslider_main > ul > li { width: 33.333333333%; float: left; } .shopitemslider_main > ul > li ul { list-style: disc; } .items_load_more { background: url(../images/link_bg.png) repeat-x; color: #FFF; border: none; border-radius: 3px; font-size: 14px; padding: 10px 55px; cursor: pointer; margin: 15px auto; width: 90.5%; display: block; } .no_more_items { background: #F5F5F5; color: red; text-align: center; padding: 15px; clear: both; text-transform: uppercase; display: block; margin: 10px 0; } .visibility_none { display: none !important; } .visibility_block { display: block !important; } /*table */ .compare_table { width: 100%; position: fixed; top: 0; z-index: 999999999; border-bottom: 1px solid #ccc; } .compare_table p { padding: 15px; color: #666666; } .compare_table h3 { padding: 15px; font-size: .85em; color: #666666; } .compare_table h3 { padding: 15px; font-size: .85em; color: #666666; text-align: center; } .compare_table h4 { padding: 7px 15px 0; font-size: 0.8em; color: #666666; text-align: center; } .compare_table p.pricing { font-family: 'CenturyGothicPro'; } .compare_table table { width: 100%; font-size: .85em; } .compare_table table td, .compare_table table th { border: 1px solid #eee; text-align: left; } .phone_append { height: auto; margin: 15px; text-align: center; } .phone_append img { width: auto; height: 99px; } ul.accessories li { width: 50% !important; } .compare_ctas { list-style: none; text-align: center; } .compare_ctas li { float: left; width: 50%; } .compare_ctas li a { display: block; padding: 10px; text-decoration: none; color: #7E7E7E; background: #F7F7F7; border: 1px solid #eee; } #compare_error_message { background: red; clear: both; text-align: center; padding: 10px 2%; display: block; color: #FFF; display: none; position: absolute; width: 99%; left: 0; right: 0; top: 0; } a.view_all_shop { font-size: .9em; float: right; } .compare_buy_button { border: navajowhite; display: block; font-weight: 100; color: #7E7E7E; text-decoration: none; padding: 10px 10px 11px; border: none; width: 99.2%; color: #7E7E7E; background: #F7F7F7; border: 1px solid #eee; } .no_bonga_points { font-size: .6em; color: #6eb43f; display: block; } .event_titles { font-weight: bold; } .events_content { margin-bottom: 6px; } #already_liked_other_605 { position: absolute; background: #FFF; color: red; border: 1px solid red; } ul.mobile_sub_menu { background: #f1f1f1; } ul.mobile_sub_menu li a { color: #4c4848; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } span.drop_down_arrow { background: url(../images/see_sub_menus.png) no-repeat 52% 54%; padding: 25px 17px;/*border-left: 1px solid #ccc;*/ margin-top: 0px; float: right; } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; } .message_div_single { text-align: center; position: absolute; display: none; top: 40px; width: 200px; background: #fff; padding: 5px 10px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: -5px; font-size: 12px; } .message_div_banner { text-align: center; position: absolute; display: none; top: 36px; width: 200px; background: #fff; padding: 5px 10px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; right: -35px; font-size: 12px; } .message_div_all { text-align: center; position: absolute; display: none; bottom: 40px; width: 200px; background: #fff; padding: 5px 10px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; right: -35px; font-size: 12px; } .error_msg { color: #f00; border-color: #f00; display: block;margin:10px 0; } .success_msg { color: #6eb43f; border-color: #6eb43f; } .livestream_bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .livestream_bg a { display: block; position: absolute; width: 100%; height: 100%; } .livestream_content { height: 475px; max-width: 1024px; width: 90.5%; margin: 15px auto 0; position: relative; } .livestream_content h2 { font-family: 'CenturyGothicPro-Bold'; text-align: center; text-transform: uppercase; font-size: 1.4em; width: inherit; padding: 8px 30px 15px; line-height: .85em; height: 24px; } .livestream_content h2.white { color: #FFF; } .livestream_bg img { width: 100%; height: auto; } .iframe_container { text-align: center; } .live_stream_cta { background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; color: #FFF; text-decoration: none; text-transform: uppercase; display: block; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; margin: 0 auto 10px; max-width: 200px; } .live_stream_cta span:after { border-left: 1px solid #FFF; content: url(../images/arrow-point.png) center; padding-left: 8px; margin-left: 15px; padding-top: 3px; } /* mobile menu */ .mobile_menu_wrap { width: 100%; background: #6fb440; } #showLeftPush a { background: url(../images/menu_strips.png) no-repeat center; background-color: #4c4848; position: relative; z-index: 55; padding: 24px 25px; text-align: center; display: block; float: left; } .mobile_quick_menu { float: right; border-left: 1px solid #e6e4e4; border-right: 1px solid #e6e4e4; } .mobile_quick_menu a { background: url(../images/quick_mobile_menu.png) no-repeat center; position: relative; z-index: 5555; padding: 24px; text-align: center; display: block; } .mobile_utility_menu { float: left; border-left: 1px solid #e6e4e4; } .mobile_utility_items ul li a { border-bottom: 1px solid #555; } #showRightPush a { background: url(../images/quick_utility_icon.png) no-repeat 50% 50%; position: relative; z-index: 5555; padding: 24px; text-align: center; display: block; float: right; } .other_menu { float: right; background: #6fb440; } /* General styles for all menus */ .cbp-spmenu { background: #4c4848; position: fixed; overflow-y: scroll; max-height: 100%; } .cbp-spmenu a { display: block; color: #fff; font-size: 0.8em; font-weight: 300; text-decoration: none; outline: none; } ul.mobile_sub_menu { background: #f1f1f1; } ul.mobile_sub_menu li a { color: #4c4848; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .cbp-spmenu-vertical { width: 270px; height: 100%; top: 0; z-index: 5555555; position: absolute; } .cbp-spmenu-vertical a { padding: 1.2em 1em 1.5em 1.2em; } .cbp-spmenu-left { left: -270px; } .cbp-spmenu-right { right: -270px; } .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: hidden; left: 0; } .cbp-spmenu-push-toright { left: 270px; } .cbp-spmenu-push-toleft { left: -270px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .disable_body_scroll { position: fixed; height: 100%; overflow: scroll; } span.drop_down_arrow { background: url(../images/see_sub_menus.png) no-repeat 76% 50%; padding: 26px 19px; float: right; border-left: 1px solid #ccc; margin-top: -15px; } ul.main_mobile_menu { float: left; width: 100%; } ul.main_mobile_menu li { list-style: none; float: left; width: 100%; border-top: 1px solid #959494; } li.first_border_none { border-top: none !important; } ul.second_subs_children { display: none; position: relative; } span.left_text_menu { float: left; width: 80%; } span.left_img_menu { display: block; float: left; width: auto; padding: 1.2em 1em 1.5em 1.2em; border-left: 1px solid #959494; text-align: center; } span.left_img_sec_menu { display: block; float: left; width: auto; padding: 1.2em 1em 1.5em 1.2em; border-left: 1px solid #959494; text-align: center; } span.left_img_third_menu { display: block; float: left; width: auto; padding: 1.2em 1em 1.5em 1.2em; border-left: 1px solid #989898; text-align: center; } span.left_img_four_menu { display: block; float: left; width: auto;/*padding:1em 1em 1.2em 1.2em;*/ padding: 1.2em 1em 1.5em 1.2em; border-left: 1px solid #acaaaa; } ul.first_sub { background: #6d6a6a !important; float: left; width: 100%; } ul.second_sub { background: #8e8c8c !important; float: left; display: none; width: 100%; } ul.second_sub li a { border-bottom: none; color: #000; } ul.second_sub li:last-child { border-bottom: 1px solid #818080; } ul.third_sub { background: #afadad !important; float: left; display: none; width: 100%; } ul.third_sub li:last-child { border-bottom: 1px solid #818080; } ul.fourth_sub { background: #d0cfcf !important; float: left; display: none; width: 100%; } ul.fourth_sub li:last-child { border-bottom: none; } ul.fourth_sub li a { border-bottom: none; color: #555; outline: none; } /*ul.third_sub li.full_width_menu{ width:100% !important;}*/ ul.fifth_sub { background: #f1f1f1 !important; float: left; float: left; width: 100%; display: none; } .sub_inputs { border: 1px #CCC solid; padding: 5px 1px; margin: 0px 0px 6px 0px; font-size: 0.9em; } .press_form { background: #CCC; padding: 10px 0 10px 10px; margin-bottom: 15px; float: left; width: 100%;} .press_form input { border: 1px solid #999; width: 44%; padding: 10px 1%; float: left; margin-right: 1%; } .sbSelector{ display:none;} .press_txt { width: 49%; padding: 10px 2%; border: 1px solid #ccc; color: #6c6969; font-size: 1.2em; background: #FFF url(../images/filter_arrow.png) no-repeat 97% 50%; display: block !important; float: left; margin-right: 1%; } .shop_item_offers { margin-bottom: 20px; } .prev_price_span { float: left; font-size: 1.2em; color: #646464; font-weight: bold; text-align: center; opacity: 0.3; } .phone_prev_price_mobi { font-size: 1.6em; color: #646464; font-size: 1.2em; opacity: 0.3; font-weight: bold; text-align: center; } .current_price_span { float: left; font-size: 1.6em; color: #646464; font-weight: bold; text-align: center; } /* contact us */ .contacts_inputfield, .contacts_textarea, .sub_inputs { border: 1px solid #E7E7E7; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } .submit_button { background: url(../images/link_bg.png) repeat-x; color: #FFF; border: none; border-radius: 3px; font-size: 14px; float: left; padding: 10px 55px; cursor: pointer; } .Back_to_top { position: fixed; bottom: 0; right: 0px; text-decoration: none; color: #fff; background-color: #000; font-size: 12px; padding: 1em; display: none; z-index: 99999999999; } .Back_to_top:hover { background-color: #6eb43f; color: #fff; } .career_caption { margin: 10px 0; } .reviews_load_more a { border-radius: 5px; background: url(../images/link_bg.png) repeat-x; padding: 9px 30px; border: none; text-transform: uppercase; color: #fff; font-size: 0.9em; float: left; margin-right: 10px; cursor: pointer; } .checkbox_floated { float: left; margin-right: 10px; clear: both; border:none !important;} .drops2 label { text-transform: uppercase; } .main_wrap_nearme { border-bottom: 1px solid #ccc; float: left; width: 100%; } .para_paybill { margin: 17px; } .halima_share{display:block !important;} .error_logo_section{ background:#f8f8f8; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:20px; clear:both;} .whatshot_fav{ border:1px solid #ccc; bottom: -2px; padding:0; height: 101px; right: -52px; z-index: 10;} .whatshot_fav p {font-size: 12px;float: left;width: 80%; padding-bottom: 13px; color: #6c6969;} /*paybill*/ .p_title_paybill { padding: 20px; font-size: 1.2em; float: left; color: #6c6969; text-transform: uppercase; width: 45%; } .press_paybill {width: 49%; padding: 10px 2%; border: 1px solid #ccc; color: #6c6969; font-size: 1.2em; background: #FFF url(../images/filter_arrow.png) no-repeat 97% 50%; display: block !important; float: left; margin-right: 1%;} .paybill_cat_numbers {width: 100%; margin-bottom: 13px; } .offername{color: #646464; display: block; font-size:15px} .mpesa_letter_tabs_paybill{padding:0 !important;} ul.mpesa_letter_tabs_paybill li {list-style: none; float: left; background: #f2f2f2; } ul.mpesa_letter_tabs_paybill li a {display: block; text-decoration: none; color: #6c6969; font-size: 0.9em; padding: 5px 13px; text-align: center; text-transform: uppercase; } ul.mpesa_letter_tabs_paybill li a:hover, ul.mpesa_letter_tabs_paybill li a.active{ background: #ccc;} .mpesa_letter_content_paybill ul li { float: none; width: 100%; list-style: none; padding: 11px 0; border-bottom: 1px solid #f1f1f1; margin-right: 2%; display: inline-block;} #search_list_paybill { overflow-y:scroll; max-height: 500px; z-index: 999999; position: relative; padding: 5px 0px 15px 0px !important; } #paybill_content_menu{padding: 5px 0px 15px 0px !important;} .p_title_paybilling{padding: 20px 0px; font-size: 1.2em; float: left; color: #6c6969; text-transform: uppercase; width: 100%;} .nocaps{ text-transform:none;} .paybill_content{padding: 0 15px 0px 0px; margin: 1em 0em;} .press_paybill { width: 100%;} .gssb_c { z-index: 999999999999999 !important;} /*paybill*/ /* cert aaa*/ .AAA_cert{position:absolute; right: 0; background:#ffffff; top: 0px;height: 30px;} .AAA_cert img{width: 22%;float: right;margin: -22px 0 0; border-radius:44px;} .cert_slide{padding: 10px;float: left; padding: 8px 10px; color: #f46523;font-size: 0.8em;} /* cert aaa*/ .mobile_offers{position: relative;} .no_vacancy{ display:block; font-weight:bold;} /* Smartphones (landscape) */ .welkam{font-size: .8em; margin-bottom: 20px;} .welkam h2{font-size:1.7em;} ul.shop_actions_desktop li{ width: 33.333333333% !important;} ul.shop_actions_mobile li{ width: 50% !important;} .banner_promo_mobile{ z-index: 9999;} .freebies{display: block; font-size:.85em; color:#6eb43f;} .open-was {display: block;padding: 10px 0px 0px;font-size: .85em;color: #979797;} .open-now {color: #6eb43f;padding: 3px 0px;display: block;font-size: 0.95em;} /* new search section */ .saf_search_site {border: none;margin-top: 5px;display: block;float: right;cursor: pointer;margin-left: 10px;overflow: hiddemargin-bottom: 0;width: 275px;} .saf_search_site .saf_search_input{width: 256px;padding: 6px 4px;background-clip: padding-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border:1px solid #ccc; } .saf_search_site .saf_search_site_sub{border:none;color:#fff;cursor:pointer;background: #6BB245 url(../images/link_bg.png) repeat-x bottom;padding: 7px 12px;position: relative;top: -1px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;text-transform:uppercase;font-size:12px;background-clip: padding-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .saf_search_site .saf_search_site_sub:hover{background: #569026 url(../images/link_bg.png) repeat-x bottom;} /* site videos */ .utility-menu-video-section{width: 70%;margin: 0 auto;} .utility-menu-video-section h1{color: #6eb43f;text-transform: uppercase;font-size: 1.8em;margin-left: 10px;padding-bottom: 10px;} .saf-video-wrap{position: relative;padding-bottom: 45%;height: 0;overflow: hidden;} .saf-video-wrap iframe, .saf-video-wrap object{position: absolute;top:0;left: 0;width: 100%;height: 100%;} /* home tabs */ .saf_home_tabs ul.saf_home_tabs_cont li{ float:left; list-style:none;} .saf_home_tabs ul.saf_home_tabs_cont li.saf_current_home_tab a{ font-weight:bold; color:#6eb43f; } .saf_home_tabs ul.saf_home_tabs_cont li a{ text-decoration: none;font-size: 13px;color: #989898;display: block;margin-left: 10px;margin-top: 20px;margin-bottom: 20px;} .saf_home_tabs ul.saf_home_tabs_cont li a.last-viedwed-border{ padding-left: 10px; border-left: 1px solid #bdbdbd;} .saf_home_tabs .saf_home_tabs_main{ float:left; width:100%; position:relative;} .saf_home_tabs .saf_home_tab_content{ display:none;} .saf_home_tabs #safaricom-latest-others{ display:block;} .saf_home_tab_content{ width:100%;} .hide_this_popular, .hide_this_by_me{position:absolute;top: 14px; right:0; width:50px; height:50px; background: #6eb43f; z-index: 99999999999; opacity:1;display: none; text-align: center;} .hide_this_shop{position:absolute;top: 104px; right:0; width:50px; height:50px; background: #6eb43f; z-index: 99999999999; opacity:1;display: none; text-align: center;} .hide_this_popular img, .hide_this_by_me img, .hide_this_shop img{ margin-top:18px;} /* Subscription form */ .saf_subscription_tabs ul.saf_subscription_tabs_cont li{ float:left; list-style:none; width: 50%;} .saf_subscription_tabs ul.saf_subscription_tabs_cont li.saf_current_subscription_tab a{ font-weight:bold;background:#6eb43f; color:#fff;} .saf_subscription_tabs ul.saf_subscription_tabs_cont li a{ text-decoration: none;font-size: 13px; padding:10px 15px; color:#6eb43f; display:block; border-bottom: 1px solid #ECECEC; text-align:center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .saf_subscription_tabs ul.saf_subscription_tabs_cont li a:hover{ font-weight:bold;background:#6eb43f; color:#fff;} .saf_subscription_tabs .saf_subscription_tabs_main{ float:left; width:100%;} .saf_subscription_tabs .saf_subscription_tab_content{ display:none;} .saf_subscription_tabs #safaricom-subscription-form{ display:block;} /* Admin comments */ .post-message-admin{border-left: 10px solid #6eb43f;color: #6eb43f;font-size: 14px;margin-left: 20px;padding-left: 20px; padding-top: 21px;padding-bottom: 30px;float: left;position: relative;top: 10px;} .post-message-admin .post-message-date{ font-style:italic; margin-right:20px; background:url(../images/admin_time_post.png) no-repeat; padding-left: 23px;} .post-message-admin .post-message-by{ background:url(../images/admin_comments_post.png) 0 2px no-repeat; padding-left: 23px;} .post-message-admin p{ margin-top:10px;} /* Site tooltips */ .wrap-saf-tooltip{ top:0; left:0; right:0; bottom:0; color:#000;} .saf-tooltip-holder.overview_tooltip{ position:absolute; top: 274px; left: 40px; z-index: 99999; } .saf-tooltip-holder#saf-tooltip-2{position: absolute;top: 80px;left: 485px;z-index: 9999; display:none;} .saf-tooltip-holder#saf-tooltip-3{position: absolute;top: -5px;right: 24px;z-index: 99999999;; display:none;} .saf-tooltip-holder#saf-tooltip-4{position: absolute;top: 470px;right: 26px;z-index: 9999; display:none;} .saf-tooltip-holder#saf-tooltip-5{position: absolute;left: 13px;bottom: 600px;z-index: 9999; display:none;} .saf-tooltip-holder#saf-tooltip-6{position: absolute;bottom: 624px;left: 83px;z-index: 9999; display:none;} .saf-tooltip-holder.content_tooltip {position: absolute;top: 621px;left: 300px;z-index: 9999;} .saf-tooltip-holder.breadcrumb_tooltip{position: absolute;top: 558px;left: 400px;z-index: 9999;display: none;} .saf-tooltip-arrow{ background:url("../images/saf-tooltip-arrow.png") no-repeat; z-index: 9999; width: 53px; height: 20px; margin: 0 auto;position:relative;} .saf-tooltip-holder#saf-tooltip-4 .saf-tooltip-arrow {background: url("../images/saf-tooltip-arrow.png") 4px 0 no-repeat;} .saf-tooltip{ position:relative; color: #b7aeae; background:#fff; padding: 15px 30px;border-radius: 12px;width:350px; background-clip: padding-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; background-color: #e1e1e1;background-image: -webkit-linear-gradient(top, #e1e1e1, #f2f2f2);background-image:linear-gradient(to bottom, #f2f2f2, #e1e1e1);-moz-box-shadow: inset 0 0 10px #888; -webkit-box-shadow: inset 0 0 10px #888; box-shadow: 0 0 10px #888;} .saf-tooltip sup{ font-size:16px; color:#000;} .saf-tooltip sub{ font-size:20px; color:#b7aeae; font-weight:bold;} .saf-tooltip p{margin-top: 3px;} a.saf-tooltip-btn{ text-decoration:none; color:#6bb145; background:url("../images/saf-tooltip-btn.png") no-repeat; display: block;padding: 0 23px;margin-top: 15px;font-size: 14px; float:left;} .next_tip{ float:right; margin-top: 14px;font-size: 14px;cursor:pointer;} .saf-tooltip-close{ background:url("../images/saf-tooltip-close.png") no-repeat; position:absolute; top:12px; right: 17px; height:14px; width:13px; cursor:pointer; } .saf-tooltip-next{ background:url("../images/saf-tooltip-next.png") no-repeat; position:absolute; bottom:12px; right:-23px; height:37px; width:37px; cursor:pointer; display:none;} /* tooltip video overlay */ .wrap-vg-thumb-overlay-play{display: none;position: relative;z-index: 9999999999;} .vg-thumb-overlay-play{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;} .vg-thumb-video-play{position: fixed;z-index: 9999999999;color: #fff;width: 100%;} .vg-thumb-video-playing{margin: 15% auto 0;width: 50%;height: 390px;position: relative;background: #fff;color: #000;padding: 18px;background-clip: padding-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .vg-thumb-video-playing iframe, .vg-thumb-video-playing object{width: 100%;height: 100%;} .vg-thumb-video-playing .close-vg-thumb-video-playing{position: absolute;top: -43px;right: 0;z-index: -1;cursor: pointer;} .video_overlay{display:none;position: fixed; width:100%; height:100%; left:0; right:0; bottom:0; top:0; background-color: rgba(0,0,0,0.5); z-index:999999999999999;} .video_container{position: absolute;top: 25%;left: 0;width: 50%;right: 0;margin: 0 auto;} .close_overlay{position:absolute; top:10px; right:10px; cursor:pointer;} /* Safaricom survey */ .saf-survey-toggler{display:none;width: 100%;position: fixed;top: 0;z-index: 999999999999;padding: 22px 0 24px 0;border-bottom: 1px solid #ccc;} .saf-survey-wrap{float:left;width:100%;text-align:center;background: none;text-align:center;} .saf-survey-wrap a.saf-survey{width: auto;background: none;position: relative;display: inline;color:#fff;background: #6BB245 url(../images/link_bg.png) repeat-x bottom;padding: 7px 15px;margin-left: 19px;border-radius: 5px;-moz-border-radius: 5px-webkit-border-radius: 5px;} .saf-survey-cta-wrap{position:relative;} .saf-survey-intro{width: 100%;background: none;position: relative;font-size:12px;color:#746e6e;} .saf-survey-cta{position: absolute;right: 1.5%;z-index: 99999999;} .saf-survey-cta a{background: #404040;padding:1.35em 21px;position:relative;color: #FFF;display: block;} .saf-survey-cta a span{position: absolute;top: 100%;color: #fff;display: block;padding: 7px 15px;background: #6eb43f;display: none; left: 0;right: 0;text-align: center;font-size: 12px;} .saf-survey-cta a:hover{background:#f8f8f8;color: #404040;} .saf-survey-cta-fixed{position:fixed;top:0;height: 20px;margin-right: 28px;} /* FOLLOW CONVERSATION */ .saf-follow-disc{float:left;width: 100%;display:none;} .saf-follow-disc-input{border:1px solid #ccc;padding: 8px 59px 8px 8px;} .success_follow{display:block;color:#6eb43f;margin-bottom:10px;} .saf-follow-disc-sub{background-image: url("../images/link_bg.png");background-repeat: repeat-x;cursor: pointer;border: none;-webkit-appearance: none;border-bottom-right-radius: 4px;border-top-right-radius: 4px;color: #fff;margin-left: 2px;padding: 8px 24px; text-transform: uppercase;} .publisher-anchor-color{font-style: italic;margin-right: 20px;background: url(../images/comments_comments_post.png) no-repeat; padding-left: 23px;font-style:italic;font-size: 12px;} .publisher-time-color{background: url(../images/comments_time_post.png) 0 -1px no-repeat;padding-left: 23px;font-style:italic;font-size: 12px;} .saf_home_tabs ul.saf_home_tabs_cont li a.safaricom-last-home-tab{border-right:none;} /* Subcribe to article */ .saf-subcribe-section{float: left;width: 100%;background: #f6f6f6;border-bottom: 1px solid #ececec;padding: 15px 0;padding-left: 20px; margin-bottom: 30px;} .saf-subcribe-section .saf-subcribe-text{ color:#636363; font-weight:bold; display:inline; font-size: 12px; } .saf-subcribe-section .saf-subcribe-article-title{ text-transform:uppercase; } .saf-subcribe-btn { background: url(../images/link_bg.png) repeat-x; color: #fff; border-radius: 3px; padding: 7px 20px; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-left: 26px; } .saf-subcribe-btn a{ color: #fff; } .saf-subcribe-btn a:hover{ background: #6eb43f; color: #fff; } .saf_search_site.saf_mobile_search{ float:none; width: 98%; } .saf_search_site.saf_mobile_search input.gsc-input { padding: 9px 15px 12px !important; width: 97% !important; } .saf-google-search{ display:none;} .saf-cta-feedback { position: fixed; bottom: 0; left: 0px; text-decoration: none; color: #fff; background-color: #000; font-size: 12px; padding: 1em; display: none; z-index: 99999999999; } .saf-cta-feedback:hover { background-color: #6eb43f; color: #fff; } .safaricom_popular_menu{ background:#63a536;} .by_me_category .flex-direction-nav, .popular_category .flex-direction-nav{ position:absolute; width:100%; border:none;} .by_me_category .flex-direction-nav .flex-next, .popular_category .flex-direction-nav .flex-next{ position:absolute; top:0; right:0;} .by_me_category .flex-direction-nav .flex-prev, .popular_category .flex-direction-nav .flex-prev{ position:absolute; top:0; left:0;} /* Live chat */ .chat_with_us{ position: fixed;color: #fff;z-index: 99999;top: 200px; left:0; background-image:url("../images/saf-livechat.png"); background-position:0 !important; background-repeat:no-repeat; text-indent:-9999px;height: 96px;width: 31px;} .single_article_title{ float:left; width:100%;} /* New homepage slider banner */ #big-banner .flex-direction-nav {position: absolute;width: 100%;border: none; top: 280px; z-index: 999;} #big-banner .flex-direction-nav .flex-prev, #big-banner .flex-direction-nav .flex-next { top:0;} .saf_menu_mobile_text{ float: left;font-size: 16px;font-weight: bold;color: #fff;padding: 10px 16px;position: relative;top: 4px;} .shopitemslider .flex-direction-nav .flex-prev, .shopitemslider .flex-direction-nav .flex-next { top: 104px;} .drops2.saf_lipa_na_mpesa{ border:none !important; font-size: 15px;line-height: 1.5;} .saf_support_manual_left{ float:left; width:70%;} .saf_support_manual_left .saf_support_manual_content{ margin: 12% auto 0;width: 90%} .saf_support_manual_content h1{ font-size:16px;} .saf_support_manual_right{ float:left; width:30%;} .saf_support_manual_right .offers{ height:473px;} .saf_support_manual_right .offers {overflow: hidden;} .saf_support_manual_right .offers > li {width: 100%;} .support_manual_mobile{ margin:0 auto; width: 98%;} .saf_support_manual_mobile_left{ float:left; width:70%;} .saf_support_manual_mobile_left .saf_support_manual_mobile{ margin: 5% auto 0;width: 90%} .saf_support_manual_mobile_right{ float:left; width:30%;} .saf_support_manual_mobile_right{ float:left; width:30%;} .saf_support_manual_mobile_right .offers {overflow: hidden;} .saf_support_manual_mobile_right .offers > li {width: 100%;} .saf_support_manual_btn {background: #6BB245 url(../images/link_bg.png) repeat-x bottom;font-size: 14px;padding: 6px 15px;float: left;color: #FFF;text-decoration: none;text-transform: uppercase;display: block; margin-top: 28px;border-radius: 5px;margin-right: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .saf_support_manual_btn:after { border-left: 1px solid #FFF; content: url(../images/arrow-point.png) center; padding-left: 8px; margin-left: 15px; padding-top: 3px; } .saf_support_manual_btn:hover{ background:#6eb43f;} .saf_stock_timer{ margin:10px 0;} .saf_stock_timer_left{ float: left; width: 32px;background: url(../images/stock_ticker_icon.png) no-repeat 0 8px;padding: 8px 0; height: 18px;} .saf_stock_timer_center{ float:left; margin-top: -5px; width: 600px;} .saf_stock_timer_right{ float: right; width:20%;} .saf_stock_timer_right a{ background: #ccc;color: #fff;display: inline-block;padding: 8px 20px; margin-top: 3px;border-radius: 2px;text-align: center; text-transform:uppercase; font-weight:bold; font-size:14px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .saf_stock_timer_right a:hover{ background:#6eb43f;} .comment_rght{width:50%; float:left;} .comment_rght2{width:30%; float:left;} .comment_rght3{width:70%; float:left;} .terms_inv{float:left;margin-right:20px;} .invest_chck{width:auto !important;} .career_but { background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; color: #FFF; cursor: pointer; text-transform: uppercase; border-radius: 5px; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; font-family: 'CenturyGothicPro', 'Century Gothic', Helvetica, Arial, sans-serif; width: 23%; } /*#New Side Menu =====================================================*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { font-size:12px; float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; *width: 12em; } .sf-menu a { border-left: 1px solid #dFeEFF; border-top: 1px solid #dFeEFF; border-top: 1px solid rgba(255,255,255,.5); padding: 7px 1em; text-decoration: none; zoom: 1; } .sf-menu a { color: #fff; } .sf-menu li { background: #3c3839; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #6d6a6a; } .sf-menu ul ul li { background: #8e8c8c; } .sf-menu li:hover, .sf-menu li.sfHover { background: #6eb43f; -webkit-transition: none; transition: none; } .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } .sf-vertical { width: 100%; } .sf-vertical ul { left: 100%; top: 0; } .sf-vertical > li { float: none; } .sf-vertical li { width: 100%; } .sf-vertical.sf-arrows > li > .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5); } .sf-vertical.sf-arrows li > .sf-with-ul:focus:after, .sf-vertical.sf-arrows li:hover > .sf-with-ul:after, .sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { border-left-color: white; } /*# Homepage new slider tabs ========================================================*/ #big-banner .flex-viewport{height:271px;} #big-banner-nav{width:100%;} #big-banner-nav ul li{float:left;position:relative;background:#f1f1f1;padding: 20px 50px;cursor:pointer;list-style:none;} ul.saf-bislider-nav li{border-right:2px solid #fff;} ul.saf-bislider-nav li:last-child{border-right:2px solid #f1f1f1;} #big-banner-nav ul li:hover, #big-banner-nav ul li.flex-active-slide{background:#63a536;} #big-banner-nav ul li a{color: #6c6969;font-size:14px;display: inline-block;margin-left:10px;} #big-banner-nav ul li:hover a, #big-banner-nav ul li.flex-active-slide a{color:#fff;} #big-banner-nav ul li span{float:left;} #big-banner-nav ul li span{width:20px;height:20px;display: inline-block;} #big-banner-nav ul li:hover span.saf-slider-icon, #big-banner-nav ul li.flex-active-slide span.saf-slider-icon{background:url(../images/slider_icons/active/bonga_loyalty.png) no-repeat;} #big-banner-nav ul li span.saf_slider_bonga_loyalty_icon{background:url(../images/slider_icons/hover/bonga_loyalty.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_bonga_loyalty_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_bonga_loyalty_icon{background:url(../images/slider_icons/active/bonga_loyalty.png) no-repeat;} #big-banner-nav ul li span.saf_slider_cloud_computing_icon{background:url(../images/slider_icons/hover/cloud_computing.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_cloud_computing_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_cloud_computing_icon{background:url(../images/slider_icons/active/cloud_computing.png) no-repeat;} #big-banner-nav ul li span.saf_slider_communication_solution_icon{background:url(../images/slider_icons/hover/communication_solution.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_communication_solution_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_communication_solution_icon{background:url(../images/slider_icons/active/communication_solution.png) no-repeat;} #big-banner-nav ul li span.saf_slider_connectivity_solutions_icon{background:url(../images/slider_icons/hover/connectivity_solutions_icon.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_connectivity_solutions_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_connectivity_solutions_icon{background:url(../images/slider_icons/active/connectivity_solutions_icon.png) no-repeat;} #big-banner-nav ul li span.saf_slider_internet_icon{background:url(../images/slider_icons/hover/internet.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_internet_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_internet_icon{background:url(../images/slider_icons/active/internet.png) no-repeat;} #big-banner-nav ul li span.saf_slider_intl_calls_and_roaming_icon{background:url(../images/slider_icons/hover/intl_calls_and_roaming.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_intl_calls_and_roaming_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_intl_calls_and_roaming_icon{background:url(../images/slider_icons/active/intl_calls_and_roaming.png) no-repeat;} #big-banner-nav ul li span.saf_slider_m-pesa_icon{background:url(../images/slider_icons/hover/m-pesa.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_m-pesa_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_m-pesa_icon{background:url(../images/slider_icons/active/m-pesa.png) no-repeat;} #big-banner-nav ul li span.saf_slider_postpay_icon{background:url(../images/slider_icons/hover/postpay.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_postpay_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_postpay_icon{background:url(../images/slider_icons/active/postpay.png) no-repeat;} #big-banner-nav ul li span.saf_slider_prepay_icon{background:url(../images/slider_icons/hover/prepay.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_prepay_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_prepay_icon{background:url(../images/slider_icons/active/prepay.png) no-repeat;} #big-banner-nav ul li span.saf_slider_solutionsbyneed_icon{background:url(../images/slider_icons/hover/solutionsbyneed.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_solutionsbyneed_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_solutionsbyneed_icon{background:url(../images/slider_icons/active/solutionsbyneed.png) no-repeat;} #big-banner-nav ul li span.saf_slider_Solutionsbysize_icon{background:url(../images/slider_icons/hover/Solutionsbysize.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_Solutionsbysize_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_Solutionsbysize_icon{background:url(../images/slider_icons/active/Solutionsbysize.png) no-repeat;} #big-banner-nav ul li span.saf_slider_vas_icon{background:url(../images/slider_icons/hover/vas.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_vas_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_vas_icon{background:url(../images/slider_icons/active/vas.png) no-repeat;} #big-banner-nav ul li span.saf_slider_voice_solutions_icon{background:url(../images/slider_icons/hover/voice_solutions.png) no-repeat;} #big-banner-nav ul li:hover span.saf_slider_voice_solutions_icon, #big-banner-nav ul li.flex-active-slide span.saf_slider_voice_solutions_icon{background:url(../images/slider_icons/active/voice_solutions.png) no-repeat;} /*# Homepage user menus ========================================================*/ .sf-menu-wrapper{ position:relative; float:left; width:100%; margin: 2em 0 0; } .sf-menu-wrapper h1{ color:#3f3c3c; font-size:1.9em; margin:0; margin-bottom:30px; font-weight:normal; } .sf-menu-row{ margin:0 auto; width:90.6%; } .sf-menu-row h2{ font-size: 1.2em; margin:0; margin-bottom:20px; color:#63a536; font-weight:normal; } .sf-menu-row ul{ padding-right:25px; margin-bottom:20px; } .sf-menu-row ul li{ list-style:none; border-bottom:1px solid #ccc; } .sf-menu-row ul li a{ display:block; font-size: 0.9em; color:#535050; padding:10px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sf-menu-row ul li a:hover{ color:#6eb43f; } .sf-grid-4{ width: 25%; position:relative; } .sf-grid-4.columns{ float: left; position: relative; } .sf-menu-row-more a{ background: url(../images/saf-menu-readmore-icon.png) no-repeat 90% 4px; display: block; font-size: 0.89em; text-decoration: none; padding-right: 12px; color:#6eb43f; font-weight: bold; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 55px; } .sf-menu-row-more a:hover{ color: #858882; background: url(../images/saf-menu-readmore-hover-icon.png) no-repeat 90% 4px; } /*# Media queris ========================================================*/ @media only screen and (min-width : 321px) { .shopitemslider_main > ul > li { width: 100%; float: none; } .centered, .banner-slider { width: 96.6%; } .main_naivigation { width: 100%; } .slider_full { width: auto; } .banner-slider2 { width: auto; } .banner_wrapper_center, .banner_inner_two { width: 90.6%; } .feeds { width: 100%; float: none; } .feed_spacer { height: 215px; } .offers > li { width: auto; float: none; } .spacer_offers { height: auto; } ul.cta { position: relative; margin-top: 15px; } .bottom_info { position: relative; } .spects_tabs { width: auto; float: none; } .phone_showcase { width: auto; float: none; } .side_bar_comp { width: auto; } .main_naivigation > li { float: left; } .npm_side-bar { float: none; width: auto; } .menu_items { width: auto; float: none; } .menu_spacer { height: auto; } .npm_links-container-three { width: auto; float: none; padding: 2.5%; } #menu_inner_sub > li { float: none; display: block; } #menu_inner_sub { width: auto; float: none; } .navigation_primary-mega { width: auto; } .banner-slider-large li > .banner_image_link { width: 100%; position: relative; } .banner-slider-large2 li > .banner_image_link { width: 100%; position: relative; } .banner-slider-large2 li > .banner_image_link { width: 100%; position: relative; } .banner-title { position: relative; width: auto; margin: 0; } .featured_categories > ul { width: auto; } .cat_featured_img { text-align: center; display: none; } .banner_wrapper_center, .banner_inner_two { height: 470px; } .banner_wrapper_center > .banner_image_link, .banner_inner_two >.banner_image_link { width: 100%; height: auto; position: absolute; bottom: 243px; right: 530px; max-width: 615px; } .banner-slider{ height: 500px; max-height: 100%; } .banner-title { /* position: absolute; */ left: 0; /* top: 235px; */ width: auto; } .footer_right { float: none; padding: 15px 0; clear: both; } .footer_lower ul.category > li { padding-bottom: 20px; width: auto; padding-right: 0; float: none; border-bottom: 1px solid #7b7c7b; margin-bottom: 19px; } .footer_lower { background: #333; float: left; width: 100%; position: relative;} .menu_items ul { display: none; } .single_article { width: 100%; float: none; clear: both; } .side_bar_comp { width: 100%; float: none; max-width: 100%; } .links_left { float: none; width: auto; } .forms_right { float: none; width: auto; } .links_left a { padding: 15px; border-bottom: 1px solid #CCC; display: block; float: none; width: auto; margin-right: 0; } #menu_inner_sub > li ul { width: 100%; position: relative; } #menu_inner_sub > li ul li a { padding-left: 15px; } #menu_inner_sub > li > ul > li:hover > a { background-color: #f0f0f0; color: #404040;} .mobi_nav { display: block; } .slide_pop { display: none; } .featured_categories > ul > li { float: none; width: 100%; max-width: 100%; } .featured_categories { height: auto; } .error_page { margin-top: 5%; padding: 10px; } .spects_tabs .tabz_spacer { margin: 0; } .compare_shop_items_btn { display: none; } ul.ctas li { width: 50%; float: left; } .share_halima_vid{top: 88%; position: absolute; right: 0%;} } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { ul.ctas li { width: 50%; float: left; } .compare_shop_items_btn { display: none; } .shopitemslider_main > ul > li { width: 100%; float: none; } .banner-title { position: relative; width: auto; margin: 0; top: 0; } .banner-slider-large li > .banner_image_link { width: 100%; position: relative; } .centered, .main_naivigation, .banner-slider { width: auto; } .slider_full { width: auto !important; } .banner_wrapper_center { width: 90.6%; } .feeds { width: 100%; float: none; } .feed_spacer { height: 215px; } .offers > li { width: auto; float: none; } .spacer_offers { height: auto; } ul.cta { position: relative; margin-top: 15px; } .bottom_info { position: relative; } .spects_tabs { width: auto; float: none; } .phone_showcase { width: auto; float: none; } .side_bar_comp { width: auto; } .slide_pop_container { display: none; } .main_naivigation > li { float: none; width: 100%; } .npm_side-bar { float: none; width: auto; } .menu_items { width: auto; float: none; } .menu_spacer { height: auto; } .npm_links-container-three { width: auto; float: none; padding: 2.5%; } #menu_inner_sub > li { float: none; display: block; } #menu_inner_sub { width: auto; float: none; } .navigation_primary-mega { width: auto; } .featured_categories > ul { width: auto; } .cat_featured_img { text-align: center; display: none; } .menu_items ul { display: none; } .single_article { width: 100%; float: none; clear: both; } .side_bar_comp { width: 100%; float: none; max-width: 100%; } .links_left { float: none; width: auto; } .forms_right { float: none; width: auto; } .links_left a { padding: 15px; border-bottom: 1px solid #CCC; display: block; float: left; width: auto; margin-right: 0; } #menu_inner_sub > li ul { width: 100%; position: relative; } #menu_inner_sub > li ul li a { padding-left: 15px; } #menu_inner_sub > li ul li a:hover, #menu_inner_sub > li ul li a.active { background: #eee; } .phone_showcase { width: 100%; float: none; max-width: 100%; } .mobi_nav { display: block; } .slide_pop { display: none; } .featured_categories > ul > li { float: none; width: 100%; max-width: 100%; } .featured_categories { height: auto; } .error_page { margin-top: 0; } .main_utility_header { float: left; width: 100%; overflow: hidden; } .mobile_article_image { float: left; width: 37px; } .main_utility_header h2 { background: #e1e1e1; padding: 12px 22px; width: 71.9%; font-size: 16px; float: left; } .spects_tabs .tabz_spacer { margin: 0; } .footer_lower { background: #333; float: left; width: 100%; } /*upper section */ .banner-slider-large { min-height: 470px; float: left; max-height: 100%; } .banner_wrapper_center, .banner_inner_two { position: absolute; height: 381px; margin: 0 auto; top: 0; left: 0 !important; width: 90% !important; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { } .input_btn { margin-right: 16px; } .store_locate ul { max-height: 100%; height: 410px !important; overflow-y: scroll; } #search_input { padding: 8px; width: 82.9% !important; border: 1px solid #cacaca; margin-bottom: 5px; } #mpesa_numbers_body .search_input{ padding: 8px; width: 82.9% !important; border: 1px solid #cacaca; margin-bottom: 5px; } .rss_filter_title_mobi { padding: 5px 21px 0 10px !important; } #rss_filter { padding: 0; } .banner-slider, .featured_articles_dotcom { height: 520px; } .banner_inner_two .banner-slider { height: 411px; } .intro_para { float: left; } .sites_img { height: 107px; } .sites_img img { margin-top: 7px; height: 100px; } .flex-direction-nav { display: block !important; } .write_reviews { width: 48% !important; text-align: center; margin-left: 5px !important; font-size: 0.9em; } .user_reviews { padding: 7px 0; width: 39%; text-align: center; font-size: 0.9em; } .banner_innner_slider { height: 394px; } /*banner-slider-large {min-height: 521px !important;}*/ .banner-slider-large { min-height: 100% !important; } .fform { position: absolute; left: -175px !important; top: -150px !important; width: 270px; display: none; height: 124px; right: 0 !important; } .gsc-input { width: 83%; } .reviews_input { width: 94% !important; border: 2px solid #ccc; } .reviews_textarea { width: 94% !important; border: 2px solid #ccc; } .share_article{ position:absolute; bottom:39px; left:-48px;} .share_halima_vid{top: 72% !important; position: absolute; right: 0% !important;} } @media only screen and (max-width : 769px) { .share_article { right: -137px; } .saf-survey-wrap a.saf-survey {width: 136px;margin: 0 auto;top: 16px; display:block;} .saf_support_manual_mobile_left{ float:left; width:100%; margin-bottom:20px;} .saf_support_manual_mobile_right{ float:left; width:90%;} .saf_stock_timer_right {width: 25%;} .comment_rght {width: 100%;float: none; } input.text-input, #commentform input{width:95.5%;} .comment_rght2 { width: 100%; float: none; } .comment_rght3 { width: 100%; float: none; } .graph_left{float:none; width:100%;} .graph_right{float:none; width:100%;} } @media only screen and (max-width : 479px) { .bios table{min-width: 800px;min-height: 450px;} .innner_slider .banner-controls { float: left; margin-right: 22px; } body { overflow-x: hidden !important; } .phone_hidden { display: none; } .phone_show { display: block; } ul.upper_mini_navigation { display: none; } .drops { border-bottom: 1px solid #CACACA; margin-bottom: -1px; } /* shop */ .shop_filter_tabs { display: none; } .shop_items_wrap h2 { font-size: 1.2em; padding: 15px 15px 0 21px; } .shop_item { float: left; width: 100%; background: #f2f2f2; position: relative; height: 100%; } .shop_tabs li { width: 100%; } .shop_tabs li a { border-top: 1px solid #CCC; } .shop_item_spacer { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 695px; max-height: 100%; } .mobile_img { width: 100%; float: left; } .mobi_info { width: 100%; float: left; } .mobile_img img { width: 57.5%; } .small_spacer_info { margin: 15px 15px; } ul.shopitemslider_hidden_tabs li { display: none; } .category_header { padding: 15px 25px 20px 15px; float: left; } ul.ctas { height: 46px; overflow: hidden; } /* footer */ .copyright { float: left; width: 95%; } .banner-slider { } .banner_innner_slider { height: 213px !important; max-height: 100%; } .banner-slider-large { /*min-height: 498px;*/ float: left; max-height: 100%; } .banner-slider-large2 { height: 393px; float: left; } .banner_wrapper_center > .banner_image_link { width: 284px; height: auto; position: absolute; top: 9px; right: 20px; max-width: 615px; } .banner-title { position: relative; width: auto; margin: 0; top: -23px; } ul.banner-controls { float: left; width: auto; margin-left: 0; padding: 4px 4px 4px 3px; } .view-all { padding: 11px 19px; float: left; } .banner-title h2 { font-size: 1.6em; line-height: 26px; margin-bottom:10px; } .intro_para { float: left; padding-bottom: 3px; display:none; } /* my sites */ .the_saf_sites ul li { background: #5e5a5a; width: 50%; } /* inner page */ .site_banner_rono { width: 100%; } .pull-right { padding: 15px 0; } .links_left a { width: 90%; } .links_spacer { padding: 15px 0; } .bs { width: 100%; float: left; position: relative; } .bs li a { padding: 5px 12px 5px 7px; } .forms_spacer { padding: 15px; } .footer_lower ul.category > li { width: 100%; } #menu_inner_sub > li { width: 100%; } .thots2 { border: 1px solid #ccc; } .thots1 a { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .thoughts { width: 60%; } .thots1 a { width: 99.4%; } /* mobile utility pages */ .selfcare_left { float: left; width: 100%; font-size: .9em; margin: 10px auto 10px; } .selfcare_right { float: left; width: 100%; margin: 0 auto; } .iframe_selfcare { border: 1px solid #dfdfdf; margin: 0 auto 10px; width: 96%; } .selfcare_left p { padding-bottom: 19px; font-size: .9em; margin: 0 auto; width: 96%; } .banner-controls-mobile { margin: 0 auto; width: 96%; } .map_region { width: 100%; float: left; position: relative; height: 200px; overflow: hidden; margin: 0 auto; } .shops_regions { float: right; width: 100%; height: 545px; max-height: 100%; } .store_locate h6 { font-size: 1.5em; padding: 15px 15px 0 16px; color: #7e7c7c; } .store_locate ul { list-style: none; max-height: 100%; height: auto; overflow-y: scroll; } #lbl_current { float: left; padding: 12px 0 13px 13px; width: 70%; font-size: .7em; color: #7c7c7c; border: none; } .styled_offers { margin-left: 0; width: 100% !important; padding: 17px 16px; border: none !important; font-size: .9em; position: relative; background: url(../images/filter_arrow.png) no-repeat 92% 51%; } span.wrap_nearme { border-bottom: 1px solid #DFDFDF; float: left; width: 100%; } .styled { margin-left: 18px; border-right: none; width: 100% !important; background: url(../images/filter_arrow.png) no-repeat 87% 50%; } .drops form label { padding: 18px 15px 15px 11px; } .spacer_offers { margin-bottom: 0; } .offers > li { width: auto; float: left; width: 100% !important; } .rss_filter_title_mobi { color: #a3a1a1; font-weight: 500; font-size: 13px; float: left; margin: 15px 0 0 0; border-right: 1px solid #ccc; padding: 5px 20px; clear: both; width: 100%; } #rss_filter ul { width: 100% !important; margin: 0 auto; } .mpesa_numbers_wrap { height: 100%; overflow: scroll; } .mpesa_letter_content ul li { float: left; width: 100% !important; list-style: none; padding: 9px 5px; border-bottom: 1px solid #f1f1f1; } ul.mpesa_letter_tabs { float: left; width: 100%; margin-bottom: 15px; } ul.mpesa_letter_tabs li { border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 9.9%; } ul.mpesa_letter_tabs li a { padding: 10px 0; } .mpesa_numbers_wrap { height: 100%; overflow: scroll; } #search_input { padding: 10px; padding: 10px;width: 70% !important; border: 1px solid #cacaca; margin-bottom: 5px; } .seacrh_paybill_numbers {padding: 10px 20px;} #paybill_category { border-top: 1px solid #ccc; border-right: none; width: 100%; } .p_title { width: 100%; } .para_paybill { padding: 2px; width: 96.6%; margin: 10px auto; overflow: hidden; } .nearme_phones { width: 192px; } .share_article { position: absolute; bottom: 40px; } .banner_wrapper_center { position: relative; height: 416px; margin: 0 auto; top: 0; left: 0; width: 92%; } .banner_inner_two { position: relative; height: 416px; margin: 0 auto; top: 0; left: 0; width: 100%; } .view_all_shop { float: right; margin-right: 31px; padding: 0; } .category_header a { font-size: 0.75em; margin-top: 8px; } .write_reviews { margin-left: 32px; width: 38%; text-align: center; } #menu_inner_sub > li { float: none; display: block; } .thots1 a { } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; } #photo img, #eventimage img { width: 550px; height: 262px; left: -70px; } .banner-slider-large.managers .banner-title h2 { font-size: 2em; } .board_banner { height: 300px; } .managers { min-height: 300px; } #bios_p, #bios_p2 { border: none !important; } .share_article { position: absolute;bottom: 38px;left: -58px; } .banner_inner_two .share_article { left: -48px; } .halima_share{display:block !important; left:-85px;} .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { width: 304px; height: auto; position: relative; left: 50%; max-width: 100%; top: -34px; margin-left: -152px; } .banner_inner_two > .banner_image_link { left: 21%;} .banner_wrapper_center { position: relative; height: 416px; margin: 0 auto; top: 50px; left: 0; width: 92%; } .banner_inner_two { position: relative; height: 416px; margin: 0 auto; top: 0; left: 0; width: 100%; } .view_all_shop { float: right; margin-right: 31px; padding: 0; } .category_header a { font-size: 14px; margin-top: 8px; } .write_reviews { margin-left: 32px; width: 38%; text-align: center; } .write_reviews { width: 38%; text-align: center; } #menu_inner_sub > li { float: none; display: block; } .thots1 a { } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; } #photo img, #eventimage img { width: 550px; height: 262px; left: -168px; } .banner-slider-large.managers .banner-title h2 { font-size: 2em; } .board_banner { height: 300px; } .managers { min-height: 300px; } #bios_p, #bios_p2 { border: none !important; } /* careers */ .career_single_article { float: none; width: 91%; margin: 0 auto; } .search_box { padding: 10px; } .leave_email { width: 100%; margin: 0 auto; } .leave_email_button { margin: 15px; } .search_position { padding: 11px; width: 55%; } .find_job { width: 35%; padding: 11px 0; } /* mobile menu */ .body_hide_x { display: none !important; } .cbp-spmenu { background: #4c4848; position: fixed; overflow-y: scroll; max-height: 100%; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; overflow-y: scroll; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; overflow-y: scroll; } .disable_body_scroll { position: fixed; height: 100%; overflow-y: hidden; } /*inner mnus*/ .article_menu_cont { display: none; } .forms_spacer input.sub_inputs { width: 95.6%; } .inner_content { padding: 0; } .flex-direction-nav { position: absolute; top: 14px; } .shopitemslider .flex-direction-nav { position: absolute; top: -96px;} .fform.topfive { left: -174px !important; } .fform.other { left: -174px !important; } .fform { position: absolute; left: -0 !important; top: -120px !important; width: 270px; display: none; height: 101px; border: 1px solid #bbb; } .arrow_fav_form { right: 240px; } .fav_sub_btn { padding: 8px 17px; } .reviews_input { width: 96.2%; } .reviews_textarea { width: 96.2%; } .side_bar_comp { width: 100%; float: left !important; max-width: 100%; } .banner-slider.board_banner { height: 300px !important; } .banner-slider { /*height: 515px !important; max-height: 100%;*/ } /* contact us */ .contacts_inputfield { width: 95%; padding: 1.3%; } .contacts_textarea { width: 95%; height: 200px; padding: 1.3%; } .column_tab { float: none; width: 94%; } .site_banner_rono.share_article{position: absolute;top: 34px;width: 37px;right: -3px;padding: 4px 0 0 0;left: 2px;} .things_liked_social{ left:-8px !important;} .shop_social_banner{ left:2px !important;} .managers .banner-title {width: 160px !important; } .item-page{ width:100%; overflow-x:scroll;} .graph_ir .item-page{overflow-x: hidden;} .data_graph{width: 100%;overflow-x: scroll;} .press_txt{ width:97%;} #month{ margin-top:10px;} #rss_filter{ text-transform:uppercase;} .share_halima_vid{top: 21%; position: absolute; right: 50%;} .post-menu>li {width: 100%;} .publisher-time-color {background: url(../images/comments_time_post.png) 0 5px no-repeat; padding-top: 10px;padding-bottom: 10px;} .post-byline {width: 100%;padding-bottom: 12px;} .post-content .com_header .bullet{padding:0;} input.gsc-input {padding: 8px 15px 13px !important;} .saf_home_tabs ul.saf_home_tabs_cont li a { font-size:10px;} .saf_search_site.saf_mobile_search input.gsc-input {padding: 9px 15px 12px !important;width: 94% !important;} .prev_hot, .next_hot, .prev_featured, .next_featured {top: 90px;} /* new signup section */ .related {width: 100%;margin-right: 0; } /* new home slider */ #big-banner .flex-direction-nav .flex-prev, #big-banner .flex-direction-nav .flex-next {top: -193px;} .shopitemslider .flex-direction-nav .flex-prev, .shopitemslider .flex-direction-nav .flex-next {top: 194px;} #big-banner .banner-slider-large {height: 495px;} .by_me_category .flex-direction-nav .flex-next, .popular_category .flex-direction-nav .flex-next{top: 50px;} .by_me_category .flex-direction-nav .flex-prev, .popular_category .flex-direction-nav .flex-prev{top: 50px;} .saf_stock_timer_right {width: 100%;} .saf_stock_timer_center{ width:100%;} .saf_stock_timer_center iframe {height:50px;} .inner{ width:90.6%;} .wrapper_bread_crumb{ padding-bottom:50px;} .bios h2, .bios h3, .bios h4, .bios h5 {margin-bottom: 12px; line-height:1.5;} .bios {padding:0} /* Home grid menu */ .sf-menu-wrapper{ margin-top:1em;} .sf-grid-4{width: 100%;} .sf-menu-wrapper h1 {font-size: 1.5em; margin-bottom:-1px;} .sf-menu-row h2 { margin-bottom: 7px;margin-top: 7px;font-size: 1.2em;} .sf-menu-row-more{ margin-bottom:15px;} #big-banner .flex-viewport {height: 295px;} #big-banner .flex-control-nav.flex-control-paging, #big-banner .flex-control-nav li a { height: 6px;} .saf_home_tabs #safaricom-most-popular, .saf_home_tabs_cont{ display:none;} .footer_right { margin-left:10px;} .footer_right ul { float: none; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 481px) { .shop_item { } .shopitemslider_main > ul > li { width: 50%; float: left; } @-ms-viewport { width:100%; height:100%; overflow-x:hidden; } .innner_slider .banner-controls { float: left; margin-right: 10px; } .slide_pop_container { display: none; } .phone_hidden { display: none; } .slide_pop_container { display: none; } /* shop */ .shopitemslider_hidden_tabs li { display: none; } .category_header { padding: 15px 25px 15px 15px; float: left; } .shop_item { float: left; } ul.ctas li a { padding: 15px 3px; height: 20px; overflow: hidden; } .shop_item_spacer { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 470px; } .mobile_img { width: 100%; float: left; } .mobi_info { width: 100%; float: left; } .mobile_img img { width: 57.5%; } .small_spacer_info { margin: 28px 15px 55px; } .the_saf_sites ul li { float: left; width: 33.3%; } .pull-right { float: right; } .site_banner_rono.pull-right { float: none; width: 100%; } .selfcare_left { float: left; width: 100%; font-size: .9em; margin: 10px auto 10px; } .selfcare_right { float: left; width: 100%; margin: 0 auto; } .iframe_selfcare { border: 1px solid #dfdfdf; margin: 0 auto 10px; width: 96%; } .selfcare_left p { padding-bottom: 19px; font-size: .9em; margin: 0 auto; width: 96%; } .banner-controls-mobile { margin: 0 auto 10px; width: 96%; } .rss_filter_title_mobi { color: #a3a1a1; font-weight: 500; font-size: 13px; float: left; margin: 15px 0; border-right: 1px solid #ccc; padding: 5px 20px; } .quick_mobile_menu ul { float: left; width: 100%; background: #555; display: none; } .quick_mobile_menu ul li { list-style: none; margin: 0 47px; } .quick_mobile_menu ul li a { text-decoration: none; color: #f1f1f1; border-bottom: 1px solid #666; padding: 10px 0; display: block; font-size: 0.9em; text-transform: uppercase; } .mobile_utility_items { height: 100%; background: #3b3838; overflow-x: hidden; } .mobile_utility_items ul li { list-style: none; border-top: 1px solid #555; } .mobile_utility_items ul li a { padding: 0 !important; display: block; background: #3b3838; width: 270px; float: left; display: block; } .mobile_utility_items ul li a span.link_icon_mobi { width: 37px; height: 43px; float: left; display: block; float: left; } .mobile_utility_items ul li a span.the_link_mobi { display: block; float: left; padding: 11px 13px 13px; font-weight: 100; } .map_region { width: 100%; float: left; position: relative; height: 200px; overflow: hidden; margin: 0 auto; } .shops_regions { float: right; width: 100%; height: 545px; max-height: 100%; } .styled_offers { float: left; width: 50%; margin-left: 0; } .styled { float: left; border-right: none; } .phones { height: auto; } .spacer_offers { width: 100%; } .feeds { width: 50%; overflow: hidden; } #rss_filter ul { width: 100%; margin: 0 auto; } #rss_filter ul li a { margin: 15px 0; border-right: 1px solid #ccc; text-align: center; } #rss_filter ul li:nth-child(3n+n) { border-right: none; } .rss_filter_title { border: none; margin: 8px 0; padding: 3px 20px; } .rss_links li { float: left; margin-right: 10px; } .mobile_paybill_numbers { width: 100%; overflow: hidden; position: relative; } .share_article { position: absolute; top: -1px; right: -107px; display: none; } .banner_inner_two .share_article { right: -107px; } .category_header a { font-size: 1.2em; } /*banners */ .feeds { width: 50%; } #menu_inner_sub > li { width: 100%; position: relative; } .shop_tabs li { float: left; width: 25%; border-bottom: 1px solid #ccc; } .shop_tabs li a { font-size: 1em; } .banner_wrapper_center, .banner_inner_two { position: relative; width: 96.6%; height: 281px; margin: 0 auto; bottom: 0; left: 0; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { width: 350px; position: absolute; bottom: 200px; max-width: 615px; /*bottom: -7px;*/ bottom:92px;} .banner_wrapper_center > .banner_image_link { left: 40% !important;/*margin-left: -200px;*/ } .banner-slider, .featured_articles_dotcom { height: 305px; max-height: 100%; } .board_banner { height: 300px; } .banner-title { position: absolute; left: 0; top: 50px; width: auto; } .feeds { width: 50%; } #menu_inner_sub > li { width: 100%; position: relative; } .shop_tabs li { float: left; width: 33.333333333%; border-bottom: 1px solid #ccc; } .shop_tabs li a { font-size: 1em; } .banner-slider, .featured_articles_dotcom { height: 306px; max-height: 100%; } .board_banner { height: 370px; } /* careers */ .career_single_article { float: left; width: 96.6%; padding: 0 0 0 2%; } .leave_email { width: 100%; margin: 0 auto; } .search_position { padding: 11px; width: 79%; } .find_job { width: 15%; padding: 11px 0; } .leave_email_button { margin: 18px 10px 15px; } /*inner mnus*/ .article_menu_cont { display: none; } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; width: 45%; float: left; margin: 10px; } .site_banner_rono.pull-right.career_portal .site_banner {margin: 0 3% 8% 0; width:30%;} /* mobile menu */ .body_hide_x { display: none !important; } .cbp-spmenu { background: #4c4848; position: fixed; overflow-y: scroll; max-height: 100%; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; overflow-y: scroll; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; overflow-y: scroll; } .disable_body_scroll { position: fixed; height: 100%; overflow-y: hidden; } .forms_spacer input.sub_inputs { width: 95.5%; } #interest { background-image: url(../images/filter_arrow.png); background-repeat: no-repeat; background-color: #fff; background-position: 96% 50%; } .write_reviews { margin-left: 10px; } .shop_item_offers { width: 50%; float: left; } .featured_categories > ul > li { width: 50%; float: left; } .fform { position: absolute; left: -13px !important; top: -120px !important; width: 270px; display: none; height: 101px; border: 1px solid #ccc; } .arrow_fav_form { right: 228px; } .fav_sub_btn { padding: 8px 17px; } .phone_showcase { width: 71%; float: none; margin: 0 auto; } .spects_tabs { width: 100%; float: none; } .banner-slider-large > li { position: relative; overflow: hidden; } /* contact us */ .contacts_inputfield { width: 95%; padding: 1.3%; border: 1px solid #E7E7E7; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } .sub_inputs { width: 10%; padding: 1.3%; border: 1px solid #E7E7E7; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } .contacts_textarea { width: 95%; height: 200px; padding: 1.3%; border: 1px solid #E7E7E7; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #7a7878; -webkit-appearance: none; } .submit_button { background: url(../images/link_bg.png) repeat-x; color: #FFF; border: none; border-radius: 3px; font-size: 14px; float: left; padding: 10px 55px; cursor: pointer; } .column_tab { float: left; width: 48.9%; } #photo img{ left:-120px;} .banner-slider.banner_innner_slider .banner_inner_two .banner_image_link.slider_text{bottom: 0;} /* Home grid menu */ .sf-grid-4{width: 50%;} .sf-menu-row h2 {margin-bottom: 7px;} .sf-menu-row-more{ margin-bottom:30px;} } @media only screen and (max-width : 600px) { .bios td iframe{min-width: 400px;min-height: 420px;} .data_graph{width: 100%;overflow-x: scroll;} /*.halima_main_banner { max-height: 638px; overflow: hidden; position:relative; z-index:99999999; }*/ .slide_pop_container { display: none; } .phone_hidden { display: none; } .phone_show { display: block; } ul.upper_mini_navigation { display: none; } .quick_mobile_menu ul { float: left; width: 100%; background: #555; display: none; } .quick_mobile_menu ul li { list-style: none; margin: 0 47px; } .quick_mobile_menu ul li a { text-decoration: none; color: #f1f1f1; border-bottom: 1px solid #666; padding: 10px 0; display: block; font-size: 0.9em; text-transform: uppercase; } .mobile_utility_items { height: 100%; background: #3b3838; overflow-x: hidden; } .mobile_utility_items ul li { list-style: none; border-top: 1px solid #555; } .mobile_utility_items ul li a { padding: 0 !important; display: block; background: #3b3838; width: 270px; float: left; } .mobile_utility_items ul li a span.link_icon_mobi { width: 37px; height: 43px; float: left; display: block; float: left; } .mobile_utility_items ul li a span.the_link_mobi { display: block; float: left; padding: 11px 13px 13px; font-weight: 100; } .map_region { width: 100%; float: left; position: relative; height: 200px; overflow: hidden; margin: 0 auto; } .shops_regions { float: right; width: 100%; height: 545px; max-height: 100%; } .styled_offers { float: left; width: 50%; margin-left: 0; } .styled { float: left; border-right: none; } .phones { height: auto; } .spacer_offers { width: 100%; } .feeds { width: 99.9% !important; overflow: hidden; } #rss_filter ul { width: 100%; margin: 0 auto; } #rss_filter ul li a { padding: 0 8px; border-right: 1px solid #ccc; text-align: center; } #rss_filter ul li:nth-child(3n+n) { border-right: none; } .rss_filter_title { border: none; margin: 8px 0; padding: 3px 20px; } .rss_links li { float: left; margin-right: 10px; } .mobile_paybill_numbers { width: 100%; overflow: hidden; position: relative; } .mpesa_letter_content_paybill ul li {width: 47%;} .banner_promo { width: 100%; position: relative; z-index: 9999; } .saf-subcribe-btn { margin: 11px auto 0;display: block;width: 100px;} } @media only screen and (min-width : 550px) and (max-width : 769px) and (orientation: portrait) { .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { width: 460px; position: absolute; bottom: -38px; left: 32% !important; max-width: 615px; margin-left: -230px; } .banner_wrapper_center > .banner_image_link { width: 400px; height: auto; position: absolute; left: 80% !important; max-width: 615px; bottom: 0; } .side_bar_comp > div { float: left; width: 100%; } .banner-title { position: absolute; left: 0; top: 70px !important; width:300px; } .mpesa_letter_content_paybill ul li {width: 47%;} .banner_inner_two .share_article { left: -48px; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { bottom:7px !important;} } @media only screen and (min-width : 769px) { .main_naivigation li > a { padding: 20px; display: block; color: #FFF; } .styled { float: left; width: 44%; } .slide_pop_container { display: none; } .shop_item_offers { width: 33.33333%; } .mpesa_letter_content_paybill ul li {width: 47%;} .saf_search_site.saf_mobile_search input.gsc-search-button {padding: 10px 12px !important;} } @media only screen and (max-width : 767px) { #big-banner-nav{ display:none;} .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { bottom:7px !important;} .banner-slider.banner_innner_slider .banner_inner_two .banner_image_link.slider_text{bottom: -20px !important; right: 20px;} .banner-title { width: 320px; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 600px) { .share_halima_vid {top: 28.4%; position: absolute; right: 19%;} .shop_item_spacer { height: 680px; } .menu_items { width: auto; float: none; } .feeds { width: 50%; float: left; } .feed_spacer { height: 215px; } .offers > li { width: 50%; float: left; } .spacer_offers { height: 450px; } ul.cta { position: absolute; } .bottom_info { position: absolute; } /*.spects_tabs { width: 55.333333%; float: left; }*/ /*.phone_showcase { width: 33.333333333%; float: left; }*/ .side_bar_comp { width: 100%; background: #FFF; max-width: 100%; float: none; clear: both; } .main_naivigation > li { float: left; width: auto; } .npm_side-bar { width: 90.6%; margin: 0 auto; } .menu_items { width: auto; float: none; } .npm_links-container-three { width: auto; float: none; padding: 2.5%; } #menu_inner_sub > li { float: left; } #menu_inner_sub > li { float: left; } #menu_inner_sub { list-style: none; } .navigation_primary-mega { width: auto; top: 61px; } .banner_wrapper_center, .banner_inner_two { /*height: 530px;*/ /* background: #fff; */ clear: both; } .featured_categories > ul > li { width: 50%; max-width: 50%; float: left; } .featured_categories ul li span.featured_image { } .featured_categories { height: auto; } .main_naivigation { width: auto; } .footer_lower ul.category > li { padding-bottom: 20px; width: auto; padding-right: 0; float: none; margin-bottom: 19px; } .the_saf_sites ul li { float: left; width: 20%; } .footer_right { float: none; padding: 15px 0; clear: both; } .slide_pop { display: none; } .error_page { margin-top: 1%; } #photo, #eventimage { position: absolute; top: 0; width: 100%; } .mpesa_letter_content_paybill ul li {width: 47%;} } /* Desktops and laptops ----------- */ @media only screen and (min-width : 800px) { .banner_wrapper_center, .banner_inner_two { height: 377px; } #photo { position: absolute; bottom: 0; width: 66%; } #eventimage { position: absolute; bottom: 0; width: 49%; } .banner-slider-large.managers .banner-title { position: absolute; left: 50%; margin-right: 0; top: 49%; width: 391px; } .cbp-spmenu-push { } .navigation_wrapper { display: block; } .featured_categories > ul > li .map_region { width: 100%; float: left; position: relative; height: 200px; overflow: hidden; margin: 0 auto; } .shops_regions { float: right; width: 100%; height: 545px; max-height: 100%; } .styled_offers { float: left; width: 50%; margin-left: 0; } .styled { float: left; border-right: none; } .phones { height: auto; } .spacer_offers { /*width: 45%;*/ /*margin: 10px 2%;*/ float: left; } #rss_filter ul { width: 100%; margin: 0 auto; } #rss_filter ul li a { padding: 5px 8px; border-right: 1px solid #ccc; text-align: center; margin: 0; padding: 16px; } #rss_filter ul li:nth-child(3n+n) { border-right: none; } .rss_filter_title { border: none; margin: 8px 0; padding: 3px 20px; font-size: 14px; text-transform: uppercase; } .rss_links li { float: left; margin-right: 10px; } .mobile_paybill_numbers { width: 100%; overflow: hidden; position: relative; } .error_page { margin-top: 5%; } .rss_filter_title { display: none; padding: 16px; } .banner-title { width: 320px; } .banner-slider, .featured_articles_dotcom { height: auto; } .banner_inner_two { height: 241px; } .banner_inner_two > .banner_image_link { right: 30%; margin-left: auto; } .board_banner { height: 320px; } .mpesa_letter_content_paybill ul li {width: 47%;} .share_halima_vid{position: absolute; right: 21%; top: 25%;} .AAA_cert { right: 0; width: 297px; } .AAA_cert img{width: 30%;} } /*samsung galaxy tab 7----------- */ @media (max-device-width: 1024px)and (min-device-width: 600px) and (orientation: landscape) { .phone_hidden { display: none; } .phone_show { display: block; } .mobile_menu_wrap { display: block; } .styled_offers { float: left; width: 211px !important; padding: 20px; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 22px; color: #7c7c7c; display: block !important; background: url(../images/filter_arrow.png) no-repeat 86% 50%; } .styled { position: relative !important; float: left; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 25px; color: #7c7c7c; -webkit-appearance: none !important; background: url(../images/filter_arrow.png) no-repeat 86% 50%; opacity: 1 !important; } .mpesa_numbers_wrap { padding: 10px; } .para_paybill { padding: 10px; } ul.mpesa_letter_tabs li a { padding: 16px 17px; } #search_input { padding: 10px; width: 96.5%; } .feeds { width: 50%; overflow: hidden; } .innner_slider .banner-controls { float: left; margin-right: 10px; } .banner_wrapper_center > .banner_image_link { width: 500px; height: auto; position: absolute; left: 500px !important; max-width: 615px; bottom: -50px; } .banner_inner_two > .banner_image_link { width: 500px; height: auto; position: absolute; left: 850px !important; right: -20px !important; max-width: 615px; top: 65px; } .banner-title { position: absolute; width: 500px; margin-right: 5%; top: 22% !important; } .banner-slider, .featured_articles_dotcom { height: 300px; } .fform { left: 0px !important; } .arrow_fav_form { left: 20px; } /* careers */ .leave_email_inputfield { padding: 2%; } .leave_email_button { margin: 18px 49px 15px; float: left; clear: both; } span.spam_math { position: relative; top: 3px; float: left; } .reviews_input, .reviews_textarea { width: 100%; } .contacts_inputfield { width: 100%; } .contacts_textarea { width: 100%; } /* shop */ .shop_item { height: 37em; } .shop_item_spacer { height: 600px; } .banner-title { position: absolute; left: 0; top: 60px !important; width: 400px; /* width: 320px; */ } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid { position: absolute; right: 27.5%; top: 29%; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { bottom:40px !important;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { html { -webkit-text-size-adjust: none; } .mpesa_letter_content_paybill ul li {width: 47%;} .phone_hidden { display: none; } .phone_show { display: block; } .mobile_menu_wrap { display: block; } .slide_pop_container { display: none; } .pop_right { width: 67%; min-height: 700px; } .featured_categories > ul > li { width: 49.9%; max-width: 49.9%; float: left; } .shops_regions { float: none; width: 100%; height: 200px; } .map_region { width: 100%; float: none; position: relative; height: 300px; overflow: hidden; } #lbl_current_view { float: left; width: 94%; border-bottom: 1px solid #ccc; } .shoop { border-left: none; } .styled_offers { border-right: none; } .styled { border-left: none; } .care { border-right: none; } .featured_categories > ul > li { width: 50%; max-width: 50%; float: left; } .site_banner_rono ul li.site_banner { float: left; width: 47.9%; margin: 1%; } .paybill-wrap { padding: 13px; } ul.mpesa_letter_tabs li a { padding: 10px 15px; } .para_paybill { padding: 15px 0; } .shops_regions { float: right; width: 100%; height: 500px; max-height: 100%; } .banner_inner_two > .banner_image_link { width: 515px; height: auto; position: absolute; max-width: 615px; top: 135px; } .banner_wrapper_center > .banner_image_link { width: 500px; height: auto; position: absolute; max-width: 500px; top: 40px; } .banner-title { position: relative; width: 400px; margin-right: 10%; top: 20%; } .banner-slider, .featured_articles_dotcom { height: 382px; position: relative; } .leave_email_inputfield { width: 94% !important; } span.spam_math { position: relative; top: 4px; float: left; clear:both; } .leave_email_content { width: 97%; margin: 0 auto; padding: 0; } .mpesa_letter_content_paybill ul li{margin-right: 3%;} ul.mpesa_letter_tabs_paybill li {list-style: none;float: left;background: #f2f2f2;padding: 10px;font-size: 1.6em;} .share_article {right: -137px;} .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { bottom:-200px !important;} } @media only screen and (min-width :1000px) { /*careers*/ .search_box { display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; background: #e1e1e1; padding: 1.5% 1%; } .career_single_article { float: left; width: 64.666667%; padding: 0 0 0 2%; } .leave_email { width: 90%; background: #f6f6f6; float: left; margin-top: 2.9%; font-size: .8em; color: #7A7878; } .career_caption { width: 100% } .leave_email_content { width: 95%; margin: 0 auto; padding: 4% 0 0 0; } .leave_email_inputfield { width: 90%; padding: 3%; margin: 2% auto; font-size: .9em; color: #7A7878; } .leave_email_button { margin: 18px 21px 15px; } .more { width: 80%; float: left; } .readmore { float: left; color: #FFF; font-size: 0.9em; text-align: center; padding: 1% 0; width: 100%; } .user_share { float: left; width: 30%; margin: 0 1%; } .search_position { width: 82%; padding: 1.2% 0.7%; border: none; float: left; font-size: .9em; color: #7A7878; -webkit-appearance: none; } .find_job { margin: 0 0 0 1%; cursor: pointer; background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 10px 15px; border: none; float: right; font-size: .9em; color: #FFF; } .side_bar_comp > div { float: left; width: 48%; margin-right: 15px; } input.gsc-input { border: 1px solid #CCC !important; padding: 2px 15px 13px !important; width: 99% !important; } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid{position: absolute; right: 32%; top: 27.4%;} } @media only screen and (min-width : 1281px) { .slide_pop_container { display: block; } .featured_categories { height: auto; } .compare_shop_items_btn { display: block; } ul.ctas li { width: 33.333333333%; float: left; } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid {position: absolute; right: 30.5%; top: 32%;} } @media only screen and (max-width :1281px) { .share_article {right: -137px;} .saf-survey-cta {right:-15px;top: 54px; display:none;} .tab_content_wrap {max-height: 100%;} .prev_hot, .next_hot, .prev_featured, .next_featured{ opacity:1;} .related {float: left;/*width: 100%;*/margin-right: 0;} .saf_support_manual_btn{ padding:10px 15px;} } @media only screen and (min-width : 1224px) { input.gsc-search-button { padding: 9px 12px !important; -moz-padding: 12px 5px 10px !important; } .shop_item { height: 30em; } .arrow_fav_form { left: 8px; } .fform { position: absolute; right: 0px !important; left: 0 !important; top: -120px !important; width: 270px; display: none; height: 101px; border: 1px solid #ccc; } .innner_slider .banner-controls { float: left; margin-right: 0; } .mobile_menu_wrap { display: block; } .phone_hidden { display: block; margin: 0; border-right: 1px solid #ccc; } .phone_show { display: none; } .upper_mini_navigation { display: block !important; } .shopitemslider ul.slides { list-style: none; } .shopitemslider ul.slides > li { float: left; width: 33.333333333%; } .spects_tabs .tabz_spacer { margin: 0 0 0 80px; } .item_review_container { max-height: 1000px; margin-bottom: 50px; } .banner_wrapper { max-width: 100%; width: 100%; position: relative; overflow: hidden; } .banner-slider { width: 90.6%; width: 100%; overflow: hidden; } .error_page { margin-top: 5%; } .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 384px; } .mobi_nav { display: none; } ul.mpesa_letter_tabs li a { padding: 6px 1.02em 6px 10px; } .footer_upper { margin: 0; } .side_bar_comp { width: 33.333333333%; background: #FFF; max-width: 270px; float: right; } .mobi_nav { } .banner-slider, .featured_articles_dotcom { height: 335px; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { width: 568px; height: auto; position: absolute; right: -130px; max-width: 615px; bottom: 32px; display: block; margin-left: auto; } .banner_inner_two { width: 98% !important; } .upper_mini_navigation { float: right; } .navigation_primary-mega { width: 85%; } .banner-title { position: absolute; width: 320px; margin-right: 3%; top: 20% !important; } .banner-title > div { float: left; position: relative; } .banner-slider-large li > .banner_image_link { width: 57%; position: absolute; } .banner-slider-large2 li > .banner_image_link { width: 57%; position: absolute; } .banner_wrapper_center > .banner_image_link, .banner_inner_two > .banner_image_link { right: 205px !important; } #menu_inner_sub > li { float: left; } .npm_links-container-three { width: 58%; float: left; padding: 2.5%; } .menu_spacer { } .npm_side-bar { width: 25%; padding-top: 2.5em; float: left; } .menu_items { width: 33.333333333%; float: left; } .spects_tabs { width: 580px; } .centered, .main_naivigation, .banner-slider { width: 90.6%; } .slider_full { width: auto !important; } .banner-slider2 { width: auto; } .banner_wrapper_center, .banner_inner_two {width: 90.6%; } .feeds { width: 33.333333333%; } .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 384px; } .cat_featured_img { display: block; } .offers > li { width: 33.333333333%; float: left; } .spacer_offers { height: 431px; position: relative; } .shop_item_spacer { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 477px; } .phone_showcase { width: 33.333333333%; float: left; max-width: 240px; } .side_bar_comp { width: 33.333333333%; background: #FFF; max-width: 270px; clear: none; margin-top: 20px; } .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 409px; } .single_article { float: right; width: 72.666667%; } .npm_side-bar { float: left; padding-top: 2.5em; width: 25%; display: none; } .menu_items { } .menu_spacer { height: 188px; } .npm_links-container-three { width: 95%; float: left; padding: 0.5% 2.5% 0.5%; text-transform: capitalize; } .navigation_primary-mega { width: 85%; top: 61px; } .banner_wrapper_center, .banner_inner_two { height: 330px; } .featured_categories ul li span.featured_image { text-align: center; position: relative; } .featured_categories { height: auto; } .main_naivigation { width: 90.6% } .footer_lower ul.category > li { padding-bottom: 20px; width: 12%; padding-right: 16px; float: left; border-bottom: none; padding: 1%; } .the_saf_sites ul li { float: left; width: 12%; } .footer_right { float: right; padding: 15px 0; clear: none; width: 43%; } .menu_items ul { display: block; } .single_article { width: 77%; max-width:100%;float: right; clear: none; margin-right: 30px; } .single_article_mobile.single_article{ width:100%;} .links_left { float: left; width: 100%; } .forms_right { float: right; width: 100%;} .links_left a { color: #636363; text-decoration: none; padding: 15px; display: block; float: left; width: 25%;margin-right: 3%; border-bottom: 1px solid #ECECEC; font-size: .9em; } #menu_inner_sub > li ul { position: absolute; width: 100%; } .phone_showcase { width: 33.333333333%; float: left; max-width: 240px; } .slide_pop_container { display: block; } /* shop */ .shopitemslider_hidden_tabs li { display: block; } .category_header { padding: 11px 25px 15px; } .shop_item { float: left; background: #f2f2f2; position: relative; height: 33em; } .mobile_img { width: 50%; float: left; text-align: center; } .mobi_info { width: 50%; float: right; } .mobile_img img { width: 96.5%; height: auto; margin-top: 28px; } .comps .mobile_img img { width: 96.5%; max-width: 236px; height: auto; margin-top: 12px; } .comps .mobi_info { width: auto; float: none; } .comps .small_spacer_info { margin: 15px 15px; } .phone_price_mobi { font-size: 1.2em; color: #6eb43f; font-weight: bold; text-align: left; border-bottom: 1px solid #cacaca; padding: 5px 0px;} ul.ctas { position: absolute; bottom: 0; left: 0; width: 100%; list-style: none; text-align: center; font-size: 0.8em; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } ul.ctas li a { padding: 15px; } /* site banners*/ .site_banner_rono { width: 27%; } .pull-left { float: left; } .pull-right { float: right; padding: 7px 0 4px; } /*share your thoughts*/ .share_thots { width: 100%; border: 1px solid #e1e1e1; height: 51px; } .share_right { float: left; height: 50px; width: 63px; background: url(../images/thought.png) no-repeat 50% 50%; overflow: hidden; } .share_left { float: left; width: 57px; height: 50px; background: url(../images/view_thot.png)no-repeat 50% 50%; overflow: hidden; } .share_thots span { color: #555; font-size: .9em; } .thoughts { color: #555; font-size: 1.1em; float: left; margin: 17px; width: 68%; } .thots1 { float: left; width: 50%; background: #f6f6f6; } .thots1:hover { color: #fff; background: #98e85b; } .thots2 { float: left; width: 49.9%; background: #f6f6f6; } .thots2:hover { background: #6fe216; } .thots2 a > span:hover { color: #fff; } /*share your thoughts*/ /**contact us page**/ .contacts_inputfield { width: 70%; padding: 1.3%; margin: 3px auto; font-size: .9em; color: #7A7878; border: 1px solid #E7E7E7; } .contacts_textarea { width: 70%; height: 160px; padding: 0 1.3%; margin: 3px auto; font-size: 1.4em; color: #7A7878; border: 1px solid #E7E7E7; } .clear_button { color: #FFF; cursor: pointer; background: #b8b7b7; float: left; margin: 0 2% 2% 0; border: none; padding: 1.5% 5%; } .submit_button { background: url(../images/link_bg.png) repeat-x; color: #FFF; border: none; border-radius: 3px; font-size: 14px; float: left; padding: 10px 55px; cursor: pointer; } .faq_srch { width: 80%; float: left; margin: 0% 0 2%; position: relative; z-index: 999; } .faq_txtbox { width: 93%; padding: 2px 0% 6px 1%; border: none; color: #333; position: absolute; z-index: -1; left: 0; right: 0; border: 1px solid #FFF; background: #ededed; } .faq_txtbox { width: 95%; padding: 7px 6% 7px 1%; border: none; color: #ccc; border: 1px solid #FFF; background: none; } .faq_txtbox2 { color: #000; } .autocomplete { width: 82% } .autocomplete li { width: 100%; list-style: none; margin: 0; padding: 0 } .autocomplete li a { display: block; width: 98%; padding: 0.5% 1% 1%; text-decoration: none; font-size: .9em; } .autocomplete li a:hover { background: #ededed; } /**contact us page**/ .menu_items { width: 25%; float: left; } .selfcare_right { float: left; width: 48%; padding-left: 2%; } /* menu utility */ .pop_left ul { list-style: none; font-size: .85em; margin-left: -6px; } .pop_left { width: 17%; float: left; min-width: 226px;position:relative; } .pop_right { width: 77%; float: left; background: #FFF; padding: 2%; position: relative; right: 0; min-height: 600px; border-bottom: 1px solid #E4E4E4; border-left: 0.1em solid #E4E4E4; top: 0px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .selfcare_left { float: left; width: 50%; font-size: .9em; } .shopitemslider_main > ul > li { width: 33.333333333%; float: left; } .styled_offers { float: left; width: 211px !important; padding: 21px; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 22px; color: #7c7c7c; display: block !important; background: url(../images/filter_arrow.png) no-repeat 86% 50%; } .styled { position: relative !important; float: left; border-right: 1px solid #cacaca; border-bottom: none; border-top: none; border-left: none; font-size: .9em; margin-left: 25px; color: #7c7c7c; -webkit-appearance: none !important; background: url(../images/filter_arrow.png) no-repeat 94% 50%; opacity: 1 !important; } .feeds { width: 33.333333333% !important; } .shops_regions { width: 33.333333333% !important; } .map_region { width: 65.666666667% !important; float: left; position: relative; height: 586px; overflow: hidden; } .site_banner_rono.pull-right { width: 19%; } .site_banner_rono.pull-right.career_portal{ width:100%;} .spmenu-left.cbp-spmenu-open { display: none !important; } #menu_inner_sub > li { width: 20%; } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; } .board_banner { height: 475px; } .banner-slider-large.managers .banner-title h2 { font-size: 4.5em; line-height: 1em; padding-top: 50px; } .banner-slider-large.managers .banner-title span { font-size: 1.7em; } /*careers*/ .search_box { display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; background: #e1e1e1; padding: 1.5% 1%; } .career_single_article { float: left; width: 64.666667%; padding: 0 0 0 2%; } .leave_email { width: 90%; background: #f6f6f6;margin-top: 2.9%; font-size: .8em; color: #7A7878;} .career_caption { width: 100% } .leave_email_content { width: 91%; margin: 0 auto; padding: 4% 0 0 0; } .leave_email_inputfield { width: 90%; padding: 3%; margin: 2% auto; font-size: .9em; color: #7A7878; } .leave_email_button { margin: 18px 21px 15px; } .more { width: 80%; float: left; } .readmore { float: left; color: #FFF; font-size: 0.9em; text-align: center; padding: 1% 0;width: 100%; } .user_share { float: left; width: 30%; margin: 0 1%; } .search_position { width: 82%; padding: 1.2% 0.7%; border: none; float: left; font-size: .9em; color: #7A7878; } .find_job { margin: 0 0 0 1%; cursor: pointer; background: #6BB245 url(../images/link_bg.png) repeat-x bottom; padding: 1.2% 0.7%; border: none; float: right; font-size: .9em; color: #FFF; } /*inner mnus*/ .article_menu_cont { display: none; } .site_banner_rono ul li.site_banner { margin: 0 0 3% 0; width: 100%; } #interest { background-image: url(../images/filter_arrow.png); background-repeat: no-repeat; background-color: #fff; background-position: 96% 50%; } .spects_tabs { width: 55.333333%; float: left; } .phone_showcase { width: 33.333333333%; float: left; } .spacer_offers { float: none; width: 100%; margin: 10px 0; height: 448px;} .side_bar_comp > div { float: left; width: 100%; margin-right: 15px; } input.gsc-input { border: 1px solid #CCC !important; padding: 9px 13px 8px !important; width: 99% !important; } .column_tab { float: left; width: 25%; } .slide_pop { display: block; } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid {position: absolute; right: 28%; top: 31%;} .inner{ width:96.6%;} .banner-slider.banner_innner_slider{height: 235px;} .banner-slider.banner_innner_slider .banner_image_link.slider_text{width: 475px;bottom: 123px;} .banner-slider.banner_innner_slider .banner_inner_two .banner_image_link.slider_text{bottom: 93px;} .sf-grid-4{width: 25%;} } @media only screen and (min-width : 1281px) { .slide_pop_container { display: block; } .featured_categories { height: auto; } .compare_shop_items_btn { display: block; } ul.ctas li { width: 33.333333333%; float: left; } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid {position: absolute; right: 30.5%; top: 32%;} } @media only screen and (max-width :1281px) { .share_article {right: -137px;} .saf-survey-cta {right:-15px;top: 54px; display:none;} .tab_content_wrap {max-height: 100%;} .prev_hot, .next_hot, .prev_featured, .next_featured{ opacity:1;} .related {float: left;margin-right: 0;} .saf_support_manual_btn{ padding:10px 15px;} } @media only screen and (max-width :1440px) { .saf-tooltip-holder.overview_tooltip{top: 274px;} .saf-tooltip-holder#saf-tooltip-4{top: 350px;} .saf-tooltip-holder#saf-tooltip-2{top: 58px;} } /* Large screens ----------- */ @media only screen and (min-width : 1500px) { input.gsc-search-button { padding: 13px 24px !important; } input.gsc-input {padding: 12px 13px 10px !important; } .error_page { margin-top: 10%; } .banner_innner_slider { max-width: 90.6%; } .centered, .main_naivigation { width: 90.6%; } .banner-slider { width: auto; } .banner-slider2 { width: auto; } .banner_wrapper_center {width: 90.6%; } .banner_inner_two { width: 100%; } .feeds { width: 33.333333333%; } .spacer_offers { height: 431px; } .shop_item_spacer { height: 530px; } .inner { width: 90.6%; } .footer_lower ul.category > li { width: 12%; } .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 480px; } .single_article { float: right; width: 77%; } .navigation_primary-mega { width: 85%; } .banner-slider-large li > .banner_image_link { width: 45%; position: absolute; top: 63px; } .banner-title { position: absolute; width: 377px; margin-right: 3%; top: 100px; } #photo { position: absolute; bottom: 0; width: 56%; left: 270px; } .npm_side-bar { display: block; } .npm_links-container-three { width: 70%; float: left; padding: 2.5%; text-transform: capitalize; } .store_locate ul { height: 422px; } .slide_pop { top: 61px; } .mpesa_letter_content_paybill ul li {width: 30%;} .share_halima_vid{position: absolute; right: 28%; top: 27%;} .related {width: 308px;} .slide_pop_container { top: 1;} } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { html { -webkit-text-size-adjust: none; } input.gsc-input { border: 1px solid #CCC !important; padding: 1px 15px 13px !important; width: 99% !important; -webkit-appearance: none; } input.gsc-search-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } } .ie7 .spects_tabs, .ie8 .spects_tabs { width: 700px; } .ie7 .centered, .ie7 .main_naivigation, .ie7 .banner-slider, .ie7 .banner-slider2, .ie8 .centered, .ie8 .banner-slider2 .ie8 .main_naivigation, .ie8 .banner-slider { width: 90.6%; } .ie7 .spects_tabs, .ie8 .spects_tabs { width: 700px; } .ie7 .centered, .ie7 .main_naivigation, .ie7 .banner-slider, .ie7 .banner-slider2, .ie8 .centered, .ie8 .banner-slider2 .ie8 .main_naivigation, .ie8 .banner-slider { width: 90.6%; } .ie8 .feeds { width: 33.333333333%; } .ie7 .offers > li, .ie8 .offers > li { width: 33.333333333%; float: left; } .ie7 .spacer_offers, .ie8 .spacer_offers { height: 524px; } .ie7 .shop_item_spacer, .ie8 .shop_item_spacer { height:477px !important; } .ie7 .phone_showcase, .ie8 .phone_showcase { width: 33.333333333%; float: left; max-width: 240px; } .ie7 .side_bar_comp, .ie8 .side_bar_comp { width: 33.333333333%; background: #FFF; max-width: 270px; } .ie7 .featured_categories > ul > li, .ie7 .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 384px; } .ie8 .featured_categories > ul > li { float: left !important; width: 31.333333333% !important; max-width: 400px !important; } .ie8 ul.banner-controls li:last-child { border: none !important; } .ie8 .nowrap { white-space: nowrap; } .ie8 .featured_categories > ul > li { float: left !important; width: 31.333333333% !important; max-width: 400px !important; } .ie8 ul.banner-controls li:last-child { border: none !important; } .ie7 .spects_tabs, .ie8 .spects_tabs { width: 600px; } .ie7 .feeds { width: 33.333333333%; } .ie7 .offers > li, .ie8 .offers > li { width: 33.333333333%; float: left; } .ie7 .spacer_offers, .ie8 .spacer_offers { height: 430px; } .ie7 .phone_showcase, .ie8 .phone_showcase { width: 33.333333333%; float: left; max-width: 240px; } .ie7 .side_bar_comp, .ie8 .side_bar_comp { width: 33.333333333%; background: #FFF; max-width: 270px; } .ie7 .featured_categories > ul > li, .ie7 .featured_categories > ul > li { float: left; width: 33.333333333%; max-width: 384px; } .ie7 .single_article, .ie8 .single_article { float: right; width: 72.666667%; margin-right: 30px; } .ie7 .site_banner_rono pull-right, .ie8 .site_banner_rono pull-right { float: right; width: 72.666667%; } .nowrap { white-space: nowrap; } .ie8 .featured_categories > ul > li { float: left !important; width: 31.333333333% !important; max-width: 400px !important; } .ie8 ul.banner-controls li:last-child { border: none !important; } .ie7 .pop_right { width: 78% !important; } .ie7 .featured_categories > ul > li { float: left !important; width: 31.333333333% !important; max-width: 400px !important; } .ie7 ul.banner-controls li:last-child { border: none !important; } .ie7 .banner_wrapper_center { width: 85% !important; } .ie7 .banner_wrapper { width: 100% !important; } .ie7 .featured_articles_dotcom { width: 100%; max-width: 1920px !important; } .ie7 .banner-slider2 { width: auto; } .ie7 .banner-slider-large2 > li { width: 100% !important; max-width: 1920px !important; margin-bottom: -6px; } .ie7 .ei-slider-thumbs { height: 5px !important; } .ie7 .ei-slider-thumbs { height: 5px !important; padding: 0px !important; } .ie8 .featured_categories > ul > li { float: left !important; width: 31.333333333% !important; max-width: 400px !important; } .ie8 ul.banner-controls li:last-child { border: none !important; } .ie7 .npm_links-container-three { width: 67% !important; } .ie7 .offers > li { width: 32.83333333%; } .ie9 .leave_email, .ie8 .leave_email, .ie7 .leave_email { width: 90%; background: #f6f6f6; float: left; margin-top: 25px; color: #7A7878; margin-left: 23px; font-size: .8em; } .ie9 .career_single_article h2, .ie8 .career_single_article h2, .ie7 .career_single_article h2 { margin-top: 20px; } .ie8 .banner-title > div { padding: 0 0 0% 0 !important; } .ie8 .site_banner_rono.pull-right { float: none !important; margin: 0 0 0 4px !important; margin-left:0 !important; } .ie8 .single_article { float: right !important; } .ie7 .site_banner_rono.pull-right, .ie8 .site_banner_rono.pull-right { float: none !important; } .ie7 .single_article, .ie8 .single_article { float: right !important; } .ie7 .selfcare_left { float: left !important; } .ie7 .selfcare_right { float: left !important; } .ie8 .find_job { height: 38px; } .ie8 table td, .ie8 table th { padding: 5px 5px; } .ie8 .bios table td, .ie8 .bios table th { border: 1px solid #EEE; padding: 15px !important; text-align: left; border-spacing: 10px; text-indent: 10px; } .ie8 .comps .mobile_img { float: left; width: auto; text-align: center; margin: 0 auto; } .ie8 .comps .mobi_info { width: auto; float: left; clear: both; } .ie8 .styled { background-image: none !important; filter: alpha(opacity=100) !important; } .ie8 .hasCustomSelect{height:20px !important; margin-top:20px;} .ie9 .hasCustomSelect{height:20px !important; margin-top:20px;} .ie8 .styled_offers { background-image: none !important; } .ie8 .p_title { padding-top: 23px; } .ie9 .p_title { padding-top: 23px; } .ie9 .styled { background-image: none !important; } .ie9 .find_job { height: 42px; } .ie9 .styled_offers { background-image: none !important; } .ie8 .slider_full {width: auto !important;} .ie9 .banner_wrapper_center, .ie8 .banner_wrapper_center{ width:90.6%;} .ie8 .banner-slider, .ie8 .featured_articles_dotcom { height: 335px !important; } .ie8 .banner-slider{ height: 335px !important; } .ie8 .banner-slider.banner_innner_slider{ height: 250px !important; } .ie8 .banner_wrapper_center > .banner_image_link, .ie8 .banner_inner_two > .banner_image_link {width: 615px;height: auto;position: absolute;height: 180px !important; right: 205px !important; max-width: 615px;bottom: 0;display: block;margin-left: auto;} .ie8 .banner_wrapper_center > .banner_image_link{ bottom:112px !important;} .ie9 .banner-slider, .ie9 .featured_articles_dotcom { height: 380px; !important; } .ie9 .banner_wrapper_center > .banner_image_link, .ie9 .banner_inner_two > .banner_image_link {width: 615px;height: auto;position: absolute;bottom: 115px !important;height: 180px !important; right: 205px !important; max-width: 615px;bottom: 0;display: block;margin-left: auto;} .ie8 .site_banner_rono.pull-right {float: right;width: 19%;} .ie8 .single_article {width: 77%;float: right;clear: none;} .ie8 .phone_show {display: none;} .ie8 #paybillnumbers{margin-top:-50px;} .ie9 #paybill_category{width:270px;} .ie9 .phone_hidden, .ie8 .phone_hidden {display: block;} .ie9 .press_txt, .ie8 .press_txt { width: 49%; padding: 10px 2%; border-right: 1px solid #acacac; border-bottom: none; border-top: none; border-left: none; color: #6c6969; font-size: 1.2em; background: #FFF url(../images/filter_arrow.png) no-repeat 94% 50%; display: block !important; float: left; margin-right: 1%; } .ie8 .shopitemslider ul.slides > li {float: left;width: 33.333333333%;} .ie8 .shop_tabs li { float: left; width: 33.333333333%; border-bottom: 1px solid #ccc; } .ie8 .vg-thumb-overlay-play{ background:#000;} .ie8 .banner-slider.banner_innner_slider .banner_image_link.slider_text {width: 475px;} .ie8 .site_banner a{ display:block;} .ie8 .npm_side-bar { width: 25%; padding-top: 2.5em; float: left; } .ie8 .menu_items { width: 33.333333333%; float: left; } .ie8 .spects_tabs { width: 580px; } .ie8 .centered, .main_naivigation, .banner-slider { width: 90.6%; } .ie8 .npm_side-bar { float: left; padding-top: 2.5em; width: 25%; display: none; } .ie8 .menu_spacer { height: 188px; } .ie8 .npm_links-container-three { width: 95%; float: left; padding: 0.5% 2.5% 0.5%; text-transform: capitalize; } .ie8 .navigation_primary-mega { width: 85%; top: 61px; } .ie8 .main_naivigation { width: 90.6% } .ie8 .menu_items ul { display: block; } .ie8 #menu_inner_sub > li ul { position: absolute; width: 100%; } .ie8 .slide_pop_container { display: block; } .ie8 .featured_articles_dotcom {height: 335px;} .ie8 .saf_search_site{ margin-top:12px;}