@charset "UTF-8";
/* CSS Document */

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;
}
body {
	line-height: 1;
}
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;
}
a {color:#002f5f; text-decoration:none;}
a:hover {text-decoration:underline;}

@font-face {
    font-family: 'calibriregular';
    src: url('font/calibri-webfont.eot');
    src: url('font/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibri-webfont.woff') format('woff'),
         url('font/calibri-webfont.ttf') format('truetype'),
         url('font/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: 'calibriregular';
    src: url('font/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
}




body {background:#fff; color:#222; font-family: 'calibriregular', arial, sans-serif; text-align:center; font-size:100%; max-height:100%; max-width:100%; padding-top: 40px;}


.full {width:100%; height:inherit; position:relative; margin:auto; overflow:hidden; }

.error {background-color:#002f5f; font-family: 'calibriregular', arial, sans-serif; padding:1% ;}


.one {width:8%;}
.two {width:18%;}
.twohalf {width:22%;}
.three {width:28%;}
.four {width:38%;}
.five {width:48%;}
.six {width:58%;}
.seven {width:68%;}
.eight {width:78%;}
.nine {width:88%;}
.ten {width:98%;}

.col {padding:1% ; clear:both; margin:auto; max-width:1000px; max-width:100%; }

/* Header */
.headerbg {background:#fff; display:block; width:100%; height:100%;}
.logo {vertical-align:baseline; width:auto; height:auto;}

.header {background:url(img/header-bg.png); height:auto; background-repeat:repeat-x; background-color:#fff; overflow:hidden; width:inherit; padding:0 0 20px 0; margin:0; position:fixed; top:0%; left:0; right:0; z-index:99999999999999999;  }
.header-block{ height:120px; width:100%; margin-bottom:40px;}
.header p {width:100%; background:#fff; white-space:normal; text-align:center; color:#002f5f; font-size:18px; margin-top:10px; font-weight:500;}
.header p br {display:none;}
.header p img {width:20px; height:auto; vertical-align:bottom} 
.menu {background:#fff;width:100%;}
.menu li {display:inline-block; margin:0 10px 0 0; padding:6px 10px 8px; font-weight:500; font-style:italics;}
.menu li a {color:#000; text-decoration:none;}
.menu li:hover a {color:#000 !important;}


.menu li.updates {}
.menu li.updates a {}
.menu li.updates a:hover {}

/* Main */

.main {position:relative; margin:auto; text-align:center; }
.main h3 {font-size:22px;} 
.main h3 strong {font-size:26px;}
.main p {font-size:16px; clear:both; margin:20px 0; padding:0; }
.main span {font-size:16px; font-weight:500; text-align: justify; }
.main strong {font-weight:700; font-size:22px; line-height:24px;}


.white {color:#002f5f; position:relative; overflow:hidden; max-width:1000px; margin:20px auto; }
.blue { color:#fff; background-color:#002f5f; position:relative; overflow:hidden;}

/* Privacy Policy */

p.bordered {
  border: 1px solid #000;
  padding: 10px;
}


.transport {z-index:9999999; float:left; clear:none; margin:5% 0;}


.bubble {position:relative; padding-top:60px; padding-bottom:0px;}
.bubble img{position:absolute; left:-12%; top:0%; z-index:9;}
.bubble p {position:absolute; right:0%;  left:0%; top:0%; font-size:18px;  -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; background:#a8a9ad; color:#002f5f; padding:2%;  z-index:8; }


.socialmedia {position:absolute; right:9%; top:0;}

.socialmedia img {width:40px; clear:both; margin:auto; float:none;}


.about-list {list-style:disc; z-index:5; margin-top:4%; margin:auto;  padding:4% 0% 5% 3%; float:left; clear:none;}
.about-list li {margin-top:5px;  text-align:left; padding:2% 0%; z-index:5; font-size:16px;}



.fleet {padding:20px 0; overflow:hidden;}
.fleet img{ text-align:center; margin:1%; vertical-align:middle; }
.fleet h1 {clear:both; font-size:22px; text-align:left; font-weight:600; margin:5px 0 5px 40px;}
.fleet ul { min-height:150px; height:auto; width:20%; margin:auto; }
.fleet li {padding:5px 0; margin:1px 0; text-align:left; height:20px; overflow:visible; }
.fleet ul.inputs li {}
.fleet li label {padding:7px 0 1px 0; vertical-align:middle}
.fleet form {overflow:hidden;}
.fleet input, .fleet textarea {background:#eee; text-align:right; font-family: 'calibriregular', arial, sans-serif; float:right; z-index:99999999999999999999; padding:0px 3px; border:1px thin #333; font-size:12px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin:0; height:25px; }
.fleet textarea {height:90px;}
.fleet input[type="submit"]{background:#002f5f; color:#fff;  padding:5px 20px; float:none;}

ul.lastinfo {width:48%; margin:auto; float:none; clear:both; overflow:hidden; text-align:left; padding:20px;}
ul.lastinfo li {text-align:left; margin-bottom:2px; padding-bottom:0;}
.antispammessage { padding-top:15px; margin-top:10px; border-top:thin solid #eee;}
.antispammessage input {float:none;}

.testimonial img {max-width:50%; height:auto; width:auto;}


.footer p {color:#000; font-weight:300; font-size:14px; color:#002f5f;}


/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:25px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
	position:relative;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:5px 20px 5px 20px;
	margin:0px 3px 0px 3px;
	font-size:15px;
	background:#002f5f; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;
	border-left:0px solid #555555;
	background-repeat:repeat-x;
}
.rmm.graphite .rmm-main-list li a:hover {
	background:#ddd;
}
.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
	width:95%;
	background:#002f5f;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:46px;
	color:white;
	text-align:left;
	position:relative;
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:26px;
	color:white;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background:#002f5f;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}
.rmm.graphite .rmm-toggled ul li a:active {
	background:#002f5f;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}


.required {min-width:100px;}


@media only screen 
and (min-width : 900px) {
	.fleet {display:inline-block}
	
}

/*

.fleet ul.inputs div {clear:both; margin:auto; max-width:100%; width:100%}
.fleet ul.personaldetails li, .fleet ul.inputs li {width:100%; float:left;}
.fleet li.standardinput {width:50%; float:left;}
.fleet input {float:none;} .fleet label {min-width:100%;}

*/

ul.personaldetails, ul.inputs {width:40%; float:none; display:inline-block}
	ul.inputs div, ul.personaldetails div {max-width:100%; width:80%; clear:both; margin:0 auto 0; padding:0 0 0 0;}
	.fleet li.standardinput {width:100%; float:left;}


@media only screen 
and (max-width : 900px)  { /* Do Nothing */
.bubble img{position:absolute; left:-17%; top:18%; z-index:9;}
.header {position:relative; margin-bottom:0; padding-bottom:0;} .header-block{display:none;} 

}

@media only screen 
and (min-width : 0px) 
and (max-width : 900px) {
	.bubble img {width:80%; max-width:200px; position:relative; left:0; z-index:74; min-height:20px;}
	.bubble p{  top:-30px; overflow:hidden; z-index:77}
	.col {padding:1%} .about-list, .blue { padding-top:2.5%; padding-bottom:20px;}
	p {padding-left:10%; padding-right:10%;}header p {padding:0;}
	.blue .col {width:100%; text-align:center; margin:auto; padding-top:60px; float:none; }
	.blue .about-list {width:60%; margin:auto; text-align:center;}
	.blue .transport {width:40%; margin:auto; text-align:center; float:none;}
	.header p {padding:0;}
	ul.personaldetails, ul.inputs {width:60%; float:none; display:inline-block; overflow:visible; clear:both;}
	ul.inputs div, ul.personaldetails div {max-width:100%; width:88%; clear:both; margin:0 auto 0; padding:0 0 0 0;}
	.fleet li.standardinput {width:100%; float:left;}
	ul.personaldetails {clear:both; padding-bottom:80px;}
	ul.inputs h1, ul.personaldetails h1 { margin-left:6%;}
}



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

.logo{width:100%; height:auto;  position:relative; margin:30px auto; padding:0;}
.header p {width:80%; position:relative; margin:10px auto; }
.header p{font-size:14px; white-space: wrap;}
	.header p br {display:block; margin:5px;}
	.header p img {min-width:10%;}
.one, .two, .twohalf, .three, .four, .five, .six, .seven, .eight, .nine, .ten {width:90%; padding:0 5%}
.header {position:relative; margin-bottom:0; padding-bottom:0;} 
.header-block{display:none;} 
.menu li {width:80%; clear:both; margin-top:10px;}
.menu li a{font-size:42px; width:80%; margin:auto;}
	.rmm.graphite .rmm-main-list li a { font-size:32px;}
	.rmm a, .rmm { font-size:32px }
	.transport {width:100%; max-width:600px; height:auto; margin:80px auto 0; float:none; top:20px; }
	.blue .col {width:100%; text-align:center; margin:auto; padding-top:60px; float:none; } 
.bubble p{ margin:20px auto; float:none; top:-30px; overflow:hidden; z-index:77; width:90%;}
.about-list {padding-top:0; margin-top:0px; padding:0 0 0 0; max-width:80%; margin:auto; clear:both;}

ul.personaldetails, ul.inputs, li.standardinput {width:100%; height:auto; overflow:hidden; float:none; font-size:32px;}
li.standardinput {margin:40px 0;}
li.standardinput input, input.submit, textarea {min-height:80px; width:90%; float:none; font-size:42px;text-align:left;}
textarea {width: 88%; margin-left:2%;}
ul.lastinfo .extrainfo {font-size:42px;}
input.submit {margin-top:20px;}

}






/*
@media only screen and (min-width : 0px)
and (max-width : 768px) and (min-device-width : 200px) and (max-device-width : 768px) {
.logo{width:100%; height:auto;  position:relative; margin:4% auto; padding:0;}

.header p {width:80%; position:relative; margin:10px auto;;}

.one, .two, .twohalf, .three, .four, .five, .six, .seven, .eight, .nine, .ten {width:90%; padding:0 5%} .bubble p {}

.socialmedia, .bubble img, .bubble p { top:0; left:0; overflow:hidden; clear:both;  padding-top:1%; right:0;} p {padding-left:10%; padding-right:10%;}

.header {position:relative; margin-bottom:0; padding-bottom:0;} 

.header-block{display:none;} 

.blue .col {width:100%; text-align:center; margin:auto; padding-top:60px; float:none; } 
.bubble p{ margin:20px;  top:-30px; overflow:hidden; z-index:77; width:100%;}
.transport { max-width:300px; margin:auto; clear:both; text-align:center; float:none; margin:40px 0 0; }
.about-list {padding-top:0; margin-top:-20px; max-width:80%;}

.transport {width:80%; max-width:150px; margin-top:40px; top:20px; }

/*
.fleet ul { width:60%; text-align:center; } 
.fleet li {height:auto; margin-top:5px;}
.fleet label {clear:both;}
.fleet input { width:100%; clear:both; } 
.fleet input.submit { width:40%; text-align:center; clear:both; } 
.fleet ul.personaldetails li, .fleet ul.inputs div, .fleet ul.inputs div li { width:100%; clear:both; }
.fleet ul.personaldetails input { width:100%; clear:both; } 


}


@media only screen 
and (min-device-width : 0px) and (max-device-width : 768px) { 

.logo{margin-top:6%;}
	.menu li {width:80%; clear:both; margin-top:10px;}
	.about-list, .blue { padding-top:0%;  padding-bottom:40px;} 
	.about-list li {min-width:80%; padding:2%}
	.header {bacgkround-image:none; background:#fff; position:relative; max-width:100%; margin-bottom:0; padding-bottom:0;}
	.header p{font-size:42px; white-space: wrap;}
	.header p br {display:block; margin:5px;}
	.header p img {min-width:10%;}
	.menu li a{font-size:42px; width:80%; margin:auto;}
	.rmm.graphite .rmm-main-list li a { font-size:32px;}
	.rmm a, .rmm { font-size:32px }
	.transport {width:80%; max-width:150px; margin-top:40px; top:20px; }

}
*/