/* Sets up global styles */

* {
margin:0;
padding:0;
}

html {
font-size: 62.5%;
font-family: 'Open Sans', sans-serif;
/* Defines the font for the site */
}

body {
padding:10px;
}

@media (min-width:390px) {
body{
padding:0;
}
}

p {
font-size:170%;
	line-height:1.5em;
	color:#444;
	margin:8px 0;
	}

p.bold {
	font-weight: bold;	
	}

h1 {
color:#285B93;
font-size:300%;
font-family: 'Roboto', sans-serif;
}
	
h2 {
font-family: 'Roboto', sans-serif;
font-size:160%;
color:#003333;
font-weight:200;
letter-spacing:1.5px;
margin-bottom:15px!important;
text-align:center;
	}
	
h3 {
color:#003333;
font-size:180%; margin-bottom:10px!important;
font-family: 'Roboto', sans-serif;
}
	
ul {
font-size:200%;
margin:10px 0 10px 0;
color:#444;
}

ul li {
line-height:2.6rem;
}

a:link, a:visited {
color:#003333;
}

a:hover {
color:184aab!important;
}

li a {
text-decoration:none;
}



/* Styles up the masthead */
header {
background-color:#fff;
}

#masthead1 h1 {
color:#fff;
margin:10px 0 0 0;
}

#masthead1 p {
color:#fff;
}

#masthead1 {
padding:10px;
text-align:center;
}

@media (min-width:450px) {
#masthead1 {
padding:10px;
display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-direction: row;
        justify-content: space-between;
        text-align:right;
		background-color:#fff;
}
}

#masthead1 img {
width:100%;
}

#masthead2  {
background-color:#285B93;
line-height: 200%;
}



#masthead2 p {
font-size:2rem;

}

#masthead2 span {
display:block;
line-height: 200%;
}

#masthead2 ul.wide-menu {
	padding-top:15px; padding-bottom:30px; 

	
display:none;
background-color:#285B93;

}

#contact-info a:link, #contact-info a:visited {
	color:#000;
	text-decoration:none;
	}
	
	#contact-info a:hover {
		color:#000;
		text-decoration:none;
	}

#contact-info p span.email-word {
display:none;
}

#contact-info p {
color:#fff;
}

.back-to-top { 
background: none; 
margin: 0; 
position: fixed; 
bottom: 0; 
right: 0; 
width: 50px; 
height: 30px; 
z-index: 999; 
display: none; 
text-decoration: none; 
color: #ffffff; 
}
  
.back-to-top i {
  font-size: 30px;
}

#masthead1 h1 a:link, #masthead1 h1 a:visited {
color:#fff;
text-decoration:none;
}

#masthead1 h1 a:hover {
color:#fff;
}

@media (min-width:450px) {
#masthead1 img {
width:100%;
}
}

@media (min-width:770px) {
header {
margin:0 auto;
 background-color:#fff;
}

div.header-container {
max-width:1600px;
margin:0 auto;
}

div.navHeader {
display:none;
}

#masthead1{
margin:0 auto;
}

#masthead2 {
max-width:1600px;
text-align:center;
height:60px;
}

#masthead2 ul.wide-menu {
display:block;
background-color:#285B93;
}

#masthead2 #contact-info {
margin:10px 0 0 0;
}

#masthead2 p{
margin-bottom:28px;
}

#masthead2 p span {
display:inline;
}


#main-menu ul {
list-style:none;
font-size:1.9rem;
max-width: 1600px;
 background-color:#285B93;
}

#main-menu ul li {
padding:0 20px 0 0;
text-transform:uppercase;
display:inline;
}

#main-menu ul li:last-of-type {
padding-right:0;
}

#main-menu ul li a:link, #main-menu ul li a:visited {
color:#fff;
}

#main-menu ul li a:hover {
color:#f6df37;
}

}

/* Styles up the hamburger menu for mobiles etc. */

