/* CSS Document */
 
html, body.body { height: 100%;padding: 0; margin: 0;}
header,article,aside,nav,footer,section {display: block; padding:0px; margin:0px; } 
body.body {  /* background: url("../images/homes_12.png") no-repeat scroll center bottom #fff; */  margin: 0 auto;  min-height: 100vh;  overflow-y: scroll;}
body, td {   color: #898a8d;  font-family: "Open Sans","Cabin",sans-serif,"Trebuchet MS",tahoma;  font-size: 14px;  font-weight: normal;  line-height: 150%;  text-align: justify;}
#wrapper {width:100%; padding:0px; 

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -217px	; 
	
	} .push { height:217px; } 
#header { background-repeat:no-repeat; background-position:right;  display:table; width:100%;  }
#header .maxwidth { /*/ background-image: url("../images/parcel-perfect_06.jpg"); /*/ background-position: right 22px;  background-repeat: no-repeat;}
#logo {  float: left;  margin: 10px 0 10px 20px}
#navmenu {  background-color: #434343;  display: table;  float: none;  width: 100%;  }
#navmenu ul  { margin:0 auto; display:table; padding:0; } 
#navmenu .menu li { list-style-type:none; float:left; text-align:left;  }
#navmenu .menu li a { background-color: #434343;  border-right: 2px solid #fff;  border-left: 2px solid #fff;  color: #a2a2a2;  display: block;  font-size: 100%;  padding: 20px 30px;  text-align: center;  text-transform: uppercase; font-weight:bold}
#navmenu .menu li:first-child a { border-left: 0; } 
#navmenu .menu li:last-child a { border-right: 0; } 
#navmenu .menu li a:hover, #navmenu .menu li:hover li a:hover,   #navmenu .menu li a.active {   background-color: #f58233; text-decoration:none; color:#fff} 
#navmenu .menu li:hover li a { background-color:#898a8d; } 
 

#boxes {  float: right;  padding: 25px 20px 0 0; }

@media screen and (min-width: 768px){ 

	#navmenu .menu li ul {    display: block;  z-index: 1;   overflow: hidden;   height: 0; position:absolute; margin:0 auto } 
	#navmenu .menu li ul li { float:none;    display: block;   overflow: hidden;   height: 0;}

} 
#navmenu .menu li ul li a {  background-color: #f58233;  border-bottom: 1px solid #fff; border-top: 2px solid #fff;  color: #fff;  font-size: 90%;  padding: 5px 10px;}
#navmenu .menu li li:first-child a { border-left: 2px solid #fff; border-top: 2px solid #fff; } 
#navmenu .menu li li:last-child a { border-right: 2px solid #fff; } 
#navmenu .menu li ul li a.active {  background-color: #434343;  color: #fff;}
#navmenu .menu li:hover ul { height:auto } 
#navmenu .menu li:hover ul li { height:33px } 
#content { clear: both;  padding: 0 1%;}
#main {width: 100%;  } 
#left {display:none }
#footer {  clear: both;  color: #ffffff;  font-size: 90%;  text-align: center;  text-transform: uppercase;}
.maxwidth { /*/width:990px;/*/ width:100%;display:table;/*/  /*/margin:0 auto } 
.Safaricss .maxwidth { display:block; } 
 #content .maxwidth { max-width:990px; } 
