@charset "UTF-8";
/*
Theme Name:     Portia Valley
Author:         Stellar Digital
Author URI:     http://www.stellardigital.com.au
Version:        1.0
*/
/* Neat 1.7.0.pre http://neat.bourbon.io Copyright 2012-2014 thoughtbot, inc. MIT License */
/** Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat.  @param {List} $query - A list of media query features and values. Each `$feature` should have a corresponding `$value`. If there is only a single `$value` in `$query`, `$default-feature` is going to be used. The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).  @param {Number (unitless)} $total-columns ($grid-columns) - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.  @example scss - Usage $mobile: new-breakpoint(max-width 480px 4);  .element { @include media($mobile) { @include span-columns(4); } }  @example css - CSS Output @media screen and (max-width: 480px) { .element { display: block; float: left; margin-right: 7.42297%; width: 100%; } .element:last-child { margin-right: 0; } } */
/** Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. To learn more about golden-ratio() see [Bourbon docs](http://bourbon.io/docs/#golden-ratio). Set with a `!global` flag.  @type Number (Unit) */
/** Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. To learn more about golden-ratio() see [Bourbon docs](http://bourbon.io/docs/#golden-ratio). Set with the `!global` flag.  @type Number (Unit) */
/** Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag.  @type Number (Unitless) */
/** Sets the max-width property of the element that includes `outer-container()`. To learn more about `em()` see [Bourbon docs](http://bourbon.io/docs/#px-to-em). Set with the `!global` flag.  @type Number (Unit) */
/** When set to true, it sets the box-sizing property of all elements to `border-box`. Set with a `!global` flag.  @type Bool  @example css - CSS Output * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */
/** Sets the default [media feature](http://www.w3.org/TR/css3-mediaqueries/#media) that `media()` and `new-breakpoint()` revert to when only a breakpoint value is passed. Set with a `!global` flag.  @type String */
/** Sets the default layout direction of the grid. Can be `LTR` or `RTL`. Set with a `!global` flag.  @type String */
/** Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.  @type Bool */
/** Sets the visual grid color. Set with `!global` flag.  @type Color */
/** Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.  @type String */
/** Sets the opacity property of the visual grid. Set with `!global` flag.  @type Number (unitless) */
/** Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.  @type Bool */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/** Removes the element's gutter margin, regardless of its position in the grid hierarchy or display property. It can target a specific element, or every `nth-child` occurrence. Works only with `block` layouts.  @param {List} $query (block) List of arguments. Supported arguments are `nth-child` selectors (targets a specific pseudo element) and `auto` (targets `last-child`).  When passed an `nth-child` argument of type `*n` with `block` display, the omega mixin automatically adds a clear to the `*n+1` th element. Note that composite arguments such as `2n+1` do not support this feature.  **Deprecation warning**: The omega mixin will no longer take a `$direction` argument. To change the layout direction, use `row($direction)` or set `$default-layout-direction` instead.  @example scss - Usage .element { @include omega; }  .nth-element { @include omega(4n); }  @example css - CSS Output .element { margin-right: 0; }  .nth-element:nth-child(4n) { margin-right: 0; }  .nth-element:nth-child(4n+1) { clear: left; } */
/** Makes an element a outer container by centring it in the viewport, clearing its floats, and setting its `max-width`. Although optional, using `outer-container` is recommended. The mixin can be called on more than one element per page, as long as they are not nested.  @param {Number (unit)} $local-max-width ($max-width) Max width to be applied to the element. Can be a percentage or a measure.  @example scss - Usage .element { @include outer-container(100%); }  @example css - CSS Output .element { *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; }  .element:before, .element:after { content: " "; display: table; }  .element:after { clear: both; } */
/** Specifies the number of columns an element should span. If the selector is nested the number of columns of its parent element should be passed as an argument as well.  @param {List} $span A list containing `$columns`, the unitless number of columns the element spans (required), and `$container-columns`, the number of columns the parent element spans (optional).  If only one value is passed, it is assumed that it's `$columns` and that that `$container-columns` is equal to `$grid-columns`, the total number of columns in the grid.  The values can be separated with any string such as `of`, `/`, etc.  @param {String} $display (block) Sets the display property of the element. By default it sets the display propert of the element to `block`.  If passed `block-collapse`, it also removes the margin gutter by adding it to the element width.  If passed `table`, it sets the display property to `table-cell` and calculates the width of the element without taking gutters into consideration. The result does not align with the block-based grid.  @example scss - Usage .element { @include span-columns(6);
 .nested-element { @include span-columns(2 of 6); } }  @example css - CSS Output .element { display: block; float: left; margin-right: 2.35765%; width: 48.82117%; }  .element:last-child { margin-right: 0; }  .element .nested-element { display: block; float: left; margin-right: 4.82916%; width: 30.11389%; }  .element .nested-element:last-child { margin-right: 0; } */
