@charset "UTF-8";
/*! normalize.css v3.0.2 | 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. */
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700|Montserrat:400,600,700|Oswald:400,500,700);
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, menu, 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-color: 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 { 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 */ /* 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; }

/*:::: (3) GLOBAL STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

strong { font-weight: bold; }

em { font-style: italic; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, container { display: block; box-sizing: border-box; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Skeleton V2.0.4 Copyright 2014, Dave Gamache www.getskeleton.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php 12/29/2014 */
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.column, .columns { width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) { .container { width: 85%; padding: 0; } }

/* For devices larger than 550px */
@media (min-width: 550px) { .container { width: 80%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }

body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem; }

h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }

h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }

h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }

h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }

h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) { h1 { font-size: 5.0rem; } h2 { font-size: 4.2rem; } h3 { font-size: 3.6rem; } h4 { font-size: 3.0rem; } h5 { font-size: 2.4rem; } h6 { font-size: 1.5rem; } }

p { margin-top: 0; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #1EAEDB; }

a:hover { color: #0FA0CE; }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; }

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; }

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { list-style: circle inside; }

ol { list-style: decimal inside; }

ol, ul { padding-left: 0; margin-top: 0; }

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }

li { margin-bottom: 1rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }

pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button { margin-bottom: 1rem; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/* CSS Document */
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } }

.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/*::::::::: additional transition zoom effect css :::::::*/
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

.trans_slow_3sec { transition: all 3s ease-in-out; }

.trans_slow { transition: all 1s ease-in-out; }

.trans_medium, section.promo, footer form input[type="submit"], footer form, .promo_text, a, a.visited, header.container .jf_mm_trigger.jf_mm_rtl, header.container .phone, header.container .logo a img, header.container .logo, header.container { transition: all 0.5s ease-in-out; }

.trans_fast, #cssmenu ul ul li a, .gallery_grid a .nav_tip, .gallery_grid a img { transition: all 0.1s ease-in-out; }

.g_grid { width: 100%; margin-bottom: 1rem; }

.g_grid .g_item { width: 49%; display: inline-block; padding: 0 .5rem 0 0; margin-bottom: 1.75rem; vertical-align: top; }

.g_grid .g_item:nth-child(3n+2) { padding: 0 0 0 .5rem; margin-bottom: 1rem; }

.g_grid .g_item.cta_sculpture form { padding-top: 40%; }

