@charset "utf-8";
/*
Theme Name: Luigi
Theme URI: https://www.apograph.com
Description: Luigi
Version: 2018.1.0
Author: Adrian Fowler
Author URI: https://www.apograph.com
*/

html {font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {float:left;margin:0;padding:0;width:100%;height:100%;}

#top-bar,
#news,
#copy,
#service-panel,
#partners,
main,
article,
aside,
footer,
header,
nav,
section {display:block;float:left;width:100%;height:auto;}
ul {list-style:none;}
a {text-decoration:none;}


p {font-size:1.1em;}

h1,h2 {color:#666}
p {line-height:1.6em;}

input, textarea {border-radius:3px;}
.antisp {display:none;}
textarea,
input[type=text] {
    font-family:lato;
}

.alignleft {float:left;}
.alignright {float:right;}

.clear {clear:both;}

.wrap {width:94%;max-width:1280px;margin:0 auto;}

header {width:100%;height:auto;border-bottom:1px dotted #6C6C6C;padding:20px 0 10px;}

#logo {float:left;width:80%;height:auto;}
#logo img {width:100%;height:auto;}

#tel {float:left;width:100%;height:auto;margin:10px 0 10px;font-size:1.8em;color:#fe0000;text-align:right;}
#tel i {font-style:italic;color:#fe0000;font-weight:bold;}
#phone {float:left; width:200px; margin:0px 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#fe0000; font-weight:bold;}
#phonemobile {float:left; margin:13px 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#fe0000; font-weight:bold;}
#strap {float:left;width:100%;height:auto;}
#strap h1 {float:right;margin:0;padding:0;font-size:1em;color:#999;}
#strap b {font-weight:bold;font-size:1.1em;color:#454545;}
#clear {clear:both}

#menuContainer {float:right;width:100%;height:40px;background-color:#999;margin:10px 2px 0 0;}
#menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	float:left; 
	height:40px;
	}

#menu li {float:left;}
#menu li a {display:block; height:40px; line-height:40px; padding:0 15px 0 0; float:left; color:#fff; text-decoration:none;}
#menu li a b {display:block; height:40px; float:left; padding:0 0 0 15px; cursor:pointer;}
#menu li a:hover, 
body.home #menu li#home a,
body.page-id-18 #menu li#services a,
body.page-id-23 #menu li#contact a {background-color:#333;}
	
#breadcrumbs {font-size:90%;}

article {margin:40px 0 0;}


#taxi {float:left;margin:10px 0 0;width:100%;height:auto;}
#taxi img,#bus img {width:100%;height:auto;}
#taxi-content {float:right;width:100%;height:auto;margin:40px 0 0 0;}
#taxi-content ul img {width:200px;height:auto;margin-top:30px;}
#taxi-content ul {padding:0;width:90%;margin:0 auto;}
#taxi-content ul li,#bus-content ul li {min-height:38px;font-size:1.4em;line-height:1.4em;color:#666;background:url(images/green-tick.png) no-repeat;padding-left:50px;}


#bus-content {float:left;width:100%;height:auto;margin:30px 0 0 0;}


#message {margin:0px 5px 0 5px; padding:0}
#message p {font-size:1em}


#bus {float:right;margin:30px 0px 0 0;width:100%;height:auto;}

.airport {float:left;width:80%;height:auto;padding:0 5%;}
.airport ul {list-style-type:none}


#main {border-left:1px solid #999}

footer {width:100%;height:auto;background-color:#424242;margin-top:60px;color:#fff;}
#footer-top {float:left;width:100%;height:auto;}
#footer-top li {line-height:1.6em;}
footer a {font-size:90%;color:#fff;}
#footer-bottom {float:left;width:100%;background:#2D2D2D;padding:10px 0;}
.quarter {float:left;width:50%;}


#servicesOur {float:left; width:430px; height:auto; padding-left:50px;}
#service {font-size:1.5em}
#school {float:right; width:200px; height:162px;}

#left {float:left}
#right {float:left}



label {float:left; display:block; width:150px;}

.half-panel {float:left;width:100%;}
#ict-audit {width:84%;margin:0 auto;}
.ictphone {width:15%;height:auto;float:right;margin:20px 0 0 0 !important;}
#ict-audit p {float:left;width:80%;font-size:0.8em;}

#ict-audit .input {width:96%;}
#ict-audit .input, .es_textbox_class {padding:1% 2%;color:#000;margin:4px 0 10px 0;border:1px solid #c0c0c0;}
#ict-audit textarea {height:150px;overflow:auto;}
.button, .es_submit_button {font-size:90%;line-height:1;height:auto !important;cursor:pointer;
    padding: .618em 1em;
    font-weight: 700;
    color: #fff;
    background-color:#009030;
    border: 0;
    display: inline-block;
}

#details p {color:#424242;font-size:1em;}

@media screen and (min-width: 768px) {
	#logo {width:25%;}
	#tel {width:75%;margin:30px 0 0;}
	#menuContainer {width:360px;}
	article {margin:60px 0;}
	#taxi {width:50%;}
	#taxi-content {width:50%;}
	#bus-content {width:50%;}
	#bus {width:50%;}

	.half-panel {width:50%;}
	.airport {width:40%;}
	.quarter {width:25%;}


}