/** Designates the element as a row of columns in the grid layout. It clears the floats on the element and sets its display property. Rows can't be nested, but there can be more than one row element—with different display properties—per layout.  @param {String} $display (default) Sets the display property of the element and the display context that will be used by its children. Can be `block` or `table`.  @param {String} $direction ($default-layout-direction) Sets the layout direction. Can be `LTR` (left-to-right) or `RTL` (right-to-left).  @example scss - Usage .element { @include row(); }  @example css - CSS Output .element { *zoom: 1; display: block; }  .element:before, .element:after { content: " "; display: table; }  .element:after { clear: both; } */
/** Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction.  @param {Number (unitless)} $n-columns (1) Number of columns by which the element shifts.  @example scss - Usage .element { @include shift(-3); }  @example css - CSS output .element { margin-left: -25.58941%; } */
/** Translates an element horizontally by a number of columns, in a specific nesting context.  @param {List} $shift A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`).  The two values can be separated with any string such as `of`, `/`, etc.  @example scss - Usage .element { @include shift(-3 of 6); }  @example css - CSS output .element { margin-left: -52.41458%; } */
/** Adds padding to the element.  @param {List} $padding (flex-gutter()) A list of padding value(s) to use. Passing `default` in the list will result in using the gutter width as a padding value.  @example scss - Usage .element { @include pad(30px -20px 10px default); }  @example css - CSS Output .element { padding: 30px -20px 10px 2.35765%; } */
/** Forces the element to fill its parent container.  @example scss - Usage .element { @include fill-parent; }  @example css - CSS Output .element { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */
/** Outputs a media-query block with an optional grid context (the total number of columns used in the grid).  @param {List} $query A list of media query features and values, where each `$feature` should have a corresponding `$value`. For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).  If there is only a single `$value` in `$query`, `$default-feature` is going to be used.  The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`).   @param {Number (unitless)} $total-columns ($grid-columns) - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.  @example scss - Usage .responsive-element { @include media(769px) { @include span-columns(6); } }  .new-context-element { @include media(min-width 320px max-width 480px, 6) { @include span-columns(6); } }  @example css - CSS Output @media screen and (min-width: 769px) { .responsive-element { display: block; float: left; margin-right: 2.35765%; width: 48.82117%; }  .responsive-element:last-child { margin-right: 0; } }  @media screen and (min-width: 320px) and (max-width: 480px) { .new-context-element { display: block; float: left; margin-right: 4.82916%; width: 100%; }  .new-context-element:last-child { margin-right: 0; } } */
/** Resets the active display property to `block`. Particularly useful when changing the display property in a single row.  @example scss - Usage .element { @include row(table);  // Context changed to table display }  @include reset-display;  // Context is reset to block display */
/** Resets the active layout direction to the default value set in `$default-layout-direction`. Particularly useful when changing the layout direction in a single row.  @example scss - Usage .element { @include row($direction: RTL);  // Context changed to right-to-left }  @include reset-layout-direction;  // Context is reset to left-to-right */
/** Resets both the active layout direction and the active display property.  @example scss - Usage .element { @include row(table, RTL);  // Context changed to table table and right-to-left }  @include reset-all;  // Context is reset to block display and left-to-right */
/** Changes the display property used by other mixins called in the code block argument.  @param {String} $display (block) Display value to be used within the block. Can be `table` or `block`.  @example scss @include display(table) { .display-table { @include span-columns(6); } }  @example css .display-table { display: table-cell; ... } */
/** Changes the direction property used by other mixins called in the code block argument.  @param {String} $direction (left-to-right) Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.  @example scss - Usage @include direction(right-to-left) { .right-to-left-block { @include span-columns(6); } }  @example css - CSS Output .right-to-left-block { float: right; ... } */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td, th { padding: 0; }

