* {
	box-sizing: border-box;
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
	-webkit-appearance: none;
}
html, body {
	width: 100%;
	height: 100%;
	background: #FFF;
	font-family: 'Heebo', sans-serif;
}
body {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	font-size: 16px;
}
h1 {
	font-weight: 900;
    color: #25408f;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px;
}
h1 img {
	display: inline-block;
	vertical-align: middle;
}
h2 {
	font-weight: 400;
    color: #25408f;
    font-size: 38px;
    line-height: 1.2;
	letter-spacing: -1px;
}
h3 {
	font-weight: 700;
    color: #f4762c;
    font-size: 24px;
    line-height: 1.2;
	letter-spacing: -1px;
}
h4 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	display: inline-block;
	padding: 5px 10px;
	color: #FFF;
	background: #f4762c;
	margin-bottom: 10px;
}
h4 img {
	display: inline-block;
	vertical-align: middle;
}
h5 {
	font-weight: 700;
	margin-bottom: 5px;
}
h6 {
	font-weight: 700;
	font-size: 24px;
	color: #25408f;
	margin-bottom: 5px;
}
.link1 {
	text-decoration: underline;
	color: #25408f;
}
.link1:hover {
	text-decoration: none;
}
strong { font-weight: 700; }
.nowrap { white-space: nowrap; }
.wrapper {
	position: relative;
	direction: rtl;
	text-align: center;
	overflow-x: hidden;
}
.max-width {
	max-width: 1240px;
	margin: auto;
	padding: 0 20px;
}
.topfloat {
	position: absolute;
	top: -10px;
	left: 30px;
	z-index: 450;
	transition: all 0.3s;
}
.eng .topfloat {
	left: auto;
	right: 30px;
}
.title {
	display: inline-block;
	margin-top: 30px;
}
p {	padding: 5px 0; }
ul {
	padding-right: 20px;
	margin: 0;
}
li { margin-bottom: 10px; }
.topfloat a {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	background: #FFF;
    text-decoration: none;
    z-index: 800;
	transition: all;
	transition-duration: 0.3s;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 15px 15px 7px 15px;
	box-shadow: 2px 2px 11px #00000034;
	transition: all 0.3s;
}
.topfloat a:hover { background: #b5be34; opacity: 1; }
.logos { padding: 40px 0 30px 0; display: flex; justify-content: center; align-items: center; transition: all 0.3s; }
.logos a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;
}
.logos a:first-child { margin-right: 0; }
.logos a:last-child { margin-left: 0; }
.logos img { max-width:100%; }
.sky {
	background: #42bdf1 url(images/skybg.png) no-repeat bottom center;
}
.trial {
	position: absolute;
    top: 50px;
    right: -50px;
    width: 250px;
    transform: rotate(45deg);
    text-align: center;
    background: #FFF;
    color: #eb7427;
    font-weight: 700;
    font-size: 23px;
	box-shadow: 2px 2px 5px #00000030;
	transition: all 0.3s;
}
.road {
	background: #66809e url(images/roadbg.png) no-repeat top center;
	padding-top: 20px;
}
.title-image img {
	max-width: 100%;
	max-height: 132px;
	transition: all 0.3s;
}
.bus img{
	max-width: 100%;
	max-height: 153px;
	transition: all 0.3s;
}
.small-bus {
	float: left;
	text-align: left;
	margin: 0 30px 20px;
	margin-left: calc(800px - 100%);
}
.bordered {
	border: 3px solid;
	padding: 20px;
	background: #FFF;
	box-shadow: 2px 2px 5px #00000030;
}
.orange-border { border-color: #f4762c; }
.blue-border { border-color: #25408f; }
.green-border { border-color: #227c3d; }
.main {
	text-align: justify;
	padding: 80px 0 40px 0;
	margin-top: -50px;
	background: #FFF url(images/city.png) no-repeat right bottom;
}
.section {
	margin: 30px 0; 
}
.section:first-child { margin-top: 0; }
.opening {
	display: flex;
	padding: 20px 0 10px 0;
}
.opening .bordered {
	width: 50%;
}
.opening .green-border {
	margin-left: 20px;
}
.line-maps { display: flex; }
.line-data { width: 50%; }
.line-data:first-child { margin-left: 40px; }
.line-title {
	font-size: 18px;
}
.blue-border h5 { color: #25408f; }
.green-border h5 { color: #227c3d; }
.left-text {
	text-align: left;
}
.phone_link {
	text-decoration: none;
	color: #000;
}
.left-arrow {
	height: 12px;
	margin: 0 5px;
}
.line-map {
	font-size: 14px;
	padding: 20px 0;
}
.line-map table {
	border-collapse:collapse;
}
.area-cell {
	background: rgba(37,64,143,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(37,64,143,1) 20%, rgba(37,64,143,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(12%, rgba(37,64,143,1)), color-stop(100%, rgba(37,64,143,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(37,64,143,1) 20%, rgba(37,64,143,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(37,64,143,1) 20%, rgba(37,64,143,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(37,64,143,1) 20%, rgba(37,64,143,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(37,64,143,1) 20%, rgba(37,64,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#25408f', GradientType=1 );
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
	color: #FFFFFF;
	border-left: 4px solid #25408f;
}
.area-cell.mid {
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}
.station-cell {
	padding: 10px 15px 10px 10px;
	position: relative;
	vertical-align: middle;
}
.station-cell:hover {
	color: #25408f;
}
.station-cell.first-station {
	padding-top: 0;
}
.station-cell.last-station {
	padding-bottom: 0;
}
.station-icon {
	position: absolute;
	right: -8px;
	top: 50%;
	width: 14px;
	height: 14px;
	background: #FFF;
	margin-top: -7px;
}
.station-cell.first-station .station-icon {
	top: 0;
	margin-top: 0;
}
.station-cell.last-station .station-icon {
	bottom: 0;
	margin-top: 1px;
}
.pickup-icon {
	border: 3px solid #f4762c;
}
.station-cell:hover .pickup-icon {
	background: #ffac7c;
}
.drop-icon {
	border: 3px solid #227c3d;
	border-radius: 7px;
}
.station-cell:hover .drop-icon {
	background: #479c61;
}
.contact {
	display: flex;
	justify-content: center;
}
.contact-details:first-child {
	margin-left: 40px;
}
.contact-data {
	text-align: right;
	display: flex;
	font-size: 18px;
	margin: 10px 0;
	align-items: center;
}
.contact-data .icon {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	line-height: 32px;
}
.contact-data .icon img { vertical-align: middle; display: inline-block; }
.green-icon { background: #299574; }
.yellow-icon { background: #f19c24; }
.blue-icon { background: #3292d7; }
.orange-icon { background: #eb7427; }
.footer {
	background: url(images/bottom.png) center top;
	margin-top: -25px;
	padding: 0 20px 20px 20px;
}
.bottom-bus img {
	max-width: 100%;
	transition: all 0.2s;
}
.download {
	display: inline-block;
	padding: 10px 40px;
	background-color: #25408f;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 20px;
	border-radius: 10px;
	font-size: 18px;
	transition: all 0.2s;
}
.download:hover {
	background-color: #227c3d;
}
.download i {
	width: 36px;
	height: 36px;
	display: inline-block;
	vertical-align: middle;
	background: url('images/bookleticon.png') no-repeat center center;
	margin-right: 10px;
}
.video_holder {
	width: 100%;
    box-shadow: 2px 2px 5px #00000030;
    margin-bottom: 20px;
}
video {
	width: 100%;
	margin-bottom: -9px;
	cursor: pointer;
}
@media (max-width: 1000px) {
	.small-bus {
		float: none;
		margin-left: -40px;
	}
}
@media (max-width: 840px) {
	.logos { padding-top: 50px; }
	.opening, .line-maps {
		display: block;
	}
	.opening .bordered, .line-data {
		width: 100%;
	}
	.opening .green-border, .line-data:first-child { margin-left: 0; margin-bottom: 20px; }
}
@media (max-width: 640px) {
	h1 {
		font-size: 8.3vw;
	}
	h2 {
		font-size: 7vw;
	}
	h3 {
		font-size: 3.8vw;
		letter-spacing: 0;
	}
	.trial {
		font-size: 16px;
		top: 35px;
		right: -75px;
	}
	.logos { padding-left: 10px; padding-right: 74px; }
	.topfloat a { font-size: 14px; }
	.title { margin-top: 20px; }
	.title-image img { max-height: 120px; }
	.bus img { max-height: 130px; }
	.small-bus img { height: 130px; }
	.road { background-size: 940px; }
	.main { background-size: contain; padding-top: 70px; }
	.opening { margin-bottom: 0; padding-bottom: 0; }
	.contact { display: block; }
	.contact-details:first-child { margin-left: 0; margin-bottom: 20px; }
	.download { font-size: 16px; }
}
@media (max-width: 430px) {
	h1 img { width: 30px; }
}
@media (max-width: 360px) {
	.max-width { padding: 0 15px; }
}