/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { -ms-touch-action: manipulation; touch-action: manipulation; }

html, body { height: 100%; min-height: 100%; }

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

img { max-width: 100%; height: auto; display: block; }

figure { margin: 0; }

section { overflow: hidden; }

main:after, .main:after { content: ""; display: table; clear: both; }

fieldset { border: none; margin: auto; padding: 0; }

.wrapper { height: 100%; min-height: 100%; }

.show { display: block; }

.hide { display: none; }

.caps { text-transform: uppercase; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.table { display: table; margin: auto; }

.left { float: left; }

.right { float: right; }

.message { max-width: 500px; margin: 30px auto; background: #DDDDDD; padding: 4px; border-radius: 4px; font-size: 16px; text-align: center; }

.message.success, .message p.success { color: white; background: #55ACEE; }

.message.error, .message p.error { color: white; background: RED; }

.container { padding: 0 20px; max-width: 1200px; margin-left: auto; margin-right: auto; }

.container:after { content: " "; display: block; clear: both; }

.container:after { content: ""; display: table; clear: both; }

.container .addMargin { margin: 0 20px; }

.container.wide { max-width: 1600px; margin-left: auto; margin-right: auto; }

.container.wide:after { content: " "; display: block; clear: both; }

.position-center { position: absolute; bottom: 0px; top: 0px; right: 0px; left: 0px; margin: auto; }

/* The ghost, nudged to maintain perfect centering */
.centeredBlock:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }

/* The element to be centered, can also be of any width and height */
.centered { display: inline-block; vertical-align: middle; width: 300px; }

@media (max-width: 1024px) { .hideTablet { display: none !important; } }

@media (max-width: 480px) { .hideMobile { display: none !important; } }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.set-background { background-repeat: no-repeat; }

.background-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.top-center { background-position: top center; }

.center-center { background-position: center center; }

.bottom-center { background-position: bottom center; }

.left-center { background-position: left center; }

.right-center { background-position: right center; }

body { font-size: 18px; }

body.questions { background: white; }

a { text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

hr { border: none; height: 5px; width: 50px; }

form { text-align: left; }

.small, form label, ul.table li, h5, h6, small { font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #eff0f0; }

.content { max-width: 900px; margin: auto; text-align: left; }

.close { width: 40px; height: 40px; top: 30px; right: 30px; position: absolute; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.no-touch .close:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.no-touch .close:hover:before, .no-touch .close:hover:after { background: #55ACEE; }

.close:before, .close:after { content: ""; position: absolute; height: 1px; left: 0; right: 0; background: #eff0f0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.navOpen .close { width: 30px; height: 30px; top: 15px; right: 15px; }

.pagination { display: table; margin: 40px auto 80px auto; }

.pagination ul { display: table-row; list-style: none; padding: 0; }

.pagination ul li { display: table-cell; padding: 0 15px; }

.pagination .dots { color: #E1E1E1; }

ul.table { list-style: none; margin: 0 auto 50px auto; padding: 0; display: table; text-align: center; }

ul.table li { padding: 0 20px; display: table-cell; }

ul.table li a { color: #eff0f0; }

.no-touch ul.table li a:hover { color: #55ACEE; }

ul.table li.on a { color: #55ACEE; }

.no-touch ul.table li.on a:hover { color: #55ACEE; }

.button, input[type="button"] { font-size: 21px; color: #C74827; height: 60px; line-height: 60px; font-weight: 600; display: inline-block; padding: 0 40px; background: none; letter-spacing: 1px; margin: 25px 0px; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 2px solid #C74827; }

.button:hover, input[type="button"]:hover { color: #573210; border: 2px solid #573210; }

.no-touch ul.social li.facebook a:hover { color: #3b5999; }

.no-touch ul.social li.facebook a:hover small { color: #3b5999; }

.no-touch ul.social li.twitter a:hover { color: #55ACEE; }

.no-touch ul.social li.twitter a:hover small { color: #55ACEE; }

.no-touch ul.social li.linkedin a:hover { color: #0977b5; }

.no-touch ul.social li.linkedin a:hover small { color: #0977b5; }

.no-touch ul.social li.instagram a:hover { color: #3f729b; }

.no-touch ul.social li.instagram a:hover small { color: #3f729b; }

.no-touch ul.social li.pinterest a:hover { color: #ce1a19; }

.no-touch ul.social li.pinterest a:hover small { color: #ce1a19; }

.no-touch ul.social li.youtube a:hover { color: #ff3333; }

.no-touch ul.social li.youtube a:hover small { color: #ff3333; }

.no-touch ul.social li.googleplus a:hover { color: #e0452c; }

.no-touch ul.social li.googleplus a:hover small { color: #e0452c; }

.contactForm { width: 100%; margin: auto; padding: 50px 0px 100px 0px; }

.contactForm .row { width: 100%; position: relative; float: left; display: block; }

.contactForm .row input, .contactForm .row textarea { padding: 10px; width: 100%; margin: 10px 0px; border: 1px solid #BCBDC0; }

.contactForm .row textarea { height: 300px; }

.contactForm .row.split .field { display: block; float: left; position: relative; width: 50%; }

@media (max-width: 840px) { .contactForm .row.split .field { width: 100%; } }

.contactForm .row.split .field:first-child input { width: calc(100% - 10px); margin-right: 10px; }

@media (max-width: 840px) { .contactForm .row.split .field:first-child input { width: 100%; margin-right: 0; } }

.contactForm .row.split .field:last-child input { width: calc(100% - 10px); margin-left: 10px; }

@media (max-width: 840px) { .contactForm .row.split .field:last-child input { width: 100%; margin-left: 0; } }

.contactForm .row:last-of-type { text-align: center; margin-bottom: 100px; }

a .btn { border: none; display: inline-block; text-decoration: none; margin: 25px 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.btn { width: 260px; height: 60px; position: relative; text-align: center; -webkit-transition-duration: 300ms; transition-duration: 300ms; }

.btn:hover { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); transform: scale(1.1); }

.btn span { width: 100%; display: block; position: absolute; top: 18px; left: 0; }

.red { background: url("/assets/img/red-arrow.svg"); background-repeat: no-repeat; background-size: 100%; }

a .red { color: #c84827; }

.white { background: url("/assets/img/white-arrow.svg"); background-repeat: no-repeat; background-size: 100%; }

a .white { color: white; }

.span1 { width: 8.33333%; float: left; }

.pre1 { margin-left: 8.33333%; }

.post1 { margin-right: 8.33333%; }

.squish1 { margin-left: 8.33333%; margin-right: 8.33333%; }

.pad1 { padding-left: 8.33333%; padding-right: 8.33333%; }

.span2 { width: 16.66667%; float: left; }

.pre2 { margin-left: 16.66667%; }

.post2 { margin-right: 16.66667%; }

.squish2 { margin-left: 16.66667%; margin-right: 16.66667%; }

.pad2 { padding-left: 16.66667%; padding-right: 16.66667%; }

.span3 { width: 25%; float: left; }

.pre3 { margin-left: 25%; }

.post3 { margin-right: 25%; }

.squish3 { margin-left: 25%; margin-right: 25%; }

.pad3 { padding-left: 25%; padding-right: 25%; }

.span4 { width: 33.33333%; float: left; }

.pre4 { margin-left: 33.33333%; }

.post4 { margin-right: 33.33333%; }

.squish4 { margin-left: 33.33333%; margin-right: 33.33333%; }

.pad4 { padding-left: 33.33333%; padding-right: 33.33333%; }

.span5 { width: 41.66667%; float: left; }

.pre5 { margin-left: 41.66667%; }

.post5 { margin-right: 41.66667%; }

.squish5 { margin-left: 41.66667%; margin-right: 41.66667%; }

.pad5 { padding-left: 41.66667%; padding-right: 41.66667%; }

.span6 { width: 50%; float: left; }

.pre6 { margin-left: 50%; }

.post6 { margin-right: 50%; }

.squish6 { margin-left: 50%; margin-right: 50%; }

.pad6 { padding-left: 50%; padding-right: 50%; }

.span7 { width: 58.33333%; float: left; }

.pre7 { margin-left: 58.33333%; }

.post7 { margin-right: 58.33333%; }

.squish7 { margin-left: 58.33333%; margin-right: 58.33333%; }

.pad7 { padding-left: 58.33333%; padding-right: 58.33333%; }

.span8 { width: 66.66667%; float: left; }

.pre8 { margin-left: 66.66667%; }

.post8 { margin-right: 66.66667%; }

.squish8 { margin-left: 66.66667%; margin-right: 66.66667%; }

.pad8 { padding-left: 66.66667%; padding-right: 66.66667%; }

.span9 { width: 75%; float: left; }

.pre9 { margin-left: 75%; }

.post9 { margin-right: 75%; }

.squish9 { margin-left: 75%; margin-right: 75%; }

.pad9 { padding-left: 75%; padding-right: 75%; }

.span10 { width: 83.33333%; float: left; }

.pre10 { margin-left: 83.33333%; }

.post10 { margin-right: 83.33333%; }

.squish10 { margin-left: 83.33333%; margin-right: 83.33333%; }

.pad10 { padding-left: 83.33333%; padding-right: 83.33333%; }

.span11 { width: 91.66667%; float: left; }

.pre11 { margin-left: 91.66667%; }

.post11 { margin-right: 91.66667%; }

.squish11 { margin-left: 91.66667%; margin-right: 91.66667%; }

.pad11 { padding-left: 91.66667%; padding-right: 91.66667%; }

.span12 { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.pre12 { margin-left: 100%; }

.post12 { margin-right: 100%; }

.squish12 { margin-left: 100%; margin-right: 100%; }

.pad12 { padding-left: 100%; padding-right: 100%; }

.span-full { width: 100%; float: left; margin-left: 0; margin-right: 0; }

.first { margin-left: 0; }

.last { float: right; margin-right: 0; }

@font-face { font-family: 'MessyAmanda'; src: url("/assets/fonts/djb_messy_amanda_goes_bold-webfont.woff2") format("woff2"), url("/assets/fonts/djb_messy_amanda_goes_bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

h1, h2, h3, h4, h5, h6 { margin: 0; color: #333333; }

h1 { font-family: "Open Sans", sans-serif; color: white; font-size: 60px; text-transform: uppercase; letter-spacing: 5px; }

@media (max-width: 1280px) { h1 { font-size: 50px; } }

@media (max-width: 1024px) { h1 { font-size: 38px; } }

@media (max-width: 840px) { h1 { font-size: 30px; } }

h2 { font-family: "Open Sans", sans-serif; color: #C74827; font-size: 30px; }

h3 { font-family: "Open Sans", sans-serif; color: white; font-size: 24px; }

h4 { font-family: "Open Sans", sans-serif; font-weight: 700; color: #333333; font-size: 18px; text-transform: uppercase; letter-spacing: 3px; }

h6 { letter-spacing: 4px; }

@media (max-width: 480px) { h6 { letter-spacing: 1px; } }

a { font-family: "MessyAmanda"; color: #C74827; }

p { font-size: 18px; line-height: 1.4em; }

@media (max-width: 1440px) { p { font-size: 15px; } }

@media (max-width: 1024px) { p { font-size: 18px; } }

b, strong { font-weight: 600; }

header { font-size: 14px; text-transform: uppercase; padding: 20px 0 70px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.8); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.8)', endColorstr='transparent',GradientType=0 ); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.home header { padding: 20px 0 18px 0; }

header ul { padding: 0; margin: 0; float: left; list-style: none; height: 60px; }

@media (max-width: 840px) { header ul { display: block; width: 50%; }
  header ul.right { float: right; } }

header ul li { float: left; margin-left: 50px; height: 60px; line-height: 60px; letter-spacing: 1px; display: inline-block; }

@media (max-width: 840px) { header ul li { display: block; width: 50%; height: 30px; } }

@media (max-width: 480px) { header ul li { font-size: 10px; margin-left: 20px; } }

header ul li a { font-family: "Open Sans", sans-serif; color: white; }

.no-touch header ul li a:hover { color: #eff0f0; }

header ul.right li { margin-left: initial; margin-right: 50px; text-align: right; float: right; }

@media (max-width: 480px) { header ul.right li { font-size: 10px; margin-right: 20px; } }

header img.logo { max-width: 150px; position: absolute; top: 10px; left: calc(50% - 75px); }

@media (max-width: 840px) { header img.logo { max-width: 100px; left: calc(50% - 50px); } }

.hamburger { display: none; position: absolute; width: 60px; height: 60px; top: 0; right: 0; background: none; border: none; outline: none; cursor: pointer; padding: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

@media (max-width: 1023px) { .hamburger { display: block; } }

@media (max-width: 1023px) { .large .hamburger { top: 47px; right: -10px; } }

.hamburger div { height: 20px; width: 20px; margin: auto; position: relative; opacity: 0.7; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

@media (min-width: 1025px) and (min-height: 1000px) { .hamburger div { width: 20px; height: 20px; margin: 25px; } }

.hamburger span { height: 2px; position: absolute; background: white; left: 0; right: 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

.hamburger span:first-of-type { top: 0; }

.hamburger span:last-of-type { bottom: 0; }

.hamburger span:nth-child(2) { top: 50%; margin-top: -1px; background: none; }

.hamburger span:nth-child(2):before, .hamburger span:nth-child(2):after { content: ""; background: white; height: 2px; width: 100%; position: absolute; left: 0; right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.navOpen .hamburger, .hamburger.close { display: block; }

.navOpen .hamburger div, .hamburger.close div { opacity: 1; -webkit-transform: rotate(90deg) scale(1.5); -moz-transform: rotate(90deg) scale(1.5); -ms-transform: rotate(90deg) scale(1.5); transform: rotate(90deg) scale(1.5); }

.navOpen .hamburger span:nth-child(2), .hamburger.close span:nth-child(2) { background: none; }

.navOpen .hamburger span:nth-child(2):before, .hamburger.close span:nth-child(2):before { opacity: 1; height: 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.navOpen .hamburger span:nth-child(2):after, .hamburger.close span:nth-child(2):after { opacity: 1; height: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.navOpen .hamburger span:first-of-type, .hamburger.close span:first-of-type { opacity: 0; top: 50%; }

.navOpen .hamburger span:last-of-type, .hamburger.close span:last-of-type { opacity: 0; top: 50%; bottom: auto; }

footer { position: relative; width: 100%; float: left; background: #C74827; padding: 100px 0px 50px 0px; }

footer.texture { background: #C74827 url(/assets/img/texture2.png) no-repeat; background-position: bottom left; background-size: contain; }

footer img.logo { max-width: 200px;  }

footer ul { margin: 0; padding: 20px 0px; width: 100%; display: block; list-style: none; text-align: center; }

footer ul li { display: inline-block; padding: 0px 15px; margin: 0; }

@media (max-width: 840px) { footer ul li { display: block; padding: 10px 0px; } }

footer ul li a { font-family: "Open Sans", sans-serif; color: white; }

section { display: block; position: relative; float: left; width: 100%; min-height: 400px; }

section.hero { background-position: center; background-size: cover; min-height: 600px; padding: 250px 0px 200px 0px; border-bottom: 20px solid #C74827; }

section.hero h1, section.hero h4 { color: white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

section.hero .arrow svg { max-width: 200px; color: white; padding: 20px 0px; }

@media (max-width: 1024px) { section.hero { padding: 180px 0px 50px 0px; }
  section.hero .span6 { width: 80%; margin: auto; float: none; } }

section.menu .food { background: #eff0f0; }

section.menu .food .image { width: 100%; height: 500px; background-position: center; background-size: cover; }

section.menu .food .content p { font-size: 21px; color: #666666; font-weight: 100; }

section.menu .content { padding: 50px 0px; height: 200px; }

@media (max-width: 1024px) { section.menu .content { height: auto; } }

section.menu .text { height: 700px; background: url(/assets/img/texture5.png) no-repeat; background-position: bottom left; background-size: contain; }

@media (max-width: 1024px) { section.menu .text { height: auto; } }

@media (max-width: 1024px) { section.menu .span4 { width: 100%; margin: auto; }
  section.menu .span8 { width: 83.33333%; }
  section.menu .pre2 { margin-left: 8.33333%; }
  section.menu .post2 { margin-right: 8.33333%; } }

.beersvg svg { width: 150px; position: absolute; right: 50px; top: 1200px; }

@media (max-width: 1200px) { .beersvg svg { display: none; } }

.tubesvg svg { width: 300px; position: absolute; left: -100px; top: 2400px; }

.compasssvg svg { width: 300px; position: absolute; right: 100px; top: 3600px; }

@media (max-width: 1500px) { .compasssvg svg { top: 3450px; } }

@media (max-width: 1300px) { .compasssvg svg { top: 3350px; } }

section.cruise .photo { background-position: center; background-size: cover; height: 500px; }

@media (max-width: 1024px) { section.cruise .photo { height: 200px; } }

section.cruise .text { height: 500px; background: url(/assets/img/texture5.png) no-repeat; background-position: bottom left; background-size: contain; }

@media (max-width: 1024px) { section.cruise .text { height: auto; } }

section.cruise .content { padding: 50px 0px; }

@media (max-width: 1024px) { section.cruise .span4, section.cruise .span8 { width: 100%; margin: auto; } }

section.reviews { background: #C74827 url(/assets/img/reviewsbg.jpg); background-position: center; background-size: cover; color: white; padding: 100px 0px; }

@media (max-width: 840px) { section.reviews { padding: 50px 0px 0px 0px; } }

section.reviews.texture { background: url(/assets/img/texture4.png) no-repeat; background-position: bottom left; background-size: contain; }

section.reviews blockquote { font-weight: 100; font-size: 1.2em; line-height: 1.6em; position: relative; }

section.reviews blockquote:before { font-family: "Georgia serif"; content: '\201C'; font-size: 70px; position: absolute; top: -15px; left: -15px; }

section.reviews blockquote:after { font-family: "Georgia serif"; content: '\201D'; font-size: 70px; position: absolute; bottom: -15px; right: -15px; }

section.reviews h4 { color: white; opacity: 0.6; }

section.reviews a.button { margin: 80px 0px; border-color: white; color: white; }

@media (max-width: 1024px) { section.reviews .span6 { width: 100%; margin: auto; }
  section.reviews .pre3, section.reviews .post3 { margin: auto; } }

section.map { background: #573210; color: white; border-bottom: 15px solid #573210; }

section.map a#map { position: absolute; top: 0px; }

@media (max-width: 840px) { section.map { background: url(/assets/img/mapmobile.jpg) no-repeat; background-size: cover; background-position: center bottom; }
  section.map svg { display: none; } }

section.ads .span4 { background-position: center; background-size: cover; padding: 550px 0px 50px 0px; position: relative; }

section.ads .span4 h3 { min-height: 70px; }

@media (max-width: 1280px) { section.ads .span4 { padding: 350px 0px 50px 0px; }
  section.ads .span4 h3 { font-size: 21px; } }

@media (max-width: 1024px) { section.ads .span4 h3 { font-size: 24px; } }

section.ads .span4 .content { position: relative; z-index: 2; text-align: center; }

section.ads .span4 .content p { font-size: 28px; }

section.ads .span4 .content p a { color: white; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

section.ads .span4 .content p a:hover { color: #C74827; }

section.ads .span4 .gradient { width: 100%; height: 300px; position: absolute; bottom: 0px; left: 0px; z-index: 0; background: transparent; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.5)',GradientType=0 ); }

section.ads .span4 .arrow svg { padding-top: 20px; max-width: 100px; color: #C74827; }

@media (max-width: 1024px) { section.ads .span4 { width: 100%; margin: auto; padding: 50px 0px; }
  section.ads .span4 .gradient { background: rgba(0, 0, 0, 0.2); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.2)', endColorstr='rgba(0, 0, 0, 0.8)',GradientType=0 ); height: 100%; } }

section.social { min-height: 0px; padding: 100px 0px 150px 0px; font-size: 28px; }

section.social a i { color: #BCBDC0; padding: 10px; }

section.social a.facebook { color: #3b5999; }

section.social a.twitter { color: #55ACEE; }

section.social a.instagram { color: #3f729b; }

section.social.texture { background: url(/assets/img/texture3.png) no-repeat; background-position: top right; background-size: contain; }

@media (max-width: 1024px) { section.social .span4 { width: 100%; margin: auto; } }

.internal-page { margin-top: 200px; }

article { margin: 100px 0; }

@media (max-width: 840px) { article { margin: 50px 0; } }

@media (max-width: 480px) { article { margin: 40px 0; } }

article.center { margin-left: 25%; margin-right: 25%; }

@media (max-width: 1024px) { article.center { margin-left: 16.66667%; margin-right: 16.66667%; } }

@media (max-width: 768px) { article.center { margin-left: 8.33333%; margin-right: 8.33333%; } }

@media (max-width: 624px) { article.center { margin-left: 0%; margin-right: 0%; } }

article header { margin-bottom: 50px; }

article header h1, article header h2 { margin: 30px 0 40px 0; }

article header h1 a, article header h2 a { color: #333333; }

.no-touch article header h1 a:hover, .no-touch article header h2 a:hover { color: #55ACEE; }

article ul, article ol, article blockquote { line-height: 1.6em; }

article ul li, article ol li { padding: 10px 0; }

article footer, article footer.content { margin-top: 80px; margin-bottom: 80px; }

article footer:after, article footer.content:after { content: ""; display: table; clear: both; }

.single article, .page article { margin-left: auto; margin-right: auto; }

.single-post article { margin-bottom: 0; }

body.modalOpen, body.navOpen { overflow: hidden; }

.modal { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(85, 172, 238, 0.9); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.modalOpen .modal { visibility: visible; opacity: 1; z-index: 1000; }

.navOpen .modal { z-index: 0; }

.modal .mobileNav { display: none; }

.navOpen .modal .mobileNav { display: block; }

.modal .mobileNav ul { margin: 50px 0; list-style: none; text-align: center; font-size: 30px; padding: 0; }

.modal .mobileNav ul li { margin: 10px 0; }

.modal .mobileNav ul li a { color: white; }

.modal .content { max-width: none; }

.modal .pad { left: 0; right: 0; margin: 0 60px; background: white; position: relative; max-width: 1400px; margin: auto; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: scale(0.5) translateY(-100%); -moz-transform: scale(0.5) translateY(-100%); -ms-transform: scale(0.5) translateY(-100%); transform: scale(0.5) translateY(-100%); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

@media (max-width: 1024px) { .modal .pad { margin: 0 30px; } }

@media (max-width: 768px) { .modal .pad { margin: 0 20px; } }

@media (max-width: 840px) { .modal .pad { margin: 0 10px; } }

.modalOpen .modal .pad { opacity: 1; -webkit-transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); }

.navOpen .modal .pad { background: none; }

.navOpen .modal .pad .close { display: none; }

.navOpen .modal .pad .close:before, .navOpen .modal .pad .close:after { background-color: white; }

.wave { -webkit-animation: wave-anim 5s linear infinite; animation: wave-anim 5s linear infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; }

.wavetwo { -webkit-animation: wave-anim-two 5s linear infinite; animation: wave-anim-two 5s linear infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; }

@-webkit-keyframes wave-anim { 0% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  25% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); }
  50% { -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px); }
  75% { -webkit-transform: rotate(-2deg) translateY(5px);
    transform: rotate(-2deg) translateY(5px); }
  100% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); } }

@keyframes wave-anim { 0% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  25% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); }
  50% { -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px); }
  75% { -webkit-transform: rotate(-2deg) translateY(5px);
    transform: rotate(-2deg) translateY(5px); }
  100% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); } }

@-webkit-keyframes wave-anim-two { 0% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); }
  25% { -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px); }
  50% { -webkit-transform: rotate(-2deg) translateY(5px);
    transform: rotate(-2deg) translateY(5px); }
  75% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  100% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); } }

@keyframes wave-anim-two { 0% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); }
  25% { -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px); }
  50% { -webkit-transform: rotate(-2deg) translateY(5px);
    transform: rotate(-2deg) translateY(5px); }
  75% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  100% { -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px); } }

.boatone { -webkit-animation: boat-anim 5s linear infinite; animation: boat-anim 5s linear infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; }

@-webkit-keyframes boat-anim { 0% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  25% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); }
  50% { -webkit-transform: rotate(-2deg) translateX(-5px);
    transform: rotate(-2deg) translateX(-5px); }
  75% { -webkit-transform: rotate(-2deg) translateX(5px);
    transform: rotate(-2deg) translateX(5px); }
  100% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); } }

@keyframes boat-anim { 0% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  25% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); }
  50% { -webkit-transform: rotate(-2deg) translateX(-5px);
    transform: rotate(-2deg) translateX(-5px); }
  75% { -webkit-transform: rotate(-2deg) translateX(5px);
    transform: rotate(-2deg) translateX(5px); }
  100% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); } }

.boattwo { -webkit-animation: boat-anim-two 5s linear infinite; animation: boat-anim-two 5s linear infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; }

@-webkit-keyframes boat-anim-two { 0% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); }
  25% { -webkit-transform: rotate(-2deg) translateX(-5px);
    transform: rotate(-2deg) translateX(-5px); }
  50% { -webkit-transform: rotate(-2deg) translateX(5px);
    transform: rotate(-2deg) translateX(5px); }
  75% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  100% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); } }

@keyframes boat-anim-two { 0% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); }
  25% { -webkit-transform: rotate(-2deg) translateX(-5px);
    transform: rotate(-2deg) translateX(-5px); }
  50% { -webkit-transform: rotate(-2deg) translateX(5px);
    transform: rotate(-2deg) translateX(5px); }
  75% { -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0); }
  100% { -webkit-transform: rotate(2deg) translateX(5px);
    transform: rotate(2deg) translateX(5px); } }

.compassneedle { -webkit-animation: compass-anim 2s linear infinite; animation: compass-anim 2s linear infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; }

.compassneedlered { -webkit-animation: compass-anim 2s linear infinite; animation: compass-anim 2s linear infinite; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; transform-box: fill-box; }

@-webkit-keyframes compass-anim { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  50% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  75% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes compass-anim { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  50% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  75% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

/*# sourceMappingURL=site.main.css.map */