* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body { background-color:#fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:15px; color:#333; font-smooth:auto; }

a { color:#058ECA; text-decoration:none; }
a:hover { color:#058ECA; text-decoration:none; }
a:visited { color:#058ECA; text-decoration:none; }

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

select option { padding:10px 0; }

/* Header */
#masthead {
	width:100%;
	margin:0;
	padding:0;
	background-color:#000; /* black */
	align-items:center;
	border-bottom:5px solid #ffc61a;
}

.masthead-inner {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.masthead-inner img { width:250px; height:auto; padding:10px 0 0 10px; }

/* Header END */
/* Sub-masthead */
@media only screen and (max-width: 599px) {
#sub-masthead {
	width:100%;
	margin:0;
	padding:20px;
	background:#000;
	align-items:center;
	border-bottom:2px solid #ffc61a;
}
.sub-masthead-inner {
	width:100%;
	min-height:280px;
	margin:0 auto;
	padding:40px 20px;
	background-color:#000;
}
}
@media only screen and (min-width: 600px) {
#sub-masthead {
	width:100%;
	margin:0;
	padding:60px 45px;
	background:url(//www.newquayairporttaxis.org/images/airport-card-bg.jpg) center center no-repeat #333;
	align-items:center;
	border-bottom:2px solid #ffc61a;
}
.sub-masthead-inner {
	width:100%;
	max-width:450px;
	min-height:280px;
	margin:0 auto;
	padding:40px 20px;
	background-color:#000;
	border:1px solid #231D0D;
	border-radius:10px;
	box-shadow: 4px 4px 10px #000;
}
}
/* Sub-masthead END */
/* Sub-masthead2 */
@media only screen and (max-width: 599px) {
#sub-masthead2 {
	width:100%;
	margin:0;
	padding:10px;
	background:#fff;
	align-items:center;
	border-bottom:2px solid #ffc61a;
}
.sub-masthead-inner2 {
	width:100%;
	min-height:280px;
	margin:0 auto;
	padding:20px 20px;
	text-align:center;
}
.sub-masthead-inner3 {
	width:100%;
	min-height:280px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}
}
@media only screen and (min-width: 600px) {
#sub-masthead2 {
	width:100%;
	margin:0;
	padding:20px 45px;
	background:#fff;
	align-items:center;
	border-bottom:2px solid #ffc61a;
}
.sub-masthead-inner2 {
	width:100%;
	max-width:450px;
	min-height:280px;
	margin:0 auto;
	padding:20px 20px;
	text-align:center;
}
.sub-masthead-inner3 {
	width:100%;
	max-width:750px;
	min-height:280px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}
}
/* Sub-masthead2 END */


/* Page */
.page {
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (min-width: 960px) {
.page {
    width: 960px;
    margin: 0 auto;
  }
}
  
/* sub-header */
@media only screen and (max-width: 499px) {
.sub-header h2 { font-size:13px; font-weight:500; padding:15px 0 5px 40px; color:#ffc61a; }
}
@media only screen and (min-width: 500px) {
.sub-header h2 { font-size:17px; font-weight:500; padding:30px 0 10px 60px; color:#ffc61a; }
}
.sub-header {
	width:100%;
}

/* section */
.section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section2 {
  display: inline;
}

/* features */
.feature-1 { }
.feature-2 { }

@media only screen and (max-width: 699px) {
	.feature-1,
	.feature-2 {
		width: 100%;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 700px) {
	.feature-1,
	.feature-2 {
		width: 50%;
  }
}
/* my feature styles */
@media only screen and (max-width: 699px) {
.henverform1 { width:100%; padding:5px 0px; }
.henverform2 { width:100%; padding:5px 0px; }
.henverform1 select {
	width:100%;
	color:#000;
	font-weight:500;
	padding:15px;
	-webkit-appearance:none;
	background:#FFFFFF;
	border:0;
	border-radius:7px;
	font-size:17px;
}
.henverform2 select{
	color:#787878;
	padding:15px;
	background:#E6E6E6;
	-webkit-appearance:none;
	background:#FFFFFF;
	border:0;
	border-radius:7px;
	font-size:17px;
}
}
@media only screen and (min-width: 700px) {
.henverform1 { width:100%; padding:5px 0px; }
.henverform2 { width:100%; padding:5px 0px; }
.henverform1 select {
	width:100%;
	color:#000;
	font-weight:600;
	padding:15px;
	-webkit-appearance:none;
	background:#FFFFFF;
	border:0;
	border-radius:7px;
	font-size:17px;
}
.henverform2 select{
	color:#787878;
	padding:15px;
	background:#E6E6E6;
	-webkit-appearance:none;
	background:#FFFFFF;
	border:0;
	border-radius:7px;
	font-size:17px;
}
}

.to-arrow { background:url(//www.newquayairporttaxis.org/images/sort-down-21-yellow.png) center center no-repeat; clear:both; height:21px; text-align:center; color:#ffc61a; font-size:13px; line-height:21px; }
.to-arrow-grey { background:url(//www.newquayairporttaxis.org/images/sort-down-21-grey.png) center center no-repeat; clear:both; height:21px; text-align:center; color:#ffc61a; font-size:13px; line-height:21px; }

/* My Content Styles */
.route-wrap { text-align:center; }
.route-wrap h3 { color:#ffc61a; font-weight:500; font-size:13px; padding:0 0 10px 0; }
.route-wrap p { margin:40px 20px; padding:20px; background-color:#333; color:#999; border-radius:10px; font-size:13px; text-align:justify; }
.route-wrap a { color:#999; text-decoration:none; }

.option-pick span { color:#ffc61a; }


@media only screen and (max-width: 399px) {
/* content */
.content { }

/* lower nav */
.lower-nav a {
	color:#fff;
	background-color:#ffc61a;
	border-radius:5px;
	padding:7px 11px;
	min-width:80px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
}
}
@media only screen and (min-width: 400px) {
/* content */
.content { }
.content p { padding:40px 60px; color:#fff; }
.content a { color:#fff; text-decoration:none; }

/* lower nav */
.lower-nav a {
	color:#fff;
	background-color:#ffc61a;
	border-radius:5px;
	padding:11px 11px;
	min-width:100px;
	text-align:center;
	text-transform:uppercase;
}
}

.lower-nav-1 {
	padding:30px 5px 5px 5px;
}
.lower-nav-2 {
	padding:30px 5px 5px 5px;
}
.lower-nav-3 {
	padding:30px 5px 5px 5px;
}

@media only screen and (max-width: 569px) {
	.lower-nav-1,
	.lower-nav-2,
	.lower-nav-3 {
		width: 33.3%;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 570px) {
	.lower-nav-1,
	.lower-nav-2,
	.lower-nav-3 {
		width: 33.3%;
  }
}

/* footer */
.footer { }
@media only screen and (max-width: 399px) {
.copyright {
	padding:30px 30px;
	color:#999;
	text-align:center;
	font-size:9px;
}
}
@media only screen and (min-width: 400px) {
.copyright {
	padding:30px 60px;
	color:#999;
	text-align:center;
	font-size:11px;
}
}
.menu {
  color: #999;
  text-align:center;
  padding:0;
  width:100%;
}
@media only screen and (max-width: 899px) {
.menu {
  color: #999;
  text-align:center;
  padding:0;
  width:100%;
}
.menu a {
  color: #999;
  padding:11px 15px;
  line-height:2.0em;
  text-transform:uppercase;
  display:block;
  width:100%;
  border-top:1px solid #CCC;
}
}
@media only screen and (min-width: 900px) {
.menu {
  color: #999;
  text-align:center;
  border-top:1px solid #CCC;
  padding:30px 0;
  width:100%;
}
.menu a {
  color: #999;
  padding:25px 15px;
  line-height:2.0em;
  text-transform:uppercase;
  display:inline;
}
}

/* Booking Page */
.henverform { margin:0 auto; max-width:750px; text-align:left; }

.henvertitle { background:#333; border-radius:10px; margin:10px 0 5px 0; padding:15px; color:#ffc61a; font-weight:normal; }

.henverstage { background:#DADADA; border-radius:10px; margin-bottom:5px; padding:15px; }
.henverstage p { color:#333; margin:0; font-size:12px; padding:10px; }

.henverform label { margin:0 0 0 10px; width:50%; clear:both; line-height:31px; color:#333; }
.henverform input { margin:0 0 0 10px; width:85%; clear:both; line-height:31px; padding:0 5px; background:white; }
.henverform textarea { margin:0 0 0 10px; width:85%; clear:both; line-height:31px; padding:0 5px; background:white; border:0; }
.henverform select { margin:0 0 0 10px; width:70%; clear:both; line-height:31px; padding:5px; background:white; }

.henverlabel { color:#333; }
.henverlabel2 { color:#333; font-size:12px; }

/* PAX */
.pax-container {
	width:100%;
	padding-top:7px;
}
.switch-field a { margin:0; padding:0; color:#000; text-decoration:none; }
.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 15px;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #ffc61a;
    box-shadow: none;
}

.switch-field label {
    border-radius: 4px;
	margin:0 5px;
}

.fifty label { width:50px; }
.hundred label { width:100px; margin-left:10px; padding:7px; }
.onefifty label { width:150px; padding:9px; }


.switch-field label a { margin:0; padding:15px; height:50px; }
.smalltext label { font-size:12px; }

.vehicle-size { }
.vehicle-size a {
	background:url(//www.newquayairporttaxis.org/images/back-to-15.png) left center no-repeat;
	padding-left:25px;
}
.vehicle-size2 { }
.vehicle-size2 a {
	background:url(//www.newquayairporttaxis.org/images/back-to-15-left.png) right center no-repeat;
	padding-right:25px;
}

/* This is just for CodePen. */

.form {
    max-width: 600px;
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.625;
    margin: 8px auto;
    padding: 16px;
}

h2 {
    font-size: 18px;
    margin-bottom: 8px;
}


/* Field width controls */
.henver stage select, input {
	-webkit-appearance: none;
	border:0;
	border-radius:5px;
	font-size:17px;
}
.henvershort select{ border:0; border-radius:5px; margin-bottom:15px; font-size:17px; }

.henvershort { max-width:200px; }

.henvermid { max-width:400px; }

.henverlong { max-width:600px; }

.bookbutt { width:94px; float:left; clear:none; display:inline; margin:0px 10px; padding:0; line-height:normal; }
.bookbutt img { margin:0; padding:0; line-height:normal; }
form { margin:0; padding:0; line-height:normal; }

@media only screen and (max-width: 569px) {
#butt-container { width:100%; text-align:center; }
.bookbutt2 { width:162px; display:inline; margin:0; padding:0; line-height:normal; margin:0 auto; }
.bookbutt2 input, img, img a { margin:15px auto; padding:0; }
}

@media only screen and (min-width: 569px) {
#butt-container { width:100%; }
.bookbutt2 { width:162px; float:left; display:inline; margin:0px 10px; padding:0; line-height:normal; }
}
/* Why not Cash Info Box */
#butt-container2 { width:100%; }
.bookbutt22 { width:162px; float:left; display:inline; margin:0px 10px; padding:0; line-height:normal; }
/* Why not Cash Info Box End */
.button-wrap {
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (min-width: 960px) {
.button-wrap {
    width: 700px;
    margin: 0 auto;
  }
}

.button-1 { }
.button-1 input { text-transform:uppercase; font-size:17px; padding:15px 0; }
.button-2 { }
.button-2 input { font-size:17px; padding:15px 0; }

@media only screen and (max-width: 699px) {
	.button-1,
	.button-2 {
		width: 100%;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 700px) {
	.button-1,
	.button-2 {
		width: 50%;
  }
}
.disclaimer-wrap {
	font-size:13px;
	padding:10px 30px 0 30px;
	text-align:justify;
}
.disclaimer-wrap a { color:#A48E65; }

/* Problem Page */
.problem-class { font-size:17px; }
.problem-class p { line-height:1.3em; padding:20px 0; font-size:17px; }

.covid19 p {
	border:1px solid #CC0000;
	border-radius:7px;
	color:#CC0000;
	background-color:#fff;
	padding:11px;
}

/* Phone format */
.phone-format {
	padding:10px 15px;
	border-radius:5px;
	font-size:13px;
	color:#993333;
	line-height:1.5em;
}