@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@charset "utf-8";

.navbar-collapse
{
	padding: 0px;
	margin: 0px;
}

*{
	margin: 0px;
	padding: 0px;
}

body
{
	font-size: 14px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
}

.container
{
	width: 100%;
	max-width: 1170px;
}

h1, h2, h3, h4
{
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 15px;
}

#overlay
{
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	margin: 0px auto;
	position: absolute;
	z-index: 999 !important;	
}

#mainimage
{
	text-align: center;
	color: #ffffff;
	top: 0px;
	width: 100%;
	height: 900px;
	position: relative;
	background: url('../images/bg.jpg');
	background-position: no-repeat center center fixed;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#sitemap
{
	z-index: 99;
	height: 30px;
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	position: relative;
}

#sitemap i
{
	margin-right: 5px;
}

#sitemap a
{
	color: #ffffff;
	-moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s  ease-in-out;
}

#sitemap a:hover
{
	color: #feda00;
}

.fa-envelope{margin-left: 20px;}

.social {text-align: right;}

#header
{
	z-index: 99;
	background: #ffffff;
    box-shadow: 0px 5px 5px -5px #000000;
}

#logo a img
{
	padding: 20px 0px 20px 5px;
	-moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s  ease-in-out;
}

#header a img:hover
{
	opacity: 0.7;
}

.active .list-group-item-text, .active .list-group-item-heading {color: #1c1c1c !important;}

#book-online
{
	background: #ffffff !important;
		
}

#usps
{
	position: relative;
	padding: 50px 0px;
	background: #feda00;	
}

#usps i
{
	color: #ffffff;
	width: 100%;
	font-size: 30px;
	text-align: center;
	max-width: 80px;
	background: #1c1c1c;
	padding: 25px 0px;
	cursor: pointer !important;
}

#usps .caption
{
	text-transform: uppercase;
	line-height: 15px;
	margin: 0px;
}

#usps h5 {font-size: 20px; text-transform: uppercase; margin: 5px 0px 5px; padding: 0px;}

#usps .caption small {font-size: 10px;	line-height: 10px !important;}

#content a {color: #1c1c1c;}
#content ul {
	list-style-position: inside;
	list-style-type: square;
}

.clear {clear: both;}

form#confirmation {margin-bottom: 20px;}

.returns {display: none;}

.controls button
{
	float: left;
	margin: 0px;
	height: 40px;
	width: 120px;
	padding: 5px;
	margin-right: 1px;
	color: #1c1c1c;
	background-color: #feda00;
	border: 0px;
	padding: 5px;
	-moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s  ease-in-out;
    -o-transition: all 0.1s  ease-in-out;
    transition: all 0.1s  ease-in-out;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
}

.area-btn {
	display: inline-block;
	background: #1c1c1c;
	color: #ffffff !important;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

.area-btn:hover {
	text-decoration: none;
	background: #feda00 !important;
	color: #1c1c1c !important;
}

input[type=text], .input-group-addon, select
{
	color: #1c1c1c !important;
    font-family: 'Varela Round', sans-serif;
	background: #f2f2f2 !important;
}

#contactform input[type=text], #contactform textarea
{
	color: #1c1c1c !important;
	border: 1px solid #c1c1c1 !important;
	padding: 8px 10px;
	background: #f2f2f2 !important;
	width: 100%;
	-moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s  ease-in-out;
    -o-transition: all 0.1s  ease-in-out;
    transition: all 0.1s  ease-in-out;}

#contactform input[type=text]:hover, #contactform textarea:hover
{
	color: #000000 !important;
	border: 1px solid #c1c1c1 !important;
	background: #d8d8d8 !important;
}

#contactform input[type=text],
#oneway input[type=text],
#return input[type=text],
#confirmation input[type=text],
#oneway select,
#return select,
#confirmation select

{
	box-shadow: inset 0px 0px 0px 0px;
	border-right: 0px;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
}

.input-group
{
	margin-bottom: 10px;
}
#contactform input[type=text]:focus,
#oneway input[type=text]:focus,
#return input[type=text]:focus,
#confirmation input[type=text]:focus,
#oneway select:focus,
#return select:focus,
#confirmation select:focus {border-color: #cccccc;}

.input-group-addon
{
	border-left: 0px;
	background-color: #ffffff;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
}

.controls button
{
    font-family: 'Varela Round', sans-serif;
	font-weight: bold;
}

.controls button.active
{
	color: #1c1c1c;
	background-color: #ffffff;
}

.strapline
{
	top: 300px;
	color: #ffffff;
	text-align: left;
	position: relative;
    font-family: 'Varela Round', sans-serif;
}

.strapline p
{
	width: 360px;
}

#strap {
	background: #1c1c1c;
	padding-top: 20px;
	padding-bottom: 40px;
}

#strap h3 {
	color: #feda00;
}

#strap p {
	color: #ffffff;
}

#strap i {
	color: #ffffff;
	font-size: 20px;
	margin-right: 10px;
}

