@charset "utf-8";

/** RESET **/
* {margin:0; padding:0; outline:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}
img {border:0; display:block; outline:0;}
a {text-decoration:none; }
ul, ol {list-style:none;}
body {font-size:100%; line-height:110%; width:100%; font-family:'open_sansregular', Helvetica , Arial,sans-serif; color: #6c6969; background:#dddfe8; overflow-x:hidden; }
input[type="text"], input[type="email"], textarea {transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
input[type="text"]:focus, textarea:focus, input[type="email"]:focus {border: 1px solid #C7C7C7 !important;box-shadow: 1px 1px 5px 0px #ccc;}

/** TYPOGRAPHY **/
p {font-size: 0.9375em; padding: 0 0 13px; line-height: 170%;} /* 13px/16px */
h1 {font-size:3.5em; font-weight:normal; line-height:100%; font-family:'open_sansbold', Helvetica , Arial,sans-serif;} /* 56px/16px */
h2 {font-size:1.875em; font-weight:normal; line-height:122%; font-family:'open_sansbold', Helvetica , Arial,sans-serif;} /* 30px/16px */
h3 {font-size:1.5em; font-weight:normal; line-height:122%;  font-family:'open_sansbold', Helvetica , Arial,sans-serif;}/* 24px/16px */
h4 {font-size:0.875em; font-weight:normal; line-height:122%;  font-family:'open_sansbold', Helvetica , Arial,sans-serif;}/* 14px/16px */
h5 {font-size:0.875em; font-weight:normal; line-height:122%;  font-family:'open_sansbold', Helvetica , Arial,sans-serif;}/* 14px/16px */

/** GENERAL CLASSES **/
.clearfix:after {clear:both; content:""; display:block; height:0; visibility:hidden; }
.caps {text-transform:uppercase;}
.centerLayout {width: 90%; margin-left:auto; margin-right:auto; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.bold {font-family:'open_sansbold', Helvetica , Arial,sans-serif;}
strong {font-family:'open_sansbold', Helvetica , Arial,sans-serif; font-weight:normal;}

/** LAYOUT CONTAINERS AND THEIR RELATED ELEMENTS **/

/** HOME **/
/* Top Section */
#pageWrapper {position:relative;}
#topSection {background:#2c2c2c;position: fixed; left: 0; top: 0; width: 100%;z-index: 999;}
.leftTopSection {float:left;  background:#4d4d4d; padding:0 1px 0 0;}
.hotlineNumber {background: url(https://www.titan.co.ke/images/telephone.png) no-repeat 20px 50%; padding: 20px 18px 20px 50px; color:#fff; font-size:0.75em; text-transform:uppercase;line-height: 100%; border-right:1px solid #181818}
.hotlineNumberBold {font-family:'open_sansbold', Helvetica , Arial,sans-serif; font-size: 1.5em;}/*18/12*/
.rightTopSection {float:right;}
.searchForm {border-left:1px solid #181818; padding:0 0 0 1px; float:left;}
.innerSearchForm {border-left:1px solid #434343; padding: 11px 15px;}
.innerSearchForm form {background:#616161; padding:1px; position:relative; width:130px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.innerSearchForm form input[type="text"] {width: 82%; padding: 5px 15% 5px 1%; border:1px solid #2c2c2c; background:none; color:#fff;}
.innerSearchForm form input[type="text"]:focus { box-shadow:none; border:1px solid #2c2c2c !important;}
.innerSearchForm form input[type="submit"] {display:block; width:13px; height:15px; background:url(https://www.titan.co.ke/images/magnify-icon.png) no-repeat; border:none; text-indent:-9999em; position:absolute; right: 5px; top: 8px; cursor:pointer}
.followSocial {float:left; border-left:1px solid #181818; padding:0 0 0 1px;}
.innerFollowSocial {border-left:1px solid #434343; padding: 0px 15px; overflow:hidden}
.followLabel { float:left;  text-transform:uppercase; font-family:'open_sansbold', Helvetica , Arial,sans-serif; color:#fff; font-size:0.8125em; padding: 18px 0 18px 0;}
.socialIconsCont {float:left;margin: 12px 0 0;}
.socialIconsCont a {float:left; text-indent:-9999em; width:30px; height:30px; margin: 0 0 0 20px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.socialIconsCont a:hover {opacity:0.8;}
.fbIcon { background:url(https://www.titan.co.ke/images/facebookIcon.png) no-repeat;}
.tweetIcon { background:url(https://www.titan.co.ke/images/twitterIcon.png) no-repeat;}
.mobileTopSection {display:none; overflow:hidden; width: 100%;z-index: 99; background: #f2f0eb;}
.mobileMenu { color:#000; font-size:16px; background:url(https://www.titan.co.ke/images/mobile-menu.png) no-repeat left center; display:block; padding: 5px 0 5px 32px; position:absolute; left: 25px; top: 18px; cursor:pointer;}
.bannerCarousel .flex-control-nav {display:none;}
.downAarrow { display:block; width:30px; height:20px; background:url(https://www.titan.co.ke/images/down-next-arrow.png) no-repeat; position:absolute; left: 50%; bottom: 25px; z-index: 99; margin: 0 0 0 -15px; cursor:pointer}


/* Left Section */
#leftSection {position:fixed; left:0; top:0; background:#dddfe8; width: 22%;}
#innerLeftSection {padding: 80px 0 0;}
.logo {display:block; text-align:center; padding:0 0 20px; border-bottom:1px solid #d2d3d9;}
.logo img { display:inline; max-width:100%;}
.mainMenu a {display:block; padding:15px 20px; text-transform:uppercase; color:#4d4d4d; font-size:0.875em; border-bottom:1px solid #d2d3d9; font-family:'open_sansbold', Helvetica , Arial,sans-serif; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}/*14px/16px*/
.mainMenu a:hover {color: #fff; background: #5A5A5A;}
.mainMenu li.menuactive a {color: #fff; background: #9AA3A8;}
.homeLink {display:none;}
.bottomLeftSection {position:absolute; left:0; bottom:0; width: 100%;}
.bottomNav ul li {position:relative; }
.bottomNav ul li:after {content:""; background:url(https://www.titan.co.ke/images/leftpoint-arrow.png) no-repeat; width:8px; height:10px; position:absolute; right: 10px; top: 14px; z-index:2; cursor:pointer;}
.bottomNavLabel {display:block; background:#9aa3a8 no-repeat 10px 50%; padding: 10px 40px; color:#ffffff; font-size:0.875em; text-transform:uppercase; cursor:pointer; border-bottom: 1px solid #BBBEC0;}/*14px/16px*/
.bottomNav ul li.active .bottomNavLabel { background-color: #5A5A5A;}
.bottomNav ul li.active:after {background:url(https://www.titan.co.ke/images/dropdwn-arrow.png) no-repeat; width:10px; height:8px;}
.locationInfoLabel {background-image:url(https://www.titan.co.ke/images/location-icon.png); }
.contactInfoLabel {background-image:url(https://www.titan.co.ke/images/mail-icon.png); }
.bottomNavInfo { background: #4C4C4C; padding: 20px 10px 5px; color:#fff; display:none;}
.bottomNavInfoInner {padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #828282; overflow:hidden;}
.bottomNavInfoTitle {text-transform:uppercase; font-size:0.75em; font-family:'open_sansbold', Helvetica , Arial,sans-serif; display:block;margin:0 0 10px;}
.bottomNavInfoDesc { display:block; font-size:0.875em; margin: 0 0 3px;}
a.bottomNavInfoDesc  {color:white; border-bottom:1px dotted #fff; padding:0 0 2px; float:left;}

/* RightSection */
#rightSection {float:right;  width: 78%; overflow:hidden; padding:53px 0 0;}
.bannerCarousel.flexslider {margin:-53px 0 0}
.bannerCont li {width:100%; height:100%; position:relative;}
.accessControl { background: url(https://www.titan.co.ke/images/banner/home-banner-2.jpg) no-repeat ; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.fireControl {background: url(https://www.titan.co.ke/images/banner/home-banner-1.jpg) no-repeat ; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.ie8 .accessControl {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner/home-banner-1.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner/home-banner-1.jpg', sizingMethod='scale')";}
.ie8 .fireControl {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner/home-banner-2.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner/home-banner-2.jpg', sizingMethod='scale')";}
.bannerInfo {position:absolute; left:0; top: 38%; width:100%; text-align:center;}
.introBiggerTtl { color:#fff; margin:0 0 20px;}
.introBigTtl {font-family:'open_sansregular', Helvetica , Arial,sans-serif; margin:0 0 20px; color:#fff;}
.readMore {display:inline-block; font-size:1.125em; padding: 12px 20px; border:1px solid #fff; text-transform:uppercase; color: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.readMore:hover {background:#fff; color:#5a5a5a}
.threeQuarterColumn {width:70%; float:left;  height:100%;}
.column-portion {position:relative; display:block; overflow:hidden; }
.column-portion:before {content:""; position:absolute; left:0; top:0; width:100%; height:0%; background:url(https://www.titan.co.ke/images/black-trans.png); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.column-portion:hover:before {height:100%;}
.column-portion:after {content:""; position:absolute; right: 15px; bottom: -15px; width:18px; height:15px; z-index:10; background:url(https://www.titan.co.ke/images/read-more-arrow.png) no-repeat; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.column-portion:hover:after {bottom: 15px;}
.fullWidthThreeQuarterColumn {width:100%; height:50%;}
.video-surveillance { background:url(https://www.titan.co.ke/images/products/video-surveillance.jpg) no-repeat 0 0;  background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.halfWidthThreeQuarterColumn {width:50%; height:50%; float:left}
.access-control { background:url(https://www.titan.co.ke/images/products/access-control.jpg) no-repeat  0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.fire-alarm-system { background:url(https://www.titan.co.ke/images/products/fire-alarm-system.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.quarterColumn {width:30%; float:left; height:100%;}
.fullWidthQuarterColumn {width:100%; height:100%;}
.access-control-big { background:url(https://www.titan.co.ke/images/products/access-control-big.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.intruder-alarm { background:url(https://www.titan.co.ke/images/products/intruder-alarm-home.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.nurse-call-systems { background:url(https://www.titan.co.ke/images/products/nurse-call-system-home.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.fire { background:url(https://www.titan.co.ke/images/products/fire-home2.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.fire-protection { background:url(https://www.titan.co.ke/images/products/fire-protection-home.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.public-address { background:url(https://www.titan.co.ke/images/products/pa-system-home.jpg) no-repeat 0 0; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
.descriptionTextCont {position:absolute; left:0; bottom:0; padding:0 15px 10px; z-index:10;}
.descriptionTtl {font-size:1.4375em; font-weight:normal; line-height:122%; font-family:'open_sansbold', Helvetica , Arial,sans-serif; text-transform:uppercase; color:#fff;}
.descriptionTextCont p { color:#fff; text-transform:uppercase; font-size:0.75em; padding:0;}

/** ABOUT PAGE **/
.pageBanner {position:relative;}
.pageBanner img {width:100%;}
.pageBannerInfo {position:absolute; left:0; bottom: 50%; width:100%; text-align:center; color:#fff;margin: 0 0 -59px;}
.pageBannerBiggerTtl h1 {display:inline-block; text-transform:uppercase; padding: 10px 29px; border-bottom:1px solid #fff;letter-spacing: 7px;text-shadow: 1px 1px 1px #222;}
.pageBannerBigTtl h2 {display:inline-block; text-transform:uppercase; padding: 10px;  border-bottom:1px solid #fff; font-family:'open_sansregular', Helvetica , Arial,sans-serif;letter-spacing: 4px; font-size:1.5em; text-shadow: 1px 1px 1px #222}
.smallPageBanner {position:relative; background:url(https://www.titan.co.ke/images/banner/about-below-banner.jpg); background-size:cover; display:table; width:71%; padding:0 15%; height:165px;}
.smallPageBanner img {width:100%; display:none;}
.smallPageBanner h3 { color:#fff; text-align:center; vertical-align:middle; font-size:1.5em; font-family:'open_sansregular', Helvetica , Arial,sans-serif; display:table-cell; line-height:136%;}
#contentSection {padding:40px 0; background:#fff;}
#innerContentSection {overflow:hidden}
.numberPoint {display:inline-block; width:45px; height: 37px; background: #4D4D4D; color:#fff; font-size:1.0625em;  font-family:'open_sansbold', Helvetica , Arial,sans-serif; float:left;text-align: center;padding: 8px 0 0;border-radius: 23px;font-size: 17px;} /*17px/ 16px*/
#innerContentSection h4 {color: #4D4D4D; font-family:'open_sansbold', Helvetica , Arial,sans-serif; text-transform:uppercase; margin: 7px 0 13px;display: inline-block;position: relative;font-size: 24px;}
#innerContentSection h4.numberedHeader {border-bottom:none;}
.numberedContentTitle {float:left;margin: 5px 0 0 15px;padding: 0 0 10px;border-bottom: 1px solid;}
#extraContent { background:url(https://www.titan.co.ke/images/bottom-bg.jpg) no-repeat; width:100%;}
.columnExtracontent {width: 29.333%; float:left; padding: 2%; color:#fff;min-height: 400px;}
.lightNoise { background:url(https://www.titan.co.ke/images/light-grey-noise.png);}
.darkNoise { background:url(https://www.titan.co.ke/images/dark-grey-noise.png);}
.columnNumberPoint {display:block; width:45px; height: 32px; margin:0 auto 20px; background: #fff; color:#4d4d4d; font-size:1.0625em;  font-family:'open_sansbold', Helvetica , Arial,sans-serif; text-align: center;padding: 13px 0 0;border-radius: 23px; }
.columnExtracontent {text-align:center;}
.columnExtracontent h4 { text-align:center; font-family:'open_sansregular', Helvetica , Arial,sans-serif; font-size:1.5em; margin:0 0 10px}
.columnExtracontent p {position:relative;padding: 0 0 20px;margin: 0 0 20px;}
.columnExtracontent p:after {content:""; position:absolute; left:50%; bottom:0; width: 72%; margin: 0 0 0 -36%; height:1px; border-bottom:1px solid #fff;}
#mainFooter { background:#2c2c2c; text-align:center; color:#fff; padding:20px 0;}
#mainFooter p { line-height:100%; padding:0; font-size:0.6875em; text-transform:uppercase; color:#73787b}/*11px/16px*/


/** PRODUCT PAGE **/
#pageMenus {background:#274652; padding:20px 0 }
#innerPageMenus {border-top:1px dashed #fff;  padding:1px 0}
.innerPageList ul { overflow:hidden; border-left: 1px solid #6a7f87;}
.innerPageList ul li {float:left;}
.innerPageList ul li a {display:block; color:#fff; font-size:0.8125em; text-transform:uppercase; padding: 10px 12px; border:1px solid #6a7f87; border-left:none; border-top:none; float: left; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}/*13px/16px*/
.innerPageList ul li a:hover {color: #5497B1;}
.innerPageList ul li.menuactive a {background:#fff; color:#4d4d4d; font-family:'open_sansbold', Helvetica , Arial,sans-serif;}
#innerContentSection ul li {font-size: 0.9375em; padding: 0 0 6px; line-height: 150%;}
#innerContentSection ul {list-style:disc;padding: 0 0 0 40px;}
.productContainer {margin:20px 0 0; padding:0 0 40px}
.productContainerTitle{margin:0 0 30px;}
.productInnerContainerTitle h4 {color: #4D4D4D; font-family:'open_sansbold', Helvetica , Arial,sans-serif; text-transform:uppercase; margin: 7px 0 0px;display: inline-block;border-bottom: 1px solid #4D4D4D; padding:0 0 10px;position: relative;font-size: 1.5em;}
.productsList { border-top:1px dashed #b1b0ad; border-bottom:1px dashed #b1b0ad;}
.singleProduct {float:left; width: 100%; border-right:1px solid #d1cfcb; text-align:center;padding: 0 0 40px;}
.prodImg {padding:40px 0; width:100%; max-height:183px;}
.productsList .prodImg img {display:inline; max-width:100%; width:auto;}
.prodTitle { color:#4d4d4d; text-transform:uppercase; margin:0 0 20px}
.viewDetails { display:inline-block; color:#4d4d4d; font-size:0.8125em; text-transform:uppercase; border:2px solid #4d4d4d; padding: 6px 20px; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}/*13px/16px*/
.viewDetails:hover {background:#4d4d4d; color:#fff; }
.productsList .owl-pagination {position: absolute; bottom: -40px; left: 0; text-align:center; width:100%}
.productsList .owl-page { margin: 0 6px; display: inline-block;}
.productsList .owl-page span {width: 9px; height: 9px; border: 1px solid #4D4D4D;display: block;
  cursor: pointer; }
.productsList .owl-page.active span {background: #4D4D4D; cursor: default;}
.contentColumnsWrap {overflow:hidden; margin:0 0 50px}
.leftContentSection, .rightContentSection {float:left; width:50%;}
.rightContentSection {text-align:center; background:#eee; padding:15px 0}
.partnerImg {text-align:center; width:30%;margin:0 30px; display: inline-block;}
.partnerImg img {display:inline; width:100% }
.partnerImg span {display:block; color: #4D4D4D; margin: 16px 0 0; font-size: 13px; text-transform: uppercase; border: 1px solid #939393; padding: 5px 10px; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}
.partnerImg span:hover {background: #939393; color:#fff}
.menuSelectCont  {position: relative; width: 100%; display:none}
.menuSelectCont select {width:100%; font-size:13px !important; height: 38px !important;display: block;left: 0;top: 0;}
.menuSelectCont span.customStyleSelectBox {font-size:15px; background: #fff; color:#4D4D4D; padding: 3px 1%;border: 1px solid #949494;  line-height: 120%; display:block !important; font-family:'open_sansregular', Helvetica , Arial,sans-serif; text-transform:uppercase  ;width: 97% !important;}
.menuSelectCont .customStyleSelectBoxInner { background:url(https://www.titan.co.ke/images/select-down-grey.png) no-repeat center right; display:block !important; width:auto !important; padding: 6px 0;}


/** CLIENT PAGE **/
.clientRow {position:relative;}
.clientIntro {overflow:hidden; margin:0 0 30px;}
.singleClientIntro {float:left; width: 32%; margin-right: 2%; position:relative;cursor: pointer;}
.singleClientIntro:after {content:""; width:45px; height:45px; display:block; background:url(https://www.titan.co.ke/images/down-arrow.png) no-repeat; position:absolute; left:50%; bottom:-60px; margin-left:-13px; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;}
.singleClientIntro.selected:after {bottom:45px;}
.singleClientIntro:last-child {margin-right:0;} 
.singleClientImg {background: #000;  transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;}
.singleClientImg img {width:100%; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.singleClientIntro:hover .singleClientImg, .singleClientIntro.selected .singleClientImg{background: #e1001a;}
.singleClientIntro:hover .singleClientImg img, .singleClientIntro.selected .singleClientImg img{opacity:0.3;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.projectLogo {position:absolute; left:50%; top: 15px; display:block; width:110px; margin-left:-55px; padding: 2px;border: 1px solid #fff;border-radius: 60px;}
.projectLogo img {width:100%;}
.projectDescr {position:absolute; left:0; bottom: 15px; width:100%; text-align:center; color:#fff; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}
.singleClientIntro:hover .projectDescr {bottom:30px}
.singleClientIntro.selected .projectDescr {bottom:100px}
.projectTitle {display:block; font-size:1.125em; text-transform:uppercase; font-family:'open_sansbold', Helvetica , Arial,sans-serif; margin:0 0 8px}/* 18px/16px */
.projectPlace {display:block; font-size:0.75em; text-transform:uppercase;}
.clientInfo h5 { text-transform:uppercase; font-family:'open_sansregular', Helvetica , Arial,sans-serif; color:#4d4d4d; margin:0 0 10px;  }
.clientInfoCont {border-top: 1px dashed #B1B0AD; border-bottom: 1px dashed #B1B0AD; padding:30px 0; margin:0 0 30px; position:relative; display:none }
.clientInfo { display:block; overflow:hidden;}
.clientInfo.active {display:block;}
.clientInfo.inactive {display:none;}
.singleClientInfo {margin:0 0 15px; overflow:hidden}
.clientLogo {float:left; margin:0 3% 0 0}
.clientInfoText {float:left; width:80%; border-bottom:1px solid #c0bfbb; padding:0 0 15px }
.close {display:block; position:absolute; right: 0px; top: 15px; width:24px; height:24px; background:url(https://www.titan.co.ke/images/close.png) no-repeat;cursor: pointer;}


/** PARTNERS PAGE **/
.partnersCont { background:url(https://www.titan.co.ke/images/bottom-bg.jpg) no-repeat fixed 0 0; background-size:cover;}
.singlePartnerInfo { background:url(https://www.titan.co.ke/images/dark-grey-noise.png); overflow:hidden; border-bottom:1px dashed #fff}
.partnerImageCont {width:50%; float:left; text-align:center;}
.partnerImageCont img {display:inline; margin:20px 0 0;}
.partnerTtl { display:block; text-align:center; color:#fff; font-family:'open_sansbold', Helvetica , Arial,sans-serif; font-size:1.5em; line-height:120%; margin:20px 0;}
.partnerDetailsCont {width: 39%; float:left; border-left:1px solid #afafb0; color:#fff; padding: 20px 5%; min-height: 210px;}
.partnerDetailsCont h5 { font-size:1.125em; text-transform:uppercase; margin:0 0 15px; }
.partnerDetailsCont p { font-size:0.875em; padding:0 0 5px; text-transform:uppercase;}
.partnerDetailsCont p a {text-transform:none; color:#fff; border-bottom:1px dotted #fff; padding:0 0 2px; word-wrap: break-word; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}
.partnerDetailsCont p a:hover {color: #E4E4E4; border-bottom: 1px dotted #E4E4E4;}

/** CONTACT US PAGE **/
#map {width: 100%; height: 400px;  }
.contactForm {text-align:center;}
.conatctTtl {font-size:1.875em; display:inline-block; padding: 0 0 20px; color:#4d4d4d; border-bottom:1px solid #4d4d4d; margin:0 0 40px}
.contactForm form { overflow:hidden;}
.contactForm form input[type="text"], .contactForm form input[type="email"] {width:32%; text-align:center; background:#c5c1bb; color:#fff; font-size:0.75em; padding: 11px 0; border:1px solid #c5c1bb; float:left; margin: 0 1% 20px 0; font-family:'open_sansregular', Helvetica , Arial,sans-serif;}
.contactForm form ::-webkit-input-placeholder {color:#fff;}
.contactForm form :-moz-placeholder {color:#fff;}
.contactForm form ::-moz-placeholder {color:#fff;}
.contactForm form :-ms-input-placeholder {color:#fff;}
.contactForm form textarea {width: 96%;  background:#c5c1bb; color:#fff; font-size:0.75em; padding:10px 1%; border:1px solid #c5c1bb; margin: 0 0 20px;height: 120px;float: left;  font-family:'open_sansregular', Helvetica , Arial,sans-serif;}
.contactForm form input[type="submit"], .contactForm form input[type="button"], .contactForm form button   {float:left; padding: 10px 35px 10px 8px; background: #E53C4E url(https://www.titan.co.ke/images/read-more-arrow.png) no-repeat 82% 50%; color:#fff; text-transform:uppercase; font-size:0.75em; border:none;text-align: left; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s; cursor:pointer}
.contactForm form input[type="submit"]:hover, .contactForm form input[type="button"]:hover, .contactForm form button { background-position: 90% 50%;}
.contactDetails {background:url(https://www.titan.co.ke/images/bottom-bg.jpg) no-repeat fixed 0 0; background-size:cover;}
.innerContactDetails { background:url(https://www.titan.co.ke/images/dark-grey-noise.png); color:#fff;}
.innerContactDetailsTtl { display:block; padding: 17px 0; text-align: center; font-size:1.875em; text-transform:uppercase; line-height: 120%; border-bottom: 1px solid #fff;}
.contactInfo {overflow:hidden;}
.singleContactInfo {float:left; width: 20%; padding: 25px 2%; border-right:1px solid #fff;min-height: 310px;}
.singleContactInfoTtl { font-size:1.125em; font-family:'open_sansbold', Helvetica , Arial,sans-serif; text-transform:uppercase; margin:0 0 10px; display: block;}
.singleContactInfo p { font-size:0.875em; padding: 0 0 3px;}

.singleContactInfo p a {color:#fff; border-bottom:1px dotted #fff; padding:0 0 2px; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s;}
.singleContactInfo p a:hover {color: #E4E4E4; border-bottom: 1px dotted #E4E4E4;}
.singleContactInfo:last-child { border-right:none;}

@media only screen and (min-width : 1151px) {
#pageWrapper {right:auto !important;}
.leftTopSection, .rightTopSection, #leftSection { left:auto !important}
#topSection {left:0 !important}
}

@media only screen and (max-width : 1150px) {
			
/* Top Section and Mobile Relayout */
.mobileTopSection {display:block;}
.mobileTopSection .logo {float:right; padding: 14px 25px; width: 165px;}
#topSection { z-index:10; position:absolute; left:-500px; top:0}
.leftTopSection {position:absolute; top:0; left: 0px; width:250px; padding:0}
.hotlineNumber {border-right:none;}
.rightTopSection {position:absolute; top:80px; left: 0px; width:250px;}
.searchForm, .innerSearchForm {border-left:none;}
.innerSearchForm form {width:210px !important; }
#leftSection {width:250px; z-index:9; padding:0 0 0; position:absolute; left:-500px; height:auto !important}
#innerLeftSection { padding:140px 0 0 }
#innerLeftSection .logo { display:none;}
.hotlineNumberBold {font-size: 14px; line-height: 140%;}
.bottomLeftSection {position:relative}
.homeLink {display:block;} 
#rightSection {padding:0; width:100%;}

}

@media only screen and (min-width : 561px) and (max-width : 830px) {

/** Homepage **/
.productsPage.windowHeight { height:auto !important}
.threeQuarterColumn, .quarterColumn, .fullWidthThreeQuarterColumn, .halfWidthThreeQuarterColumn, .fullWidthQuarterColumn {width:100%; height:auto;}
.column-portion { background:#4D4D4D; padding:15px 0; border-bottom:1px solid #646464}
.column-portion:hover {background:#9AA3A8;}
.column-portion:before { display:none;}
.column-portion:after { bottom:15px;}
.descriptionTextCont { position:relative; left:auto; top:auto; padding:0 10px}
.descriptionTtl {font-size:17px;}

/** About Page **/
.pageBannerBiggerTtl h1 {font-size: 28px;}
.smallPageBanner {padding: 20px 15%;}
#extraContent {background:none;}
.columnExtracontent {width:98%; min-height:initial}

/** Product Page **/
.productContainer {display:none;}
.leftContentSection, .rightContentSection {width: 100%; margin: 0 0 20px;}
.rightContentSection img {width: auto;}
#innerPageMenus {border:none; padding:0;}
.innerPageList ul {display:none}
.menuSelectCont {display:block}

/** Client Page **/
.projectTitle {font-size: 15px;}
.clientLogo {width:17%;}
.clientLogo img {max-width:100%;}
#innerContentSection h4 {font-size: 20px;}

/** Contact Page **/
.contactDetails { background: none;}
.singleContactInfo {width: 98%; padding: 25px 2%; border-bottom: 1px solid #FFF; border-right:none; min-height: initial}

}

@media only screen and (max-width : 560px) {
/* Top Section */	
.mobileMenu {left: 10px;}
.mobileTopSection .logo {padding: 14px 10px; width: 150px;}

/** Homepage **/
.windowHeight.slides {height:250px !important}
.introBiggerTtl { margin: 0 0 3px; font-size: 28px;}
.introBigTtl {font-size: 20px;}
.productsPage.windowHeight { height:auto !important}
.threeQuarterColumn, .quarterColumn, .fullWidthThreeQuarterColumn, .halfWidthThreeQuarterColumn, .fullWidthQuarterColumn {width:100%; height:auto;}
.column-portion { background:#4D4D4D; padding:15px 0; border-bottom:1px solid #646464}
.column-portion:hover {background:#9AA3A8;}
.column-portion:before { display:none;}
.column-portion:after { bottom:15px;}
.descriptionTextCont { position:relative; left:auto; top:auto; padding:0 10px}
.descriptionTtl {font-size:17px;}

/** About Page **/
.pageBannerInfo {margin: 0 0 -30px;}
.pageBannerBiggerTtl h1 {font-size: 23px; border-bottom:none; padding:0 0 5px;}
.pageBannerBigTtl h2 {font-size: 16px; border-bottom:none; padding:0;}
.smallPageBanner {padding: 7px 5%; height:auto; width:90%}
.smallPageBanner h3 {font-size:18px;}
#extraContent {background:none;}
.columnExtracontent {width:98%; min-height:initial}

/** Product Page **/
.productContainer {display:none;}
.leftContentSection, .rightContentSection {width: 100%; margin: 0 0 20px;}
.rightContentSection img {width: 30%; margin: 0 9%;}
#innerPageMenus {border:none; padding:0;}
.innerPageList ul {display:none}
.menuSelectCont {display:block}

/** Client Page **/
.projectDescr {bottom:8px !important;}
.projectTitle {font-size: 10px; font-family:'open_sansregular', Helvetica , Arial,sans-serif;}
.clientLogo {width:17%;}
.clientLogo img {max-width:100%;}
#innerContentSection h4 {font-size: 15px;}

/** Partners Page **/
.partnerImageCont {width:100%;}
.partnerImageCont img {margin:20px 0; max-width:100%;}
.partnerDetailsCont {width: 90%; border:none; border-left: none; text-align:center}

/** Contact Page **/
#map {display:none;}
.innerContactDetailsTtl {font-size: 19px;}
.contactDetails { background: none;}
.singleContactInfo {width: 98%; padding: 25px 2%; border-bottom: 1px solid #FFF; border-right:none; min-height: initial}
.contactForm form input[type="text"], .contactForm form input[type="email"] {width:97%; padding:10px 1%; margin:0 0 20px; text-align:left;}
.contactForm form textarea {width: 97%;}

}
/* Stylesheet: style Modified On 2015-06-15 17:10:52 */