.leftcss #left, .leftcss #main { float: right; display:table } 
.leftcss #left { width:20%; margin-right:2% }  .leftcss #main { width:78%; }  
h1, h2, h3, h4, h5 { color: #f58231;  font-weight: normal;  line-height: normal;  margin-bottom: 10px;  margin-top: 0;  padding: 0;  text-align: left;}
h1 {font-size:200%; margin:20px 0px }
h2 { font-size: 180%; }
h3 { font-size: 150%; color: #777; }
a,a:visited,a:active { outline:0;  color:#222; text-decoration:none}
a:hover { color:#222	; text-decoration:underline}
input,textarea {font-family:Arial, Helvetica, sans-serif; color:#444;font-size:11px; border:1px solid #aaa }
img {border:0px;}
select {font-family:arial; color:#333; font-size:11px; }
p {margin-bottom:15px;margin-top:0px;}
input.contact {width:95%; }
hr { border: 0;color: #ccc;background-color: #ccc;height: 1px;width: 90%;text-align: left; margin-bottom:10px; margin-left:0px;}
.bread, .date {font-size:90%; margin:5px 0;  line-height:normal; text-transform:uppercase} 
.nbread {font-size:80%;  font-weight:bold; margin-top:-15px;  line-height:normal; margin-bottom:20px;  }
.newsling {margin-bottom:20px; clear:both; } 
.newsling .text {margin-left:60px; font-size:90%; } 
.newsling .img { float:left;  margin:0px 5px 5px 5px; border:1px solid #ddd } 
.newsling  img {border:5px solid #fff; width:80px; height:80px; } 
a.more { font-weight:bold; } 
.row2 {background:#eee; } .row1 {background:#ddd; }
.hide {display:none;}
.intro {margin-bottom:10px; margin-left:10px;font-size:12px; line-height:normal; text-align:justify }
.thumb {text-align:center;width:142px;height:140px;float:left; margin:2px; border:1px solid #eee; margin-bottom:2px; margin-top:2px;}
.thumb:hover {text-align:center;width:142px;height:140px;float:left; margin:2px; border:1px solid #bbb; margin-bottom:2px; margin-top:2px;}
.thumb2 {text-align:center;width:120px;height:100px;float:left; margin:15px; border:1px solid #eee; margin-bottom:2px; margin-top:2px;}
.thumb2:hover {text-align:center;width:120px;height:100px;float:left; margin:15px; border:1px solid #bbb; margin-bottom:2px; margin-top:2px;}
.thumb td,.thumb2 td{text-align:center;}
 .sidenav .headnav {font-size:13px; font-weight:bold; }
.sidenav .navitem {font-size:11px; font-weight:bold; padding:1px; padding-top:2px;  padding-bottom:2px; padding-left: 6px; }
.itemcode {font-size:10px; font-weight:normal}
.itemname {font-size:11px; font-weight:bold; }

.pagethis {border:1px solid #ddd; padding:2px; background:#eee;}
.page {border:1px solid #ddd; padding:2px;}
.page:hover {border:1px solid #ddd; background:#eee}
.pageof {float:left; color:#666;}

.pagit {text-align:right; margin-top:10px; font-size:11px; margin-bottom:10px;}
#results tr td {font-size:10px;}
.req {float:right; font-size:10px; }

.sitemap,.sitemap ul,.sitemap ul ul  {list-style-type:none; margin-left:0px; display:block}
.sitemap ul li.closed ul {display:none}
.sitemap li.closed ul {display:none}

.sitemap ul li.open ul {display:block}
.sitemap li.open ul {display:block}


.submenu ul {margin:0px; padding:0px; list-style-type:none; } 
.submenu ul li a {display:block; width:100%; padding:5px 0px; border-bottom:1px solid #ddd; font-weight:bold }
.submenu ul li li a {padding-left:5%; width:95%; font-size:90%; font-weight:normal } 
.staff {clear:both; margin-top:20px;} 
.faq {margin-bottom:20px; } 

.btt {text-align:right; font-size:80%; font-weight:bold; } 


 .box table.month  { margin-left:26px; width:175px; margin-top:0px  } 
  .thumbb {float:left; width:75px; height:75px; padding:10px; border:1px solid #ccc; margin:0px 9px 9px 0px; } 
  
  ul.sitemap, ul.sitemap ul {margin:0 ; padding:0px; }
  .sitemap li {list-style-type:none; font-size:120%; font-weight:bold; margin-bottom:10px; } 
  .sitemap li li {padding-left: 0px;  font-size:80%; font-weight:normal; line-height:normal; margin-top:5px;} 
    
	
	.productling {margin-bottom:25px; }   
	.productling .price {float:right; margin-top:-20px;  } 
	
	.prodserv h2 {font-size:120%; font-weight:bold;}
	.prodserv h3 {font-size:110%; font-weight:bold;}
	
	input[type=radio] {border:0px; } 
	
	
	

.fieldrow {display:table; width:100%; float:none; clear:both; margin:10px 0px }
.fieldrow input {width: 50%; }   .birthday label input {width:50px; } 
input,textarea,select {font-family: "open sans","trebuchet ms",verdana,arial; color:#333;font-size:100%; border:1px solid #aaa }
select {font-family:arial; color:#333; font-size:100%; }
label, .fieldrow  span {display:block; float:left; } 
.fieldrow .textarea  span, .fieldrow .bigtextarea  span {float:none; width:auto; } 
.fieldrow .bigtextarea {width:100%; } .fieldrow .bigtextarea textarea {width:100%; } 
.fieldrow label { width:100%; } 
.fieldrow label span { width: 49%; text-align:left } 
.experiencetable td input {width: 50%; }
.experiencetable td.yearfld input { width:50px; text-align:center } 

.vehiclecondition label { width:20%; float:left } 

#tradein {display:none; } 



.ling {display:table; width:100%; clear:both; padding: 0px 0px 10px; margin:0px 0px 10px; border-bottom:1px solid #ddd; }
.img {float:left; width:200px; margin-right:10px; } 

.profilepage { display:table; width:100%; } 
.profilepage .img {width:370px; float:right; margin-left:20px; } 

.nextpre {clear:both; border-top:1px solid #ccc; margin-top:15px; padding:15px 0px; line-height:100%; display:table; width:100%; } 
 .nextpre  .npleft, .nextpre  .npright {float:left; display:block; width:49%; font-size:90%; font-weight:bold} 
.nextpre  .npleft a {float:left; display:block; width:100%;     text-align:left }  .nextpre  .npright {text-align:right; } 

.gallery {display:table; width:100%; } 


 
.submitfield input {
  background-color: #f58233;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 90%;
  font-weight: bold; display:table; width:auto;
  padding: 10px 20px;
  text-transform: uppercase;
}.submitfield input:hover { background-color:#B52429  } 
.fieldrow.textarea span {    width: 100%;   margin-bottom: 5px;}
.fieldrow textarea {   height: 134px;  width: 99%;}
.newsling .text.noleftmargin { margin-left: 0; } 
 
.fieldrow input[type=text]:hover , .fieldrow textarea:hover , .fieldrow select:hover {  border: 1px solid #F58233;}
.fieldrow input[type=text]:focus , .fieldrow textarea:focus , .fieldrow select:focus{  border: 1px solid #B52429; } 
.subnav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.subnav ul li a { display: block; text-align:left; padding:5px 5px 5px 0px; }



.newsling {margin-bottom:20px; clear:both; } 
.newsling .text {margin-left:60px;  } 
.newsling .img { float:left;  margin:0px 5px 5px 5px; border:1px solid #ddd } 
.newsling  img {border:5px solid #fff; width:80px; height:80px; }  



.newsling .text.noleftmargin { margin-left: 0; } 

.newsling img {
    border: 0 none;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    height: auto;
    width: 100%;
}

.ling.newsling {     margin: 0 0 20px;   border-bottom: 1px dotted #666666; } 

.newsling .img {
    border: 0 none;
    float: left;
    margin: 0 10px 10px 0;
    width: auto;
}



.profile .img {    float: none;
    margin: 0 auto 10px;
    text-align: center;
    width: 100%; }   
.mainimg {
    height: auto;
    width: 100%;
}
.lbox {
    border-bottom: 1px dotted #999999;
   margin: 10px auto;
    padding-bottom: 15px;
}


* { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

html .MSIEcss,body.MSIEcss, .mCustomScrollbar, #socials *,  .mCustomScrollbar *, .addthis_toolbox , .addthis_toolbox  div,  .addthis_toolbox span, .homepage:hover, a.course, #workshopEnquiries, #social a  { 
	
transition: none; 
-o-transition:none; 
-moz-transition:none; 
-webkit-transition:none;
	
	} 
	#slider {
  position: relative;
}


#slider .item img{ display: block;width: 100%;height: auto;}
.MSIEcss .item img{ width:auto; } 
#slider h4 {
  background-image: url("../images/blk.png");
  bottom: 15%;
  color: #fff;
  font-family: "Open Sans Condensed",sans-serif;
  font-size: 230%;
  left: 0;
  padding: 5px 2%; margin:0;
  position: absolute;
} #slider p { margin:0; } 
.leftside, .rightside {
  float: left;
  margin: 0 1%;
  width: 48%;
}.contactright {
  background-color: #e1e1e1;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
  display: table;
  margin: 0 0 30px;
  padding: 1%;
  width: 98%;
} .contactcss h1, .contactcss h3 {
  text-align: center;
}

.orange { color: #f58233; } 
/* HOMEPAGE */

.homeactions {  display: table;  list-style: outside none none;  margin: 40px auto;  padding: 0;}
.homecss h1 {  margin: 20px auto 40px;  max-width: 800px;  width: 80%;} 
.homeactions li {  float: left;   margin: 0 20px; }
.homeactions a {   background-color: #f58233;  color: #fff;  display: table;  font-size: 120%; font-weight: bold;  padding: 10px 20px;  text-transform: lowercase;}.homeactions a:hover {  text-decoration: none;   background-color: #da2128;  } 
.compatiblewith {   border-top: 1px solid #ccc;  padding: 30px 0 0;  text-align: center;}
 .compatiblewith img { margin:0 20px; } 
.features { 
  font-weight: normal;
  text-align: center;
}
#iconsliders {  margin: 0 auto;  max-width: 990px;  padding: 0 20px;}
.Safaricss #iconsliders {  width: 990px; } 
.homecss #iconsliders {list-style:none } 
#iconsliders .item {   text-align: center;} 
#iconsliders .item img {  display: table;  margin: 0 auto;} #iconsliders .item strong { text-transform: uppercase; } 
#iconsliders .item a { display: table; padding: 20px 0; text-decoration: none;  width: 100%; color:#f58233}
#iconsliders .item a:hover {background-color: #e1e1e1; }
.iconsliderborder {   border: 3px solid #f58231;   width: 100%; border-left:0; border-right:0; margin:0 0 30px 0 }

.homecss #content .maxwidth , .featurespagecss #content .maxwidth { max-width: none; } 
.owl-prev, .owl-next {
  position: absolute;
  top: 43%;
}
.owl-next {  right: 0;} .owl-prev {  left: 0;}
#iconsliders.owl-theme .owl-controls { margin:0; } 
#iconsliders .owl-prev,#iconsliders .owl-next {
  background-color: transparent;
  background-image: url("../images/arrs_10.png");
  background-position: 0 0;
  border: 0 none;
  border-radius: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius:0px; -o-border-radius: 0px;
  display:table;
  margin: 0;
  padding: 0; height:23px;
  text-indent: -999px;
  width: 12px;
} #iconsliders .owl-next { background-position: right 0 } 
.homecss #content, .featurespagecss #content {  padding: 0;}
/* HOMEPAGE */

  #footer .maxwidth {
  color: #b1b1b1;
  font-size: 90%;
  font-weight: normal;
} #footer .maxwidth a { color:#B2B2B2;  } 

#footer {
  background: url("../images/homes_12.png") no-repeat scroll center bottom #fff;
  display: table;
  margin: 0 auto;
  padding: 170px 0 20px;
  width: 100%;
}
#cubemenu {  border-top: 3px solid #f58233;}
#cubemenu ul, #cubemenu li {  list-style: outside none none;  margin: 0;  padding: 0;}
#cubemenu li {  border-right: 2px solid #a1a1a1;  display: table-row;  float: left;  height: 34px;  margin: 30px 0;  padding: 0 1%; text-align: center;  vertical-align: middle;  width: 11%;
}#cubemenu a {  display: table-cell;  font-size: 90%; color:#a1a1a1;  height: 35px;  line-height: normal;  vertical-align: middle;  width: 1%;}#cubemenu a.active { color:#f58233; } 
#cube {  float: left;  height: 400px; margin: 10px 40px 20px;  width: 400px;}
#cubetext h3 { font-size: 120%; } 
#cubetext {   float: left;  height: 400px;  width: 500px;
} #cubemenu {  border-top: 3px solid #f58233; clear: both;  display: table;}

/* scroll */
#scrolltext {   height: 360px;  overflow: auto;    width: 500px; } 
.body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {    background-color: #f58233;}
.body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.body  .mCSB_scrollTools .mCSB_draggerRail { width:5px; } 
.body .mCSB_scrollTools .mCSB_draggerRail {     background-color: #ddd;}
.body .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.body .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.body .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.body .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #e7a578; } 

.includes {   background-image: url("../images/greyscape_06.png");  background-position: center bottom;  background-repeat: no-repeat;  border-bottom: 3px solid #f58233;  border-top: 3px solid #f58233;  margin: 40px 0;  padding: 40px 0;}
.includes   ul { -moz-columns: 2 auto; -o-columns: 2 auto;  -ms-columns: 2 auto; -webkit-columns: 2 auto; columns: 2 auto; text-align: left;}
 .includes li {  margin: 0 0 10px;  padding: 0;  text-align: left;} 
 
 #features { margin:0 auto; display:table } 
 .featurespagecss #content p,  .featurespagecss #content ul,  .featurespagecss #content h1,  .featurespagecss #content h3,  .featurespagecss #content h2,  .featurespagecss #content h4 { max-width:990px; margin-left:auto; margin-right:auto; }  
 
 #socials, #socials li { margin:0; padding:0; list-style: none; } 
 #socials li { float:left; margin:0 5px; }
 
 #socials li a { display:table; background-image:url(../images/socials.png); background-position:0 0; width:24px; height:23px; text-indent:-9999px; } 
 
 #socials li.facebook  a{ background-position:0 0; } 
 #socials li.facebook a:hover { background-position:0 -30px; } 


 #socials li.twitter a { background-position:-30px 0; } 
 #socials li.twitter a:hover { background-position:-30px -30px; } 


 #socials li.linkedin a { background-position:-59px 0; } 
 #socials li.linkedin a:hover { background-position:-59px -30px; } 


 #socials li.googleplus a { background-position:-89px 0; } 
 #socials li.googleplus a:hover { background-position:-89px -30px; } 
 
 #socials { margin:0 auto; display:table; } 
 
 
 #cube img, #cube ul, #cube li {
  position: relative;
  list-style: none;
  top: 0;
  margin: 0;
  padding: 0;
} #cubeitems {
  position: relative;
} #cube img, #cube ul, #cube li {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
}
#cube li {   display: block;  width: 20px;   height: 20px;  } 

#cube li a {  background-color: #f58233; display:block; width:100%; height:100%;  border-radius: 100%;  
-moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
 text-indent: -9999px; } 

#cube img {  left: 15px;  top: 15px; }

li#dot-10 { left: 116px;  top: 8px;   background-position: 9px 16px; background-size: 60px auto;}
li#dot-11 { left: 298px;  top: 29px;  background-position: 10px -70px;  }
li#dot-12 {  height: 30px; left: 191px;  top: 154px;  width: 30px;  background-position: -100px -70px; }
li#dot-13 { left: 7px; top: 140px;  background-position: -691px -70px; }
li#dot-14 { left: 57px; top: 318px;  background-position: -495px -70px; } 
li#dot-15 { left: 243px; top: 339px;  background-position: -293px -70px; }
li#dot-16 { left: 349px;  top: 209px;  background-position: -596px -70px; }
.dotcubed { border: 0px solid #f58230;   background-position: 0 -70px;  } 
.dotcubed.active  {   background-image: url("../images/featureicons.png"); background-color:#fff; border-radius: 100%;
-moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
  background-repeat: no-repeat; border: 4px solid #f58230 } 
li#dot-10.dotcubed.active {     background-image: url("../images/ficon_05.png");  left: 87px;  top: -13px; }
li#dot-11.dotcubed.active {   background-position:  10px 7px; left: 258px;   top: 9px;}
li#dot-12.dotcubed.active {  background-position: -100px 10px;	left: 160px; /* - 9px */	top: 135px; /* - 19px */}
li#dot-13.dotcubed.active {     background-position: -691px 10px;  left: -23px;  top: 120px;}
li#dot-14.dotcubed.active { background-position: -495px 11px;    left: 25px;    top: 291px;}
li#dot-15.dotcubed.active { background-position: -293px 13px;  left: 209px;    top: 306px;}
li#dot-16.dotcubed.active {background-position: -596px 10px;   left: 319px;    top: 179px;}
#cube li a {   background-color: #f58233;  background-position: 60px -700px;  border-radius: 100%; 
-moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;
 display: block;  height: 100%;  text-indent: -9999px;}
.dotcubed.active a {  background-color: transparent !important;}
.dotcubed.active {  height: 74px !important;  width: 75px !important;}