/*
kenneth mukiria
www.mukiria.com
*/

* {
	margin: 0px;
	padding: 0px;
	outline:none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: small;
	color: #333333;
	line-height: 1.5em;
}
a, img, hr, li {
	text-decoration: none;
	border: none;
	color: #333;
-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;
/*-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;*/
	list-style:none;
	outline:none;
}
p{
	float: left;
	margin-bottom: 7px;
	width: 100%;
}
h1, h2, h3, h4, h5{
	width: 100%;
	margin-bottom: 15px;
	float: left;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
	font-weight: normal;
}
.all, .topimage, .contacts, .breadcrumbs {
	float: left;
	width: 100%;
	position: relative;
}
img {
	float: left;
	height: auto;
	width: 100%;
}
img#bg {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
}
.hide, .mobile, .showlogo{ display:none;}
.mukiria {
	position: relative;
	width: 86%;
	margin: 0 auto;
}
.half, .thirty, .nusu, .sixty, .quater, .seventy, .forty{position:relative; float:left;}
.sixty{width:58%;}
.half{width:48%;}
.half:last-child, .floatright{float:right;}
.forty{width:40%;}
.thirty{width:31%; margin:1%;}
.seventy{width:70%;}
header{width:100%; float:left; position:relative; z-index:99;}
.logo{width:14%; position:absolute; top:5px; left:6.5%;}
.mainlogo{width:10%; float:left;}
.reservations, .slider{width:100%; float:left; position:relative; }
.top{width:100%; float:left; position:relative; background-color:#E40520; padding:0 5%; }
.top .links{float:right; margin-top:17px;}
.top .links a{float:left; padding:5px 10px; color:white; background-color:#333; margin-left:10px; font-weight:600;}
.social a em{
	float: left;
	color:white;
	font-style:normal;
	margin-top:3px;
}
.social a:hover em{ text-decoration:underline;}
.social a span{
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	float: left;
	width: 29px;
	height: 29px;
	
}
.social a.twitter span{
	background-position: -27px 0px;
}
.social a:hover.twitter span {
	background-position: -27px -27px;
}
.social a.facebook span{
	background-position: -54px 0px;
}
.social a:hover.facebook span{
	background-position: -54px -27px;
}
.reservations{margin-top:10px; min-height:470px; background-color:#333;}
form#reservations{width:350px; height:100%; position:absolute; top:0; left:0; background-color:#333; color:white; } 
form#reservations h3{background-color:#961928; color:white; width:100%; float:left; padding:7px; text-align:center; font-weight:600;}
form#reservations label, form#reservations .all{width:90%; margin:0 5% 10px 5%; float:left;}
form#reservations p{width:90%; margin:0 5%; font-weight:600; font-style:italic;}
form#reservations a{color:#cc0033;}
form#reservations .input {
	color:#333; 
	padding-left:10px;
	cursor:pointer;
    display:inline-block;
    position:relative;
    font:400 'Open Sans', Sans-Serif;
    border:1px solid #E40520;
	width:100%;
	height:35px;
	margin-top:5px;
}
form#reservations .submit{width:100%; float:left; border:none; color:white; text-align:center; background-color:#E40520; padding:10px 0; margin-top:7px; cursor:pointer; 
-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;
}
form#reservations .submit:hover{background-color:#000; }
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    font:400 'Open Sans', Sans-Serif;
    color:white;
    border:1px solid #E40520;
	width:100%;
	height:35px;
	margin-top:5px;
}

.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:transparent;
    padding:8px 0 0 10px;
	
}
.styledSelect:after {
    content:url(../images/arrow-select.png);
    width:30px;
    height:33px;
	background-color:#E40520;
	position:absolute;
	top:0;
	right:0;
	padding:10px 0 0 7px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#E40520; border-color:#E40520;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0;
    padding:0;
    list-style:none;
    background-color:#E40520;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    margin:0 0;
    padding:10px;
	color:white;
}
.options li:hover {
    background-color:black;
}

    .slider {
		margin:40px 0;
    }

    .slick-slide {
      margin: 0px 20px;
    }


    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
	.slider p, .slider h3{margin-bottom:7px;}
