@charset "utf-8";

	
body {
	padding: 0;
	margin: 0;
}
	
html {
	color: #7E7E7E;
	box-sizing: border-box;
	font: 1.1em Arial, Helvetica, sans-serif;
 }
 
	
h1 {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1em;
	color: #003366;
	font-size: 3em;
	line-height: 1.1em;
	font-weight: lighter;
	}

h2 {
	text-align: left;
	margin-bottom: 1em;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #003366;
}

h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #666666;
	margin-bottom: 1.2em;
	display: block;
}

h4 {
	font-size: 1.5em;	
	line-height: 1em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

p {
	margin-bottom: 1.2em;
	font-size: 1.1em;
	line-height: 1.3em;
	}

small {
	font-size: 0.8em;
}

ul {
	display: block;
	list-style: none;
	}
li {
	text-align: left;
	text-decoration: none;
	padding-right: 0px;
	text-indent: 0;
}
ul.icon-list {
	list-style: url(none) none;
	line-height: 1em;
}

ul.icon-list li {
	color: #666666;
	list-style: none inside;
	margin-left: 3em;
	margin-top: 1em;
	font-size: 1.1em;
}

ul.icon-list li:before {
	font-family: FontAwesome;
	content: '\f207';
	list-style: none;
	color: #CE0000;
	float: left;
	margin-left: -1.5em;
}

ul.icon-list2 {
	list-style: url(none) none;
	margin-left: 2em;
}

ul.icon-list2 li {
	line-height: 1.2em;
	color: #CCCCCC;
	padding-top: 0em;
	padding-bottom: 1.5em;
	list-style: none;
	display: block;
}

ul.icon-list2 li:before {
	font-family: FontAwesome;
	content: '\f058';
	width: 1.5em;
	list-style: none;
	color: #CCCCCC;
	margin-left: -2em;
	margin-right: 1em;
}

a {
	text-decoration: none;
	color: inherit;
}

.links a{
	color: inherit;
	text-decoration: underline;
}

a[href^=tel] { color: inherit; text-decoration: none; }
.center {
	text-align: center;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}
.clear {
	clear: both;
	display: block;
}

img{ margin: 0em; 
}
.margin { margin-left: 1%; }

.imgC {
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}

.imgL {
	display: block;
	float:left;
}

.imgR {
	display: block;
	float:right;
}
.grey {
	color: #ccc;
}

.black { color: #666;}
.red {
	color: #CE0000;
	font-family: inherit;
}
.white {
	color: #FFF;
}

.blue { color: #003366; 
}

.opacity {
	opacity:0.5;
	background: #FFFFFF;
}

.op-bar {
	opacity:0.8;
	background: #DDE2EA;
	z-index: 200;
	width: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: fixed;
}

/* header*/

header {
	width: 100%;
	clear: both;
	height: 400px;
	background: url(../images/minibus_hire_dorset2.jpg) no-repeat center bottom;
	background-size: cover;
}
header h1, header h1.red {
	text-align: center;
	color: #003366;
	font: bold 1.8em 'Domine', serif;
	display: block;
	float: left;
	width: 30%;
	margin-top: 2px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	margin-left: 10px;
}
.low-bar  {
	height: 3em;
	color: #FFFFFF;
	background: #003366;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	vertical-align: middle;
}


.low-bar #email, .low-bar #facebook, .low-bar #twitter {
	display: inline-block;
	width: 25%;
}
.low-bar #phone, .low-bar #mobile {
	display: inline;
	width: 46%;
}
.low-bar #phone{
	text-align: center;
	float: left;
}

.low-bar #mobile{
	text-align: center;
	float: right;
}
  
/* sections */

.div {
	padding: 2em 0;
	margin-top: 0em;
	margin-bottom: 0em;
	clear: both;
	overflow:auto;
	margin: 0px;
	padding: 0px;
}

.style1 {
	padding-top: 2em;
	padding-bottom: 2em;
	}
	
.style2 {
	background: #F8F8F8;
	color: #666666;
	padding-top: 2em;
	padding-bottom: 2em;
}

.style3 {
	background: #003366;
	color: #FFFFFF;

}
.small { font-size: .9em; }

