/* 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 {
background-color:#fff;
}

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

p.bold {
	font-weight: bold;	
	}

h1 {
color:#88935C !important;
font-weight:300 !important;
font-size:300%  !important;
letter-spacing:1px !important;
font-family: 'Lora', serif;
}
	
h2 {
font-family: 'Lora', serif;
font-size:200% !important; 
color:#88935C;
font-weight:200 !important;
letter-spacing:2px;
margin-bottom:15px!important;
text-align:center;
	}
	
a.pagelink:link,a.pagelink:visited,a.pagelink:active { color: #000; text-decoration: none !important; }

a.pagelink:hover { color: #ffcc33; text-decoration: underline !important; }
	
ul {
font-size:200%;
margin:10px 0 10px 30px;
color:#444;
}

ul li {
	line-height:2.6rem;
}

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

a:hover {
color:#ffcc33;
}

li a {
text-decoration:none;
}

.greenlink {
color:#000!important;
}

.greenlink:hover {
color:#88935C!important;
}

/* Styles up the masthead */
header {

background-repeat:no-repeat !important;
background-color:#88935C!important;
width:100%;
}

#masthead1 p {
color:#000;
}

#masthead1 {
padding:10px;
}

#masthead1 img {
width:100%;
}

#masthead2 {
padding:0 0 0 10px; 
width:100%;
}

#masthead2 p {
font-size:2rem;
line-height:1.9rem;
}

#masthead2 span {
display:block;
}

#masthead2 ul.wide-menu {
display:none; 
width:100%; 
background-color:#88935C;
}

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

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

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

.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;

}

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

@media (min-width:770px) {
header {

background-repeat:no-repeat;
background-color:#88935C!important;
}

div.navHeader {
display:none;
}

#masthead1{
width:325px;
margin:0 auto;
}

#masthead2 {
width:560px;
}

#masthead2 a:link, #masthead2 a:visited {
color:#000 !important;
}

#masthead2 ul.wide-menu {
display:block; 
width:100%;
}

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

#masthead2 p{
color:#000;
margin-bottom:20px;
}

#masthead2 p span {
display:inline;
}

#masthead2 span.phone {
margin:0 50px 0 0; color:#000; 
}


#masthead3 {
background-color:#dca719!important;
padding:10px 0;
text-align:center;
}


#masthead3 ul.wide-nav-menu {
background-color: #dca719!important;
text-align:center;
margin:0 auto;
padding:8px 0;
}

#masthead3 ul.wide-nav-menu li a {
	color:#fff!important;
}

#main-nav-menu ul {
list-style:none; 
font-size:1.9rem;
display:inline;
}

#main-nav-menu ul li {
text-transform:uppercase;
	display:inline;
	margin-right:2rem;
	color:#fff!important;
}

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

span.email-word {
 color:#000; 
 margin:0 50px 0 0;
}
}

/* Styles up the hamburger menu for mobiles etc. */
.navHeader {
background-color: #dca719!important;
}

.wide-nav-menu {
	display:none;
	}

img.hamburger {
  background: none;
  line-height: 45px;
  padding: 12px 5px 0px 20px;
  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:#dca719;
  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 #fff;
  text-decoration:none;
  font-size:1.9rem;
}

.menu ul a:hover {
  display: block; color:#ffcc33 !important;
  padding: 15px 0 15px 0;
  border-bottom: #fff 1px solid;
  background-color:#a6a6a6;
}





@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:#88935C;
}

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

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

/* End of slider styles */

/*Styles up the first row of the template (for index) */

div.row-0 {
text-align:center;
}

div.row-0 h1 {
font-size:200%;
color:#000;
font-weight:100;
letter-spacing:-2px;
margin-bottom:15px!important;
}

div.row-0 img {
width:100%;
padding:0 10px;
}

@media (min-width:450px) {
div.row-0 {
text-align:center;
}

div.row-0 h1 {
font-size:6rem;
color:#a773c1;
font-weight:100;
letter-spacing:-2px;
margin-bottom:15px!important;
}

div.row-0 p {
line-height:170%;
margin-bottom:25px!important;
}

div.row-0 img {
margin-bottom:35px;
width:auto;
}
}

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

#row1 ul li {
padding:0 0 0 25px;
list-style:none;
color:#333;
background-image:url("../images/orange-bullet.png");
background-repeat:no-repeat;
background-position:center left;
margin-top:8px;
}

#row1 a {
text-decoration:none;
}

#row1 div.home-boxes {
color:#fff !important;
background-color:#99cc99;
text-align:center;
}

#row1 div.home-boxes h1 {
color:#fff !important;
font-size:2.5rem;
padding:10px;
}

#row1 div.home-boxes p {
padding:10px;
color:#fff;
}

p.pink-button {
margin-bottom:10px;
}

