.clear{clear: both;}
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}



/* ============== Reset css styles ==================== */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


/*  Fonts  */

@font-face {
	font-family: 'futurabook';
	src: url('../fonts/FuturaCom-Book.eot');
	src: url('../fonts/FuturaCom-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaCom-Book.woff') format('woff'),
		url('../fonts/FuturaCom-Book.ttf') format('truetype'),
		url('../fonts/FuturaCom-Book.svg#FuturaCom-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futurabold';
	src: url('../fonts/FuturaCom-Bold.eot');
	src: url('../fonts/FuturaCom-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaCom-Bold.woff') format('woff'),
		url('../fonts/FuturaCom-Bold.ttf') format('truetype'),
		url('../fonts/FuturaCom-Bold.svg#FuturaCom-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'graphikregular';
	src: url('../fonts/Graphik-Regular.eot');
	src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Graphik-Regular.woff') format('woff'),
		url('../fonts/Graphik-Regular.ttf') format('truetype'),
		url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'graphiksemibold';
	src: url('../fonts/Graphik-Semibold.eot');
	src: url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Graphik-Semibold.woff') format('woff'),
		url('../fonts/Graphik-Semibold.ttf') format('truetype'),
		url('../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* ============== MAIN ==================== */

.headline{
	position: relative;
    text-align: left;
}

.headline h1{
	font-family: 'futurabold', 'Nunito', sans-serif;
	font-size: 35px;
	color: #f68220;
	padding-top: 16px;
}

.headline h2{
	font-family: 'futurabook', 'Nunito', sans-serif;
	font-size: 26px;
	color: #FFF;
}

.headline hr {
	 width:1px;
	 height:150px;
	 background-color:#000000;
}

.headline ul{
	font-family: 'futurabook', 'Nunito', sans-serif;
	color: #6b1c0f;
	font-size: 16px;
	line-height: 2em;
	list-style: none;
  	padding: 0;
 	margin: 0;
}

.headline li {
  padding-left: 1em; 
  text-indent: -.7em;
}

.headline li::before {
  content: "• ";
  color: #f68220; 
}

.textbox{
	max-width: 1181px;
	padding: 20px;
	margin-top: 20px;
}

.contact{
	position: relative;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'futurabook', 'Nunito', sans-serif;
	background-color: #cbd5db;

}

.contact h2{
	padding: 20px 20px 5px 20px;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #3e496b;
}

.contact h3{
	padding-right: 40px;
	padding-bottom: 10px;
	font-size: 10px;
	text-align: right;
	color: #3e496b;
}



.formmove{
	margin-top: -60px;
	
}

.form-autocomplete-list{
    font-family: 'futurabook', 'Nunito', sans-serif;
}

.transparent {
 opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
	
}

.thankyou{
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
	z-index:    100;
	
}

.formbox
{width: 1380px;
background-color: #e9e9e9;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 20px;
}


/*  Navbar  */

.navbarbox{
	background-color: #21285d;
	position: fixed;
	width: 100%;
	z-index: 1000;

}


 /* Add a black background color to the top navigation */
.topnav {


}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
	text-align: center;
  display: block;
  color: #f2f2f2;
  padding: 16px;
  text-decoration: none;
  font-size: 13px;
font-family: 'graphikregular', 'Nunito', sans-serif;
}

.topnav img{
	padding-left: 20px;
	padding-right: 20px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.active {

}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
} 

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 768px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 


.topsection{
 padding-top: 20px;
background-color: #011e62;
}


.schedulesection{  
/*background: url(/img/schedule-background.jpg) no-repeat center center fixed; */
	background-color: #fe8103;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 130px;
	padding-bottom: 130px;
}

.schedulesection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
}

.schedulesection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}


.schedulesection p{
	text-align: left;
	color: #FFF;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}

.schedulesection a{
	text-align: left;
	color: #FFF;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

.schedulesection a:hover{
	color: #21285d;
}


.scheduleline{
	background-color: #21285d;
	height: 6px;
	width: 50px;
}

.hotelsection{  
padding-top: 40px;
padding-bottom: 20px;
}

.hotelsection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
}

.hotelsection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}


.hotelsection p{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}

.hotelsection a{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: underline;
	}

.hotelsection a:hover{
	color: #fc8d1a;
}

.hotelsection a:visited{
	color: #fc8d1a;
}

.hotelsection a:active{
	color: #fc8d1a;
}


.boothsection{  
padding-top: 30;
padding-bottom: 30px;
}

.boothsection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
}