.g_grid .g_item a { padding: 0; text-align: center; color: #666666; }

.g_grid .g_item a img { display: block; width: 100%; height: auto; }

.g_grid .g_item a .g_name { font-weight: 700; margin: .5rem 0; }

.g_grid .g_item a .g_details { line-height: 120%; font-size: .875rem; }

@media (min-width: 550px) { .g_grid .g_item { width: 32.7%; } .g_grid .g_item:nth-child(3n+1) { padding: 0 .5rem 0 0; } .g_grid .g_item:nth-child(3n+2) { padding: 0 .25rem 0; } .g_grid .g_item:nth-child(3n+3) { padding: 0 0 0 .5rem; } }

@media (min-width: 750px) { .g_grid .g_item { width: 24.5%; } .g_grid .g_item:nth-child(3n+1) { padding: 0 .5rem 0 0; } .g_grid .g_item:nth-child(3n+2) { padding: 0 .25rem 0; } .g_grid .g_item:nth-child(3n+3) { padding: 0 .25rem 0; } .g_grid .g_item:nth-child(3n+4) { padding: 0 0 0 .5rem; } }

body, html { overflow-x: hidden; }

.print_footer { display: none; }

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

.container { padding-right: 4%; padding-left: 4%; padding-top: 1rem; z-index: 10; background-color: #fff; width: 100%; }

header.container { background-color: rgba(0, 0, 0, 0.8); z-index: 9999; position: fixed; top: 0; width: 100%; height: 4rem; }

header.container .logo { max-width: 65%; height: auto; position: absolute; top: 1.75rem; left: 5%; }

header.container .logo a img { width: 100%; }

header.container img.hide-desk { display: none !important; }

header.container img.hide-mobile { display: inline !important; }

header.container .desk_phone { display: none; position: absolute; }

header.container .phone { position: absolute; right: 16%; top: 1.75rem; padding-top: .25rem; padding-right: 3%; border-right: 2px solid #FFBA00; }

header.container .phone .tablet { display: none; position: absolute; }

header.container .jf_mm_trigger.jf_mm_rtl { position: absolute; right: 4%; top: 1.75rem; background: none; color: #FFBA00; }

header.container.shrink { height: 3rem; background-color: black; }

header.container.shrink .logo { top: .625rem; height: 80%; width: auto; }

header.container.shrink .phone { top: .5rem; }

header.container.shrink .jf_mm_trigger.jf_mm_rtl { top: .5rem; }

@media (min-width: 400px) { header.container .phone { right: 14%; } header.container .logo { max-width: 55%; } }

@media (min-width: 550px) { header.container .logo { max-width: 30%; } header.container .phone { padding-right: 3%; right: 11%; } }

@media (min-width: 750px) { .container { max-width: 100%; } .container .row { max-width: 1000px; margin: 2rem auto; } header.container { height: 6rem; } header.container .row { margin-top: 0; margin-bottom: 0; } header.container .row .logo { max-width: 45%; top: 50%; } header.container .row .logo a img { width: 100%; } header.container .row img.hide-desk { display: inline !important; } header.container .row img.hide-mobile { display: none !important; } header.container .row .phone { top: 57%; right: 26%; border-right: 0; } header.container .row .phone .tablet { display: block; white-space: nowrap; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; border-right: 2px solid #FFBA00; padding-right: 1rem; margin-right: 1rem; } header.container .row .phone .mobile { display: none; } header.container .row .jf_mm_trigger.jf_mm_rtl { top: 59%; } header.container.shrink { height: 4rem; } header.container.shrink .logo { top: 28%; max-width: 32%; height: auto; } header.container.shrink .phone { top: 35%; } header.container.shrink .jf_mm_trigger.jf_mm_rtl { top: 38%; } }

@media (min-width: 1000px) { header.container { position: relative; } header.container .row .twelve.columns { position: relative; height: 5.5rem; } header.container .row .twelve.columns .logo { max-width: 35%; position: absolute; top: 42%; left: 0; } header.container .row .twelve.columns .desk_phone { display: block; position: absolute; top: 0; right: 0; text-align: right; padding-right: .8rem; } header.container .row .twelve.columns .main_menu { bottom: .5rem; right: 0; } }

section.container.focus { margin-top: 80vh; padding-bottom: 3rem; }

@media (min-width: 750px) { section.container.focus { margin-top: 87vh; } }

body.catid-9 section.container.focus { margin-top: 0; padding-top: 0; }

footer.container { background: #333333; border-top: 1px solid #D6D6D6; box-shadow: 0 -3px 0 #333333; }

footer.container .columns { margin-top: 1.5rem; }

footer.container .columns ul li { display: inline-block; }

footer.container .columns .nav { margin: 0 0 1rem; }

footer.container .columns .nav li { display: block; width: 100%; }

footer.container .columns#affiliations li { display: inline-block; width: 23%; }

footer.container .columns#affiliations li img { width: 100%; height: 100%; display: inline-block; }

footer.container .columns#affiliations li img:hover { opacity: .7; }

footer.container .columns#affiliations li img.cca { background: url(/images/aff_cca.png) no-repeat; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; }

footer.container .columns#affiliations li img.tu { background: url(/images/aff_tu.png) no-repeat; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; }

footer.container .columns#affiliations li img.yd { background: url(/images/aff_yd.png) no-repeat; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; }

footer.container .columns#affiliations li img.btt { background: url(/images/aff_btt.png) no-repeat; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; }

footer.container .credits .columns { border-top: 1px solid #666666; padding: .125rem 2rem; }

footer .social { display: table; }

footer .social ul { display: table-row; }

footer .social ul li { display: table-cell; display: inline-block; width: 25%; padding: 0 .75rem; }

footer .social ul li a:hover img { opacity: .6; }

@media (min-width: 550px) { footer .social ul li { padding: 0 .25rem; } }

@media (min-width: 750px) { footer .four.columns:nth-child(3n+1) { padding-right: 1rem; } footer .four.columns:nth-child(3n+2) { padding-right: .5rem; padding-left: .5rem; } footer .four.columns:nth-child(3n+3) { padding-left: 1rem; } footer div { transition: all 1s ease-in-out; } footer.container .columns#affiliations li { width: 48%; } }

@media (min-width: 1000px) { footer .social ul li { padding: 0 .75rem 0 .25rem; } footer.container .columns#affiliations li { width: 23%; } }

.gallery_grid { width: 100%; margin-bottom: 2rem; }

.gallery_grid a { display: inline-block; vertical-align: top; width: 33.3%; font-size: 0; line-height: 0; padding: 0; margin: 0; }

.gallery_grid a { position: relative; }

.gallery_grid a img { z-index: 200; position: relative; }

.gallery_grid a:hover img { opacity: .5; }

.gallery_grid a .nav_tip { display: none; }

.gallery_grid a:nth-child(3n+1) { padding: 1% 1% .5% 0; }

.gallery_grid a:nth-child(3n+2) { padding: 1% .5% .5%; }

.gallery_grid a:nth-child(3n+3) { padding: 1% 0 .5% 1%; }

@media (min-width: 750px) { .gallery_grid { margin-top: -.75rem; } .gallery_grid a:hover img { opacity: 100; width: 96%; margin: 5% 2% 0 2%; } .gallery_grid a .nav_tip { display: block; color: rgba(0, 0, 0, 0); position: absolute; top: 6%; left: 0; width: 100%; text-align: center; font-size: 1rem; width: 100%; } .gallery_grid a:hover .nav_tip { color: black; } }

@media (min-width: 1000px) { .gallery_grid { width: 100%; margin-bottom: 2rem; margin-top: -.25rem; } }

div.recent { padding-bottom: 2rem; }

.hp_modules ul li { list-style-type: none; display: inline-block; width: 100%; }

.hp_modules ul li .two_col { width: 100%; }

.hp_modules ul li .two_col h2 { display: none; }

@media (min-width: 750px) { .gallery_grid a:nth-child(3n+1) { padding: 2% 2% 1% 0; } .gallery_grid a:nth-child(3n+2) { padding: 2% 1% 1%; } .gallery_grid a:nth-child(3n+3) { padding: 2% 0 1% 2%; } .hp_modules { width: 100%; } .hp_modules ul li { list-style-type: none; display: inline-block; width: 33.3%; vertical-align: top; padding: 0; margin: 0; } .hp_modules ul li:nth-child(3n+1) { padding: 1% 2% .5% 0; } .hp_modules ul li:nth-child(3n+2) { padding: 1% 1% .5%; } .hp_modules ul li:nth-child(3n+3) { padding: 1% 0 .5% 2%; } }

body.catid-9 section.container.focus .columns { width: 100%; }

.blog .items-row { padding-bottom: 3rem; }

section.container.breadcrumbs { width: 100%; margin-top: 4rem; padding-top: .125rem; background-color: #666666; color: #D6D6D6; font-family: "Montserrat", helvetica, sans-serif; font-weight: 500; text-transform: uppercase; font-size: .6125rem; z-index: 100; overflow: hidden; }

section.container.breadcrumbs .twelve.columns ul { margin: 0; list-style-type: none; white-space: nowrap; height: 1.5rem; }

section.container.breadcrumbs .twelve.columns ul li { display: inline-block; overflow: hidden; list-style-type: none; padding-left: .25rem; }

section.container.breadcrumbs .twelve.columns ul li a { color: #F4C464; }

section.container.breadcrumbs .twelve.columns ul li a:hover, section.container.breadcrumbs .twelve.columns ul li a:active, section.container.breadcrumbs .twelve.columns ul li a:focus { color: #FFBA00; }

section.container.breadcrumbs .twelve.columns ul li a, section.container.breadcrumbs .twelve.columns ul li span { display: inline-block; padding: 0 .125rem; }

section.container.breadcrumbs .twelve.columns ul li:nth-child(8n+1) { display: none; }

section.container.breadcrumbs .twelve.columns ul li:nth-child(8n+2) { padding-left: 0; }

.catid-9 section.container.focus img { width: 110%; margin: auto -5% auto -5%; padding: auto -5% auto -5% !important; min-width: 110%; }

.catid-9 section.container.focus .four.columns { /* .moduletable.tag_cloud { padding-top: 2rem;  ul { li { list-style-type: none; display: inline-block; a{ } span.tag-count { &:before { content: "("; } &:after { content: ")"; } } } } } */ }

.catid-9 section.container.focus .four.columns .moduletable.blog_recent_posts { padding-top: 2rem; }

.catid-9 section.container.focus .four.columns .moduletable.blog_recent_posts ul li { list-style: none; }

.catid-9 section.container.focus .four.columns .moduletable.social { display: none; }

@media (min-width: 550px) { section.container.breadcrumbs { width: 100%; } }

@media (min-width: 750px) { body.catid-9 section.container.breadcrumbs { margin-top: 6rem; } body.catid-9 section.container.focus .eight.columns { width: 65.3333%; } body.catid-9 section.container.focus .eight.columns img { width: 100%; margin: 0; padding: 0 !important; min-width: 100%; } body.catid-9 section.container.focus .four.columns { width: 30.6667%; } body.catid-9 section.container.focus .four.columns .moduletable { width: 100%; padding: 0 0 0 1.5rem; } body.catid-9 section.container.focus .four.columns .moduletable.social { display: block; padding-top: 1.5rem; } body.catid-9 section.container.focus .four.columns .moduletable.social h4 { display: none; } body.catid-9 section.container.focus .four.columns .moduletable.social .social ul { list-style-type: none; margin: 0; padding: 0; } body.catid-9 section.container.focus .four.columns .moduletable.social .social ul li { display: inline-block; } body.catid-9 section.container.focus .four.columns .moduletable.related ul { list-style-type: none; } body.catid-9 section.container.focus .four.columns .moduletable.related ul li a { font-family: "Montserrat", helvetica, sans-serif; font-size: .9125rem; } body.catid-9 section.container.focus .four.columns .moduletable.os ul li { width: 100%; display: block; text-align: left; } body.catid-9 section.container.focus .four.columns .moduletable.os ul li:hover a { padding-left: .25rem; text-decoration: underline; } body.catid-9 section.container.focus .four.columns .moduletable.os ul li a { font-size: .9125rem; font-weight: 500; padding: .25rem 0; } }

@media (min-width: 1000px) { body.catid-9 header.container { height: 6.5rem; } body.catid-9 section.container.breadcrumbs { margin-top: 0; } }

div.two_col { width: 100%; }

@media (min-width: 750px) { div.two_col { width: 49%; display: inline-block; vertical-align: top; padding: 0 1rem 0 0; } div.two_col:nth-child(3n+2) { padding: 0 0 0 1rem; } }

html { font-size: 62.5%; }

body { background-color: #ffffff; font-family: "Josefin Sans", Helvetica, sans-serif; color: #606060; font-size: 1rem; line-height: 140%; font-weight: 400; }

@media screen and (max-width: 500px) { html, body { font-size: 16px; } }

@media screen and (min-width: 500px) { html, body { font-size: 16px; } }

@media screen and (min-width: 800px) { html, body { font-size: 16px; } }

@media screen and (min-width: 1000px) { html, body { font-size: 16px; } }

h1, h2, h3, h4, h5, h6 { line-height: 120%; font-family: "Oswald", helvetica, sans-serif; margin: 0 0 .6rem 0; }

h1 { font-size: 1.5rem; line-height: 110%; letter-spacing: .01rem; font-family: "Josefin Sans", Helvetica, sans-serif; text-transform: uppercase; padding: .5rem 0 0 0; }

h2 { font-size: 1.4rem; line-height: 110%; letter-spacing: .01rem; font-family: "Josefin Sans", Helvetica, sans-serif; font-weight: 700; text-align: left; margin: 2rem 0 .5rem; }

.catid-9 h2 { text-align: left; line-height: 110%; margin-top: .5rem; font-size: 1.5rem; }

.itemid-104 h2 { color: #4E6EA2; }

h3 { font-size: 1.25rem; letter-spacing: 0; line-height: 120%; color: #586D90; font-weight: 500; }

h4, .login-description { font-size: 1.2rem; line-height: 130%; letter-spacing: .03rem; font-family: "Oswald", helvetica, sans-serif; text-transform: uppercase; }

h4 { margin: 0 0 .25em; line-height: 2em; padding: 0; position: relative; overflow: hidden; }

h4:before, h4:after { content: " "; position: absolute; top: 50%; margin-left: -999em; height: 2px; width: 998.5em; border-top: 1px solid #D6D6D6; }

h4:after { left: auto; width: 999em; margin: 0 0 0 .5em; }

body.catid-9 .focus .four.columns h4, body.itemid-106 .two_col h4 { text-align: center; color: #666666; }

body.catid-9 .focus .four.columns h4:before, body.catid-9 .focus .four.columns h4:after, body.itemid-106 .two_col h4:before, body.itemid-106 .two_col h4:after { border-top: 2px solid #666666; }

footer h4 { color: #D6D6D6; text-align: center; }

body.catid-10 section.focus h4 { text-align: center; }

@media (min-width: 750px) { body.catid-9 .focus .four.columns h4 { text-align: left; } }

h5 { font-size: .9125rem; line-height: 130%; letter-spacing: .01rem; font-family: "Josefin Sans", Helvetica, sans-serif; color: #666666; text-transform: uppercase; margin: 0; padding-bottom: 0; }

body.itemid-101 h5 { font-weight: 700; font-size: 1rem; text-align: center; }

@media (min-width: 750px) { body.itemid-101 h5 { padding-top: 1rem; text-align: left; } }

h6 { font-size: 1rem; line-height: 130%; letter-spacing: 0; }

p { padding: .25rem 0 .75rem 0; line-height: 150%; margin-bottom: 0; font-family: "Montserrat", helvetica, sans-serif; font-size: .9125rem; font-weight: 500; color: #606060; }

.moduletable p { margin-bottom: 0; }

dl { margin-bottom: 0; font-size: .75rem; font-family: "Montserrat", helvetica, sans-serif; text-transform: uppercase; color: #999999; line-height: 100%; margin: 0 0 .5rem 0; }

ul.tags { display: none; }

hr { border: 1px solid #E6E6DF; background-color: #d0cfcf; height: 1px; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }

blockquote { padding: 2rem 10%; font-size: 1.25rem; line-height: 140%; margin-bottom: 0; }

blockquote :first-child, blockquote :last-child { margin-bottom: 0; }

blockquote .quoted { font-family: "Montserrat", helvetica, sans-serif; font-size: 1.125rem; font-weight: 600; text-align: right; line-height: 110%; padding: .5rem 0 0 0; }

blockquote .quoted span { font-size: .875rem; line-height: 100%; font-weight: 500; color: #606060; }

.pagination, .pagination * { font-family: "Montserrat", helvetica, sans-serif; }

a, a.visited { color: #586D90; text-decoration: none; outline: 0; }

a:hover, a:active { outline: none; color: #000; }

header a { color: #FFBA00; }

header a:hover, header a:active, header a.active, header a.current { color: #D6D6D6; text-decoration: underline; }

header #cssmenu > ul > li:hover > a, header #cssmenu > ul > li.active > a, header .active > a, header .current > a { color: #D6D6D6; }

footer a { color: #F4C464; }

footer a:hover, footer a:active { color: #FFBA00; text-decoration: underline; }

.readmore, .read_more { font-family: "Montserrat", helvetica, sans-serif; text-transform: uppercase; font-weight: 600; font-size: 0.875rem; color: #586D90; text-align: center; padding: .25rem 1rem 1.5rem; display: block; width: 100%; }

.recent p a { display: block; text-align: right; font-weight: bold; text-transform: uppercase; }

@media (min-width: 750px) { footer .columns { text-align: left; } footer .columns h4 { text-align: left; } footer .columns.affiliations { text-align: center; } .recent .article_content, .split_columns { -moz-columns: 2; columns: 2; vertical-align: top; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } }

.small { font-size: 80% !important; }

.smaller { font-size: 65% !important; }

.shadow_black { text-shadow: 1px 1px 0px black; }

.shadow_gray { text-shadow: 1px 1px 0px #646464; }

.shadow_white { text-shadow: 1px 1px 0px white; }

div[itemprop="articleBody"] p:first-child:first-letter { /* float: left;  color: #903;  font-size: 6rem;  line-height: 100%;  padding-top: 0;  padding-right: .75rem;  padding-left: 0;  font-family: Georgia;  font-weight: 700; */ }

@media screen and (min-width: 800px) { .two-content-col { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; vertical-align: top; } .three-content-col { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; vertical-align: top; } }

header .fa-1dot5x { font-size: 1.5rem !important; line-height: 1.5rem !important; }

header .desk_phone { color: #999999; font-weight: 700; font-size: 1.125rem; }

header .main_menu a { font-family: "Montserrat", helvetica, sans-serif; font-size: .925rem; }

header .main_menu a:hover { text-decoration: none; }

header #jf_mm_menu nav h2 { padding: 1.5rem 1.5rem 1rem 1.5rem; margin-bottom: 0; text-align: left; text-transform: uppercase; background-color: #666666; color: #D6D6D6; }

header #jf_mm_menu nav ul li { margin-bottom: 0; }

header #jf_mm_menu nav ul li a { color: #ffffff; font-size: 1rem; letter-spacing: 0.01rem; padding: 1.125rem .625rem .875rem 1.5rem; text-align: left; }

header #jf_mm_menu nav ul li a:hover { color: #FFBA00; text-decoration: none; }

header #jf_mm_menu nav li.current a { color: #F4C464; }

header #jf_mm_menu nav li.current a:hover { color: #FFBA00; text-decoration: none; }

.promo_text { font: "Josefin Sans", Helvetica, sans-serif; font-size: 1.125rem; color: #F4C464; line-height: 120%; font-weight: 700; letter-spacing: 0.05rem; padding: 1.5rem 2.5rem 1.25rem 1.5rem; }

.os { margin-top: 3rem; }

.os ul li { text-align: center; list-style-type: none; margin-bottom: 0; }

.os ul li a { font-family: "Montserrat", helvetica, sans-serif; font-size: 1rem; text-transform: uppercase; font-weight: 600; display: block; padding-top: .5rem; padding-bottom: .5rem; }

.os ul li a:hover { text-decoration: none; }

@media (min-width: 1000px) { body.itemid-102 div[itemprop="articleBody"] { -moz-columns: 2; columns: 2; vertical-align: top; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } body.itemid-102 div[itemprop="articleBody"] p:nth-of-type(3n) { display: inline-block; } }

body.catid-10 .mfp-title { padding: .5rem; text-align: center; }

body.catid-10 .mfp-title h5 { text-align: center; color: #ffffff; font-weight: 700; font-size: 1rem; }

body.catid-10 .mfp-title h6 { text-align: center; color: #D6D6D6; font-family: "Josefin Sans", Helvetica, sans-serif; margin-bottom: 0; }

body.catid-10 .mfp-title p { text-align: center; width: 100%; margin: 0 auto; -moz-columns: 1; columns: 1; vertical-align: top; }

@media (min-width: 750px) { .os ul li { width: 33%; display: inline-block; } }

@media (min-width: 1000px) { .os ul li { width: 25%; display: inline-block; } }

footer { font-family: "Montserrat", helvetica, sans-serif; color: #ffffff; font-size: 0.875rem; line-height: 140%; font-weight: 400; text-align: center; }

footer .footer_phone { color: #ffffff; font-size: 1rem; font-weight: 600; }

footer ul { margin-bottom: 0; }

footer ul a { color: #F4C464; }

footer .credits { font-size: .75rem; margin-top: 1rem; color: #999999; }

footer .credits .columns { padding-top: .25rem; margin-top: 0; }

footer .credits .columns p { text-align: center; color: #D6D6D6; opacity: .75; }

.newsflash .date { font-family: "Montserrat", helvetica, sans-serif; font-size: .6875rem; color: #999999; font-weight: 200; margin-top: -.75rem; }

@media (min-width: 750px) { #jf_mm_menu nav ul li a { padding: 1.125rem .625rem 1rem 1.5rem; font-size: 1rem; } }

.left { float: left; margin: .4rem .4rem .5rem 0; padding: 0 2rem 1rem 0; max-width: 55%; }

.left img { max-width: 100%; height: auto; }

.right { float: right; margin: .4rem 0 .5rem .4rem; padding: 0 0 1rem 2rem; max-width: 55%; }

.right img { max-width: 100%; height: auto; }

.callout_right { float: right; width: 45%; font-size: 2.25rem; line-height: 2.5rem; padding: .25rem 0 1.5rem 1rem; }

.callout_left { float: left; width: 45%; font-size: 2.25rem; line-height: 2.5rem; padding: .25rem 1rem 1.5rem 0; }

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

.img_right { float: right; width: 45%; padding: .25rem 0 1.5rem 2rem; }

.img_right img { max-width: 100%; height: auto; }

.img_right p { font-size: .75rem; font-style: italic; }

.readmore::after { content: '\25BA'; }

.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

.u-pull-right { float: right; }

.u-pull-left { float: left; }

.pull-left, .pull-right { float: unset !important; }

.mfp-bg { z-index: 10000; }

.mfp-wrap { z-index: 10001; }

ul.breadcrumb li { display: inline-block; list-style: none; margin: 0; padding: 0; }

.counter.pull-right, .counter.pull-right * { box-sizing: border-box; }

.counter.pull-right { clear: both; float: left; width: 100%; text-align: center; margin: 0; padding: 0; }

.pagination-list { margin: 0 auto; width: 100%; text-align: center; }

ul.pagination-list li { list-style: none; display: inline; }

.pagenav { text-decoration: none; padding: 0 .3rem; }

.active.hidden-phone > a, .hidden-phone > a:hover { font-weight: bold; }

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }

.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* cool way to check for empty links, alt, etc * div:empty, span:empty, li:empty, p:empty, td:empty, th:empty {padding: 0.5em; background: yellow; } [style], font, center {outline: 5px solid red; } [class=""], *[id=""] {outline: 5px dotted red; } img[alt=""] {border: 3px dotted red; } img:not([alt]) {border: 5px solid red; } img[title=""] {outline: 3px dotted fuchsia; } img:not([title]) {outline: 5px solid fuchsia; } table:not([summary]) {outline: 5px solid red; } table[summary=""] {outline: 3px dotted red; } th {border: 2px solid red; } th[scope="col"], th[scope="row"] {border: none; } a[href]:not([title]) {border: 5px solid red; } a[title=""] {outline: 3px dotted red; } a[href="#"] {background: lime; } a[href=""] {background: fuchsia; } */
/* // Empty Elements  div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding: 20px; border: 5px dotted yellow !important; } // Empty Attributes  [alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"] { border: 5px solid yellow !important; } // Deprecated Elements  applet, basefont, center, dir, font, isindex, menu, s, strike, u { border: 5px dotted red !important; } // Deprecated Attributes  [background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start], [bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink], [align], *[valign], [hspace], *[vspace], [height], *[width], ul[type], ol[type], li[type] { border: 5px solid red !important; } // Proposed Deprecated Elements  input[type="button"], big, tt { border: 5px dotted #33FF00 !important; } // Proposed Deprecated Attributes  [border], a[target], table[cellpadding], table[cellspacing], *[name] { border: 5px solid #33FF00 !important; } */
.dude { position: absolute; left: -4000px; }

footer form { margin: 1rem 0 0 0; width: 100%; vertical-align: top; }

footer form input[type="email"], footer form input[type="number"], footer form input[type="search"], footer form input[type="text"], footer form input[type="tel"], footer form input[type="url"], footer form input[type="password"], footer form textarea, footer form select { border: 0; }

footer form input[type="text"] { padding: .3rem .5rem .2rem .5rem; width: 75%; background-color: #D6D6D6; color: #606060; font-size: 1rem; height: 2.5rem; border-radius: 0; vertical-align: top; }

footer form input[type="text"]:focus { background-color: #666666; border: 1px solid #F4C464; color: #ffffff; }

footer form input[type="submit"] { background-color: #4E6EA2; color: #D6D6D6; width: 15%; height: 2.5rem; border-radius: 0; vertical-align: top; border: 2px solid #D6D6D6; font-size: 1rem; display: inline-block; padding: 0px; }

footer form input[type="submit"]:focus { color: #F4C464; background-color: #75844a; border: 1px solid #F4C464; }

footer form input[type="submit"]:hover { color: #F4C464; background-color: #4E6EA2; }

.login form { padding: 1.25rem 0 0; margin: 0; }

.login form .control-label { width: 130px; }

.login form .control-label, .login form .controls { display: inline-block; }

body.com_users ul.nav-tabs.nav-stacked { list-style: none; }

body.com_users ul.nav-tabs.nav-stacked li { display: inline-block; }

body.com_users ul.nav-tabs.nav-stacked li a { padding: .5rem 1rem; }

@media (min-width: 750px) { footer form input[type="submit"] { width: 25%; } }

body.itemid-106 section.focus h1, body.itemid-107 section.focus h1, body.itemid-108 section.focus h1 { font-size: 1.25rem; margin-bottom: 1rem; }

body.itemid-106 section.focus .two_col, body.itemid-107 section.focus .two_col, body.itemid-108 section.focus .two_col { width: 100%; margin-bottom: 1rem; }

body.itemid-106 section.focus .two_col .cmod, body.itemid-107 section.focus .two_col .cmod, body.itemid-108 section.focus .two_col .cmod { width: 100%; padding-bottom: 1.5rem; }

body.itemid-106 section.focus .two_col .cmod.c_phone .mod_h, body.itemid-107 section.focus .two_col .cmod.c_phone .mod_h, body.itemid-108 section.focus .two_col .cmod.c_phone .mod_h { background: url(/templates/fowler/images/c_phone_med_lt.png) no-repeat; background-size: 42px 51px; background-position: 30% -.5rem; }

body.itemid-106 section.focus .two_col .cmod.c_mailing .mod_h, body.itemid-107 section.focus .two_col .cmod.c_mailing .mod_h, body.itemid-108 section.focus .two_col .cmod.c_mailing .mod_h { background: url(/templates/fowler/images/c_location_med_lt.png) no-repeat; background-size: 42px 51px; background-position: 30% .125rem; }

body.itemid-106 section.focus .two_col .cmod.c_email .mod_h, body.itemid-107 section.focus .two_col .cmod.c_email .mod_h, body.itemid-108 section.focus .two_col .cmod.c_email .mod_h { background: url(/templates/fowler/images/c_email_med_lt.png) no-repeat; background-size: 42px 51px; background-position: 30% .5rem; }

body.itemid-106 section.focus .two_col .cmod .mod_h, body.itemid-106 section.focus .two_col .cmod .mod_c, body.itemid-107 section.focus .two_col .cmod .mod_h, body.itemid-107 section.focus .two_col .cmod .mod_c, body.itemid-108 section.focus .two_col .cmod .mod_h, body.itemid-108 section.focus .two_col .cmod .mod_c { display: inline-block; vertical-align: top; }

body.itemid-106 section.focus .two_col .cmod .mod_h, body.itemid-107 section.focus .two_col .cmod .mod_h, body.itemid-108 section.focus .two_col .cmod .mod_h { width: 25%; padding-right: 1.5rem; padding-top: 60px; text-align: center; }

body.itemid-106 section.focus .two_col .cmod .mod_h h6, body.itemid-107 section.focus .two_col .cmod .mod_h h6, body.itemid-108 section.focus .two_col .cmod .mod_h h6 { display: none; }

body.itemid-106 section.focus .two_col .cmod .mod_c, body.itemid-107 section.focus .two_col .cmod .mod_c, body.itemid-108 section.focus .two_col .cmod .mod_c { width: 72%; }

body.itemid-106 section.focus .two_col .cmod .mod_c strong, body.itemid-107 section.focus .two_col .cmod .mod_c strong, body.itemid-108 section.focus .two_col .cmod .mod_c strong { font-weight: 700; }

body.itemid-106 section.focus .two_col .cmod .mod_c .c_phone a, body.itemid-107 section.focus .two_col .cmod .mod_c .c_phone a, body.itemid-108 section.focus .two_col .cmod .mod_c .c_phone a { color: #606060; font-weight: 700; }

body.itemid-106 section.focus .two_col .c_email span a, body.itemid-107 section.focus .two_col .c_email span a, body.itemid-108 section.focus .two_col .c_email span a { display: inline-block; margin-bottom: .5rem; }

body.itemid-106 section.focus .input-section h6, body.itemid-106 section.focus .input-section input, body.itemid-106 section.focus .input-section textarea, body.itemid-107 section.focus .input-section h6, body.itemid-107 section.focus .input-section input, body.itemid-107 section.focus .input-section textarea, body.itemid-108 section.focus .input-section h6, body.itemid-108 section.focus .input-section input, body.itemid-108 section.focus .input-section textarea { width: 100%; font-family: "Montserrat", helvetica, sans-serif; }

body.itemid-106 section.focus .input-section h6, body.itemid-107 section.focus .input-section h6, body.itemid-108 section.focus .input-section h6 { margin-bottom: .25rem; }

body.itemid-106 section.focus .input-section input, body.itemid-106 section.focus .input-section textarea, body.itemid-107 section.focus .input-section input, body.itemid-107 section.focus .input-section textarea, body.itemid-108 section.focus .input-section input, body.itemid-108 section.focus .input-section textarea { border: 1px solid #666666; border-radius: 4px; font-size: 1rem; padding: .75rem .5rem .5rem; height: unset; }

body.itemid-106 section.focus .input-section textarea, body.itemid-107 section.focus .input-section textarea, body.itemid-108 section.focus .input-section textarea { height: 7rem; }

body.itemid-106 section.focus input[type="email"]:active, body.itemid-106 section.focus input[type="number"]:active, body.itemid-106 section.focus input[type="tel"]:active, body.itemid-106 section.focus input[type="email"]:focus, body.itemid-106 section.focus input[type="number"]:focus, body.itemid-106 section.focus input[type="tel"]:focus, body.itemid-106 section.focus input[type="text"]:active, body.itemid-106 section.focus input[type="text"]:focus, body.itemid-106 section.focus textarea:active, body.itemid-106 section.focus textarea:focus, body.itemid-107 section.focus input[type="email"]:active, body.itemid-107 section.focus input[type="number"]:active, body.itemid-107 section.focus input[type="tel"]:active, body.itemid-107 section.focus input[type="email"]:focus, body.itemid-107 section.focus input[type="number"]:focus, body.itemid-107 section.focus input[type="tel"]:focus, body.itemid-107 section.focus input[type="text"]:active, body.itemid-107 section.focus input[type="text"]:focus, body.itemid-107 section.focus textarea:active, body.itemid-107 section.focus textarea:focus, body.itemid-108 section.focus input[type="email"]:active, body.itemid-108 section.focus input[type="number"]:active, body.itemid-108 section.focus input[type="tel"]:active, body.itemid-108 section.focus input[type="email"]:focus, body.itemid-108 section.focus input[type="number"]:focus, body.itemid-108 section.focus input[type="tel"]:focus, body.itemid-108 section.focus input[type="text"]:active, body.itemid-108 section.focus input[type="text"]:focus, body.itemid-108 section.focus textarea:active, body.itemid-108 section.focus textarea:focus { border-color: #4E6EA2; background-color: #efefef; }

body.itemid-106 section.focus input[type="submit"], body.itemid-107 section.focus input[type="submit"], body.itemid-108 section.focus input[type="submit"] { margin: 0 auto; text-align: center; display: block; background-color: #FFBA00; color: #4E6EA2; font-weight: 700; }

body.itemid-106 section.focus input[type="submit"]:hover, body.itemid-106 section.focus input[type="submit"]:active, body.itemid-106 section.focus input[type="submit"]:focus, body.itemid-107 section.focus input[type="submit"]:hover, body.itemid-107 section.focus input[type="submit"]:active, body.itemid-107 section.focus input[type="submit"]:focus, body.itemid-108 section.focus input[type="submit"]:hover, body.itemid-108 section.focus input[type="submit"]:active, body.itemid-108 section.focus input[type="submit"]:focus { background-color: #4E6EA2; color: #D6D6D6; font-weight: bold; }

@media (min-width: 550px) { body.itemid-106 section.focus h1, body.itemid-107 section.focus h1, body.itemid-108 section.focus h1 { font-size: 1.5rem; } body.itemid-106 section.focus .two_col, body.itemid-107 section.focus .two_col, body.itemid-108 section.focus .two_col { width: 35%; display: inline-block; margin-bottom: 1rem; vertical-align: top; } body.itemid-106 section.focus .two_col:nth-child(3n+2), body.itemid-107 section.focus .two_col:nth-child(3n+2), body.itemid-108 section.focus .two_col:nth-child(3n+2) { width: 62%; } body.itemid-106 section.focus .two_col .cmod, body.itemid-107 section.focus .two_col .cmod, body.itemid-108 section.focus .two_col .cmod { width: 100%; padding-bottom: 1.5rem; } body.itemid-106 section.focus .two_col .cmod.c_phone .mod_h, body.itemid-107 section.focus .two_col .cmod.c_phone .mod_h, body.itemid-108 section.focus .two_col .cmod.c_phone .mod_h { background: url(/templates/fowler/images/c_phone_lg_lt.png) no-repeat; background-size: 70px auto; background-position: 0 0; } body.itemid-106 section.focus .two_col .cmod.c_mailing .mod_h, body.itemid-107 section.focus .two_col .cmod.c_mailing .mod_h, body.itemid-108 section.focus .two_col .cmod.c_mailing .mod_h { background: url(/templates/fowler/images/c_location_lg_lt.png) no-repeat; background-size: 63px 76px; background-position: 0 9px; } body.itemid-106 section.focus .two_col .cmod.c_email .mod_h, body.itemid-107 section.focus .two_col .cmod.c_email .mod_h, body.itemid-108 section.focus .two_col .cmod.c_email .mod_h { background: url(/templates/fowler/images/c_email_lg_lt.png) no-repeat; background-size: 70px auto; background-position: 0 0; } body.itemid-106 section.focus .two_col .cmod .mod_h, body.itemid-106 section.focus .two_col .cmod .mod_c, body.itemid-107 section.focus .two_col .cmod .mod_h, body.itemid-107 section.focus .two_col .cmod .mod_c, body.itemid-108 section.focus .two_col .cmod .mod_h, body.itemid-108 section.focus .two_col .cmod .mod_c { display: block; vertical-align: top; } body.itemid-106 section.focus .two_col .cmod .mod_h, body.itemid-107 section.focus .two_col .cmod .mod_h, body.itemid-108 section.focus .two_col .cmod .mod_h { width: 100%; padding-right: 1.5rem; text-align: left; } body.itemid-106 section.focus .two_col .cmod .mod_h h6, body.itemid-107 section.focus .two_col .cmod .mod_h h6, body.itemid-108 section.focus .two_col .cmod .mod_h h6 { font-weight: 700; } body.itemid-106 section.focus .two_col .cmod .mod_h h6, body.itemid-106 section.focus .two_col .cmod .mod_h span, body.itemid-107 section.focus .two_col .cmod .mod_h h6, body.itemid-107 section.focus .two_col .cmod .mod_h span, body.itemid-108 section.focus .two_col .cmod .mod_h h6, body.itemid-108 section.focus .two_col .cmod .mod_h span { display: inline-block; } body.itemid-106 section.focus .two_col .cmod .mod_h h6, body.itemid-107 section.focus .two_col .cmod .mod_h h6, body.itemid-108 section.focus .two_col .cmod .mod_h h6 { color: #F0C163; text-transform: uppercase; font-size: 1.125rem; font-family: "Montserrat", helvetica, sans-serif; padding-left: 4.5rem; } body.itemid-106 section.focus .two_col .cmod .mod_c, body.itemid-107 section.focus .two_col .cmod .mod_c, body.itemid-108 section.focus .two_col .cmod .mod_c { width: 100%; } body.itemid-107 section.focus .two_col, body.itemid-108 section.focus .two_col { width: 55%; display: inline-block; margin-bottom: 1rem; vertical-align: top; } body.itemid-107 section.focus .two_col:nth-child(3n+2), body.itemid-108 section.focus .two_col:nth-child(3n+2) { width: 40%; } }

@media (min-width: 1000px) { /* body.itemid-106 section.focus, body.itemid-107 section.focus, body.itemid-108 section.focus { h1 { font-size: 1.5rem; } .two_col, .two_col:nth-child(3n+2) { width: 100%; display: inline-block; margin-bottom: 1rem; vertical-align: top; .cmod { width: 32%; padding-bottom: 1.5rem;  display: inline-block; vertical-align: top; &.c_phone .mod_h { background: url(/templates/fowler/images/c_phone_lg_lt.png) no-repeat; background-size: 70px auto; background-position: 0 0; } &.c_mailing .mod_h { background: url(/templates/fowler/images/c_location_lg_lt.png) no-repeat; background-size: 63px 76px; background-position: 0 9px; } &.c_email .mod_h { background: url(/templates/fowler/images/c_email_lg_lt.png) no-repeat; background-size: 70px auto; background-position: 0 0; } .mod_h { } } .cmod:nth-child(3n+1) { padding: 0 0 0 2rem; } .cmod:nth-child(3n+2) { padding: 0 0 0 3.5rem; } .cmod:nth-child(3n+3) { padding: 0 0 0 4rem; } .c_col:nth-child(2n+1) { width: 49%; display: inline-block; vertical-align: top; padding: 0 0 0 1rem; } .c_col:nth-child(2n+2) { width: 49%; display: inline-block; vertical-align: top; padding: 0 1rem 0 0; } } } */ }

section.promo { background-size: auto 85%; -webkit-background-size: auto 85%; -moz-background-size: auto 85%; -o-background-size: auto 85%; position: fixed; z-index: 5; top: 0; width: 100%; padding: 0; height: 80vh; background-position: 50% 100%; background-color: #000; background-repeat: no-repeat; }

@media (min-width: 750px) { section.promo { height: 100vh; } }

body.date-even section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-position: center bottom; background-size: 100% auto; background-image: url("/images/promo/tarpon_head_IMG_2837.jpg"); background-size: 170% auto; background-position: center 100%; }

@media (min-width: 750px) { body.date-even section.promo { background-size: 140% auto; background-position: center 70%; } }

@media (min-width: 1200px) { body.date-even section.promo { background-size: 110% auto; background-position: center 60%; } }

body.date-odd section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-position: center bottom; background-size: 100% auto; background-image: url("/images/promo/permit_IMG_6191.jpg"); background-size: 170% auto; background-position: center 100%; }

@media (min-width: 600px) { body.date-odd section.promo { background-size: 200% auto; background-position: center 90%; } }

@media (min-width: 1000px) { body.date-odd section.promo { background-size: 140% auto; } }

@media (min-width: 1200px) { body.date-odd section.promo { background-size: 110% auto; background-position: center 60%; } }

/*
    //body.itemid-101 { 
    section.promo {
        @include contain;
        background-position: center bottom;
        background-size: 100% auto;

    // SUNDAY
        // MOBILE
            body.sunday & {
                //background-image:url('/images/promo/yellowstone_cutt-DSC02552-BLACK_mobile.jpg');    
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-size: 90% auto;
            }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: right 60%;
                background-size: auto 65%;
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.sunday & {
                    //background-image:url('/images/promo/cutthroat.jpg');
                    background-size: 75% auto; 
                }
            }
        // 1920PX
            @media (min-width: 1920px) {
            }

    // MONDAY
        // MOBILE
            body.monday & {
                //background-image:url('/images/promo/rainbow_30_IMG_1224.jpg'); 
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg'); 
            }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: right 60%;
                background-size: auto 65%;
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.monday & {
                    background-size: 60% auto; 
                    background-position: center bottom;             
                }
            }
        // 1920PX
            @media (min-width: 1920px) {

            }

    // TUESDAY
        // MOBILE
            body.tuesday & {
                //background-image:url('/images/promo/FowlerSculpture-DSC02548-BLACK.jpg');
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: center 80%;
                background-size: 100% auto;  
            }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                body.tuesday & {
                background-position: right 60%;
                background-size: auto 65%;
                }
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.tuesday & {
                    background-position: center bottom;
                    background-size: 70% auto;
                }
            }
        // 1920PX
            @media (min-width: 1920px) {
                body.tuesday & {
                    background-position: center 65%;
                    background-size: 60% auto;
                }
            }

    // WEDNESDAY
        // MOBILE
            body.wednesday & {
                //background-image:url('/images/promo/snook_IMG_1847.jpg');
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');                
                background-position: center 75%;
                background-size: 100% auto;
               }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: right 60%;
                background-size: auto 65%;
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.wednesday & {
                    background-position: center 75%;
                    background-size: 75% auto;
                }
            }
        // 1920PX
            @media (min-width: 1920px) {

            }

    // THURSDAY
        // MOBILE
            body.thursday & {
                //background-image:url('/images/promo/bonefish_30_IMG_1083.jpg'); 
                //background-image:url('/images/promo/bonefish_IMG_3057.jpg');
                //background-image:url('/images/promo/IMG_3165_tarpon.jpg');
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');                
                background-position: right 100%;
                background-size: auto 80%;
            }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                body.thursday & {
                background-position: right 60%;
                background-size: auto 65%;
                }
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.thursday & {
                    background-position: 80% 100%;
                    background-size: auto 85%;
                }
            }
        // 1920PX
            @media (min-width: 1920px) {

            }

    // FRIDAY
        // MOBILE
            body.friday & {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: center 80%;
                background-size: 100% auto;
            }
        // TABLET 
            @media (min-width: 750px) {
                body.friday & {
                    background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: right 60%;
                background-size: auto 65%;
                }
            }
        // DESKTOP
            @media (min-width: 1000px) {
                body.friday & {
                    background-position: center 60%;
                    background-size: 70% auto;
                }
            }
        // 1920PX
            @media (min-width: 1920px) {

            }

    // SATURDAY
        // MOBILE
            body.saturday & {
                //background-image:url('/images/promo/pair_of_permit_side.jpg');
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');                
            }
        // TABLET 
            @media (min-width: 750px) {
                background-image:url('/images/promo/pair_of_tarpon_IMG_1900.jpg');
                background-position: right 60%;
                background-size: auto 65%;
            }
        // DESKTOP
            @media (min-width: 1000px) {
                background-position: center bottom;
                background-size: 60% auto;
            }
        // 1920PX
            @media (min-width: 1920px) {

            }
    }            

*/
body.com_users.view-login section.promo { background-image: url("/images/sculptures/headers/tarpon_head_IMG_1666.jpg"); background-position: center 40%; background-size: auto 50%; }

body.com_users.view-login section.focus { margin-top: 50vh; }

@media (min-width: 750px) { body.com_users.view-login section.promo { background-position: center 20%; } }

@media (min-width: 1000px) { body.com_users.view-login section.promo { background-position: center 25%; } }

body.itemid-102 section.promo { background-image: url("/images/sculptures/headers/tarpon_head_IMG_1666.jpg"); background-position: center 40%; background-size: auto 50%; }

body.itemid-102 section.focus { margin-top: 50vh; }

@media (min-width: 750px) { body.itemid-102 section.promo { background-position: center 20%; } }

@media (min-width: 1000px) { body.itemid-102 section.promo { background-position: center 25%; } }

body.itemid-128 section.promo { background-image: url("/images/promo/rainbow_30_IMG_1224.jpg"); background-position: center 30%; background-size: 90% auto; }

body.itemid-128 section.focus { margin-top: 50vh; }

@media (min-width: 550px) { body.itemid-128 section.promo { background-position: center 30%; background-size: 70% auto; } }

@media (min-width: 750px) { body.itemid-128 section.promo { background-position: center 30%; background-size: 80% auto; } }

@media (min-width: 1000px) { body.itemid-128 section.promo { background-size: 70% auto; background-position: center center; } }

@media (min-width: 1680px) { body.itemid-128 section.promo { background-size: 60% auto; background-position: center center; } }

body.itemid-138 section.promo, body.itemid-130 section.promo { background-image: url("/images/sculptures/tarpon/heads/IMG_2838.jpg"); background-position: center 50%; background-size: 70% auto; }

body.itemid-138 section.focus, body.itemid-130 section.focus { margin-top: 60vh; }

@media (min-width: 550px) { body.itemid-138 section.promo, body.itemid-130 section.promo { background-position: center 40%; background-size: 70% auto; } }

@media (min-width: 750px) { body.itemid-138 section.promo, body.itemid-130 section.promo { background-position: center 35%; background-size: 80% auto; } }

@media (min-width: 1000px) { body.itemid-138 section.promo, body.itemid-130 section.promo { background-size: 60% auto; background-position: center 40%; } }

@media (min-width: 1680px) { body.itemid-138 section.promo, body.itemid-130 section.promo { background-size: 55% auto; background-position: center center; } }

body.itemid-104 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/cutthroat_mobile.jpg"); background-position: center center; }

body.itemid-104 section.focus { margin-top: 70vh; }

body.itemid-106 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/bonefish_contact.jpg"); background-position: center center; height: 50vh; }

body.itemid-106 section.focus { margin-top: 40vh; }

body.itemid-107 section.promo, body.itemid-108 section.promo { background-image: url("/images/sculptures/headers/steelhead.jpg"); background-position: center center; height: 60vh; }

body.itemid-107 section.focus, body.itemid-108 section.focus { margin-top: 40vh; }

body.itemid-112 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/steelhead.jpg"); background-position: center center; height: 80vh; }

body.itemid-112 section.focus { margin-top: 40vh; }

body.itemid-109 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-position: center center; }

body.itemid-109 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-109 section.promo { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } }

body.itemid-110 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-position: center center; }

body.itemid-110 section.focus { margin-top: 70vh; }

body.itemid-111 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-position: center center; }

body.itemid-111 section.focus { margin-top: 70vh; }

body.com_tags section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/FowlerSculpture-Rainbow-DSC01224-BLACK.jpg"); background-position: center 20%; background-size: auto 40%; }

body.com_tags section.focus { margin-top: 40vh; }

body.itemid-103 section.promo, body.itemid-113 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/FowlerSculpture-Rainbow-DSC01224-BLACK.jpg"); background-position: center bottom; }

body.itemid-103 section.focus, body.itemid-113 section.focus { margin-top: 70vh; }

@media (min-width: 750px) { body.itemid-103 section.promo, body.itemid-113 section.promo { background-image: url("/images/sculptures/headers/FowlerSculpture-Rainbow-DSC01224-BLACK.jpg"); background-position: center center; background-size: 80% auto; } }

@media (min-width: 1000px) { body.itemid-103 section.promo, body.itemid-113 section.promo { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-image: url("/images/sculptures/headers/trout_cutthroat_desktop.jpg"); background-position: center center; background-size: 70% auto; } }

body.itemid-114 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/permit_mobile.jpg"); background-position: top center; }

body.itemid-114 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-114 section.promo { background-image: url("/images/sculptures/headers/permit_desktop.jpg"); } }

body.itemid-115 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/bonefish_mobile.jpg"); background-position: center 30%; }

body.itemid-115 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-115 section.promo { background-image: url("/images/sculptures/headers/bonefish_desktop.jpg"); background-position: center center; } }

body.itemid-116 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/tarpon_mobile.jpg"); background-position: center center; }

body.itemid-116 section.focus { margin-top: 75vh; }

@media (min-width: 750px) { body.itemid-116 section.promo { background-image: url("/images/sculptures/headers/tarpon_desktop.jpg"); } }

body.itemid-117 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/steelhead_mobile.jpg"); background-position: center center; }

body.itemid-117 section.focus { margin-top: 70vh; }

@media (min-width: 750px) { body.itemid-117 section.promo { background-image: url("/images/sculptures/headers/steelhead_desktop.jpg"); } }

body.itemid-118 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/atlantic_salmon_mobile.jpg"); background-position: center center; }

body.itemid-118 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-118 section.promo { background-image: url("/images/sculptures/headers/atlantic_salmon_desktop.jpg"); background-position: center 50%; background-size: 70% auto; } }

body.itemid-119 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/sailfish_mobile.jpg"); background-position: center 20%; }

body.itemid-119 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-119 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/sailfish_desktop.jpg"); background-position: center center; background-size: 70% auto; } }

body.itemid-120 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/redfish_mobile.jpg"); background-position: center center; }

body.itemid-120 section.focus { margin-top: 70vh; }

@media (min-width: 650px) { body.itemid-120 section.promo { background-image: url("/images/sculptures/headers/redfish_mobile.jpg"); background-size: 80% auto; background-position: center 40%; } }

@media (min-width: 1000px) { body.itemid-120 section.promo { background-image: url("/images/sculptures/headers/redfish_desktop.jpg"); background-size: 80% auto; } }

@media (min-width: 1600px) { body.itemid-120 section.promo { background-image: url("/images/sculptures/headers/redfish_desktop.jpg"); background-size: 80% auto; } }

body.itemid-121 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/spec_trout_mobile.jpg"); background-position: center center; }

body.itemid-121 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-121 section.promo { background-image: url("/images/sculptures/headers/spec_trout_desktop.jpg"); background-size: 80% auto; } }

body.itemid-122 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/snook_IMG_1847.jpg"); background-position: center 60%; }

body.itemid-122 section.focus { margin-top: 70vh; }

@media (min-width: 750px) { body.itemid-122 section.promo { background-position: center 40%; } }

@media (min-width: 1000px) { body.itemid-122 section.promo { background-size: 70% auto; } }

body.itemid-123 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/IMG_1473.JPG"); background-position: center 65%; }

body.itemid-123 section.focus { margin-top: 70vh; }

@media (min-width: 750px) { body.itemid-123 section.promo { background-position: center 30%; } }

@media (min-width: 1000px) { body.itemid-123 section.promo { background-position: center 50%; background-size: auto 80%; } }

body.itemid-125 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/albie_IMG_1828.jpg"); background-position: center center; }

body.itemid-125 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-125 section.focus { margin-top: 80vh; } body.itemid-125 section.promo { background-position: center 65%; background-size: 80% auto; } }

body.itemid-129 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-image: url("/images/sculptures/headers/tarpon_head_IMG_1666.jpg"); background-position: center 20%; }

body.itemid-129 section.focus { margin-top: 70vh; }

@media (min-width: 1000px) { body.itemid-129 section.promo { background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; } }

/*
// Larger than mobile 
    @media (min-width: 400px) {}

// Larger than phablet (also point when grid becomes active) 
    @media (min-width: 550px) {}

// Larger than tablet 
    @media (min-width: 750px) {
        .container {
            //width: 100%;
            padding-right: 6%;
            padding-left: 6%;
        }
        section.promo {
            height: 85vh;
            //background-image:url('/images/sculptures/headers/permit_twin_tablet.jpg');
        }
       
        body.itemid-104 { // ordering & pricing
            section.promo {
                //background-image:url('/images/sculptures/headers/cutthroat_mobile.jpg');
                //background-position: center center;
                //background-size: contain ;
                //-webkit-background-size:contain ;
                //-moz-background-size:contain ;
                //-o-background-size:contain ;
            }
        }
    }

// Larger than desktop 
    @media (min-width: 1000px) {
        section.promo {
            //height: 100vh;
        }
    }

// Larger than Desktop HD 
    @media (min-width: 1200px) {}

*/
header.container .main_menu { display: none; }

header.container #jf_mm_menu nav h2 { background-color: #000 !important; border: 1px solid #333; }

header.container #jf_mm_menu nav .levelHolderClass, header.container #jf_mm_menu nav .levelHolderClass.jf_mm_inactive { background-color: #252525 !important; }

header.container #jf_mm_menu nav .levelHolderClass { padding-bottom: 3rem !important; }

header.container #jf_mm_menu nav .levelHolderClass .nav-child.unstyled::after { content: ""; display: block; padding-bottom: 13rem; }

header.container #jf_mm_menu nav ul { background-color: #252525 !important; border-right: 1px solid #333 !important; border-bottom: 1px solid #333 !important; border-left: 1px solid #333 !important; }

header.container #jf_mm_menu nav ul li { background-color: #252525 !important; border-color: #333 !important; }

header.container #jf_mm_menu nav ul li .jf_mm_a_img.menu-image { display: none; }

header.container .jf_mm_backout { opacity: 0.7 !important; }

@media (min-width: 1000px) { header.container .mobile_menu { display: none; } header.container .main_menu { display: block; position: absolute; } header.container .main_menu ul { list-style-type: none; margin-bottom: 0; } header.container .main_menu ul li { display: inline-block; margin-bottom: 0; } }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box; }

#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#cssmenu #menu-button { display: none; }

#cssmenu { width: auto; line-height: 1; }

#cssmenu > ul > li { float: left; }

#cssmenu.align-center > ul { font-size: 0; text-align: center; }

#cssmenu.align-center > ul > li { display: inline-block; float: none; }

#cssmenu.align-center ul ul { text-align: left; }

#cssmenu.align-right > ul > li { float: right; }

#cssmenu.align-right ul ul { text-align: left; }

#cssmenu > ul > li > a { padding: 1rem 1rem .75rem; text-decoration: none; }

#cssmenu > ul > li.parent > a { padding-right: 25px; }

#cssmenu > ul > li.parent > a::after { position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; content: ""; }

#cssmenu ul ul { position: absolute; left: -9999px; background-color: rgba(0, 0, 0, 0.7); }

#cssmenu li:hover > ul { left: -.5rem; }

#cssmenu.align-right li:hover > ul { right: 0; }

#cssmenu ul ul ul { margin-left: 100%; top: 0; }

#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }

#cssmenu ul ul li { height: 0; }

#cssmenu ul li:hover > ul > li { height: auto; }

#cssmenu ul ul li a { padding: .75rem 1rem .75rem 2rem; width: 220px; text-decoration: none; }

#cssmenu ul ul li:first-child a { padding: 1.25rem 1rem .75rem 2rem; }

#cssmenu ul ul li:last-child a { padding: .75rem 1rem 1.25rem 2rem; }

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { padding-left: 2.25rem; }

#cssmenu ul ul li.parent > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; content: ""; }

#cssmenu.align-right ul ul li.parent > a::after { right: auto; left: 10px; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min-resolution: 192dpi) and (max-width: 1000px), only screen and (min-resolution: 2dppx) and (max-width: 1000px) { #cssmenu { width: 100%; } #cssmenu ul { width: 100%; display: none; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu ul ul li a { padding: 20px 20px 20px 30px; background: none; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.parent > a::after, #cssmenu ul ul li.parent > a::after { display: none; } #cssmenu #menu-button { display: block; padding: 20px; cursor: pointer; text-transform: uppercase; } #cssmenu #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; } #cssmenu #menu-button::before { content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; } #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } #cssmenu .submenu-button::after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99; } #cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99; } #cssmenu .submenu-button.submenu-opened:after { display: none; } }

.pagination ul { width: 100%; max-width: 100%; margin: auto; text-align: center; display: flexbox; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; }

.pagination ul li { list-style: none; display: inline-block; flex-basis: auto; }

.pagination ul li a, .pagination ul li span { font-weight: 700; padding: .5rem 0; }

.pagination ul li a.pagenav { padding: .5rem .5rem; }

.pagination ul li.pagination-start a.pagenav { padding: .5rem 0 .5rem 0; }

.pagination ul li.pagination-start a.pagenav:before, .pagination ul li.pagination-start span:before { content: "\f100"; font-family: 'FontAwesome'; padding-right: .25rem; }

.pagination ul li.pagination-prev a.pagenav { padding: .5rem 0 .5rem 0; }

.pagination ul li.pagination-prev a.pagenav:before, .pagination ul li.pagination-prev span:before { content: "\f104"; font-family: 'FontAwesome'; padding-right: .25rem; }

.pagination ul li.pagination-next a.pagenav { padding: .5rem 0 .5rem 0; }

.pagination ul li.pagination-next a.pagenav:after, .pagination ul li.pagination-next span:after { content: "\f105"; font-family: 'FontAwesome'; padding-left: .25rem; }

.pagination ul li.pagination-end a.pagenav { padding: .5rem 0 .5rem 0; }

.pagination ul li.pagination-end a.pagenav:after, .pagination ul li.pagination-end span:after { content: "\f101"; font-family: 'FontAwesome'; padding-left: .25rem; }

@media (min-width: 750px) { .pagination ul li a, .pagination ul li span { padding: .5rem 1.25rem; } .pagination ul li.pagination-start a.pagenav { padding: .5rem; } .pagination ul li.pagination-prev a.pagenav { padding: .5rem; } .pagination ul li.pagination-next a.pagenav { padding: .5rem; } .pagination ul li.pagination-end a.pagenav { padding: .5rem; } }

.searchintro p { font-size: 0.75rem; }

fieldset.phrases legend, fieldset.only legend { border-bottom: 2px solid; display: block; width: 100% !important; }

.phrases-box .controls, fieldset.only label { padding-left: 30px; }

.phrases-box .controls label, .phrases-box .controls input, fieldset.only label { display: block; width: auto; }

.phrases-box .controls input, fieldset.only label input { display: list-item; float: left; margin-left: -20px; margin-top: 4px; width: auto; }

#ordering.inputbox, #limit.inputbox { padding: .25rem 4rem .25rem 1rem; line-height: 100%; width: auto; height: auto !important; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box; }

#ordering.inputbox > option, #limit.inputbox > option { padding: 0.25rem 0 0.25rem 0.5rem; }

.btn-group.pull-left { float: left; display: inline-block; }

.search * { font-size: 1rem; font-family: "Montserrat", helvetica, sans-serif; }

.search input { margin-bottom: .5rem; }

.search fieldset div.controls label, .search fieldset label, .search .form-limit div.controls label, .search .form-limit label { display: inline-block; width: auto; padding-right: 2rem; }

.search fieldset div.controls label input, .search fieldset label input, .search .form-limit div.controls label input, .search .form-limit label input { display: inline-block; }

.search fieldset div a span, .search .form-limit div a span { width: 3rem; }

.search dl { text-transform: initial; }

.search dl dd { padding: .25rem 0 .25rem 1rem; }

.search dl dd.result-created { font-size: 0.875rem; padding-bottom: 1.25rem; }

.error-content { left: 50%; margin-top: -250px; margin-left: -300px; position: absolute; top: 50%; text-align: center; width: 600px; }

.error-code { animation: offline 1.5s; color: #9e0b0f; font-family: arial; font-size: 200px; }

.error-message h2 { animation: offline 1.8s; color: #000; font-weight: 300; font-size: 36px; margin-bottom: 0px; margin-top: 12px; }

#errorboxbody { animation: offline 1.9s; color: #666; font-weight: 400; }

#errorboxbody p { margin-top: 0; margin-bottom: 50px; }

#errorboxoutline .button-home { animation: offline 1.8s; display: inline-block; color: #9e0b0f; padding: 8px 20px; border: 2px solid #9e0b0f; border-radius: 20px; text-decoration: none; text-transform: uppercase; font-weight: bold; }

#errorboxoutline .button-home:hover, #errorboxoutline .button-home:active, #errorboxoutline .button-home:focus { border-color: #9e0b0f; color: #9e0b0f; }

@keyframes offline { 0% { transform: translateY(120px);
    opacity: 0; }
  100% { transform: translateY(0px);
    opacity: 1; } }

@-moz- @keyframes offline { 0% { transform: translateY(120px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; } }

@media screen and (max-width: 767px) { .error-code { font-size: 180px; } .error { position: relative; height: auto; left: 0; margin: auto; padding-top: 50px; top: 0; width: auto; } .error-message h2 { font-size: 22px; } }
/*# sourceMappingURL=style.css.map */