@import url(http://fonts.googleapis.com/css?family=Alegreya:400,700|Roboto+Condensed:400,300,700);
/*
Theme Name: Tartan Yachts
Theme URI: http://www.company119.com
Description: 
Author: Company 119
Author URI: http://www.company119.com
Version: 1.0
Template: co119-boilerplate
*/
/**** NORMALIZE.CSS ****/
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
/* normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-family: sans-serif; /* 1 */ font-size: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
button, input, select, textarea { font-family: sans-serif; }

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

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

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

/* ========================================================================== Typography ========================================================================== */
/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.5em 0; }

blockquote { /* Set 1 unit of vertical rhythm on the top and bottom margin. */ margin: 1.5em 40px; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; margin-bottom: 0.75em; }

h2 { font-size: 1.5em; line-height: 2em; margin-top: 1em; margin-bottom: 1em; }

h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 1.28205em; margin-bottom: 1.28205em; }

h4 { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }

h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 1.80723em; margin-bottom: 1.80723em; }

h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 2.23881em; margin-bottom: 2.23881em; }

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

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

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

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

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

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

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

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1.5em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; /* Improve image quality when scaled in IE 7. */ -ms-interpolation-mode: bicubic; }

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

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-style: solid; border-top-width: 0.0625em; padding-top: 0.4625em; border-bottom-style: solid; border-bottom-width: 0.0625em; padding-bottom: 0.9125em; border-left-style: solid; border-left-width: 0.0625em; padding-left: 0.875em; border-right-style: solid; border-right-width: 0.0625em; padding-right: 0.875em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 4. Improve appearance and consistency with IE 6/7. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ vertical-align: baseline; /* 4 */ *vertical-align: middle; /* 4 */ }

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

/** 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 Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
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. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

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

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

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

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

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

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

/*** GLOBAL.SCSS ***/
html, body, #page-wrap { height: 100%; }