.question-toggle {cursor: pointer;}
.label-primary {color: #1c1c1c;}

#sidebar 
{
	margin-top: 50px;
}

.warning {color: #ff0000 !important;}
input[type=text].warning {border: 1px solid #ff0000 !important;}
input[type=submit].warning {color: #a5a5a5 !important; background: #e3e3e3; cursor: not-allowed;}
input[type=submit].warning:hover {bcolor: #a5a5a5 !important; background: #e3e3e3; cursor: not-allowed;}

a.button 
{
	top: 20px; 
	color: #ffffff;
	padding: 10px 15px; 
	position: relative; 
	border: 1px solid #ffffff;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

a.button:hover
{
	color: #feda00;
	text-decoration: none;
	border: 1px solid #feda00;
}

#quickform
{
	top: 200px;
	color: #000000;
	background: #ffffff;
	text-align: left;
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
	z-index: 997;
	display:none;

}

#quickform h2
{
	text-transform: uppercase;	
}

#quickform p
{
	padding-bottom: 15px;	
}

#quickform a
{
	background: #feda00;
	border: 1px solid #feda00;
	color: #000000;	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

#quickform a:hover
{
	text-decoration: none;
	background: #ffffff;
}

#oneway
{
	padding: 15px;
	background: #ffffff;
}

#return
{
	padding: 15px;
	background: #ffffff;	
}

input[type=submit]
{
	padding: 10px 15px;
	margin-top: 10px;
	color: #1c1c1c;
	background: #feda00;
	border: 1px solid #939393;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

input[type=submit]:hover
{
	color: #ffffff;
	background: #1c1c1c;	
	border: 1px solid #1c1c1c;
}

select.form-control
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

#footer
{
	width: 100%;
	color: #7e7e7e;
	font-size: 12px;
	line-height: 20px;
	padding: 20px 0px;
	border-top: 20px solid #feda00;
	background: #1c1c1c;	
}

#footer p {padding-bottom: 0px;}
#footer a {color: #7e7e7e;}

.fa-angle-up
{
	color: #363636;
	width: 50px;
	padding: 15px 0px;
	float: right;
	font-size: 16px !important;
	text-align: center;
	background: #101010;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
}

.fa-angle-up:hover
{
	color: #101010;
	background: #363636;
}

#map 
{
	height: 560px;
	padding: -50px 0px;
}

#map iframe
{
	width: 100%;
	height: 560px;	
}

.img-responsive
{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	border: 4px solid #c2c2c2;	
}

@media(min-width:992px) and (max-width:1199px){
	.navbar-default .navbar-nav > li > a {padding: 0px 10px; display: inline; float: left;}
	#quickform {top: 180px; float: right; right: 0px;}
	.strapline {top: 240px;}
	#mainimage {height: 680px;}
	

}
@media(min-width:768px) and (max-width:991px){
	#sitemap {height: 100px;	font-size: 22px; padding: 10px 0px;	line-height: 20px;}
	.hide, .strapline, .social, .email {display: none !important;}
	.social, .contacts span {width: 100%; display: inline-block; text-align: right;}
	#logo {width: 100%; max-width: 365px; margin: 0px auto;}
	#logo a img {width: 100%; padding: 10px;}
	#quickform {top: 280px;}
	#mainimage {height: 1140px;}
	.navbar-default	{position: relative; width: 100%;}
	.navbar .navbar-nav{ float: none; position: relative; left:0; right:0; margin-left: auto; margin-right: auto; margin: 0px auto; display: inline-block;}
	.navbar-default .navbar-nav > li > a {padding: 0px 10px; height: 65px; line-height: 50px; display: inline; float: left;}
	#usps {padding: 20px 0px; margin: 0px;}
	#usps .row, #usps .container{padding: 0px; margin: 0px;}
	#usps .col-md-3 {padding: 5px 10px; margin: 0px;width: 50%; display: inline-block; float: left; text-align: center;}
	#sidebar {display: none;}
	#content {text-align: center;}
	#footer {text-align: center;}
	.fa-angle-up{float: none;}
	.setup-panel .disabled {display: none;}
}
@media (max-width: 767px) {
	#sitemap {height: 40px;	font-size: 22px; padding: 10px 0px;	line-height: 20px;}
	.hide, .strapline {display: none !important;}
	.email, .social {font-size: 12px; display: inline-block}
	.fa-envelope, #email-link {display: none !important;}
	#blank {display:none;}
	.social {width: 25%; display: inline-block; text-align: right; float: right;}
	.contacts span {width: 75%; display: inline-block; text-align: center;}
	#logo {width: 100%; max-width: 365px; margin: 0px auto;}
	#logo a img {width: 100%; padding: 10px;}
	.navbar-toggle{position: relative; right: -10px; top: -10px;}
	.navbar-default{width: 100%;float: right;}
	.navbar .navbar-nav	{float: left; width: 100%; display: block; padding-bottom: 15px;}
	.navbar-default .navbar-nav > li > a {border: 0px; position: inherit; margin: 0px; height: 40px; line-height: 40px; width: 100%; float: left; display: block; margin-bottom: 2px;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a.active {border: 0px;}
	#sidebar {display: none;}
	#quickform {top: 200px;}
	#mainimage {height: 875px;}
	#quickform {padding-left: 20px; padding-right: 20px;}
	#usps {padding: 20px 0px; margin: 0px;}
	#usps .row, #usps .container{padding: 0px; margin: 0px;}
	#usps .col-md-3 {padding: 5px 10px; margin: 0px;width: 50%; display: inline-block; float: left; text-align: center;}
	#content {text-align: center;}
	#footer {text-align: center;}
	.fa-angle-up{float: none;}
	.setup-panel .disabled {display: none;}
}