img.hamburger {
  background: none;
  line-height: 45px;
  padding: 12px 15px 0px 0;
  border: 0;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.menu {
  z-index: 1000000;
  font-weight: bold;
  font-size: 0.8em;
  width: 100%;
  background-color:#003333;
  color:#fff;
  text-align: center;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.menu ul a {
  display: block;
  padding: 15px 0 15px 0;
  color: #fff;
  border-bottom:1px solid #777;
  text-decoration:none;
  font-size:1.9rem;
}

.menu ul a:hover {
  display: block;
  padding: 15px 0 15px 0;
  border-bottom: #777 1px solid;
    background-color:#003333;
}



@media (min-width:850px) {
div.hamburger {
display:none;
}
}


#slider-1 ul, #slider-1 ul li {
margin:0!important;
padding:0!important;
}

#slider-1 img {
width:100%;
height:100%!important;
}


.bx-controls {
display:none;
}

@media (min-width:450px) {
#slider-1 {
display:block;
background-color:#fff;
}

#slider-1 img {
width:100%;
height:100%!important;
}

#slider-1 div.bx-controls {
display:none;
}
}

/* End of slider styles */

/*Styles up the rows of the template*/

#row-0 {
padding:10px;
}

#row-0 p {
line-height:2.5rem;
}

div.row1-container {
/*background-color:#f6df37;*/
background-color:#fff;
}

#row1 {
padding:10px;
}

#row1 a {
text-decoration:none;
}

#row1 div.home-boxes h1 {
font-size:2.5rem;
}

#row1 div.home-boxes img a:link {
width:100%;
}

#row1 div.home-boxes img a:hover {

}

#row1 div.home-boxes p {
color:#555;
font-size:1.4rem;
text-align:center;
}

div.left1 {
margin-top:65px;
}

div.left1 p, div.left1 h1 {
text-align:left!important;
}

#row-2 {
padding:10px;
margin:10px 0;
}

div.row-2 h1 {
font-size:3rem;
font-weight:100;
letter-spacing:-2px;
margin-bottom:15px!important;
}

div.row-2 h1 img {
float:none;
padding:0;
width:100%;
}


div.advert {
background-color:#339933;
margin:0 0 10px 0;
padding:10px;
border:1px dashed #ccc;
text-align:center;
box-shadow:5px 5px 5px #bfbfbf; 
}

div.advert h1 {
font-size:1.9rem;
}

div.advert p {
font-size:1.6rem;
color:#094001;
}

div.advert ul {
padding:0;
margin:0;
}

div.advert ul li {
color:#fff;
list-style:none;
padding-bottom:8px;
font-weight:bold
}

div.advert ul li:nth-child(odd) {
color:#ffed00;
}


@media (min-width:650px) {

div.row1-container {
/*background-color:#f6df37;*/
background-color:#fff;
}

#row1 {
padding:0;
}

#row1 a {
text-decoration:none;
}

#row1 div.home-boxes h1 {
font-size:2.5rem;
}

#row1 div.home-boxes img a:link {
width:100%; padding:5px;
}

#row2 div.home-boxes img a:link {
width:100%; padding:5px;
}

#row1 div.home-boxes img a:hover {

}

#row1 div.home-boxes p {
color:#555;
font-size:1.4rem;
text-align:center;
}

#row-0 {
max-width:1140px;
margin:0 auto;
padding:20px 0 10px 0;
}

#row-0 p {
line-height:2.5rem;
}

div.advert {
background-color:#339933;
float:right;
margin:25px 0 15px 15px;
width:350px;
padding:10px;
border:1px dashed #ccc;
text-align:center;
box-shadow:5px 5px 5px #bfbfbf; 
}

div.advert h1 {
font-size:1.9rem;
}

div.advert p {
font-size:1.6rem;
color:#094001;
}

div.row-2 {
padding:0;
margin:0;
}

#row-2 h1 {
 padding:20px 0 10px 0;
  max-width:1140px;
  margin:0 auto;
  text-align:left!important;
}

#row-2 p {
 padding:0 0 8px 0;
  max-width:1140px;
  margin:0 auto;
  text-align:left!important;
}

#row-2 h1 img {
width:auto;
}

img.float-right {
float:right;
padding-left:15px;
}

div.box-holder-2 {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  max-width:1140px;
  margin:0 auto;
}

div.row2-boxes {
width:45%;
}

div.row2-boxes img {
width:100%;
}
}

div.custrev {
border:1px dashed #339933;
padding:5px;
box-shadow:5px 5px 5px #bfbfbf; 
text-align:left;
margin:10px;
}