body { font-family: 'Roboto Condensed', sans-serif; }
body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body a { outline: none; color: #003768; }
body .hidden { display: none; }
body .error { color: #e23030; }
body .success { padding: 8px; background: #149753; color: #FFF; }
body img.alignleft { float: left; margin-right: 2%; margin-bottom: 2%; }
body img.alignright { float: right; margin-bottom: 2%; margin-left: 2%; }
body .video-embed { position: relative; padding-top: 25px; padding-bottom: 66.666%; height: 0; }
body .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body .gform_wrapper .gform_body .gfield input[type='radio'] { margin-left: 5px; }
body .btn, body input[type='submit'], body button[type='submit'] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; margin: 0; padding: 12px 50px; min-width: 150px; max-width: 100%; border: none; background: #003768; color: #FFF !important; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 1em; outline: none; }
body .btn i, body input[type='submit'] i, body button[type='submit'] i { margin-right: 5px; }
body .btn.small, body input[type='submit'].small, body button[type='submit'].small { padding: 10px 20px; min-width: 0; font-size: 16px; }
body .btn.very-small, body input[type='submit'].very-small, body button[type='submit'].very-small { padding: 8px 15px; min-width: 0; font-size: 14px; }
body .btn.grey, body input[type='submit'].grey, body button[type='submit'].grey { background: #dddddf; color: #2c3236 !important; }
body .btn.grey:hover, body input[type='submit'].grey:hover, body button[type='submit'].grey:hover { background: #c3c3c6; }
body .btn.transparent, body input[type='submit'].transparent, body button[type='submit'].transparent { border: 1px solid #FFF; background: none; }
body .btn.transparent:hover, body input[type='submit'].transparent:hover, body button[type='submit'].transparent:hover { background: rgba(255, 255, 255, 0.9); color: #2c3236 !important; }
body .btn:hover, body input[type='submit']:hover, body button[type='submit']:hover { background: #002a4e; text-decoration: underline; }
body .btn[disabled='disabled'], body input[type='submit'][disabled='disabled'], body button[type='submit'][disabled='disabled'] { background: #dddddf !important; color: #b6b6ba !important; }
body .btn[disabled='disabled']:hover, body input[type='submit'][disabled='disabled']:hover, body button[type='submit'][disabled='disabled']:hover { text-decoration: none !important; }
body a.socicon { color: #2c3236; text-decoration: none; font-family: 'socicon'; }
body a.socicon:hover { color: #003768; }
body h1, body h2, body h3, body h4, body h5, body h6 { line-height: 1em; }
body ul.plain { margin: 0; padding: 0; list-style: none; }
body .ui-autocomplete { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #dddddf; overflow: hidden; margin-top: 10px; border: 1px solid #c3c3c6; }
body .ui-autocomplete li.ui-menu-item { padding: 10px; border: none; border-top: 1px solid #c3c3c6; color: #003768; }
body .ui-autocomplete li.ui-state-focus { background: none; margin: 0; font-weight: normal; background: #d0d0d3; font-weight: normal; }
body .ui-autocomplete li:first-child { border-top: none; }
body .ui-autocomplete:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #dddddf; border-width: 8px; margin-left: -8px; }
body .mobile-toggle-box .mobile-toggle-button { display: none; color: #FFF; }
body .mobile-toggle-box .mobile-toggle-button i { padding-right: 8px; }
@media screen and (max-width: 860px), (max-device-width: 860px) { body .mobile-toggle-box .mobile-toggle-button { display: block; }
  body .mobile-toggle-box .mobile-toggle { display: none; } }
body .wrap { position: relative; margin: 0 auto; max-width: 1200px; width: 90%; }
@media screen and (max-width: 1024px), (max-device-width: 1024px) { body .wrap { width: 95%; } }
body .full { width: 100%; }
body .group, body .wrap { zoom: 1; }
body .group:before, body .group:after, body .wrap:before, body .wrap:after { display: table; content: ""; }
body .group:after, body .wrap:after { clear: both; }

/*** HEADER.SCSS ***/
header.main { position: absolute; z-index: 9999; }
header.main #white-bar { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); position: relative; z-index: 4; background: #FFF; }
header.main #white-bar #brand-switcher { float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
header.main #white-bar #brand-switcher li { float: left; padding: 7px 0; font-size: 0.9em; margin-right: 10px; text-transform: uppercase; font-weight: 400; color: #2c3236; }
header.main #white-bar #brand-switcher li a { text-decoration: none; }
header.main #white-bar #brand-switcher li a:hover { text-decoration: underline; }
header.main #white-bar #brand-switcher li.title { color: #5a666e; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #white-bar #brand-switcher li { padding: 4px 0; } }
header.main #white-bar #brand-switcher:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
header.main #white-bar nav { float: right; line-height: 1em; }
header.main #white-bar nav ul { margin: 0; padding: 0; }
header.main #white-bar nav ul li { position: relative; display: inline-block; color: #003768; text-align: right; font-weight: 700; font-size: 0.9em; }
header.main #white-bar nav ul li a { display: block; margin-left: 20px; padding: 8px 0; color: #003768; text-decoration: none; }
header.main #white-bar nav ul li a:hover { text-decoration: underline; }
header.main #white-bar nav ul li ul { -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4); position: absolute; top: 100%; left: 10px; padding: 0 0 5px; background: #FFF; display: none; }
header.main #white-bar nav ul li ul li { display: block; text-align: left; white-space: nowrap; font-size: 1em; }
header.main #white-bar nav ul li ul li a { margin: 0; padding: 5px 10px; }
header.main #white-bar nav ul li.phone-number { margin-left: 20px; color: #2c3236; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #white-bar nav ul li.phone-number { display: block; padding: 5px 0 0; } }
header.main #white-bar nav ul li.parts-accessories i { padding-right: 5px; }
header.main #white-bar nav ul li.search { position: relative; cursor: pointer; }
header.main #white-bar nav ul li.search a { color: #2c3236; }
header.main #white-bar nav ul li.search .searchform { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; top: 100%; right: -13px; display: none; padding: 5px; border: 1px solid #a8a8ae; background: #dddddf; }
header.main #white-bar nav ul li.search .searchform input[type='text'] { padding: 3px; width: 175px; border: 1px solid #a8a8ae; font-size: 1em; }
header.main #white-bar nav ul li.search .searchform:after, header.main #white-bar nav ul li.search .searchform:before { position: absolute; right: 15px; bottom: 100%; width: 0; height: 0; border: solid transparent; content: " "; pointer-events: none; }
header.main #white-bar nav ul li.search .searchform:after { margin-left: -5px; border-width: 5px; border-color: rgba(221, 221, 223, 0); border-bottom-color: #dddddf; }
header.main #white-bar nav ul li.search .searchform::before { margin-left: -6px; border-width: 6px; border-color: rgba(168, 168, 174, 0); border-bottom-color: #a8a8ae; }
header.main #white-bar nav ul li.search:hover .searchform { display: block; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #white-bar nav ul li.search { display: none; } }
header.main #white-bar nav ul li:hover ul { display: block; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #white-bar nav ul li { display: none; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #white-bar { font-size: 0.85em; } }
header.main #logo-bar { position: relative; background: rgba(0, 55, 104, 0.3); color: #FFF; }
header.main #logo-bar .logo { width: 165px; padding: 15px 0; }
header.main #logo-bar nav #menu-1 li { line-height: 75.75px; height: 75.75px; }
header.main #logo-bar, header.main #logo-bar * { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header.main #logo-bar .logo { float: left; }
header.main #logo-bar .logo img { display: block; width: 100%; }
header.main #logo-bar nav { float: right; }
header.main #logo-bar nav #menu-1 li { position: relative; float: left; }
header.main #logo-bar nav #menu-1 li a { text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); display: block; padding: 0 16px; color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 1.2em; }
header.main #logo-bar nav #menu-1 li a:hover { text-decoration: underline; }
@media screen and (max-width: 1024px), (max-device-width: 1024px) { header.main #logo-bar nav #menu-1 li a { padding: 0 10px; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #logo-bar nav #menu-1 li a { font-size: 1em; } }
header.main #logo-bar nav #menu-1 li #menu-2 { position: absolute; top: 100%; display: none; min-width: 200px; border-right: 1px solid #002a4e; border-left: 1px solid #002a4e; background: rgba(0, 55, 104, 0.9); }
header.main #logo-bar nav #menu-1 li #menu-2 li { float: none; padding: 0; height: auto !important; border-bottom: 1px solid #002a4e; text-align: center; line-height: normal !important; }
header.main #logo-bar nav #menu-1 li #menu-2 li a { text-shadow: none; display: block; padding: 8px 20px; color: #FFF; text-transform: none; white-space: nowrap; font-size: 1em; }
header.main #logo-bar nav #menu-1 li #menu-2 li a:hover { background: rgba(255, 255, 255, 0.1); }
header.main #logo-bar nav #menu-1 li #menu-2 li.hover-img-box { position: absolute; top: 0; left: 100%; overflow: hidden; width: 0; height: 100% !important; border: none; }
header.main #logo-bar nav #menu-1 li #menu-2 li.hover-img-box img { display: block; height: 100%; }
header.main #logo-bar nav #menu-1 li #menu-2 li #menu-3 { position: absolute; top: 0; left: 100%; display: none; padding: 10px 0; background: rgba(255, 255, 255, 0.8); }
header.main #logo-bar nav #menu-1 li #menu-2 li #menu-3 li { border: none; text-align: left; }
header.main #logo-bar nav #menu-1 li #menu-2 li #menu-3 li a { padding: 5px 15px; color: #2c3236; }
header.main #logo-bar nav #menu-1 li #menu-2 li:hover #menu-3 { display: block; }
header.main #logo-bar nav #menu-1 li.find-a-tartan .sub-menu { right: 0; left: auto !important; }
header.main #logo-bar nav #menu-1 li:last-child a { padding-right: 0; }
header.main #logo-bar nav #menu-1 li:hover #menu-2 { display: block; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #logo-bar nav { -webkit-border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; -ms-border-radius: 3px 0 3px 3px; -o-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; position: absolute; top: 37px; right: 0; display: none; background: #002a4e; }
  header.main #logo-bar nav #menu-1 { padding: 5px 0; }
  header.main #logo-bar nav #menu-1 li { float: none !important; height: auto !important; text-align: left; white-space: nowrap; line-height: normal !important; }
  header.main #logo-bar nav #menu-1 li a { padding: 10px 20px; }
  header.main #logo-bar nav #menu-1 li #menu-2 { position: static; margin: 0 !important; min-width: 0; width: 100%; background: #001c35; }
  header.main #logo-bar nav #menu-1 li #menu-2 li { text-align: left; }
  header.main #logo-bar nav #menu-1 li:hover #menu-2 { display: none; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #logo-bar .mobile-toggle-box { position: relative; float: right; margin-top: 7px; }
  header.main #logo-bar .mobile-toggle-box .mobile-toggle-button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 8px 10px; background: #002a4e; text-transform: uppercase; cursor: pointer; }
  header.main #logo-bar .mobile-toggle-box .mobile-toggle-button img { position: relative; top: 2px; margin-left: 5px; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main #logo-bar { background: #003768; }
  header.main #logo-bar .logo { width: 120px; padding: 10px 0; }
  header.main #logo-bar nav #menu-1 li { line-height: 53.27273px; height: 53.27273px; } }
header.main .hover #white-bar, header.main:hover #white-bar { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
header.main .hover #logo-bar, header.main:hover #logo-bar { background: rgba(0, 55, 104, 0.9); }
header.main .hover #logo-bar nav a, header.main:hover #logo-bar nav a { text-shadow: none; }
header.main.sticky { position: fixed; top: 0; }
header.main.sticky #logo-bar { background: #003768; }
header.main.sticky #logo-bar .logo { width: 140px; padding: 10px 0; }
header.main.sticky #logo-bar nav #menu-1 li { line-height: 58.81818px; height: 58.81818px; }
header.main.sticky #logo-bar nav #menu-1 #menu-2 { background: #003768; }
header.main.sticky #logo-bar:hover { background: #003768; }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main.sticky #logo-bar .logo { width: 120px; padding: 15px 0; }
  header.main.sticky #logo-bar nav #menu-1 li { line-height: 53.27273px; height: 53.27273px; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { header.main { position: relative; } }

/*** HERO.SCSS ***/
#hero { position: relative; overflow: hidden; height: 100%; }
#hero.home .hero-image, #hero.model .hero-image, #hero.full-floating-box .hero-image, #hero.post.oversized .hero-image { position: fixed; top: -50%; left: -50%; z-index: 0; width: 200%; height: 200%; }
#hero.home .hero-image img, #hero.model .hero-image img, #hero.full-floating-box .hero-image img, #hero.post.oversized .hero-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; min-width: 50%; min-height: 50%; }
#hero.home #slides, #hero.model #slides, #hero.full-floating-box #slides, #hero.post.oversized #slides { position: relative; z-index: 1; height: 100%; }
#hero.home #slides .slide, #hero.model #slides .slide, #hero.full-floating-box #slides .slide, #hero.post.oversized #slides .slide { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; }
#hero.home #slides .slide:first-child, #hero.model #slides .slide:first-child, #hero.full-floating-box #slides .slide:first-child, #hero.post.oversized #slides .slide:first-child { display: block; }
#hero.home .arrow, #hero.model .arrow, #hero.full-floating-box .arrow, #hero.post.oversized .arrow { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: fixed; top: 50%; z-index: 2; display: none; margin-top: -25px; height: 50px; cursor: pointer; }
#hero.home .arrow img, #hero.model .arrow img, #hero.full-floating-box .arrow img, #hero.post.oversized .arrow img { display: block; height: 100%; }
#hero.home .arrow.next, #hero.model .arrow.next, #hero.full-floating-box .arrow.next, #hero.post.oversized .arrow.next { right: 25px; }
#hero.home .arrow.prev, #hero.model .arrow.prev, #hero.full-floating-box .arrow.prev, #hero.post.oversized .arrow.prev { left: 25px; }
#hero.home .arrow:hover, #hero.model .arrow:hover, #hero.full-floating-box .arrow:hover, #hero.post.oversized .arrow:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home .arrow, #hero.model .arrow, #hero.full-floating-box .arrow, #hero.post.oversized .arrow { margin-top: -20px; height: 40px; }
  #hero.home .arrow.next, #hero.model .arrow.next, #hero.full-floating-box .arrow.next, #hero.post.oversized .arrow.next { right: 20px; }
  #hero.home .arrow.prev, #hero.model .arrow.prev, #hero.full-floating-box .arrow.prev, #hero.post.oversized .arrow.prev { left: 20px; } }
#hero.home #callouts { position: absolute; bottom: 20px; left: 0; z-index: 2; background: rgba(255, 255, 255, 0.4); font-size: 0.9em; }
#hero.home #callouts ul li { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; float: left; margin-left: 1%; padding: 20px 0; width: 32.666%; background: rgba(255, 255, 255, 0.4); text-align: center; }
#hero.home #callouts ul li a { color: #2c3236; text-decoration: none; }
#hero.home #callouts ul li a hgroup { overflow: hidden; margin: 0 20px; }
#hero.home #callouts ul li a hgroup h2, #hero.home #callouts ul li a hgroup h3 { margin: 0; color: #003768; font-weight: normal; line-height: 1em; }
#hero.home #callouts ul li a hgroup h2 { font-family: 'Alegreya', serif; padding: 10px 0 20px; border-bottom: 1px solid #003768; font-size: 2.4em; }
#hero.home #callouts ul li a hgroup h3 { text-align: center; font-size: 1.4em; }
#hero.home #callouts ul li a hgroup h3 span { position: relative; display: inline-block; }
#hero.home #callouts ul li a hgroup h3 span:before, #hero.home #callouts ul li a hgroup h3 span:after { position: absolute; top: 10px; width: 600px; height: 1px; border-bottom: 1px solid #003768; content: ""; }
#hero.home #callouts ul li a hgroup h3 span:before { right: 100%; margin-right: 15px; }
#hero.home #callouts ul li a hgroup h3 span:after { left: 100%; margin-left: 15px; }
#hero.home #callouts ul li a p { margin: 0; padding: 15px 30px 0; font-size: 1.1em; line-height: 1.6em; }
#hero.home #callouts ul li:first-child { margin-left: 0; }
#hero.home #callouts ul li:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home #callouts ul li:hover { background: #FFF; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home #callouts ul li { float: none; margin: 2.5% 0 0 0; width: 100%; background: rgba(255, 255, 255, 0.9); }
  #hero.home #callouts ul li:first-child { margin-top: 0; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home #callouts ul { padding: 3% 0; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home #callouts { position: relative; bottom: auto; padding: 105% 0 0; background: none; } }
#hero.home #slides .slide .hero-image { position: absolute; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home #slides .slide .hero-image { position: fixed; } }
#hero.home .arrow { position: absolute; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home .arrow { display: none; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.home { height: auto; } }
#hero.model #slides .slide .caption-box, #hero.post.oversized #slides .slide .caption-box { position: fixed; right: 0; bottom: 15%; z-index: 2; padding: 20px; padding-right: 75px; width: 50%; background: rgba(44, 50, 54, 0.7); color: #FFF; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
#hero.model #slides .slide .caption-box .caption h2, #hero.post.oversized #slides .slide .caption-box .caption h2 { font-family: 'Alegreya', serif; margin: 0 0 5px; font-weight: 300; font-size: 2.8em; }
#hero.model #slides .slide .caption-box .caption p, #hero.post.oversized #slides .slide .caption-box .caption p { margin: 0; font-size: 1em; line-height: 1.5em; }
#hero.model #slides .slide .caption-box .caption .btn, #hero.post.oversized #slides .slide .caption-box .caption .btn { margin-top: 15px; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.model #slides .slide .caption-box, #hero.post.oversized #slides .slide .caption-box { display: none; } }
#hero.model #see-more-content, #hero.post.oversized #see-more-content { position: absolute; bottom: 0; z-index: 2; text-align: center; }
#hero.model #see-more-content a, #hero.post.oversized #see-more-content a { display: block; margin: 0 auto; width: 134px; height: 65px; background: url("images/see-more-content-bg.png") center bottom no-repeat; cursor: pointer; }
#hero.full-floating-box .floating-box { position: relative; z-index: 2; }
#hero.full-floating-box.my-tartan .floating-box .box#login { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden; background: rgba(255, 255, 255, 0.9); margin-top: 175px; margin-left: 200px; margin-right: 200px; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in, #hero.full-floating-box.my-tartan .floating-box .box#login #sign-up { padding: 25px; width: 50%; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in h2, #hero.full-floating-box.my-tartan .floating-box .box#login #sign-up h2 { font-weight: 300; margin: 0; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in h3, #hero.full-floating-box.my-tartan .floating-box .box#login #sign-up h3 { font-weight: 300; margin-top: 8px; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.full-floating-box.my-tartan .floating-box .box#login #sign-in, #hero.full-floating-box.my-tartan .floating-box .box#login #sign-up { float: none; width: 100%; } }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in { background: #003768; float: left; color: #FFF; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in a { color: #FFF; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in form label { display: block; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in form input[type="text"], #hero.full-floating-box.my-tartan .floating-box .box#login #sign-in form input[type="password"] { padding: 8px; border: 1px solid #001c35; width: 100%; outline: none; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in form input[type="submit"] { width: 100%; background: #001c35; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in form .login-submit { margin-bottom: 0; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-in #forgot-password-link { display: block; margin-top: 5px; text-align: center; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-up { float: right; }
#hero.full-floating-box.my-tartan .floating-box .box#login #sign-up p { font-weight: 300; line-height: 1.9em; }
@media screen and (max-width: 1200px), (max-device-width: 1200px) { #hero.full-floating-box.my-tartan .floating-box .box#login { margin-left: 100px; margin-right: 100px; } }
@media screen and (max-width: 1024px), (max-device-width: 1024px) { #hero.full-floating-box.my-tartan .floating-box .box#login { margin-left: 0; margin-right: 0; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.full-floating-box.my-tartan .floating-box .box#login { margin-top: 75px; margin-bottom: 25px; } }
#hero.full-floating-box.four-oh-four .floating-box .box#text { position: fixed; width: 35%; margin-top: 175px; }
#hero.full-floating-box.four-oh-four .floating-box .box#text hgroup { text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); color: #FFF; }
#hero.full-floating-box.four-oh-four .floating-box .box#text hgroup h2, #hero.full-floating-box.four-oh-four .floating-box .box#text hgroup h3 { margin: 0; font-weight: 400; line-height: 1.5em; }
#hero.full-floating-box.four-oh-four .floating-box .box#text hgroup h2 { font-size: 2.5em; }
#hero.full-floating-box.four-oh-four .floating-box .box#text hgroup h3 { font-size: 1.3em; }
#hero.full-floating-box.four-oh-four .floating-box .box#text form input { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 5% 0 0; padding: 10px; width: 100%; outline: none; border: 1px solid #FFF; background: transparent; font-size: 1.5em; }
#hero.full-floating-box.four-oh-four .floating-box .box#text form input::-webkit-input-placeholder { /* WebKit browsers */ color: #FFF; }
#hero.full-floating-box.four-oh-four .floating-box .box#text form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFF; opacity: 1; }
#hero.full-floating-box.four-oh-four .floating-box .box#text form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFF; opacity: 1; }
#hero.full-floating-box.four-oh-four .floating-box .box#text form input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #FFF; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.full-floating-box.four-oh-four .floating-box .box#text { top: 100px; right: 10%; width: auto; text-align: center; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.full-floating-box { height: auto; } }
#hero.page { max-height: 300px; height: auto; }
#hero.page .hero-image img { display: block; width: 100%; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.page { max-height: 250px; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.post.oversized #slides .slide .caption-box { display: block; width: 100%; text-align: center; bottom: 0; padding-left: 5%; padding-right: 5%; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #hero.post.oversized #see-more-content { display: none; } }

/*** CONTENT.SCSS ***/
#content { position: relative; z-index: 3; padding: 0; background: #FFF; color: #2c3236; }
#content #post { width: 100%; }
#content #post h1 { margin: 0 0 2%; color: #003768; font-weight: 300; font-size: 3.4em; }
#content #post h1 span { color: rgba(44, 50, 54, 0.5); }
#content #post h1 span a { color: rgba(44, 50, 54, 0.5); text-decoration: none; }
#content #post h1 span a:hover { border-bottom: 1px dashed rgba(44, 50, 54, 0.5); text-decoration: none; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post h1 span { color: #FFF; font-size: 0.7em; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post h1 { font-size: 2.8em; } }
#content #post p, #content #post ul, #content #post ol { margin-bottom: 0; font-size: 1em; line-height: 1.7em; }
#content #post p:first-child { margin-top: 0; }
#content #post a { text-decoration: none; }
#content #post a:hover { text-decoration: underline; }
#content #post section { padding: 6% 0; }
#content #post section h2 { margin: 0; font-weight: 300; font-size: 2.7em; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section h2 { font-size: 2.4em; } }
#content #post section .column p, #content #post section .column ul, #content #post section .column ol, #content #post section .column blockquote { font-size: 1em; line-height: 2.2em; }
#content #post section .column ul, #content #post section .column ol { margin-top: 10px; }
#content #post section .column .btn { margin-top: 15px; }
#content #post section.two-col .column { width: 50%; }
#content #post section.two-col .column.col-copy { float: left; width: 60%; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section.two-col .column.col-copy { float: none; width: 100%; } }
#content #post section.two-col .column.col-img { float: right; width: 35%; }
#content #post section.two-col .column.col-img img { display: block; width: 100%; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section.two-col .column.col-img { float: none !important; margin: 0 auto 30px; width: 45%; } }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post section.two-col .column.col-img { width: 65%; } }
#content #post section.two-col.img-left .column.col-copy { float: right; }
#content #post section.two-col.img-left .column.col-img { float: left; }
#content #post section.tabbed .intro { margin: 0 0 3.5%; font-size: 1.1em; line-height: 1.6em; }
#content #post section.tabbed .tabs { margin: 20px 0; }
#content #post section.tabbed .tabs .tab { float: left; padding: 5px 0; min-width: 200px; border-left: 5px solid #FFF; background: rgba(44, 50, 54, 0.3); text-align: center; cursor: pointer; }
#content #post section.tabbed .tabs .tab:hover { background: rgba(44, 50, 54, 0.4); }
#content #post section.tabbed .tabs .tab.active { background: rgba(44, 50, 54, 0.7); color: #FFF; }
#content #post section.tabbed .tabs .tab:first-child { border: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
#content #post section.tabbed .tabs .tab:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section.tabbed .tabs .tab { min-width: 150px; } }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post section.tabbed .tabs .tab { float: none; margin: 0 0 5px; width: 100%; border: none; } }
#content #post section.table-list table { margin: 3% 0; width: 100%; color: #2c3236; }
#content #post section.table-list table tr th, #content #post section.table-list table tr td { padding: 15px; border-bottom: 1px solid #cccccc; }
#content #post section.table-list table tr th { font-weight: 300; }
#content #post section.table-list table tr th.article-info { text-align: left; }
#content #post section.table-list table tr td * { line-height: 1em; }
#content #post section.table-list table tr td.article-info h4 { margin: 0 0 5px; font-weight: 400; font-size: 1.2em; }
#content #post section.table-list table tr td.article-info h4 a { color: #003768; }
#content #post section.table-list table tr td.article-info p { margin: 0; }
#content #post section.table-list table tr td.model, #content #post section.table-list table tr td.date { text-align: center; }
#content #post section.table-list table tr.odd { background: rgba(0, 0, 0, 0.05); }
#content #post section.grid ul { margin: 30px 0 0; }
#content #post section.grid ul li { float: left; margin: 0 0 2% 2%; width: 23.5%; outline: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid #FFF; background: rgba(0, 0, 0, 0.05); text-align: center; }
#content #post section.grid ul li a { display: block; color: #2c3236; text-decoration: none; }
#content #post section.grid ul li a:hover h3 { text-decoration: underline; }
#content #post section.grid ul li img { display: block; width: 100%; }
#content #post section.grid ul li .text { padding: 10px; }
#content #post section.grid ul li .text h3 { margin: 0 0 5px; font-weight: 700; }
#content #post section.grid ul li .text p { margin: 0; font-size: 0.9em; line-height: 1.2em; }
#content #post section.grid ul li:nth-child(4n+1) { margin-left: 0; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section.grid ul li { margin: 0 0 3% 3%; width: 48.5%; }
  #content #post section.grid ul li:nth-child(4n+1) { margin-left: 3%; }
  #content #post section.grid ul li:nth-child(2n+1) { margin-left: 0; } }
#content #post section.gallery li, #content #post section .gallery li { float: left; margin: 0 0 2% 2%; width: 15%; }
#content #post section.gallery li a, #content #post section .gallery li a { display: block; }
#content #post section.gallery li a img, #content #post section .gallery li a img { display: block; width: 100%; }
#content #post section.gallery li:nth-child(6n+1), #content #post section .gallery li:nth-child(6n+1) { margin-left: 0; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section.gallery li, #content #post section .gallery li { width: 23.5%; }
  #content #post section.gallery li:nth-child(6n+1), #content #post section .gallery li:nth-child(6n+1) { margin-left: 2%; }
  #content #post section.gallery li:nth-child(4n+1), #content #post section .gallery li:nth-child(4n+1) { margin-left: 0; } }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post section.gallery li, #content #post section .gallery li { width: 49%; }
  #content #post section.gallery li:nth-child(6n+1), #content #post section .gallery li:nth-child(6n+1) { margin-left: 2%; }
  #content #post section.gallery li:nth-child(4n+1), #content #post section .gallery li:nth-child(4n+1) { margin-left: 2%; }
  #content #post section.gallery li:nth-child(2n+1), #content #post section .gallery li:nth-child(2n+1) { margin-left: 0; } }
#content #post section.sharpspring-form iframe { width: 100%; margin-top: 40px; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content #post section { padding: 10% 0; } }
#content #post .gform_wrapper { margin: 30px 0; width: 75%; }
#content #post .gform_wrapper .gform_body .gform_fields { margin: 0; padding: 0; border-top: 1px dashed #dddddf; list-style: none; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield { padding: 15px 0; border-bottom: 1px dashed #dddddf; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield label { margin-top: 0; font-weight: 300; line-height: 1.1em; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield input[type='text'], #content #post .gform_wrapper .gform_body .gform_fields .gfield input[type='password'], #content #post .gform_wrapper .gform_body .gform_fields .gfield textarea, #content #post .gform_wrapper .gform_body .gform_fields .gfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 8px; width: 100%; outline: none; border: 1px solid #dddddf; font-weight: 300; font-size: 1.1em; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield input[type='text']:focus, #content #post .gform_wrapper .gform_body .gform_fields .gfield input[type='password']:focus, #content #post .gform_wrapper .gform_body .gform_fields .gfield textarea:focus, #content #post .gform_wrapper .gform_body .gform_fields .gfield select:focus { border: 1px solid #003768; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield select { position: relative; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield select:after { position: absolute; width: 10px; height: 10px; background: #003768; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span { padding-bottom: 5px; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span label { margin-top: 5px; font-size: 0.8em; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span.name_first, #content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span.name_last { width: 35% !important; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span.name_prefix, #content #post .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span.name_suffix { width: 10% !important; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield.gsection { margin: 40px 0 0; padding: 0; border: none; }
#content #post .gform_wrapper .gform_body .gform_fields .gfield.gsection h2 { padding: 10px !important; width: 100%; background: #003768; color: #FFF; font-weight: 400; font-size: 1.2em; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post .gform_wrapper { width: 100%; } }
#content #post hr { margin: 25px 0; padding: 0; height: 5px; border: none; background: url("images/hr-bg.png") center top repeat-x; }
#content #post hr.first { display: none; margin-top: 10%; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content #post hr.first { display: block; } }
#content #post hr.small { height: 3px; }
#content #post .wrap { padding: 0 10%; }
@media screen and (max-width: 1200px), (max-device-width: 1200px) { #content #post .wrap { padding: 0 5%; } }
@media screen and (max-width: 1024px), (max-device-width: 1024px) { #content #post .wrap { padding: 0; } }
#content.model-landing { padding-top: 0; }
#content.model-landing #post a { color: #2c3236; text-decoration: none; }
#content.model-landing #post a:hover { text-decoration: underline; }
#content.model-landing #post header { padding: 5% 0 6%; background: #003768; text-align: center; }
#content.model-landing #post header hgroup h1, #content.model-landing #post header hgroup h2, #content.model-landing #post header hgroup h3 { color: #FFF; font-weight: 300; }
#content.model-landing #post header hgroup h1 { font-size: 4.5em; }
#content.model-landing #post header hgroup h2 { font-family: 'Alegreya', serif; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; margin: 10px 0; font-size: 2em; }
#content.model-landing #post header hgroup h3 { margin: 0; font-size: 1.3em; line-height: 1.6em; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content.model-landing #post header { padding: 15% 0; font-size: 0.9em; } }
#content.model-landing #post section a { color: #003768; font-weight: 400; }
#content.model-landing #post section h3.article-title { margin: 15px 0; font-weight: 300; font-size: 1.7em; }
#content.model-landing #post section#jump-tos { margin-top: -4%; padding-top: 0; }
#content.model-landing #post section#jump-tos ul li { position: relative; float: left; margin: 0 1%; width: 32%; text-align: center; }
#content.model-landing #post section#jump-tos ul li * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#content.model-landing #post section#jump-tos ul li a { position: relative; display: block; }
#content.model-landing #post section#jump-tos ul li a h3 { text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); position: absolute; top: 50%; z-index: 2; margin: 0; padding: 0 30px; width: 100%; color: #FFF; text-align: center; font-weight: 400; font-size: 1.6em; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content.model-landing #post section#jump-tos ul li a h3 { text-shadow: none; position: static; margin-top: 0 !important; padding: 10px 0; padding: 0 0 10px; color: #003768; font-size: 2em; } }
#content.model-landing #post section#jump-tos ul li p { margin: 0 0 10px; }
#content.model-landing #post section#jump-tos ul li img { display: block; width: 100%; }
#content.model-landing #post section#jump-tos ul li img.overlay { position: absolute; z-index: 1; width: 100%; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content.model-landing #post section#jump-tos ul li img { display: none; } }
#content.model-landing #post section#jump-tos ul li:first-child { margin-left: 0; }
#content.model-landing #post section#jump-tos ul li:last-child { margin-right: 0; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content.model-landing #post section#jump-tos ul li:last-child { display: none; } }
#content.model-landing #post section#jump-tos ul li:hover .overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#content.model-landing #post section#jump-tos ul li:hover h3 { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); text-shadow: 0 0 5px black; }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content.model-landing #post section#jump-tos ul li:hover h3 { text-shadow: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content.model-landing #post section#jump-tos ul li { width: 48.5%; } }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content.model-landing #post section#jump-tos ul li { float: none; margin: 10px 0; padding: 20px; width: 100%; background: #dddddf; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content.model-landing #post section#jump-tos { margin-top: -10%; } }
@media screen and (max-width: 420px), (max-device-width: 420px) { #content.model-landing #post section#jump-tos { margin-top: 0; } }
#content.model-landing #post section#virtual-tour .video-embed { margin-top: 20px; }
#content.model-landing #post section#virtual-tour .video-embed.virtual-tour-iframe { border: 3px solid #003768; }
#content.model-landing #post section#virtual-tour .btn { display: none !important; margin: 0 auto; }
@media screen and (max-width: 860px), (max-device-width: 860px) { #content.model-landing #post section#virtual-tour { text-align: center; }
  #content.model-landing #post section#virtual-tour .video-embed, #content.model-landing #post section#virtual-tour h2 { display: none; }
  #content.model-landing #post section#virtual-tour .btn { display: inline-block !important; } }
#content.model-landing #post section .collapse-list { border-top: 1px dashed rgba(44, 50, 54, 0.4); }
#content.model-landing #post section .collapse-list li { border-bottom: 1px dashed rgba(44, 50, 54, 0.4); background-color: #FFF; background-image: url("images/spec-list-arrow-closed.png"); background-position: right 16px; background-repeat: no-repeat; font-size: 1.3em; line-height: 1em; }
#content.model-landing #post section .collapse-list li a { display: block; padding: 10px 0; color: #2c3236; cursor: pointer; }
#content.model-landing #post section .collapse-list li a:hover { text-decoration: none; }
#content.model-landing #post section .collapse-list li ul { margin-bottom: 10px; border: 1px solid rgba(44, 50, 54, 0.5); }
#content.model-landing #post section .collapse-list li ul li { padding: 10px; border: none; font-size: 0.7em; cursor: default; }
#content.model-landing #post section .collapse-list li ul li.even { background: #FFF; }
#content.model-landing #post section .collapse-list li ul li.odd { background: #e1e4e6; }
#content.model-landing #post section .collapse-list li ul li .sub-list { margin: 10px 0 0; padding: 0 10px; background: #FFF; }
#content.model-landing #post section .collapse-list li ul li .sub-list li { padding-left: 0; border-top: 1px dashed rgba(44, 50, 54, 0.5); background: #FFF; font-size: 1.05em; }
#content.model-landing #post section .collapse-list li ul li .sub-list li:first-child { border: none; }
#content.model-landing #post section .collapse-list li ul li .sub-list li .sub-list li { font-size: 0.95em; }
#content.model-landing #post section .collapse-list li.active { background-image: url("images/spec-list-arrow-opened.png"); }
#content.model-landing #post section .toggle-all { display: block; margin-bottom: 5px; text-align: right; cursor: pointer; }
#content.my-tartan #post .controls-box .controls { padding: 10px 0 0; }
#content.my-tartan #post .controls-box .controls .btns { float: right; }
#content.my-tartan #post .controls-box .controls .back-btn { float: left; }
#content.my-tartan #post .errors h4 { margin-bottom: 0; }
#content.my-tartan #post h1 { margin-bottom: 3%; }
#content.my-tartan #post #my-tartan-intro { margin: 5% 0 0; padding: 20px 25px; background: #dddddf; font-size: 1.1em; line-height: 1.8em; }
#content.my-tartan #post form ul { border-top: 1px dashed rgba(0, 55, 104, 0.5); }
#content.my-tartan #post form ul li { padding: 15px 10px; }
#content.my-tartan #post form ul li.field { position: relative; padding-bottom: 10px; border-bottom: 1px dashed rgba(0, 55, 104, 0.5); }
#content.my-tartan #post form ul li.field label { display: block; margin: 0 0 5px; font-weight: 400; line-height: 1em; }
#content.my-tartan #post form ul li.field input, #content.my-tartan #post form ul li.field textarea, #content.my-tartan #post form ul li.field p { margin: 0; padding: 0; font-weight: 300; font-size: 1.35em; }
#content.my-tartan #post form ul li.field input, #content.my-tartan #post form ul li.field textarea { padding: 8px; width: 100%; outline: none; border: 1px solid #dddddf; }
#content.my-tartan #post form ul li.field input[disabled], #content.my-tartan #post form ul li.field textarea[disabled] { padding: 0; border: none; }
#content.my-tartan #post form ul li.field input:focus, #content.my-tartan #post form ul li.field textarea:focus { border: 1px solid #003768; }
#content.my-tartan #post form ul li.field .btn { position: absolute; top: 21px; right: 10px; }
#content.my-tartan #post form ul li.field.complex .field { float: left; margin-left: 2%; width: 49%; }
#content.my-tartan #post form ul li.field.complex .field:first-child { margin-left: 0; }
#content.my-tartan #post form ul li.submit input[type='submit'], #content.my-tartan #post form ul li.submit .btn { width: 175px; }
#content.my-tartan #post #fleet-list.grid ul { margin-bottom: 0; }
#content.my-tartan #post #fleet-list.grid ul li a .text h3 { font-size: 1.3em; }
#content.my-tartan #post #fleet-list.grid ul li a .text p { font-size: 1em; }
#content.my-tartan #post #fleet-list.grid ul li#add-boat { height: auto !important; background: #003768; }
#content.my-tartan #post #fleet-list.grid ul li#add-boat a { display: block; padding: 62px 0; color: #FFF; }
#content.my-tartan #post #fleet-list.grid ul li#add-boat:hover { background: #002a4e; }
#content.my-tartan #post #boat-detail .tabs { margin-top: 0; }
#content.my-tartan #post #boat-detail #overview #boat-photo, #content.my-tartan #post #boat-detail #overview #update-boat-info { width: 48%; }
#content.my-tartan #post #boat-detail #overview #boat-photo { float: right; }
#content.my-tartan #post #boat-detail #overview #boat-photo img { display: block; width: 100%; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form { margin-top: 10px; text-align: center; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form a { display: block; cursor: pointer; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .ugc-inner-wrapper .ugc-input-wrapper { padding: 0; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .success { display: none; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .file-name { display: block; margin-top: 5px; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .file-input-box { position: relative; overflow: hidden; margin: 0 auto; width: 200px; height: 36px; }
#content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .file-input-box input[type='file'], #content.my-tartan #post #boat-detail #overview #boat-photo #photo-upload-form form .file-input-box .error { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; right: 0; font-size: 200px; }
#content.my-tartan #post #boat-detail #overview #update-boat-info { float: left; }
#content.my-tartan #post #boat-detail #overview #update-boat-info ul li.submit { text-align: center; }
#content.my-tartan #post #boat-detail #spec-dropbox ul { border-top: 1px dashed rgba(0, 55, 104, 0.5); }
#content.my-tartan #post #boat-detail #spec-dropbox ul li { padding: 20px; border-bottom: 1px dashed rgba(0, 55, 104, 0.5); }
#content.my-tartan #post #boat-detail #spec-dropbox ul li i, #content.my-tartan #post #boat-detail #spec-dropbox ul li .text { float: left; }
#content.my-tartan #post #boat-detail #spec-dropbox ul li i { margin-right: 20px; font-size: 2.5em; }
#content.my-tartan #post #boat-detail #spec-dropbox ul li .text a { font-size: 1.5em; }
#content.my-tartan #post #boat-detail #spec-dropbox ul li .text p { margin: 0; }
#content.my-tartan #post #boat-detail #spec-dropbox #request-a-document-btn { float: right; margin-top: 10px; }
#content.my-tartan #post #boat-detail #spec-dropbox #request-a-document-form { display: none; width: 400px; }
#content.my-tartan #post #boat-detail #spec-dropbox.no-documents h2 { margin-top: 30px; }
#content.my-tartan #post #boat-detail #spec-dropbox.no-documents #request-a-document-btn { float: none; }
#content.my-tartan #post #boat-detail #galleries .gallery-box { padding: 2%; }
#content.my-tartan #post #boat-detail #galleries .gallery-box h2 { margin: 0; cursor: pointer; }
#content.my-tartan #post #boat-detail #galleries .gallery-box h2 i { float: right; margin-top: 5px; color: #8c99a2; font-size: 0.85em; }
#content.my-tartan #post #boat-detail #galleries .gallery-box .gallery-note { margin: 10px 0 0; font-weight: 300; font-size: 1.1em; line-height: 1.6em; }
#content.my-tartan #post #boat-detail #galleries .gallery-box .gallery { margin-top: 20px; }
#content.my-tartan #post #boat-detail #galleries .gallery-box:first-child { padding-top: 0; }
#content.my-tartan #post #my-profile form { width: 100%; }
#content.my-tartan #post #my-profile form ul li.submit .btn { float: left; }
#content.my-tartan #post #my-profile form ul li.submit input[type='submit'] { float: right; }
#content.my-tartan #post #add-new-boat { margin: 0 auto; width: 70%; }
#content.my-tartan #post #add-new-boat .btn#search-again-btn { float: left; }
#content.my-tartan #post #add-new-boat .btn#cant-find-boat-btn { float: right; }
#content.my-tartan #post #add-new-boat #add-new-boat-form { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 25px; border: 1px solid #001c35; background: #003768; color: #FFF; }
#content.my-tartan #post #add-new-boat #add-new-boat-form h2 { margin-bottom: 10px; font-size: 2.4em; }
#content.my-tartan #post #add-new-boat #add-new-boat-form h4 { margin: 0 0 25px; font-weight: normal; font-size: 1.3em; line-height: 1.3em; }
#content.my-tartan #post #add-new-boat #add-new-boat-form input { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: left; margin-right: 2%; padding: 10px; width: 37%; outline: none; border: 1px solid #dddddf; font-size: 1.1em; font-family: inherit; }
#content.my-tartan #post #add-new-boat #add-new-boat-form input:focus { border: 1px solid #003768; }
#content.my-tartan #post #add-new-boat #add-new-boat-form button { margin-top: 1px; padding: 13px 10px; min-width: 0; width: 22%; background: #001c35; }
#content.my-tartan #post #add-new-boat #add-new-boat-form .ui-button { display: none; }
#content.my-tartan #post #add-new-boat #boat-results { margin: 6% 0; border-top: 1px dashed #dddddf; }
#content.my-tartan #post #add-new-boat #boat-results li { padding: 20px 0; border-bottom: 1px dashed #dddddf; }
#content.my-tartan #post #add-new-boat #boat-results li hgroup { float: left; font-weight: 300; }
#content.my-tartan #post #add-new-boat #boat-results li hgroup h3 { margin: 0 0 10px; color: #003768; font-weight: 400; font-size: 1.8em; }
#content.my-tartan #post #add-new-boat #boat-results li hgroup h4 { margin: 0; font-weight: 300; }
#content.my-tartan #post #add-new-boat #boat-results li .btn { float: right; }
#content.my-tartan.login #post h1 { display: none; }
#content.my-tartan.login #post section { padding: 0; }
#content.sitemap .entry { padding: 4% 0; }
#content.sitemap .entry #models-list { float: left; width: 50%; }
#content.sitemap .entry #models-list ul li { float: left; margin-bottom: 2%; margin-left: 2%; padding: 3px; width: 49%; border: 1px solid #c3c3c6; background: #dddddf; }
#content.sitemap .entry #models-list ul li .model-image { position: relative; display: block; }
#content.sitemap .entry #models-list ul li .model-image h4 { text-shadow: 0 0 3px black; position: absolute; right: 0; bottom: 10px; left: 0; margin: 0; color: #FFF; text-align: center; font-weight: 300; font-size: 1.6em; }
#content.sitemap .entry #models-list ul li .model-image img { display: block; width: 100%; }
#content.sitemap .entry #models-list ul li .model-image:hover h4 { text-decoration: underline; }
#content.sitemap .entry #models-list ul li ul { margin-top: 3px; text-align: center; }
#content.sitemap .entry #models-list ul li ul li { display: inline-block; float: none; margin: 0; padding: 0; width: auto; border: none; }
#content.sitemap .entry #models-list ul li ul li:first-child:after { padding: 0 5px 0 8px; content: '•'; }
#content.sitemap .entry #models-list ul li:nth-child(2n+1) { margin-left: 0; }
#content.sitemap .entry #everything-else { float: right; padding-bottom: 5%; padding-left: 2%; width: 48%; border-left: 1px solid #dddddf; }
#content.sitemap .entry #everything-else ul { border-top: 1px solid #dddddf; }
#content.sitemap .entry #everything-else ul li { padding: 4px 8px; border-bottom: 1px solid #dddddf; font-size: 1.05em; }
#content.sitemap .entry #everything-else ul li a { display: block; }
#content.sitemap .entry #everything-else ul li ul { margin: 0; padding: 0 0 0 20px; border: none !important; list-style: none; }
#content.sitemap .entry #everything-else ul li ul li { padding: 0 !important; border: none !important; background: #FFF !important; font-size: 0.95em; }
#content.four-oh-four #post section { padding: 0; }

/*** FOOTER.SCSS ***/
footer.main { position: relative; z-index: 3; }
footer.main #columns { background: #dddddf; }
footer.main #columns nav { float: left; padding: 0 0 20px; width: 66.333%; }
footer.main #columns nav #menu-1 li { float: left; margin: 0 3%; padding-top: 20px; }
footer.main #columns nav #menu-1 li a { font-family: 'Alegreya', serif; display: block; margin-bottom: 10px; color: #003768; text-decoration: none; font-weight: 700; line-height: 1em; }
footer.main #columns nav #menu-1 li a:hover { text-decoration: underline; }
footer.main #columns nav #menu-1 li #menu-2 li { float: none; margin: 0; padding: 0; }
footer.main #columns nav #menu-1 li #menu-2 li a { font-family: 'Roboto Condensed', sans-serif; margin-bottom: 0; color: #2c3236; white-space: nowrap; font-weight: 400; line-height: 1.7em; font-size: 0.95em; }
footer.main #columns nav #menu-1 li #menu-2 ul { display: none; }
footer.main #columns nav #menu-1 li:first-child { margin-left: 0; }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #columns nav { display: none; } }
footer.main #columns #email-signup { padding: 20px 0; color: #2c3236; float: right; width: 33%; }
footer.main #columns #email-signup h3 { font-family: 'Alegreya', serif; color: #003768; margin: 0 0 10px; font-weight: 700; font-size: 1.1em; }
footer.main #columns #email-signup p { font-size: 0.95em; margin: 0; }
footer.main #columns #email-signup .social-media-links li { float: left; }
footer.main #columns #email-signup .social-media-links li .socicon { font-size: 1.3em; font-weight: bold; padding: 5px; }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #columns #email-signup .social-media-links li { display: inline-block; float: none; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #columns #email-signup { float: none; width: 100%; text-align: center; } }
footer.main #blue-bar { background: #003768; color: #FFF; }
footer.main #blue-bar img { display: block; float: left; }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #blue-bar img { display: none; } }
footer.main #blue-bar .copy { float: left; line-height: 1em; font-size: 0.9em; margin: 21px 0 0 21px; }
footer.main #blue-bar .copy nav { margin-bottom: 5px; }
footer.main #blue-bar .copy nav ul li { float: left; border-left: 1px solid rgba(255, 255, 255, 0.3); padding: 2px 10px; }
footer.main #blue-bar .copy nav ul li a { font-family: 'Alegreya', serif; color: #FFF; text-decoration: none; }
footer.main #blue-bar .copy nav ul li a:hover { text-decoration: underline; }
footer.main #blue-bar .copy nav ul li:first-child { border-left: none; padding-left: 0; }
footer.main #blue-bar .copy nav ul li.fan-box { display: none !important; }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #blue-bar .copy nav ul li { display: inline-block; float: none; border: none; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #blue-bar .copy nav ul { margin-bottom: 15px; } }
@media screen and (max-width: 860px), (max-device-width: 860px) { footer.main #blue-bar .copy { text-align: center; margin: 20px 10px; } }