::-moz-selection { background: #FFE9A1; color: #000; text-shadow: none; }

::selection { background: #FFE9A1; color: #000; text-shadow: none; }

@font-face { font-family: 'QuattrocentoSans'; src: url("fonts/quattrocento-sans/quattrocentosans-bold-webfont.eot"); src: url("fonts/quattrocento-sans/quattrocentosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quattrocento-sans/quattrocentosans-bold-webfont.woff") format("woff"), url("fonts/quattrocento-sans/quattrocentosans-bold-webfont.ttf") format("truetype"), url("fonts/quattrocento-sans/quattrocentosans-bold-webfont.svg#QuattrocentoSans") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'QuattrocentoSans'; src: url("fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.eot"); src: url("fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.woff") format("woff"), url("fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.ttf") format("truetype"), url("fonts/quattrocento-sans/quattrocentosans-bolditalic-webfont.svg#QuattrocentoSans") format("svg"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'QuattrocentoSans'; src: url("fonts/quattrocento-sans/quattrocentosans-italic-webfont.eot"); src: url("fonts/quattrocento-sans/quattrocentosans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quattrocento-sans/quattrocentosans-italic-webfont.woff") format("woff"), url("fonts/quattrocento-sans/quattrocentosans-italic-webfont.ttf") format("truetype"), url("fonts/quattrocento-sans/quattrocentosans-italic-webfont.svg#QuattrocentoSans") format("svg"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'QuattrocentoSans'; src: url("fonts/quattrocento-sans/quattrocentosans-regular-webfont.eot"); src: url("fonts/quattrocento-sans/quattrocentosans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quattrocento-sans/quattrocentosans-regular-webfont.woff") format("woff"), url("fonts/quattrocento-sans/quattrocentosans-regular-webfont.ttf") format("truetype"), url("fonts/quattrocento-sans/quattrocentosans-regular-webfont.svg#QuattrocentoSans") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProfessionalsInformal'; src: url("fonts/professionals-informal/proinf-webfont.eot"); src: url("fonts/professionals-informal/proinf-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/professionals-informal/proinf-webfont.woff") format("woff"), url("fonts/professionals-informal/proinf-webfont.ttf") format("truetype"), url("fonts/professionals-informal/proinf-webfont.svg#ProfessionalsInformal") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'ProfessionalsInformal'; src: url("fonts/professionals-informal/proinf_r-webfont.eot"); src: url("fonts/professionals-informal/proinf_r-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/professionals-informal/proinf_r-webfont.woff") format("woff"), url("fonts/professionals-informal/proinf_r-webfont.ttf") format("truetype"), url("fonts/professionals-informal/proinf_r-webfont.svg#ProfessionalsInformal") format("svg"); font-weight: normal; font-style: normal; }
a { color: #6d971c; text-decoration: none; }
a:hover, a:focus { outline: none; text-decoration: underline; }
a:hover img { opacity: 0.7; }
h1, h2 {font-family: 'Sanchez', serif;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; line-height: 1.2;  font-weight: normal; text-rendering: optimizelegibility; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: #000; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-size: 0.6em; font-weight: normal; }

h1 { font-size: 39px; font-size: 2.6rem; }

h2 { font-size: 36px; font-size: 2.4rem; font-weight: normal;}

h3 { font-size: 24px; font-size: 1.6rem; }

h4 { font-size: 21px; font-size: 1.4rem; }

h5 { font-size: 18px; font-size: 1.2rem; }

h6 { font-size: 16px; font-size: 1.06667rem; }

p { /*margin: 0 0 24px; }/*

.handwritten { font-family: "ProfessionalsInformal", "QuattrocentoSans", sans-serif; font-weight: normal !important; }

ul, ol { padding: 0; margin: 0 0 24px 24px; }

strong { font-weight: bold; }

em { font-style: italic; }

abbr { cursor: help; }

hr { height: 0; margin-bottom: 24px; border: 0; border-top: 1px solid #DDD; border-bottom: 1px solid #FFF; }

blockquote { padding: 0; margin: 0 0 24px; font-style: normal; font-weight: bold; text-align: center; font-size: 24px; font-size: 1.6rem; }
blockquote p { margin: 24px 0 0; }
blockquote p:first-child { margin: 0; }
blockquote footer { color: #999; font-style: italic; font-weight: bold; }
blockquote footer a { color: #999; text-decoration: underline; }

address { display: block; margin-bottom: 24px; font-style: normal; }

table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }

.table { width: 100%; margin: 0 0 24px; }
.table th, .table td { padding: 8px; text-align: left; vertical-align: top; border-top: 1px solid #DDD; }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; background-color: #FFF; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #DDD; }

.table-bordered { border: 1px solid #DDD; border-collapse: separate; *border-collapse: collapsed; border-left: 0; }
.table-bordered th, .table-bordered td { border-left: 1px solid #DDD; }
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #F9F9F9; }

.table tbody tr:hover td, .table tbody tr:hover th { background-color: #F5F5F5; }

fieldset { margin-bottom: 24px; padding: 0; border: none; }
fieldset legend { width: 100%; display: block; color: #000; font-weight: bold; font-size: 1em; border-bottom: 1px solid #DDD; margin: 0 0 24px; padding: 0 0 24px; }

input, button, select, textarea { vertical-align: middle; }

textarea, select, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px !important; outline: none; font-size: 1em !important; color: #000; border: 1px solid #CCC; background: #FFF; border-radius: 0; box-shadow: none; /* IE7 */ *padding-top: 2px; *padding-bottom: 1px; *height: auto; }

input[type="radio"], input[type="checkbox"] { margin: 0; cursor: pointer; }

.checkbox-group label, .radio-group label { font-weight: normal; }

.checkbox-group-inline label, .radio-group-inline label { display: inline-block; margin-right: 20px; }

input[type="search"]::-webkit-search-decoration { display: none; }

textarea { width: 100%; height: 150px; resize: none; overflow: auto; }

select[multiple], select[size] { height: auto; }

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

.button, button, input[type="button"], input[type="submit"], input[type="reset"] { margin: 0 0 5px; padding: 10px 40px; display: inline-block; font-weight: normal; font-size: 16px; font-size: 1.06667rem; vertical-align: middle; cursor: pointer; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #FFF; background: #6d971c; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.button:hover, .button:active, button:hover, button:active, input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:active { text-decoration: none; background: #993300; }

.button-small { padding: 5px 10px; border: none; border-radius: 4px; font-weight: bold; font-size: 13px; font-size: 0.86667rem; }

input[type="image"] { border: 0; }

.form-row { margin: 0 0 24px; }

.form-inline .form-row:after { content: ""; display: table; clear: both; }
.form-inline .form-row label { width: 30%; float: left; }
.form-inline .form-row .inputs { margin-left: 33%; }
.form-inline .form-row .inputs label { width: auto; float: none; }
.form-inline .form-actions { padding-left: 33%; }

.form-help { display: block; padding-top: 3px; color: #999; font-style: italic; font-size: 0.9em; clear: both; }

.form-actions { padding: 24px; background: #F5F5F5; border-top: 1px solid #DDD; }
.form-actions input, .form-actions button { margin: 0 5px 0 0; }

.alert-success, .alert-warning, .alert-error, #cancel-comment-reply-link { display: block; margin: 0 0 24px; padding: 10px 20px; border-radius: 3px; }

.alert-success { background: #DFF0D8; border: 1px solid #b2dba1; color: #529138; }

.alert-warning { background: #FCF8E3; border: 1px solid #f5e79e; color: #caad16; }

.alert-error, #cancel-comment-reply-link { background: #F2DEDE; border: 1px solid #e4b9b9; color: #c77070; }

.gform_wrapper .gform_footer { padding-top: 0; }

.gfield { margin-bottom: 5px; }

#gform_1 label { color: #000; }

#input_1_1 { width: 290px; /* firefox 19+ */ /* ie */ }
#input_1_1::-webkit-input-placeholder { color: #d01b32; font-family: "ProfessionalsInformal", "QuattrocentoSans", sans-serif; }
#input_1_1::-moz-placeholder { color: #d01b32; font-family: "ProfessionalsInformal", "QuattrocentoSans", sans-serif; }
#input_1_1:-ms-input-placeholder { color: #d01b32; font-family: "ProfessionalsInformal", "QuattrocentoSans", sans-serif; }

.alignright, .alignleft, .aligncenter, .alignnone { display: block; }

.wp-caption { background: #DDD; text-align: center; padding-top: 5px; }

.wp-caption-text { color: #000; font-weight: 700; margin: 0; padding: 0 5px 5px; }

.widget_nav_menu ul, .widget_pages ul, .widget_categories ul, .widget_recent_entries ul, .widget_meta ul, .widget_archive ul, .widget_shoppcategorieswidget ul { margin: 0; list-style: none; }
.widget_nav_menu ul li, .widget_pages ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_meta ul li, .widget_archive ul li, .widget_shoppcategorieswidget ul li { display: block; }
.widget_nav_menu ul li a, .widget_pages ul li a, .widget_categories ul li a, .widget_recent_entries ul li a, .widget_meta ul li a, .widget_archive ul li a, .widget_shoppcategorieswidget ul li a { display: block; }
.widget_nav_menu ul li ul, .widget_pages ul li ul, .widget_categories ul li ul, .widget_recent_entries ul li ul, .widget_meta ul li ul, .widget_archive ul li ul, .widget_shoppcategorieswidget ul li ul { display: none; }

.widget_recent_entries ul li .post-date { display: block; font-size: 0.8em; color: #AAA; }

#sitemap ul { margin-bottom: 10px; margin-top: 10px; margin-bottom: 10px; margin-top: 10px; }

.commentlist { list-style: none; margin: 0 0 24px; }
.commentlist li { margin: 0 0 24px; border-left: 3px solid #DDD; list-style: none; }
.commentlist li .inner { padding: 15px; background: #F2F2F2; }
.commentlist li .comment-author { margin: 0 0 24px; color: #999; font-size: 0.8em; font-style: italic; }
.commentlist li .comment-author:after { content: ""; display: table; clear: both; }
.commentlist li .comment-author img { border: 1px solid #FFF; float: left; margin: 0 10px 0 0; }
.commentlist li .comment-author .comment-author-details { float: left; }
.commentlist li .comment-author cite { font-size: 1.1em; font-style: normal; font-weight: 700; }
.commentlist li .children { list-style: none !important; margin: 24px 0 24px 24px; }

.comment-nav { margin: 0 0 24px; }
.comment-nav:after { content: ""; display: table; clear: both; }
.comment-nav .next { width: 50%; float: right; text-align: right; }
.comment-nav .prev { width: 50%; float: left; }

html { font-size: 15px; }

body { background: #993300; color: #000; line-height: 1.612; font-family: 'Josefin Slab', serif;font-size: 18px;}

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

.container { width: 95%; max-width: 1145px; margin-left: auto; margin-right: auto; }
.container:after { content: ""; display: table; clear: both; }

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

#header nav ul { margin: 0; list-style: none; line-height: 1.2;}
#header nav ul li { position: relative; }
#header nav ul li a { color: #FFF; text-decoration: none; }
#header nav ul li a:hover { text-decoration: none; }
#header nav ul li ul { display: none; }

#header-top { background: #FFF; color: #000; }
#header-top .header-logo img { display: block; }
#header-top .header-logo a:hover img { opacity: 1; }
#header-top .header-contact .fa { padding: 0 10px; font-size: 20px; font-size: 1.33333rem; }
#header-top .header-contact a { color: #000; }

.slider { background: #000; position: relative; box-shadow: #000 10px 10px 20px;max-height: 350px;overflow: hidden; }
.slider ul { margin: 0; list-style: none; margin-left: -40px;}
.slider .slides:after { content: ""; display: table; clear: both; }
.slider .slides li img { width: 100%; display: block; margin: 0 auto; }
.slider .slides > li { display: none; -webkit-backface-visibility: hidden; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }

.video { background: #000; position: relative; }
.video .video-container { position: relative; }
.video video { min-width: 100%; display: block; }

.content, .content2 { background-color: #FFF; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.content article:after, .content2 article:after { content: ""; display: table; clear: both; }
.content .content-area1 { padding: 1px 20px 1px;}
.content .content-area { padding: 1px 20px 1px;background: rgba(255, 255, 255, 0.9);}
.content .content-area h1, .content .content-area h2, .content .content-area h3, .content .content-area h4, .content .content-area h5, .content .content-area h6 { color: #000; }

.content2 { padding: 60px 0 0; text-shadow: #000 0px 1px; }

.small-title { padding: 20px 0 0; background: #0240AD; text-align: center; }
.small-title h2 { font-size: 32px; font-size: 2.13333rem; }

.gallery-link { margin: 0 0 10px 24px; float: right; }

.error404 .content-area { text-align: center; }

.feature-box { padding: 24px 0; background: #0240AD; }
.feature-box .feature-box-title h3 { text-align: center; text-transform: uppercase; font-size: 26px; font-size: 1.73333rem; }
.feature-box .feature-box-title h3 a { color: #FFD800; text-decoration: none; }
.feature-box .feature-box-title h3 a:hover { color: #33CC00 !important; }
.feature-box .feature-box-inner { padding: 13px; background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
.feature-box .feature-box-inner p, .feature-box .feature-box-inner h1, .feature-box .feature-box-inner h2, .feature-box .feature-box-inner h3, .feature-box .feature-box-inner h4, .feature-box .feature-box-inner h5, .feature-box .feature-box-inner h6 { margin: 0 0 5px; color: #000; }
.feature-box .feature-box-inner p:last-child, .feature-box .feature-box-inner h1:last-child, .feature-box .feature-box-inner h2:last-child, .feature-box .feature-box-inner h3:last-child, .feature-box .feature-box-inner h4:last-child, .feature-box .feature-box-inner h5:last-child, .feature-box .feature-box-inner h6:last-child { margin: 0; }

.featured-image { position: relative; }
.featured-image img { width: 100%; display: block; margin: 0 auto; box-shadow: #000 10px 10px 20px; }

.testimonial { padding: 40px 0; background-size: cover; background-repeat: no-repeat; background-position: center top; background-image: url(images/testimonial_bg.jpg); }
.testimonial .testimonial-logo img { display: block; margin: 0 auto; }
.testimonial .testimonial-text blockquote { margin: 0; }

.map .google-map { width: 100%; }
.map .google-map img { max-width: none; }

#footer { background:#8B6649 /*#993300*/; font-size: 14px; font-size: 0.93333rem; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .credit { text-align: center; font-size: 9px; font-size: 0.6rem; }
#footer .credit a { color: #FFF; }

.archive-post { padding: 24px 0; border-bottom: 1px solid #0240AD; }
.archive-post .archive-post-thumb { margin-bottom: 24px; }
.archive-post .archive-post-thumb img { display: block; }

.archive-post header, .single-post article header { margin-bottom: 24px; }
.archive-post header h2, .single-post article header h2 { margin: 0; font-size: 24px; font-size: 1.6rem; }
.archive-post header h2 a, .single-post article header h2 a { color: #000; text-decoration: none; }
.archive-post header span, .single-post article header span { color: #993300; }

.single-post article header span { font-weight: bold; }
.single-post .attachment-featured-full { display: block; margin-bottom: 24px; }

.post-nav { padding: 24px 0 0; text-align: center; }
.post-nav .page-numbers { width: 30px; height: 30px; display: inline-block; line-height: 30px; background: lightgrey; color: #000; border-radius: 50%; }
.post-nav .current { background: #33CC00; color: #FFF; }

.nomargin { margin: 0 !important; }

.noborder { border: none !important; }

.mfp-iframe-holder .mfp-content { max-width: 80% !important; }

.page-list { list-style-type: none; }
.page-list li { margin-left: -20px; }

@media (min-width: 0px) { #header nav { position: relative; }
  #header nav .container { width: 100%; }
  #header nav .menu-collapser { width: 56px; height: 56px; line-height: 56px; background: #333; cursor: pointer; text-align: center; position: absolute; top: -56px; left: 0; }
  #header nav .menu-collapser .collapse-button { color: #FFF; font-size: 24px; font-size: 1.6rem; }
  #header nav ul li { border-top: 1px solid #262626; }
  #header nav ul li a { display: block; padding: 8px 10px; background: #333; }
  #header nav ul li a:hover { background: #3b3b3b; color: #6d971c; }
  #header nav ul li ul li { border-top: 1px solid #262626; }
  #header nav ul li ul li a { background: #2e2e2e; }
  #header nav ul li ul li ul li { border-top: 1px solid #262626; }
  #header nav ul li ul li ul li a { background: #333; }
  #header nav ul li ul li .sub-collapser { background: #333; border-left: 1px solid #262626; }
  #header nav ul li .sub-collapser { width: 48px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; z-index: 999; cursor: pointer; background: #2e2e2e; border-left: 1px solid #262626; }
  #header nav ul li .sub-collapser > i { color: #FFF; }
  #header nav ul li .sub-collapser:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
  #header nav ul li .sub-collapser.expanded { height: 35px; }
  #header-top .container { width: 100%; }
  #header-top .header-logo { padding: 0 20px 20px; }
  #header-top .header-logo img { margin: 0 auto; }
  #header-top .header-contact { padding: 20px; text-align: center; }
  #header-top .header-actions { padding-left: 56px; }
  #header-top .header-actions:after { content: ""; display: table; clear: both; }
  #header-top .header-actions a { width: 50%; height: 56px; line-height: 56px; padding: 0 15px; float: left; display: block; background: #6d971c; color: #FFF; text-transform: uppercase; text-align: center; }
  #header-top .header-actions a span { display: inline-block; line-height: 1.2; vertical-align: middle; }
  #header-top .header-actions a:hover { background: #993300; }
  #header-top .header-actions a:first-child { border-right: 1px solid #FFF; }
  #header-top .header-arrow { display: none; }
  .content .container { width: 100%; }
  .video .ui-video-background { display: none; }
  .testimonial .testimonial-logo { margin-bottom: 24px; }
  .map .google-map { height: 250px; }
  #footer { padding: 30px 0; }
  #footer .widget-area { margin: 0 0 24px; }
  .alignright, .alignleft, .aligncenter, .alignnone { margin: 0 0 24px; }
  .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { margin-bottom: 24px; }
  .button, button, input[type="button"], input[type="submit"], input[type="reset"] { width: 100%; } }
@media (min-width: 321px) { #footer .widget-area { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  #footer .widget-area:last-child { margin-right: 0; }
  #footer .widget-area:nth-child(2n+1) { clear: both; margin-right: 0; } }
@media (min-width: 481px) { .slider .flex-direction-nav { display: block; *height: 0; }
  .slider .flex-direction-nav a { text-decoration: none; display: block; width: 65px; height: 65px; margin: -32px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; overflow: hidden; }
  .slider .flex-direction-nav a:before { content: ""; display: block; width: 0; height: 100%; }
  .slider .flex-direction-nav .flex-prev { left: 50px; background: url(images/slider_nav.png) no-repeat 0 0; }
  .slider .flex-direction-nav .flex-next { right: 50px; background: url(images/slider_nav.png) no-repeat -65px 0; }
  .content .container { width: 95%; }
  .video .ui-video-background { display: block; position: absolute; bottom: 20px; right: 50px; }
  .video .ui-video-background .ui-video-background-controls { margin: 0; list-style: none; }
  .video .ui-video-background .ui-video-background-controls li { display: inline-block; text-transform: uppercase; font-weight: bold; }
  .video .ui-video-background .ui-video-background-controls li a { display: block; color: #FFD800; text-decoration: none; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .video .ui-video-background .ui-video-background-controls .ui-video-background-play { display: none; }
  .feature-box .container { display: block; }
  .feature-box .container:after { content: ""; display: table; clear: both; }
  .feature-box .feature-box-title { float: right; display: block; margin-left: 2.35765%; width: 23.23176%; }
  .feature-box .feature-box-title:last-child { margin-left: 0; }
  .feature-box .feature-box-title h3 { margin: 0; padding: 16px 0 0 14px; }
  .feature-box .feature-box-inner { min-height: 88px; position: relative; float: right; display: block; margin-left: 2.35765%; width: 74.41059%; }
  .feature-box .feature-box-inner:last-child { margin-left: 0; }
  .feature-box .feature-box-inner:after { content: ' '; width: 0; height: 0; position: absolute; border: 44px solid transparent; border-left-color: #FFF; left: 100%; top: 0; }
  .testimonial .testimonial-logo { margin-bottom: 0; float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .testimonial .testimonial-logo:last-child { margin-right: 0; }
  .testimonial .testimonial-text { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; }
  .testimonial .testimonial-text:last-child { margin-right: 0; }
  .map .google-map { height: 545px; box-shadow: #000 10px 10px 20px; }
  .alignright { float: right; margin: 0 0 24px 24px; }
  .alignleft { float: left; margin: 0 24px 24px 0; }
  .aligncenter { margin: 0 auto 24px; }
  .alignnone { margin: 0 24px 24px 0; }
  .one-half { width: 48%; }
  .one-third { width: 30.66%; }
  .two-third { width: 65.33%; }
  .one-fourth { width: 22%; }
  .three-fourth { width: 74%; }
  .one-fifth { width: 16.8%; }
  .two-fifth { width: 37.6%; }
  .three-fifth { width: 58.4%; }
  .four-fifth { width: 67.2%; }
  .one-sixth { width: 13.33%; }
  .five-sixth { width: 82.67%; }
  .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { position: relative; margin-right: 4%; margin-bottom: 24px; float: left; }
  .last { margin-right: 0 !important; clear: right; }
  .clearboth { width: 100%; height: 0; display: block; line-height: 0; font-size: 0; clear: both; }
  .button, button, input[type="button"], input[type="submit"], input[type="reset"] { width: auto; } }
@media (min-width: 769px) { .archive-post:after { content: ""; display: table; clear: both; }
  .archive-post .archive-post-thumb { margin-bottom: 0; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .archive-post .archive-post-thumb:last-child { margin-right: 0; }
  .archive-post .archive-post-content { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; }
  .archive-post .archive-post-content:last-child { margin-right: 0; } }
@media (min-width: 1021px) { body { padding-top: 56px; }
  #header { width: 100%; position: fixed; top: 0; z-index: 500; }
  #header nav { background: rgba(0, 0, 0, 0.77); color: #707070; position: static; }
  #header nav .container { width: 95%; clear: both; }
  #header nav ul { float: none; text-transform: uppercase; text-align: center; font-size: 17px; font-size: 1 rem; }
  #header nav ul li { display: inline-block; vertical-align: middle; padding: 10px 20px; text-align: center; border: none; }
  #header nav ul li a { padding: 0; display: inline; background: none; }
  #header nav ul li a span { display: block; }
  #header nav ul li a:hover { background: none; color: #6d971c; }
  #header nav ul li ul { width: 160px; margin: 0; position: absolute; left: 0; top: 100%; z-index: 2; text-transform: none; font-weight: normal; }
  #header nav ul li ul li { display: block; padding: 0; border: none; text-align: left; background: none; }
  #header nav ul li ul li a { display: block; padding: 5px 10px; background: rgba(0, 0, 0, 0.9); }
  #header nav ul li ul li a:hover { background: #000; }
  #header nav ul li ul li ul { left: 160px; top: 0px; }
  #header nav ul li ul li ul li { border: none; }
  #header nav ul li ul li ul li a { background: rgba(0, 0, 0, 0.9); }
  #header nav ul li .sub-collapser { display: none; }
  #header nav ul li:first-child { background: none; }
  #header nav ul li:hover > a { color: #6d971c; text-decoration: none; }
  #header-top { height: 56px; position: relative; }
  #header-top .container { width: 95%; }
  #header-top .header-logo { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; padding: 0; }
  #header-top .header-logo:last-child { margin-right: 0; }
  #header-top .header-logo img { margin: 5px auto 0; }
  #header-top .header-contact { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; padding: 0; font-size: 17px; font-size: 1.13rem; text-align: left; line-height: 56px; }
  #header-top .header-contact:last-child { margin-right: 0; }
  #header-top .header-actions { padding: 0; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; text-align: right; }
  #header-top .header-actions:last-child { margin-right: 0; }
  #header-top .header-actions a { width: auto; min-width: 100px; float: none; display: inline-block; border: none !important; }
  #header-top .header-arrow { display: block; width: 56px; height: 56px; line-height: 56px; position: absolute; top: 0; right: 0; text-align: center; color: #000; background: #DDD; font-size: 40px; font-size: 2.66667rem; cursor: pointer; }
  #header-top .header-arrow:hover { color: #FFF; background: #993300; }
  .content .content-area { */padding: 40px;*/ }
  .content .content-area-first { padding-top: 100px; }
  #footer { padding: 30px 0; }
  #footer ul { margin: 0; list-style: none; }
  #footer ul li { display: inline; margin: 0 0 0 20px; }
  #footer ul li:first-child { margin-left: 0; }
  #footer .widget-area { margin: 0; float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  #footer .widget-area:last-child { margin-right: 0; }
  #footer .widget-area:nth-child(2n+1) { clear: none; margin-right: 2.35765%; }
  #footer .footer-2 { text-align: right; }
 */ .alignright, .alignleft, .aligncenter, .alignnone { border-radius: 10px; border: 1px solid #FFF; } }*/
@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  @page { margin: 0.5cm; }
  h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
  p { orphans: 3; widows: 3; }
  pre, blockquote { border: 1px solid gray; page-break-inside: avoid; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  img { max-width: 100% !important; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; } }
#main-menu .active-link { color: #6d971c !important;}

.content-area h2 {text-align:center;margin-top: 30px;}
.gfield_label {display:block !important;}