div.custrev-index {
border:1px dashed #c79f00;
padding:5px;
box-shadow:5px 5px 5px #bfbfbf; 
text-align:left;
}

div.custrev h1 {
font-size:2.8rem!important;
text-align:left!important;
margin:0!important;
color:#003333;!important;
}

div.custrev p {
font-size:1.5rem;
}

div.custrev cite {
color:#003333;
font-weight:bold;
font-style:italic;
font-size:1.5rem;
line-height:3rem;
margin:0;
}

#row1 div.home-boxes-4 {
padding:10px 10px;
margin:0 10px 15px 0;
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-color:#003333;
}

#row1 div.home-boxes-4 p {
font-size:1.5rem;
padding:0!important;
}

#row1 div.home-boxes-4 h1 {
color:#fff;
font-size:210%;
letter-spacing:.5px;
background-color:#003333;
padding:3px;
text-align:center;
margin-bottom:5px;
}

#row1 div.home-boxes-4:last-of-type {
margin-right:0;
}

#row1 div.home-boxes-4 img {
max-width:100%;
padding:2px;
}

p.green-link {
font-size:1.5rem;
color:#003333;
font-weight:bold;
}



#row1 div.home-boxes-2 {
padding:10px 10px;
margin:0 10px 15px 0;
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-color:#e3f6e3;
}

#row1 div.home-boxes-2 p {
font-size:1.5rem;
padding:0!important;
text-align:left;
}

#row1 div.home-boxes-2 h1 {
color:#fff;
font-size:210%;
letter-spacing:.5px;
background-color:#339933;
padding:3px;
text-align:center;
margin-bottom:5px;
}

#row1 div.home-boxes-2:last-of-type {
margin-right:0;
}

#row1 div.home-boxes-2 img {
max-width:100%;
padding:2px;
}

#row1-thanks {
padding:10px;
text-align:center;
}


@media (min-width:650px) {

#row1 {
background-color:#fff;
max-width:1140px;
margin:0 auto;
text-align:left;
}

#row1-privacy {
background-color:#fff;
padding:50px 0;
max-width:1140px;
margin:0 auto;
text-align:left;
}

#row1-thanks {
background-color:#fff;
padding:50px 0;
max-width:1140px;
margin:0 auto;
height:500px;
text-align:center;
}

#row1-boxes {
margin:10px, 10px, 10px,10px;
}

#row1-boxes h1 {
font-size:4rem;
color:#339933;
font-weight:100;
letter-spacing:-2px;
margin-bottom:15px;
text-align:center;
}

#row1-boxes img {
margin-bottom:15px; width:100%;
}

#row1-boxes-scooters {
margin:25px 0 0 0;
}

#row1-boxes-scooters img {
margin:0;
}

#row1 div.box-holders {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  margin:10px 0 0 0;
}

#row1 div.home-boxes {
padding:10px 10px;
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
width:45%;
}

#row1 div.home-boxes a img {
width:100%;
}

#row1 div.home-boxes h1 {
color:#fff;
font-size:270%;
letter-spacing:.5px;
}

#row1 div.home-boxes:last-of-type {
margin-right:0;
}


div.home-boxes-small-scooter a:link, div.home-boxes-small-scooter a:visited {
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-image:url("../images/buttons/small-scooter-button.png");
background-repeat:no-repeat;
width:342px;
height:48px;
display:block;
font-size:0;
margin-bottom:0;
}

div.home-boxes-small-scooter a:hover {
background-image:url("../images/buttons/small-scooter-button-high.png");
}

div.home-boxes-medium-scooter a:link, div.home-boxes-medium-scooter a:visited {
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-image:url("../images/buttons/medium-scooter-button.png");
background-repeat:no-repeat;
width:342px;
height:48px;
display:block;
font-size:0;
margin-bottom:0;
}

div.home-boxes-medium-scooter a:hover {
background-image:url("../images/buttons/medium-scooter-button-high.png");
}

div.home-boxes-large-scooter a:link, div.home-boxes-large-scooter a:visited {
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-image:url("../images/buttons/large-scooter-button.png");
background-repeat:no-repeat;
width:342px;
height:48px;
display:block;
font-size:0;
margin-bottom:0;
}