.style4 {
	background: -moz-linear-gradient(90deg, rgba(151,170,191,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(151,170,191,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(151,170,191,1)), color-stop(40%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(100%, rgba(151,170,191,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(151,170,191,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(151,170,191,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(151,170,191,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(151,170,191,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(151,170,191,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(151,170,191,1) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(151,170,191,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(151,170,191,1) 100%); /* w3c */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97AABF', endColorstr='#97aabf',GradientType=0 ); /* ie6-9 */
	padding-top: 2em;
	padding-bottom: 2em;
}	

.style5 {
	background: #54779E;
	border-top: 3px solid #FFFFFF;
	
}
	
.navbox  a{
	width: 6.5em;
	height: 6em;
	margin: 0.5em auto;
	border: 5px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	text-align: center;
	border-radius:50%;
	background: #003366;
	font-size: 1.3em;
	line-height: 2.5em;
	padding: 1em 0.5em 0.5em;
}
.div.style2 .section.group .col1_3 ul li .red.center {
	line-height: 1.3em;
	font-size: 1.2em;
}



.quote:before {
	content: "\f10d";
	position: relative;
	color: #004993;
	z-index: 0;
	font: normal 100px/0.4em FontAwesome;
	left: 0em;
	top: 0em;
	text-align: left;
	padding-right: 0.3em;
}
.quote {
	font-size: 1em;
	text-align: left;
	width: 80%;
	z-index: 100;
	display: block;
	margin: 3em auto 2em;
	font-style: italic;
	color: #CCCCCC;
	line-height: 1.4em;
	padding: 0px;
	}
	
h3.blue.center {
	font-size: 1em;
}	

ul.icon-list li {
	width:100%;
	line-height: 1.5em;
	letter-spacing: 0px;
	padding-top: .5em;
	padding-bottom: .5em;
	}
	
/*contact form1*/

.form1 {
	width: 100%;
	padding-top: 1em;
	background: #003366;
	padding-bottom: 1em;
}

.form1 label  {
	text-align: left;
	margin-left: 20%;
	line-height: 1.3em;
	font-size: 1.1em;
	position: relative;
	margin-bottom: .2em;
	color: #FFFFFF;
}

.form1 #name, .form1 #telephone, .form1 #email, .form1 #message, .form1 #submit{
	font: 1em Arial, Helvetica, sans-serif;
	background-color:#E6EDF6;
	margin: 0em auto 1em auto;
	font-size: 1.1em;
	display: block;
	color: #003366;
	border: 1px solid #999999;
	padding-left: 1em;
	box-sizing:border-box;
}
.form1 input[type="text"], .form1 input[type="email"], .form1 input[type="number"] { width: 60%; height: 35px; }

.form1 #message{ font-family: Arial, Helvetica, sans-serif; width: 60%}

#form1 small  {
	margin-left: 20%;
	color: #FFFFFF;
}

.form1 #submit {
	height: 30px;
	width: 120px;
	padding: 0px;	
	}
	
.form1 #submit:hover {
	background: #FFFFFF;
	color: #005AB5;
}

 /*contact form2*/
.form2 {
	width: 100%;
	color: #FFFFFF;
	background: #54779E;
	padding-top: 0em;
	padding-bottom: 4em;
	font: 1em Arial, Helvetica, sans-serif;
}
#form2 .section.group { width: 90%; }
#form2 .section.group .col  {
	height: 30px;
	background: #6A83A8;
	margin-top: 1em;
}
#form2 .section.group p {
	text-align: left;
	color: #FFFFFF;
	width: 98%;
	font-size: 0.9em;
	margin: 5px auto;
}

#form2 label  {
	text-align: right;
	color: #FFF;
	display: inline-block;
	font: 1em Arial, Helvetica, sans-serif;
	height: 30px;
	margin-left: 3px;
	margin-right: 5px;
}

#form2 input{
	background: #F6F6F6;
	border: 2px solid #CCCCCC;
	padding-right: 0.1em;
	padding-left: 0.1em;
	height: 30px;
	width: 98%;
	font-size: 1em;
	color: #666666;
	display: inline;
}

#pickuptime, #returntime {
	color: #666666;
	background: #F5F5F5;
	height: 30px;
	border: 2px solid #CCCCCC;
	font: 1em Arial, Helvetica, sans-serif;
	display: inline;
} 
.optionbox {
	height: 30px;
	padding: 0px 5px;
	font-size: 1em;
	color: #999999;
	margin: 0px 5px;
	-webkit-appearance: none;
}
#form2  .col1_4 .col1_2 {
	margin: 0px;
	padding: 0px;
	width: 50%;
	font-size: .9em;
	white-space: nowrap;
	clear: none;
	display: inline-block;
}

#form2  .col1_4 .col1_2 label {
	clear: none;
	display: inline;
	text-align: left;
}
#form2 input[type=radio]{
	color: #666;
	width: 18px;
	height: 18px;
	display: inline;
	float: left;
	clear: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

  /**/#form2 input:-webkit-autofill  -webkit-box-shadow:0 0 0 500px white inset; /**/
#form2 .checkbox ul{ display: block;
 }
 