#row1 div.home-boxes p.pink-button a:link, #row1 div.home-boxes p.pink-button a:visited {
padding:5px 12px;
background-color:#660099;
color:#fff;
width:100px;
text-align:center;
}

#row1 div.home-boxes p.pink-button a:hover {
padding:5px 12px;
background-color:#333366;
color:#ffcc33;
width:100px;
text-align:center;
}

@media (min-width:650px) {
#row1 {
background-color:#fff;
padding:50px 0;
max-width:1140px;
margin:0 auto;
text-align:left;
}

#row1-boxes {
margin:30px 0 0 0;
text-align:center;
}

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

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

#home-boxes h1 {
color:#fff !important;
}

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

#row1 div.home-boxes {
width:33%;
padding:10px 20px;
margin-right:10px;
}

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

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

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

#row1 h1, #row1 p{
margin:0 0 0 10px;
}

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

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

@media (min-width:650px) { 
#row1-windows {
background-color:#fff;
min-height:330px;
text-align:left;
margin:0 auto;
max-width:1140px;
padding:0;
}

#row1-windows h1 {
margin:50px 0 0 10px;
}

#row1-windows p {
margin-left:10px;
}
 
#row1-windows div.box-holders {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin:20px 10px;
  width:100%;
  }
  
#row1-windows div.box-holders h1 {
font-size:260%;
padding:0 0 5px 0;
}

#row1-windows div.home-boxes {
width:35%;
margin:10px 20px;
}

#row1-windows div.home-boxes:first-of-type {
margin:10px 20px 0 0;
}

#row1-windows div.home-boxes:last-of-type {
margin:10px 0 0 20px;
}

#row1-windows div.home-boxes img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	width:100%;
}

#row1-windows div.home-boxes:hover img {
opacity:0.2;
}

#row1-windows div.home-boxes span {
color:#660099;
}

#row1-windows a div.home-boxes h1:nth-of-type(odd) {
padding:20px 0 10px 0;
text-align:center;
background-color:#eaeaea;
font-size:220%;
}

#row1-windows a div.home-boxes p {
text-align:center;
background-color:#eaeaea;
padding:0 10px 20px 10px;
font-size:160%;
}

#row1-windows div.home-boxes a {
text-decoration:none;
}

#row1-windows div.home-boxes3 {
float:left;
margin:10px 20px;
}

#row1-windows div.home-boxes3:first-of-type {
margin:10px 20px 0 0;
}

#row1-windows div.home-boxes3:last-of-type {
margin:10px 0 0 20px;
}

#row1-windows div.home-boxes3 img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	width:100%;
}

#row1-windows div.home-boxes3:hover img {
opacity:0.2;
}

#row1-windows div.home-boxes3 span {
color:#99cc99;
}

#row1-windows a div.home-boxes3 h1:nth-of-type(odd) {
padding:20px 0 10px 0;
text-align:center;
background-color:#eaeaea;
font-size:220%;
}

#row1-windows a div.home-boxes3 p {
background-color:#eaeaea;
padding:0 10px 20px 10px;
font-size:160%;
text-align:left;
}

#row1-windows div.home-boxes3 a {
text-decoration:none;
}
}

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

#contact1 {
width:100%;
}

#contact2 {
width:100%;
}

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;
}
/* Contact Form Styles */

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

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

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

#contact2 h1.subhead {
margin-top:13px;
color:#a773c1;
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 {
padding:10px;
text-align:center
}

#row2 h1 {
font-size:5rem;
color:#99cc99;
font-weight:300;
letter-spacing:-2px;
text-align:center;
}

#row2 img {
padding-bottom:25px;
}

#row2 p {
color:#555;
}

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

@media (min-width:650px) {

#row2 {
padding:30px 10px;
}

#row2 h1 {
 padding:20px 0;
  max-width:1140px;
  margin:0 auto;
}

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%;
}
}



footer {
width:100% !important;
background-color:#a6a6a6;
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;
margin-left:100px;
}

div.footer1 h1 {
font-size:300%;
margin-bottom:15px;
color:#fff !important;
font-family: 'Lora', serif!important;
}

div.footer1 a {
	
text-decoration:none;
}

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

div.footer2 {
margin-bottom:15px;
margin-left:10px !important;
}

div.footer2 h1 {
font-size:300%;
margin-bottom:15px;
color:#fff !important;
font-family: 'Lora', serif;
}

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

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

div.footer2 ul {
list-style:none;
margin:0;
margin-left:100px;
}

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

}

/* Styles up the 'peace of mind' column in the footer */

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

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

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

div.footer3 img {
width:auto;
height:auto; padding-right:50px;
}

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

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

div.footer3  a:hover {
color:#ffcc33;
text-decoration:none;
}


@media (min-width:650px) {

footer {
margin-top:50px; background-color:#a6a6a6;

}

div.footer-holder {
	
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  max-width:1600px;
  margin:0 auto;
  }
  
  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;
}