div.home-boxes-large-scooter a:hover {
background-image:url("../images/buttons/large-scooter-button-high.png");
}

div.home-boxes-powerchairs-scooter a:link, div.home-boxes-large-scooter a:visited {
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
background-image:url("../images/buttons/powerchairs-button.png");
background-repeat:no-repeat;
width:342px;
height:48px;
display:block;
font-size:0;
}

div.home-boxes-powerchairs-scooter a:hover {
background-image:url("../images/buttons/powerchairs-button-high.png");
}

#row1 div.box-holders-4 {
display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-direction: row;
        justify-content: space-between;
        text-align:right;
  margin:10px 0 0 0;
}


#row1 div.home-boxes-4 {
padding:10px 10px 10px 10px;
margin:0 10px 15px 0;
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
width:22%;
background-color:#003333;
}

#row1 div.home-boxes-4 p {
font-size:1.5rem;
padding:0!important;
}

#row1 div.home-boxes-4 h1 {
color:#fff;
font-size:210%;
letter-spacing:.5px;
background-color:#339933;
padding:3px;
text-align:center;
margin-bottom:5px;
}

#row1 div.home-boxes-4:last-of-type {
margin-right:0;
}

#row1 div.home-boxes-4 img {
max-width:100%;
padding:2px;
}

#row1 div.box-holders-2 {
display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-direction: row;
        justify-content: space-between;
        text-align:right;
  margin:10px 0 0 0;
}


#row1 div.home-boxes-2 {
padding:10px 10px;
margin:0 10px 15px 0;
border:1px dashed #339933;
box-shadow:5px 5px 5px #bfbfbf;
width:49%;
background-color:#e3f6e3;
}

#row1 div.home-boxes-2 p {
font-size:1.5rem;
padding:0!important;
text-align:left;
}

#row1 div.home-boxes-2 h1 {
color:#fff;
font-size:210%;
letter-spacing:.5px;
background-color:#339933;
padding:3px;
text-align:center;
margin-bottom:5px;
}

#row1 div.home-boxes-2:last-of-type {
margin-right:0;
}

#row1 div.home-boxes-2 img {
max-width:100%;
padding:2px;
}

p.green-link {
font-size:1.5rem;
color:#339933;
font-weight:bold;
}



#row1 h2 {
margin:20px 0 0 10px;
}

div.custrev {
padding:10px;
border:1px dashed #339933;
box-shadow:5px 5px 5px #eaeaea;
max-width:1120px;
margin:15px auto 0 auto;
}

div.custrev h1 {
font-size:2.8rem!important;
text-align:left!important;
margin:0!important;
color:#003333;!important;
}

div.custrev p {
font-size:1.6rem;
line-height:2.4rem;

}

div.custrev img {
margin:0!important;
padding:0!important;
}

div.custrev cite {
color:#003333;
font-weight:bold;
font-style:italic;
font-size:1.5rem;
line-height:3rem;
margin:0;
}

}

#slider-still img {
width:100%; height:auto:
} 

#row1-windows {
background-color:#fff;
padding:10px;
text-align:left;
}

#row1-contact {
background-color:#fff;
padding:20px;
}

#contact1 {
width:100%;
}

#contact2 {
width:100%;
word-wrap:break-word;
}

iframe {
width:100%!important;
}

form {
background-color:#eaeaea;
}

form fieldset {
padding:20px;
}

form span {
display:none;
}

form input {
padding:10px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
width:90%;
}

form select{
padding:10px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
width:90%;
font-size:1.5rem;
font-family: 'Open Sans', sans-serif;
}

form select, #arrival, #departure {
padding:10px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
width:40%;
font-size:1.5rem;
font-family: 'Open Sans', sans-serif;
}


form textarea {
min-height:100px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

#query, #submit {
width:98%;
}

#submit, #clear {
font-family: 'Alegreya Sans', sans-serif;
font-size:1.9rem;
color:#555;
background-color:#fff!important;
}

#clear {
display:none;
}