#form2 .checkbox li {
	float: left;
	display: inline;
	height: 30px;
	font-size: 1em;
	margin: 0px 0px 0px 5px;
}
#form2 .checkbox label{
	text-align: left;
	display: inline;
	height: 30px;
	vertical-align: super;
}
#form2 input[type=checkbox]{
	color: #666;
	width: 20px;
	height: 20px;
	display: inline;
	margin-left: 2px;
	margin-right: 10px;
}

#form2 #submit {
	background: #003366;
	color: #FFFFFF;
	height: 30px;
	width: 120px;
	padding: 0px;
	font-size: 1em;
	display: inline;
	float: right;
	}

#form2 #submit:hover {
	background: #FFFFFF;
	color: #005AB5;
}

/* placeholder*/

::-webkit-input-placeholder {
	font: 95% Arial, Helvetica, sans-serif;
  color: #999999 !important;
 text-align: left;
 padding-left: .1em;
}

:-moz-placeholder { /* older Firefox*/
font: 95% Arial, Helvetica, sans-serif;
 color:#999!important;
  text-align: left;
 padding-left: .1em;

}
::-moz-placeholder { /* Firefox 19+ */ 
 font: 95% Arial, Helvetica, sans-serif;
   color:#999 !important;
 text-align: left;
 padding-left: .1em;
} 

:-ms-input-placeholder {
	font: 95% Arial, Helvetica, sans-serif;
   color:#999 !important;
 text-align: left;
 padding-left: .1em;
}
	
/*footer*/

footer {
	width: 100%;
	clear: both;
	color: #036;
	padding-top: 1em;
	text-align: center;
	background: #E4E6EB;
	font-size: 1em;
	border-top: 3px solid #FFFFFF;
}


footer li {
	padding-right: 0px;
	font-size: 0.9em;
	line-height: 1.5em;
}
#footerlogo {
	font: bold 1em 'Domine', serif;
	letter-spacing: 1px;
	padding-top: 1em;
	text-align: right;
	margin-bottom: 3em;
}

footer h1 {
	color: #003366;
	font-size: 1.3em;
	text-align: left;
}

 footer p small {
	display: block;
	text-align: right;
	font-size: 1em;
}

#return {
	position: fixed;
	font-size: 2em;
	color: #999;
	z-index: 100;
	bottom: 1%;
	clear: none;
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	right: 1%;
}

responsivefromhere {
}

@media only screen and (max-width: 1000px) {
}

@media (max-width: 900px) {
#contact_links {font-size: 1em;}

ul.icon-list { width: 75%;}

.checkbox label {
	width: 100%;
	margin-left: 1em;
	display: block;
	line-height: 1.3em;
	margin-bottom: .5em;
}

#form2 .section.group .col1_2, .col2_2,.col1_3, .col2_3, .col3_3,.col1_4, .col2_4,.col3_4,.col4_4,.col5_5, .col4_5, .col3_5, .col2_5, .col1_5,.col1_6,.col2_6,.col3_6,.col4_6,.col5_6,.col6_6 {width: 98%; display: block;
}


.quote:before {
	display:none;
	margin-top: 0em;
}
.quote {
	width: 80%;
	display: block;
	margin: 1em auto 1em auto;
	}
}

@media (max-width: 768px) {	

header h1, header h1.red {
	margin-bottom: 0px;
	margin-top: 10px;
	width: 20%;
	font-size: 1.4em;
}
	
}

@media only screen and (min-width: 650px) {}


footer p small   { margin-top: 1em; text-align: center;}

#footerlogo {
	text-align: center;
	display: block;
	padding-bottom: 1em;
}



@media only screen and (max-width: 580px) {

	
	h1{
	font-size: 2em;
	clear: both;
}
h2      {
	font-size: 1.3em;
	clear:both;
	text-align:center;
	float:none;
}
h3{	font-size: 1.1em;}
	p { font-size: .9em; }
	
	header h2{
		text-align:center;
		margin: 0 auto 0 auto;
		padding: 0;
	}
ul {	width:90%;
	margin-left, margin-right: auto;
}
li {text-align: left; font-size: 1em;}	

	
		ul.icon-list { margin: 0;}
	
	ul.icon-list li {
	line-height: 1em;
	letter-spacing: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}


	
h5.red.center,.col1_3 .quote { margin-bottom: 3em;}

.form1 {width: 100%;}

.form1 label  {	margin-left: 2%;}

.form1 input[type="text"], .form1 input[type="email"], .form1 input[type="number"],.form1 #message{ width: 100%;}

#form1 small  { margin-left: 2%; }

.form1 #submit {width: 70%; margin-top: 1em;}
footer li { display: block; 
}
	
footer h1 { text-align: left; }	


}