.slider a{background-color:#c03; color:white; padding:5px 10px; float:left;}
.slider a:hover, .topimage a:hover{background-color:#000; color:white;}

.topimage .txt{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:white; text-align:center; }
.topimage .txt a{border:1px solid white; color:#c03; padding:7px  20px; float:left; margin-left:50%; transform:translateX(-50%); margin-top:20px; font-size:18px; font-weight:600;}
.topimage a:hover{background-color:#E40520; color:white; border-color:black;}
.red{text-align:center;}
.red img{width:70px; float:none; margin-bottom:20px;}
.red a{background-color:#c00; color:white; padding:7px 15px;}
.red a:hover{background-color:#000; color:white; border-color:black;}
.red p{min-height:70px;}
.red h1{color:#c00;}
.topheader h1{color:#c00; font-weight:400; text-align:center; padding:10px 0;}
.topheader h2{background-image: url(../images/bgheader.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:white;
	text-align:center;
	text-transform:uppercase;
	padding:20px 0;
}
.heading{text-align:center; width:auto; float:left; margin:20px 0 20px 50%; transform:translateX(-50%);}
.heading h2{width:auto; float:left; margin:0; padding:0 10px;}
.heading hr{width:100px; margin-top:10px; border:none; height:1px; background-color:#c00; float:left; }
.heading img{width:30px;}
.bgred{background-image: url(../images/bg-red.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:white;
	padding:40px 0 40px 5%;
	background-position:right center;
}
.bgred .seventy{width:60%;}
.bgred h1{width:auto; text-transform:uppercase; border-bottom:1px solid white; padding-bottom:10px; margin-bottom:10px;}
.bgblk{background-image: url(../images/bg-blk.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:white;
	padding:50px 0;
	background-position:right center;
}
ul.list{width:100%; float:left; margin-top:10px;}
ul.list li{color:#333; width:90%; float:left; margin-bottom:15px; background-image: url(../images/list-gry.png); background-repeat:no-repeat; padding-left:35px;}
ul.list.two li{color:#333; width:90%; float:left; margin-bottom:7px; background-image: url(../images/list-gry_2.png); background-repeat:no-repeat; background-position:0 4px; padding-left:20px;}
.redbg{padding:50px 0; background-color:#c00; color:white;}
.redbg ul{width:48%; float:left; margin-top:30px;}
.redbg ul:last-child{width:48%; float:right;}
.redbg ul li{color:white; width:90%; float:left; margin-bottom:15px; background-image: url(../images/list-wht.png); background-repeat:no-repeat; padding-left:35px;}

.branches h2, .branches .txt{width:auto; position:absolute; top:50%; left:5%; transform:translateY(-50%); background-color:rgba(0,0,0,0.7); color:white; padding:20px; font-size:36px;}
.branches h3{text-transform:uppercase; margin:0 0 7px 0; font-size:13px; font-weight:600; color:#E40520;}
.branches h3 span{width:5px; height:5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:#333; padding:3px; border:1px solid #333; float:left; margin-top:4px; margin-right:5px;}
.branches .txt{left:0; width:30%;}
.branches .txt h1{width:auto; color:#c00; font-weight:700;}
.branches .txt p{color:white; font-size:13px;}
.services h2{}
.services h3{border-bottom:1px solid #333; color:#c00; font-size:14px; padding-bottom:5px;}
.services a{background-color:#c00; color:white; padding:5px 10px; float:left; margin:10px 0 20px 0; text-transform:uppercase;}
.lines .thirty{padding:0 2%; min-height:300px;}
.lines .thirty:first-child{border-right:1px solid red;}
.lines .thirty:last-child{border-left:1px solid red;}
hr{width:100%; float:left; border:none; height:1px; background-color:#c00; margin-bottom:30px;}
form#contactus{
	width: 100%;
	float: left;
	margin: 10px 0;
	padding:30px;
}
form#contactus label{width:97.5%; float:left; margin-bottom:10px;}
form#contactus input{width:100%; float:left; border:none; background:white; color:#666; padding:10px 20px; font-family: 'Open Sans', sans-serif, Arial; height:36px;}
form#contactus textarea{
	width: 100%; max-width: 100%;
	float: left;
	border: none;
	background: white;
	color: black;
	height: 82px; max-height: 82px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: 'Open Sans', sans-serif, Arial;
}
form#contactus .submit{background-color:transparent; border:1px solid white; padding:5px 10px; float:right; margin-right:10px; color:white;}
a.readmore{float:left; margin-left:50%; transform:translateX(-50%); border:1px solid #c00; color:#c00; padding:10px; margin-top:20px;}
a.learnmore{float:left; margin-left:50%; transform:translateX(-50%); border:1px solid #c00; color:white; padding:10px 20px; margin-top:20px; background-color:#c00;}
a.readmore:hover, a.learnmore:hover, .services a:hover{background-color:#E40520; color:white; border-color:black;}
 a.learnmore:hover, .services a:hover{background-color:#000; }
.faqs{width:100%; float:left; text-align:left; margin-top:30px;}
.faqs .all{padding:20px;}
.faqs .all:nth-child(2n+1){background-color:#fbeacb;}
.faqs h4{color:#c00;font-weight:600;}
.fleet h2{border-bottom:1px solid #c00; padding-bottom:5px; width:auto;}
.fleet h3{color:#c00; border-bottom:1px solid #c00; padding-bottom:5px;}
.red-bg{width:100%; float:left; background-color:#c00; color:white; padding:13px 3% 0 3%;}
.clrred h1, .clrred h2{color:#c00;}
.margintopthirty{margin-top:30px;}
.marginbtmthirty{margin-bottom:30px;}
.margintb{margin:30px 0;}
.paddingtb{padding-top:30px;padding-bottom:30px;}
.paddinglr{padding-right:30px;padding-left:30px;}
.bggry{background-color:#E8E8E8;}
.bglgry{background-color:#EFEFEF;}
.bgdred{background-color:#c00;}
.center{text-align:center;}
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9990;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
	z-index:1;
}
.modalDialog > div {
    width: 40%;
    position: relative;
    margin: 7% auto;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
	z-index:9995;
}
.modalDialog > div form#reservations{background-color:#000; float:left; position:relative; padding-bottom:10px; width:100%;}
.modalDialog form#reservations .submit{width:200px; margin-top:15px; margin-bottom:30px; margin-left:50%; transform:translateX(-50%);}
.modalDialog form#reservations .submit:hover{background-color:#fff; color:#E40520; }
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
	z-index:9999;
}
.close:hover {
    background: #00d9ff;
}
.spec h4{color:#E40520; font-size:16px; font-style:italic;}
footer{width:100%; float:left; background-color:#333; padding-top:10px; margin:0; color:white; font-size:12px;}
footer a{color:#fff; float:left; font-size:15px; padding:15px; color:white; margin-bottom:10px;}
.quater{width:22.5%; float:left; border-left:1px solid white; margin:1%; padding:0 2%;}
footer .quater{min-height:200px;}
.quater:first-child{border:none;}
footer h3{text-transform:uppercase; font-size:14px; font-style:italic; font-weight:600;}
footer h4{color:white;  font-style:italic; margin:10px 0 5px 0; font-size:13px;}
footer p{margin-bottom:5px; line-height:1.2em;}
.copyright{width:100%; float:left; background-color:#000; color:white; text-align:center; font-size:12px; padding:15px 0;}
.copyright a{color:white;font-size:12px; float:none; text-decoration:underline;}
.txtee
{
	width: 70%;
height: 100%;
padding: 70px 10% 0 30%;
position: absolute;
top: 0;
right: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: left top;
background-image: url(../images/bg-slant.png);
	
	
}
.suzzezz {
color: #E40520;
font-size: 5vh;
line-height: 1.5;
}

@media screen and (max-width: 1280px) {
	form#reservations .input {margin-top:0px;}
}
@media screen and (max-width: 1024px) {
	.top .links{float:right; margin-top:10px;}
	.heading hr{width:75px; }
	.servicestab .sixty{width:50%;}
	.servicestab .thirty{width:40%;}
	.lines .thirty{min-height:350px;}
}
@media screen and (max-width: 960px) {
	#nav .topmenu{padding:15px 3% 0 3%;}
	.logo{width:12%; position:absolute; top:10px; left:4%;}
	.bgred .seventy{width:45%;}
	.paddinglr{padding-right:15px; padding-left:15px;}
	.heading hr{width:50px; }
	.branches .txt{left:0; width:40%;}
	.modalDialog > div {width: 60%;}
}
@media screen and (max-width: 800px) {
	footer .all, .top .links{display:none;}
	.reservations{margin-top:50px;}
	.logo, .mainlogo{width:15%;}
	.half, .services .sixty, .services .thirty, .sixty, .thirty, .forty{width:100%;}
	.services .sixty, .services .thirty{padding:8%;}
	.lines .thirty, .lines .thirty:last-child, .lines .thirty:first-child{border:none; width:100%; min-height:auto; padding:0;}
	.heading hr{width:25px; }
	
	.bgred{background-image:none; background-color:#E40520;}
	.bgred .seventy{width:95%;}
	.redbg ul.list, .redbg .half{width:100%; margin-top:10px;}
	.paddingtb{padding-top:20px; padding-bottom:0px;}
	.branches .txt{left:0; width:60%;}
	.heading img, .hidemobile{display:none;}
	h1,h2,h3,h4{line-height:1.5em;}
	.modalDialog > div {width: 70%;}
}


@media screen and (max-width: 640px) {
	.branches .txt{left:auto; width:100%; position:relative; float:left; top:auto; background-color:black;transform:translateY(0%);}
	.heading hr{display:none; }
	.topimage .txt{width:100%; position:relative; left:auto; top:auto; transform:translateY(0%); float:left; background:black; padding:5%;}
	.topimage .txt h1{font-size:18px; line-height:1.5em;}
}
a{transition: all 0.5s;}
a:hover{border-radius:20px;}