@media (min-width:650px) {
form {
background-color:#eaeaea;
}

form fieldset {
padding:20px;
}

form span {
display:none;
}

form input {
padding:10px!important;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

form textarea {
min-height:100px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

#submit, #clear {
font-family: 'Alegreya Sans', sans-serif;
font-size:1.9rem;
color:#555;
background-color:#fff!important;
}
}

@media (min-width:650px) {
#row1-contact {
background-color:#fff;
padding:40px 20px 20px 20px;
width:1140px;
margin:0 auto;
}
/* Contact Form Styles */

#contact1 {
width:49%;
float:left;
margin:0 0 20px 0;
}

#contact1 h1, #contact2 h1 {
color:#003333;
}

#contact2 {
width:49%;
float:right;
margin:0 0 20px 0;
}

#contact2 h1.subhead {
margin-top:13px;
color:#003333;
font-size:250%;
}

form {
background-color:#eaeaea;
padding:20px;
margin-top:20px;
}

form span {
display:inline;
}

form fieldset {
border:none;
}

form fieldset p {
padding:10px;
margin:0 0 8px 20px;
}

form fieldset p input {
padding:6px;
margin:8px 0 0 0;
width:45%;
}

form fieldset p textarea {
padding:6px;
margin:8px 0 0 0;
width:95%;
height:150px;
}

form fieldset p span {
margin:0 0 0 20px;
color:#777;
font-size:1.4rem;
}

form #submit {
width:80px;
}
}

.row2-boxes img {
margin:20px 0 10px 0;
}





footer {
background-color:#003333;
color:#fff;
padding:20px;
margin-top:20px;
}

p.copyright {
color:#fff;
} 

p.copyright a {
color:#fff;
text-decoration:none;
}

/* Styles up the 'details' column in the footer */

div.footer1 p {
color:#fff;
}

div.footer1 h1 {
font-size:300%;
margin-bottom:15px;
color:#fff;
}

div.footer1  a:link, div.footer2  a:visited {
color:#fff;
text-decoration:none;
padding-top:15px;
padding-bottom:15px;
transition: color 0.5s ease;
webkit-transition: color 0.5s ease;
}

div.footer1  a:hover a:visited {
color:#fff;
text-decoration:none;
}

/* Styles up the 'navigation' column in the footer */

div.footer2 {
margin-bottom:15px;
}

div.footer2 h1 {
font-size:300%;
margin-bottom:15px;
color:#fff;
}

div.footer2  a:link, div.footer2  a:visited {
color:#fff;
text-decoration:none;
padding-top:30px !important;
padding-bottom:15px !important;
transition: color 0.5s ease;
webkit-transition: color 0.5s ease;
}

div.footer2 a:hover {
color:#f6df37;
text-decoration:none;
}

div.footer2 ul {
list-style:none;
margin:0;
padding:0;
}

div.footer2 ul li {
color:#fff!important;
text-decoration:none!important;
}

/* Styles up the 'legal' column in the footer */

div.footer3 {
margin-bottom:15px;
}

div.footer3 {
color:#fff;
padding-bottom:20px;
}

div.footer3 h1 {
font-size:300%;
margin-bottom:15px;
color:#fff;
}

div.footer3 img {
width:auto;
height:auto;
}

div.footer3 ul, div.footer3 ul li {
color:#fff;
list-style:none;
padding:0;
margin:0 0 10px 0;
}

div.footer3  a:link, div.footer3  a:visited {
color:#fff!important;
text-decoration:none;
transition: color 0.5s ease;
webkit-transition: color 0.5s ease;
}

div.footer3  a:hover {
color:#f6df37!important;
text-decoration:none;
}


@media (min-width:650px) {

#footer-bg {
 background-color:#003333;
}

footer {
margin-top:30px;
max-width:1140px;
margin:35px auto 0 auto;
}

div.footer-holder {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  background-color:#003333;
  
  }
  
  div.footer-holder div {
  margin:0 30px 0 0;
  }

p.copyright {
color:#fff;
  max-width:1140px;
  margin:10px auto;
  text-align:center;
} 

p.copyright a {
color:#fff;
}
  
  
div.clear {
clear:both;
}

div.bx-viewport {
max-height:auto!important;
}

img.float-left {
float:left;
margin-right:10px;
}

div.response {
margin:100px auto!important;
text-align:center;
}
}

div.clear-float {
clear:both;
}