@charset "UTF-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
    -webkit-border-radius:0; 
    border-radius:0;
}
input.textfield, textarea {
	-webkit-appearance:none;
}
img { vertical-align:text-bottom; }
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End */

/* Typography */

body {
	font-family:'latolight', sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:28px;
	color:#000;
}

b, strong {
	font-family:'latobold', sans-serif;
	font-weight:normal;
}

h1 {
	font-family:'latolight', sans-serif;
	font-weight:normal;
	font-size:36px;
	margin:-6px 0 70px 0;
	color:#fff;
	background:#0099ff;
	padding:30px 40px 35px 40px;
	border-top:4px solid #0089e5;
	text-align:center;
	position:relative;
	line-height:36px;
}

h1:after {
	display:block;
	width:0;
	height:0;
	border-right:20px solid transparent;
	border-left:20px solid transparent;
	border-top:20px solid #0099ff;
	content:"arrow";
	text-indent:-9000px;
	margin:0 0 0 -20px;
	position:absolute;
	left:50%;
	bottom:-15px;
}

h2 {
	font-family:'latolight', sans-serif;
	font-weight:normal;
	font-size:36px;
	margin:0 0 30px 0;
	color:#000;
}

h3 {
	font-family:'latobold', sans-serif;
	font-weight:normal;
	font-size:16px;
	margin:0 0 28px 0;
}

hr {
	height:1px;
	border:0;
	clear:both;
	margin:0 0 28px 0;
	background:#efefef;
}

p {
	margin:0 0 30px 0;
}

header p {
	line-height:50px;
}

p.contact-details {
	font-size:18px;
}

p.contact-details span {
	color:#c0b4a2;
}

p.meta {
	color:#727272;
	font-size:13px;
}

p.share {
	font-size:24px;
	text-transform:uppercase;
}

p span.price {
	font-size:24px;
	color:#0099ff;
}

/* End */

/* Buttons */

button {
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	transition: all 0.15s;
	color:#0099ff;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	border:0;
	outline:0;
	height:70px;
	line-height:70px;
	border-radius:5px;
	padding:0 50px;
	font-family:'latoregular', sans-serif;
	font-weight:normal;
	font-size:24px;
	border:2px solid #0099ff;
	background:#fff;
}

button:hover, button.btn-active {
	box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.1);
}

/* End */

/* Links */

a { color:#0099ff; text-decoration:none; transition: all 0.15s; }
a:hover { color:#0099ff; text-decoration:none; }

a.icon-link {
	display:inline-block;
	width:30px;
	height:30px;
	text-indent:-9000px;
	overflow:hidden;
	margin:0 10px -9px 0;
}

a.icon-link-email { background-image:url(../images/icon_email.png); background-size:30px 30px; }
a.icon-link-facebook { background-image:url(../images/icon_facebook.png); background-size:30px 30px; }
a.icon-link-google { background-image:url(../images/icon_google.png); background-size:30px 30px; }
a.icon-link-instagram { background-image:url(../images/icon_instagram.png); background-size:30px 30px; }
a.icon-link-twitter { background-image:url(../images/icon_twitter.png); background-size:30px 30px; }

a.icon-link-facebook-blue { background-image:url(../images/icon_facebook_blue.png); background-size:30px 30px; }
a.icon-link-instagram-blue { background-image:url(../images/icon_instagram_blue.png); background-size:30px 30px; }
a.icon-link-twitter-blue { background-image:url(../images/icon_twitter_blue.png); background-size:30px 30px; }

a.more-link {
	text-transform:uppercase;
}

a.more-link:hover { text-decoration:none; }

div#location a { color:#7e7f7f; }

h1 a, h2 a, h3 a { color:#1ea2fe; }

footer a { color:#000; }
footer a:hover { color:#000; text-decoration:underline; }

a span.icon-cart { color:#000; }

/* End */

/* Layout */

html {
    position:relative;
    min-height:100%;
}

body {
	background:#fff;
	margin:0 0 300px 0;
}

footer {
	display:block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 300px;
    width: 100%;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:100;
	padding:100px 0 0 0;
}

footer img {
	width:100%;
	max-width:1160px;
}

header {
	display:block;
	width:100%;
	height:180px;
	background:url(../images/bg_header.gif) repeat-x;
}

logo {
	display:block;
	width:597px;
	height:33px;
	background-image:url(../images/logo.png);
	background-size:597px 33px;
	margin:100px auto 50px auto;
}

main {
	display:block;
	width:100%;
	padding:0 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	max-width:1360px;
	margin:0 auto;
}

/* End */

/* Lists */

ul#mobile-buttons {
	clear:both;
	width:100%;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 10px;
}

ul#mobile-buttons li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 5px;
	float:left;
	width:33.33%;
}

ul#mobile-buttons li a {
	width:100%;
	display:block;
	color:#fff;
	padding:0 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:50px;
	line-height:50px;
	border-radius:5px;
	background:#000;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
}

ul#mobile-buttons li.last a {
	border-right:none;
}

ul#mobile-buttons li a span {
	font-size:120%;
	color:#fff;
	margin:0 6px 0 0;
	vertical-align:-2px;
}

ul#mobile-buttons li a:hover {
	text-decoration:none;
}

/* End */

/* General Styles */

div.cms-content-narrow {
	max-width:1000px;
	margin:0 auto;
}

span.icon-location { font-size:150%; vertical-align:-5px; margin-right:3px; color:#0099ff; }

/* End */

/* Common Selectors */

.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.bold-text { font-weight:bold; }
.clear { clear:both; }
.extra-margin { margin:0 0 40px 0; }
.float-left { float:left; }
.float-right { float:right; }
img.float-right { margin:3px 0 0 20px; }
.full-width { width:100%; }
.green-text { color:green; }
.grey-text { color:#999; }
.half-margin { margin:0 0 10px 0; }
.hidden { display:none; }
.large-text { font-size:140%; line-height:140%; }
.xlarge-text { font-size:200%; line-height:120%; }
.light-grey-text { color:#bfbfbf; }
.no-bg { background:none; }
.no-margin { margin:0 0 0 0; }
.no-padding { padding:0 0 0 0; }
.red-text { color:#ed1c24; }
.scalable { width:100%; }
.small-text { font-size:14px; }
.strikethrough { text-decoration:line-through; }
.uppercase { text-transform:uppercase; }
.white-text { color:#fff; }

img.float-left { margin:3px 20px 0 0; }
img.float-right { margin:3px 0 0 20px; }


/* End */

/* Responsive-specific styles */

.mobile-only { display:none; }

@media only screen and (max-width: 900px){ 
	
	header {
		height:110px;
	}
	
	logo {
		width:280px;
		height:15px;
		background-size:280px 15px;
		margin:70px auto 20px auto;
	}
	
}

@media only screen and (max-width: 600px){ 

	.mobile-hide { display:none; }
	.mobile-only { display:inherit; }
	
	button {
		height:50px;
		line-height:50px;
		border-radius:5px;
		padding:0 30px;
		font-size:18px;
	}
	
	body {
		margin:0 0 80px 0;
	}

	footer {
		height:80px;
		padding:0 0 0 0;
	}
	
	main {
		padding:0 20px;
	}
	
}