.boothsection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}


.boothsection p{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}


.employeesection{  
padding-top: 40px;
padding-bottom: 40px;
}

.employeesection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
	padding-bottom: 20px;
}

.employeesection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 6px;
}


.employeesection p{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

.employeesection a{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: underline;
	}

.employeesection a:hover{
	color: #fc8d1a;
}

.employeesection a:checked{
	color: #fc8d1a;
}

.employeesection a:active{
	color: #fc8d1a;
}

.employeesection img{
	padding-top: 10px;
}



.hotelconfirmsection{  
padding-top: 30px;
padding-bottom: 30px;
}

.hotelconfirmsection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
}

.hotelconfirmsection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}


.hotelconfirmsection p{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.5em;
}

.hotelconfirmsection td{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	padding: 4px;
}

.hotelconfirmsection th{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 12px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	padding: 6px;
}


.schedulersection{  
padding-top: 30px;
padding-bottom: 30px;
}

.schedulersection h1{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 24px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
	padding-bottom: 20px;
}

.schedulersection h2{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 6px;
}


.employeesection p{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
}

.schedulersection a{
	text-align: left;
	color: #21285d;
	vertical-align: top;
	font-size: 15px;
	font-family: 'graphikregular', 'Nunito', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: underline;
	}

.schedulersection a:hover{
	color: #fc8d1a;
}

.schedulersection a:checked{
	color: #fc8d1a;
}

.schedulersection a:active{
	color: #fc8d1a;
}

.schedulersection a:enabled{
	color: #fc8d1a;
}

.schedulersection a:disabled{
	color: #fc8d1a;
}

.schedulersection a:visited{
	color: #fc8d1a;
}



.bottombar {
	background-image: url(/img/orange-seamless.jpg);
background-repeat: repeat-x;
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
	width: 100%;
}

.bottombar h2{
	text-align: center;
	color: #FFF;
	vertical-align: middle;
	font-size: 15px;
	font-family: 'graphiksemibold', 'Nunito', sans-serif;
	padding: 5px;
	margin: 5px;
}


/* ============== Landing Pages ==================== */




/* ============== Responsive Media Queries ==================== */

@media (max-width:1500px){
	
	.contact h2{
	font-size: 17px;
}

}

@media screen and (max-width: 1180px) {
.topnav a {
  font-size: 14px;
}	
	
}

@media only screen and (max-width:768px) {
	
.formmove{
	margin-top: 0px;
	
}
	
.contact h2{
	font-size: 20px;
}
	
.bottombar h2{
	font-size: 11px;
}
	
.topnav a {
  font-size: 17px;
}
	
.employeesection h2{
	font-size: 12px;
}


.employeesection p{
	font-size: 12px;
}
	
	
	
}

@media only screen and (max-width:680px) {
	
.formbox
{width: 100%;
}
	
.schedulesection{  
padding-top: 60px;
padding-bottom: 60px;
padding-left: 20px;
}	
	
.schedulesection h2{
	padding-top: 10px;
}
	
.hotelconfirmsection h2{
	font-size: 11px;
}
	
.hotelconfirmsection td{
	font-size: 11px;
}
	
	
	

	
@media only screen and (max-width:400px) {
	
	
.hotelconfirmsection td{
	font-size: 8px;
}	
	
.hotelconfirmsection h2{
	font-size: 8px;
}	
	

}