@charset "UTF-8";

/*!

Theme Name: WP Sandpit

Version: 3.4

Author: Ryan Berry

Author URI: http://berrymultimedia.net.au/

*/

@import url("fonts/icons/style.css");
 @import url("fonts/proxima-nova/stylesheet.css");
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
@font-face { font-family: 'Mono Social Icons Font'; src: url("fonts/social/fonts/MonoSocialIconsFont-1.10.eot"); src: url("fonts/social/fonts/MonoSocialIconsFont-1.10.eot?#iefix") format("embedded-opentype"), url("fonts/social/fonts/MonoSocialIconsFont-1.10.woff") format("woff"), url("fonts/social/fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"), url("fonts/social/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg"); src: url("fonts/social/fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.social-icon, a.social-icon:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 2.5em; line-height: 1; }
 @-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
/* ==========================================================================

   CSS Normalize

   ========================================================================== */

* { -webkit-transform: translate3d(0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  *behavior: url(/assets/boxsizing.htc);
}
/* ==========================================================================

   HTML5 display definitions

   ========================================================================== */

/*

 * Corrects `block` display not defined in IE 8/9.

 */

article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  nav,  section,  summary { display: block; }
/*

 * Corrects `inline-block` display not defined in IE 8/9.

 */

audio,  canvas,  video { display: inline-block;  *display: inline;
 *zoom: 1;
}
/*

 * Prevents modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) { display: none; height: 0; }



/*

 * Addresses styling for `hidden` attribute not present in IE 8/9.

 */

[hidden] {
 display: none;
}
/* ==========================================================================

   Base

   ========================================================================== */

/*

 * 1. Sets default font family to sans-serif.

 * 2. Prevents iOS text size adjust after orientation change, without disabling

 *	  user zoom.

 */

html { font-family: sans-serif; /* 1 */

-webkit-text-size-adjust: 100%; /* 2 */

-ms-text-size-adjust: 100%;/* 2 */ }
/*

 * Removes default margin.

 */

body { margin: 0; }
/* ==========================================================================

   Links

   ========================================================================== */

/*

 * Addresses `outline` inconsistency between Chrome and other browsers.

 */

a:focus { outline: thin dotted; }
/*

 * Improves readability when focused and also mouse hovered in all browsers.

 */

a:active,  a:hover { outline: 0; }
/* ==========================================================================

   Typography

   ========================================================================== */

/*

 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,

 * Safari 5, and Chrome.

 */

h1 { font-size: 2em; }
/*

 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.

 */

abbr[title] { border-bottom: 1px dotted; }
/*

 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.

 */

b,  strong { font-weight: bold; }
/*

 * Addresses styling not present in Safari 5 and Chrome.

 */

dfn { font-style: italic; }
/*

 * Addresses styling not present in IE 8/9.

 */

mark { background: #ff0; color: #000; }
/*

 * Corrects font family set oddly in Safari 5 and Chrome.

 */

code,  kbd,  pre,  samp { font-family: monospace, serif; font-size: 1em; }
/*

 * Improves readability of pre-formatted text in all browsers.

 */

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/*

 * Sets consistent quote types.

 */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
/*

 * Addresses inconsistent and variable font size in all browsers.

 */

small { font-size: 80%; }
/*

 * Prevents `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; }
abbr,  acronym,  blockquote,  code,  dir,  kbd,  listing,  plaintext,  q,  samp,  tt,  var,  xmp { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
/* ==========================================================================

   Embedded content

   ========================================================================== */

/*

 * Removes border when inside `a` element in IE 8/9.

 */

img { border: 0; max-width: 100%; height: auto; }
/*

 * Corrects overflow displayed oddly in IE 9.

 */

svg:not(:root) { overflow: hidden; }
/* ==========================================================================

   Figures

   ========================================================================== */

/*

 * Addresses margin not present in IE 8/9 and Safari 5.

 */

figure { margin: 0; }
/* ==========================================================================

   Forms

   ========================================================================== */

/*

 * Define consistent border, margin, and padding.

 */

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

 * 1. Corrects color not being inherited in IE 8/9.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend { border: 0; /* 1 */

padding: 0;/* 2 */ }
/*

 * 1. Corrects font family not being inherited in all browsers.

 * 2. Corrects font size not being inherited in all browsers.

 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome

 */

button,  input,  select,  textarea { font-family: inherit; /* 1 */

font-size: 100%; /* 2 */

margin: 0;/* 3 */ }
/*

 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,  input { line-height: normal; }
/*

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *	  and `video` controls.

 * 2. Corrects inability to style clickable `input` types in iOS.

 * 3. Improves 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],  input[disabled] { cursor: default; }
/*

 * 1. Addresses box sizing set to `content-box` in IE 8/9.

 * 2. Removes excess padding in IE 8/9.

 */

input[type="checkbox"],  input[type="radio"] { box-sizing: border-box; /* 1 */

padding: 0;/* 2 */ }
/*

 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 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; }



/*

 * Removes inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,  input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}



/*

 * Removes inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/*

 * 1. Removes default vertical scrollbar in IE 8/9.

 * 2. Improves readability and alignment in all browsers.

 */

textarea { overflow: auto; /* 1 */

vertical-align: top;/* 2 */ }
/* ==========================================================================

   Tables

   ========================================================================== */

/*

 * Remove most spacing between table cells.

 */

table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================

   Hidden  Elements

   ========================================================================== */

.ir,  .hide-text,  .text-replace { text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; }
.hide,  .hidden,  #wpstats,  .screen-reader-text { display: none; visibility: hidden; }
/* ==========================================================================

   Clearing

   ========================================================================== */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
html.clearfix {  *height: 1%;
}
/* ==========================================================================

   Wordpress Specific

   ========================================================================== */

body.admin-bar { margin-top: 28px !important; }
#tinymce { padding: 1em; }
/* ==========================================================================

   Universal wrapper

   ========================================================================== */

.wrapper { display: block; }
/* =[ Type ]================================================================= */

body { font-size: 16px; line-height: 1.62; text-align: left; font-family: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, Sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: white; font-size-adjust: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
a { color: #866e44; display: inherit; text-decoration: none; }
a:hover, a:focus { color: #a89066; }
#content a:hover { text-decoration: underline; }
.button, .product a { text-decoration: none !important; }
p { margin-top: 0; margin-bottom: 20px; }
p.intro { font-size: 1.176em; line-height: 1.394; }
/* =[ Headings ]================ */

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, Sans-serif; color: white; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); font-weight: 300; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
h1 { font-size: 3.086em; line-height: 1.125em; margin-top: 0.726em; margin-bottom: 0.381em; }
h2 { font-size: 2.624em; line-height: 1.125em; margin-top: 0.726em; margin-bottom: 0.381em; }
h3 { font-size: 1.905em; line-height: 1.384em; margin-top: 1.176em; margin-bottom: 0.617em; }
h4 { font-size: 1.62em; line-height: 1.384em; margin-top: 1.176em; margin-bottom: 0.617em; }
h5 { font-size: 1.176em; line-height: 1.384em; margin-top: 1.176em; margin-bottom: 0.617em; }
h6 { font-size: 0.726em; line-height: 1.384em; margin-top: 1.176em; margin-bottom: 0.617em; text-transform: uppercase; }
h1 + h2, h2 + h3, h3 + h4, h5 + h6 { margin-top: 0; }
/* =[ Layout Elements ]================ */

hr { color: #222; background-color: #222; border: none; border-top: 1px solid #ccc; margin: 20px 0; display: block; }
article blockquote { margin: 0 0 1.25em 0; font-family: cambria, georgia, times, serif; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; padding: 1.25em; font-style: italic; }
article blockquote p:last-child { margin-bottom: 0; }
.pull-quote { position: relative; padding: 1.2em; }
.pull-quote:before, .pull-quote:after { height: 4em; opacity: 0.15; position: absolute; font-size: 4em; }
.pull-quote:before { content: '“'; top: 0em; left: 0em; }
.pull-quote:after { content: '”'; bottom: 0em; right: 0em; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
.drop-cap:first-letter { float: left; margin: 0; padding: 0.4em; font-size: 5em; font-family: inherit; line-height: 0.1; text-indent: 0; background: transparent; color: inherit; }
/* =[ Icons ]================ */

.icon { font-family: 'IcoMoon'; font-size: 1.5em; display: inline-block; margin-bottom: 0; line-height: 1em; vertical-align: baseline; }
/* =[ Table ]================ */

table { width: 100%; }
/* =[ Layout based tweaks ]================ */

#sidebar { font-size: 14px; }
#sidebar h3 { font-size: 1.62em; }
#sidebar h4 { font-size: 1.176em; }
/* ==========================================================================

   Desktop

   ========================================================================== */

.home-fullwidth { width: 960px; margin-left: 0.9em; }
.home #content { width: 64%; padding-right: 3em; margin-top: 2em; }
.home #testimonial { padding-bottom: 0.5em; padding-top: 0.5em; width: 113%; margin-left: -3em; background: #2e2e2e; margin-top: 3em; }
#menu-main li .sample { margin-left: 10em; }
html { background-color: #fefefe; overflow-x: hidden; }
html.no-touch { overflow-y: auto; }
body { width: 100%;  *zoom: 1;
position: relative; background-color: #000 !important; -webkit-transform: translate3d(0, 0, 0); }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }
 @-webkit-keyframes fade-in {  0% {
 opacity: 0;
 top: -5px;
}
 100% {
 opacity: 1;
 top: 0;
}
}
.wrapper { position: relative; -webkit-animation-name: fade-in; -moz-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: 1000ms; -moz-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; }
#page-wrapper { position: relative; width: 100%; background: url("images/background-main.jpg") no-repeat; background-repeat-y: inherit; }
/* Home

   ========================================================================== */

.home #main-links { display: inline; width: 100%; margin-top: 3em; float: left; margin-left: 0.7em; }
.home .main-link { position: relative; display: inline; width: 300px; height: 222px; margin: 0 10px; float: left; }
.home figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: relative; bottom: 208px; width: 16em; /*background: black;*/

background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 1em; color: white; /*font-weight: bold;*/

font-size: 19px; line-height: 0.4; text-align: center; }
.home .two_thirds figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: relative; bottom: 206px; width: 15.6em; /*background: black;*/

background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 1em; color: white; /*font-weight: bold;*/

font-size: 19px; line-height: 0.4; text-align: center; }
.home div.columns .four_fifths { display: inline; float: left; width: 100%; margin: 0 1.25698%; }
.home div.columns.columns-2 { margin-left: 2.5em; margin-top: 2em; }
.home div.columns.columns-3 { margin-left: -4px; }
.home .columns { float: left; width: 100%; }
/* Event

   ========================================================================== */

.page-id-39 .columns-2 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: relative; bottom: 313px; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 1em; color: white; /*font-weight: bold;*/

font-size: 19px; line-height: 0.4; text-align: center; }
.page-id-39 div.columns.columns-2 { margin-bottom: 3%; }
.page-id-39 div.columns.columns-2 .single-column { display: inline; float: left; width: 45.9%; margin: 0 1.25698%; margin-right: 2%; height: 305px; }
.page-id-39 div.columns .three_fifths { display: inline; float: left; width: 51.48603%; margin: 0 4.25698%; }
.page-id-148 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-148 div.columns .three_fifths { display: inline; float: left; width: 55.6%; margin: 0 1.7%; }
/* Wedding

   ========================================================================== */

/*.page-id-146{

.columns

{

.columns-3{

.single-column

{

display: inline;

float: left;

width: 30.81937%;

margin: 0 1.25698%;

}

}

}

}*/

.page-id-146 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-146 div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 0.8%; margin-bottom: 0.6em; }
.page-id-65 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-65 div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 0.8%; margin-bottom: 0.6em; }
.page-id-118 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-118 div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 0.8%; margin-bottom: 0.6em; }
.page-id-120 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-120 div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 0.8%; margin-bottom: 0.6em; }
.page-id-152 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-152 div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 0.8%; margin-bottom: 0.6em; }
.page-id-150 .columns-3 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: absolute; bottom: 3%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.page-id-150 div.columns .three_fifths { display: inline; float: left; width: 55.6%; margin: 0 1.7%; }
/* Product

   ========================================================================== */

.page-id-41 .columns-2 figure figcaption { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; position: relative; bottom: 314px; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 1em; color: white; /*font-weight: bold;*/

font-size: 19px; line-height: 0.4; text-align: center; }
.page-id-41 div.columns.columns-2 { margin-bottom: 3%; }
.page-id-41 div.columns.columns-2 .single-column { display: inline; float: left; width: 45.9%; margin: 0 1.25698%; margin-right: 2%; height: 305px; }
.page-id-41 div.columns .three_fifths { display: inline; float: left; width: 53.3%; margin: 0 1.5%; }
/* Header

   ========================================================================== */

.header-saperate { height: 150px; background: url("images/header-small.jpg"); /* width: 960px; */

max-width: 960px; margin: 0 auto; display: block; margin-top: -5em; }
#header-wrapper { padding: 40.92px 25.92px; z-index: 99; }
#header-wrapper #header { max-width: 960px; margin: 0 auto; display: block;  *zoom: 1;
margin-top: -4em; }
#header-wrapper #header:before, #header-wrapper #header:after { content: ""; display: table; }
#header-wrapper #header:after { clear: both; }
#logo { /*display: inline; */

  /* float: left; */

  /* width: 30.81937%; */

  /* margin: 0 1.25698%; */

display: inline; float: left; /* width: 92%; */

margin: 0 22.5em; position: absolute; top: 63.6px; text-align: center;/*padding: 24.3px;*/

  /*@include column(4);*/ }
#logo img + h1 { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
#contact-details { display: inline; float: left; width: 30.81937%; margin: 0 1.25698%; float: right; margin-top: 25.92px; text-align: right; }
#contact-details p { margin: 0; }
/* Nav

   ========================================================================== */

#menu-toggle { font-family: 'IcoMoon'; font-size: 1.5em; display: inline-block; margin-bottom: 0; line-height: 1em; vertical-align: baseline; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; display: none; padding: 0.5em 0.7em; margin: 0.5em 0 0.2em; font-size: 1em; text-align: right; color: #fafafa; background: #333; cursor: pointer; z-index: 100; -webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
 @media screen and (min-width: 480px) {
#nav-wrapper { z-index: 10; /*margin-top: -8em;*/

background-color: #fff; }
#nav-wrapper .menu-header { max-width: 960px; margin: 0 auto; display: block; font-size: 1em; }
#nav-wrapper .menu-header #main-nav { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;
}
#nav-wrapper .menu-header #main-nav:before, #nav-wrapper .menu-header #main-nav:after { content: ""; display: table; }
#nav-wrapper .menu-header #main-nav:after { clear: both; }
}
#menu-main { display: inline; float: left; margin: 0 0.6%; /* float: right; */padding: 0; }
#menu-main li { position: relative; /* margin-right: 1em; */list-style: none; position: relative; display: inline-block; vertical-align: middle; margin-left: 30px; font-size: 20px; z-index: 999; list-style: none; }
#menu-main li:last-child { margin-right: 0; }
#menu-main li.current-menu-item, #menu-main li.current-menu-ancestor, #menu-main li.current-menu-parent { background: #000; color: #FFF; }
#menu-main li .icon-heart { position: relative; top: 2px; left: 2px; }
#menu-main li a { display: block; padding: 0.2em 0.5em; color: #000; margin-top: -1.8px; }
#menu-main li.active a, #menu-main li:hover a { background: #000; color: #FFF; height: 44px; }
#menu-main li .sub-menu { padding: 0; display: none; position: absolute; background: #000; color: #FFF; opacity: 0.8; z-index: 1000; }
#menu-main li .sub-menu li { float: none; position: relative; margin-right: 0; }
#menu-main li .sub-menu li a { width: 10em; font-size: 18px; }
#menu-main li .sub-menu .sub-menu { display: none; left: 100%; position: absolute; top: 0; }
.widget_sub_menu .menu { border-top: none !important; }
.widget_sub_menu .current_page_ancestor { border: none !important; }
.widget_sub_menu .current_page_ancestor > a { font-size: 1.4em; }
.widget_sub_menu .current-menu-item > a { color: inherit; }
.widget_sub_menu > .current-menu-item { border: none !important; }
.widget_sub_menu > .current-menu-item > a { font-size: 1.4em; }
/* Banner

   ========================================================================== */

#banner-wrapper #banner { max-width: 960px; margin: 0 auto; display: block; padding: 25.92px 0; margin-top: -5.8em; }
#banner-wrapper #banner #bannercontent { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;z-index: -100; }
#banner-wrapper #banner #bannercontent:before, #banner-wrapper #banner #bannercontent:after { content: ""; display: table; }
#banner-wrapper #banner #bannercontent:after { clear: both; }
#banner-wrapper #banner #bannercontent .flexslider { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
#banner-wrapper #banner #bannercontent .flexslider .slides img { /*height: 450px;*/ }
#main-wrapper #main { max-width: 960px; margin: 0 auto; display: block; padding: 25.92px 0; background-color: black; margin-top: 1em; }
#main-wrapper #main #maincontent { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;}

#main-wrapper #main #maincontent:before, #main-wrapper #main #maincontent:after { content: ""; display: table; }
#main-wrapper #main #maincontent:after { clear: both; }
#content { display: inline; float: left; width: 63.3%; margin: 0 3%; }
#content .archive-title { border-bottom: 1px solid whitesmoke; margin-bottom: 25.92px; padding-bottom: 10px; }
#content article.hentry header h3 { margin: 0; }
#content article.hentry header time { margin-bottom: 0; font-size: 0.9em; }
#content article.hentry header .meta { margin-bottom: 25.92px; margin-top: 0; font-size: 0.9em; }
.archive #content article, .search #content article, .blog #content article { border-bottom: 1px solid whitesmoke; margin: 25.92px 0; }
#content.fullwidth { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin: 0 3%; }
#sidebar { display: inline; float: left; width: 26.6527%; margin: 0 1.25698%; }
#sidebar .widget ul { /*border-top: 1px solid #eee;*/

padding-left: 0; margin-left: 25.92px; }
#sidebar .widget ul li { list-style: none; /*border-bottom: 1px solid #eee;*/

padding: 0.3em 0; }
#sidebar .widget_search { margin-bottom: 25.92px; }
/* ==========================================================================

   Layouts

   ========================================================================== */

.content-blocks { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;
}
.content-blocks:before, .content-blocks:after { content: ""; display: table; }
.content-blocks:after { clear: both; }
/* Standard

   ========================================================================== */

.heading { display: inline; float: left; width: 97.91666666666666%; margin-left: 1.0416666666666665%; margin-right: 1.0416666666666665%; }
.standard { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.small-padding { padding: 25.92px 0; }
.vertical-padding, .big-padding { padding: 77.76px 0; }
/* Full width text block

   ========================================================================== */

.full-width-wrapper { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.full-width-wrapper .full-width { background-size: cover; background-position: center center; background-repeat: no-repeat; margin-left: -1000px; margin-right: -1000px;  *zoom: 1;
}
.full-width-wrapper .full-width:before, .full-width-wrapper .full-width:after { content: ""; display: table; }
.full-width-wrapper .full-width:after { clear: both; }
.full-width-wrapper .full-width .center { max-width: 960px; margin: 0 auto; display: block; }
/* Columns

   ========================================================================== */

.columns { float: left; width: 100%; }
div.columns.columns-1 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-2 .single-column { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns.columns-3 .single-column { display: inline; float: left; width: 30.81937%; margin: 0 1.25698%; }
div.columns.columns-4 .single-column { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; margin: 0 0.83% !important; }
div.columns.columns-5 .single-column { display: inline; float: left; width: 17.48603%; margin: 0 1.25698%; }
div.columns.columns-6 .single-column { display: inline; float: left; width: 14.1527%; margin: 0 1.25698%; }
div.columns .one { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_quarter { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; }
div.columns .one_half { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns .three_quarters { display: inline; float: left; width: 72.48603%; margin: 0 1.25698%; }
div.columns .one_third { display: inline; float: left; width: 30.81937%; margin: 0 1.25698%; }
div.columns .two_thirds { display: inline; float: left; width: 30.81937%; margin: 0 1.25698%; }
div.columns .one_fifth { display: inline; float: left; width: 17.48603%; margin: 0 1.25698%; }
div.columns .two_fifths { display: inline; float: left; width: 37.48603%; margin: 0 1.25698%; }
div.columns .three_fifths { display: inline; float: left; width: 57.48603%; margin: 0 1.25698%; }
div.columns .four_fifths { display: inline; float: left; width: 77.48603%; margin: 0 1.25698%; }
/* Tabs

   ========================================================================== */

.tabs { position: relative; float: left; clear: both; width: 100%; margin: 25.92px 0; }
.tabs .st_tabs_container { position: relative; z-index: 105; width: 100% !important; margin-bottom: -1px; overflow: hidden; text-align: center; height: 33px; }
.tabs .st_slide_container { padding-left: 3%; }
.tabs .st_tabs { width: 100%; padding: 0px; list-style: none; margin: 0; text-align: left; }
.tabs .st_tabs li { display: inline-block; }
.tabs .st_tabs li a { display: block; text-decoration: none; border: 1px solid #eee; outline: none; padding: 0.5em 1em; color: #444; font-size: 1em; background: #f8f8f8; }
.tabs .st_tabs a:hover { color: #666; background: white; }
.tabs .st_tabs a.st_tab_active { color: #444; border-bottom: 1px solid #fdfdfd; border-top: 1px solid #89bee7; background: #fdfdfd; }
.tabs .st_view_container { position: relative; height: 100%; background: #fdfdfd; border: 1px solid #eee; z-index: 101; overflow: hidden; padding: 1em 0.5em; }
.tabs .st_tab_view { padding: 0 25.92px; }
/* Slideshow

   ========================================================================== */

.slideshow { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-top: 1.2em; margin-bottom: 1.2em; }
/* Gallery

   ========================================================================== */

.gallery { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-top: 25.92px; margin-bottom: 25.92px; }
.gallery .row { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;
width: 100%; }
.gallery .row:before, .gallery .row:after { content: ""; display: table; }
.gallery .row:after { clear: both; }
.gallery figure { margin-bottom: 1em !important; }
.gallery figure img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /*background: white;

      padding: 0.5 * $gap;*/

-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
.gallery figure figcaption { transition: all 400ms ease-out; position: relative; bottom: 35px; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 101; padding: 0.2em; color: white; font-weight: bold; line-height: 1.4; text-align: center; }
.gallery .row figure { margin-bottom: 12.96px; }
.gallery .row.one figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.gallery .row.two figure { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
.gallery .row.three figure { display: inline; float: left; width: 30.81937%; margin: 0 1.25698%; }
.gallery .row.four figure { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; }
.gallery .row.five figure { display: inline; float: left; width: 17.48603%; margin: 0 1.25698%; }
.gallery .row.six figure { display: inline; float: left; width: 14.1527%; margin: 0 1.25698%; }
/* Blockquote

   ========================================================================== */

blockquote.quote { position: relative; display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
blockquote.quote p { padding: 0 25.92px; font-size: 1.5em; }
blockquote.quote .author { font-size: 1.1em; font-style: italic; position: absolute; right: 0; bottom: 0; }
/* Accordion

   ========================================================================== */

.accordion { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; border-bottom: 1px solid #c7d5d9; padding-bottom: 12.96px; margin-bottom: 12.96px; position: relative; cursor: pointer; }
.accordion .accordion-title { cursor: pointer; color: #866e44; }
.accordion .accordion-title:hover { color: #a89066; }
.accordion .accordion-title:after { content: '▼'; font-size: 0.9em; margin-left: 12.96px; line-height: 1em; vertical-align: middle; top: -2px; position: relative; }
.accordion .accordion-title.active:after { content: '▲'; }
.accordion .accordion-content { display: none; margin-top: 12.96px; }
/* Footer

   ========================================================================== */

#footer-wrapper { background-color: black; }
#footer-wrapper #footer { max-width: 960px; margin: 0 auto; display: block;  *zoom: 1;
padding: 25.92px 0; }
#footer-wrapper #footer:before, #footer-wrapper #footer:after { content: ""; display: table; }
#footer-wrapper #footer:after { clear: both; }
#footer-wrapper #footer nav ul { padding: 0; }
#footer-wrapper #footer nav ul li { display: block; float: left; font-size: 0.9em; }
#footer-wrapper #footer nav ul .sit-link { float: right; }



/* Media Queries

   ========================================================================== */

@media screen and (max-width: 1000px) {
.wrapper { padding: 0 25.92px; }
.full-width-wrapper .full-width { margin-left: -40px; margin-right: -40px; padding-left: 51.84px; padding-right: 51.84px; }
}
.sample { background: #ddd; padding: 0px 10px 0px 10px; border: 1px solid #ccc; }
form input[type="email"], form input[type="number"], form input[type="password"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="url"], form input[type="color"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="time"], form input[type="week"], form textarea, form button, form select[multiple=multiple] { padding: .5em .6em; display: inline-block; border: 1px solid #ccc; font-size: 1em; box-shadow: inset 0 1px 3px #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.3s linear border ease-out; -moz-transition: all 0.3s linear border ease-out; transition: all 0.3s linear border ease-out; width: 100%; vertical-align: baseline;  *vertical-align: middle;
}
form .gfield_error input, form .gfield_error textarea, form .gfield_error button, form .gfield_error select { border-color: #b94a48; box-shadow: inset 0 1px 3px #b94a48; }
form .gfield_error input:focus, form .gfield_error textarea:focus, form .gfield_error button:focus, form .gfield_error select:focus { outline: auto 5px #b94a48; }
form select { width: 100%; }
form select[multiple=multiple] { padding: 0.8em 0.6em; line-height: 1.6; }
form button { -webkit-appearance: button; cursor: pointer;  *overflow: visible;
}
form input[type=button], form input[type=reset], form input[type=submit] { -webkit-appearance: button; cursor: pointer;  *overflow: visible;
}
form button[disabled] { cursor: default; }
form input[disabled] { cursor: default; }
form input[type=checkbox], form input[type=radio] { box-sizing: border-box; padding: 0;  *height: 13px;
 *width: 13px;
}
form input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 form input[type=search]::-webkit-search-cancel-button, form input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none;
}
 form button::-moz-focus-inner, form input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
form .ginput_full { width: 100%; display: inline-block; margin-bottom: 0.3em; }
form .ginput_left, form .ginput_right { display: inline-block; width: 48%; vertical-align: middle; margin-bottom: 0.3em; }
form .ginput_left { margin-right: 4%; }
form .gfield_time_hour, form .gfield_time_minute, form .gfield_time_ampm { display: inline-block; vertical-align: middle; width: 30%; margin-right: 2%; }
form .gfield_time_hour input, form .gfield_time_minute input, form .gfield_time_ampm input { width: 80%; }
form .gfield_time_hour label, form .gfield_time_minute label, form .gfield_time_ampm label { width: 16%; margin: 0 2%; }
form ul, form .gform_fields { list-style: none; padding: 0; }
form ul .gfield, form .gform_fields .gfield { padding: 0.7em 1em; }
form ul .gsection, form .gform_fields .gsection { padding: 2em 0; background: none; }
form .gfield_label { display: block; margin-bottom: 0.25em; font-weight: bold; }
form .gfield_required { color: #b94a48; margin-left: 5px; }
form .validation_message { position: absolute; width: 155px; left: -175px; top: 2.5em; background: #b94a48; color: white; padding: 0.2em 0.5em; box-sizing: content-box; text-align: center; }
form .validation_message:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
form .validation_message:after { border-color: rgba(185, 74, 72, 0); border-left-color: #b94a48; border-width: 5px; top: 50%; margin-top: -5px; }
form .gform_validation_container { display: none; }
form .gfield_checkbox input, form .gfield_radio input { margin-right: 0.5em; }
form .gf_progressbar_wrapper { background: #fafafa; padding: 0.7em 1em 1.2em; border-bottom: 1px solid #eee; }
form .gf_progressbar { -webkit-border-radius: 0.75em; -moz-border-radius: 0.75em; border-radius: 0.75em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; color: white; font-weight: bold; background: white; }
form .gf_progressbar_percentage { background-image: -webkit-linear-gradient(#866e44 0, #a89066 100%); background-image: -moz-linear-gradient(#866e44 0, #a89066 100%); background-image: -ms-linear-gradient(#866e44 0, #a89066 100%); background-image: -o-linear-gradient(#866e44 0, #a89066 100%); background-image: linear-gradient(#866e44 0, #a89066 100%); padding: 0.1em 0.5em; }
 @media screen and (max-width: 1350px) {
form .validation_message { position: relative; top: 5px; left: auto; }
form .validation_message:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
form .validation_message:after { border-color: rgba(185, 74, 72, 0); border-bottom-color: #b94a48; border-width: 5px; left: 50%; top: -5px; margin-left: -5px; }
}
/* jQuery UI date picker ------------------------------------------------------*/

.ui-datepicker-div,  .ui-datepicker-inline,  #ui-datepicker-div { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 1em; list-style: none; font-family: "lucida sans", "lucida grande", lucida, sans-serif; background-color: #FFF; font-size: 1em; border: 4px solid #C1C1C1; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative; }
.ui-datepicker-div,  #ui-datepicker-div { z-index: 9999; display: none; }
.ui-datepicker-inline { float: left; display: block; }
.ui-datepicker-control { display: none; }
.ui-datepicker-current { display: none; }
.ui-datepicker-next,  .ui-datepicker-prev { position: absolute; left: 0.5em; top: 0.5em; background-color: #eeeeee; }
.ui-datepicker-next { left: 14.6em; }
.ui-datepicker-next:hover,  .ui-datepicker-prev:hover { background-color: #dadada; }
.ui-datepicker-next a,  .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background-image: url(images/datepicker_arrow_left.gif); background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #d3d3d3; cursor: pointer; }
.ui-datepicker-next a { background-image: url(images/datepicker_arrow_right.gif); background-position: 50% 50%; background-repeat: no-repeat; }
.ui-datepicker-header select { border: 1px solid #D3D3D3; color: #555; background-color: #E6E6E6; font-size: 1em; line-height: 1.4em; position: absolute; top: 0.5em; margin: 0 !important; }
.ui-datepicker-header option:focus,  .ui-datepicker-header option:hover { background-color: #dadada; }
.ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em; }
.ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em; }
table.ui-datepicker { width: 15.5em; text-align: right; }
table.ui-datepicker td a { padding: .1em; display: block; color: #555; background-color: #E6E6E6; cursor: pointer; border: 1px solid #FFF; text-align: center; }
table.ui-datepicker td a:hover { border: 1px solid #FFF; color: #212121; background-color: #DADADA; text-decoration: none; }
table.ui-datepicker td a:active { border: 1px solid #AAA; color: #212121; background-color: #FFF; text-decoration: none; }
table.ui-datepicker .ui-datepicker-title-row td { padding: .2em 0; text-align: center; font-size: 0.9em; color: #222; text-transform: uppercase; }
table.ui-datepicker .ui-datepicker-title-row td a { color: #222; padding: 0.3em 0; }
 @media screen and (max-width: 480px) {
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; }
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary { width: 100% !important; }
.woocommerce ul.products li.product { width: 48.1% !important; }
.woocommerce ul.products li.product:nth-child(even) { margin-right: 0 !important; }
.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width: 100% !important; }
.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary { width: 100% !important; }
}
div.pp_woocommerce { overflow: visible !important; }
div.pp_woocommerce .ppt, div.pp_woocommerce .pp_description { display: none !important; }
div.pp_woocommerce .pp_details { padding-top: 0 !important; }
/* ==========================================================================

   Images

   ========================================================================== */

.alignleft { float: left; clear: left; margin: 0.38em 1.62em 0.38em 0; }
.alignright { float: right; clear: right; margin: 0.38em 0 0.38em 1.62em; }
.aligncenter { margin: 0 auto 1.62em; display: block; }
div.wp-caption { text-align: center; background: #11161a; border: 1px solid #1a1f23; outline: 4px solid #0d1015; padding: 0 !important; text-align: center !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.wp-caption img { margin: 0; padding: 5px 5px 0; outline: 0; border: 0; }
p.wp-caption-text { margin: 0 !important; padding: 0 3px 3px !important; font-weight: bold; clear: both; font-size: 0.92em; color: #eee; }
/* ==========================================================================

   Comments

   ========================================================================== */

ol.comment-list { margin: 0 0 1em !important; padding: 0; }
ol.comment-list img.avatar { margin: 8px 10px 0 0; padding: 4px; position: absolute; left: 1em; top: 0; border: 1px solid #1a1f23; }
ol.comment-list li { margin: 1em 0; padding: 8px 0 8px 7em; list-style: none; overflow: hidden; position: relative; }
ol.comment-list > li:nth-child(odd) { background-color: #fafafa; border: 1px solid #EEEEEE; border-radius: 0.5em 0.5em 0.5em 0.5em; }
ol.comment-list li header { margin: 0; line-height: 1.5em; }
ol.comment-list li article nav { clear: both; display: block; padding-right: 1em; text-align: right; }
ol.comment-list li ul, ol.comment-list #respond { margin: 0 1em 0 0 !important; padding: 0; background: white; border-radius: 0.5em 0.5em 0.5em 0.5em; }
ol.comment-list li .comment-text { border: 2px solid #ebebeb; overflow: hidden; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 10px 0; }
ol.comment-list li.bypostauthor .comment-text, ol.comment-list li.bypostauthor img.avatar { border-color: #D4E2EB; }
ol.comment-list li .comment-text p { margin: 0 0 10px !important; }
ol.comment-list li p.meta { font-weight: normal; background: transparent; padding: 0; font-style: italic; color: #777; font-size: 0.9em; margin: 0 0 10px !important; }
ol.comment-list li p.meta strong { font-weight: bold; }
/* Respond form

   ========================================================================== */

#respond { margin: 2em 0; }
#respond input.text, #respond select, #respond textarea,  .comment-form-author input,  .comment-form-email input,  .comment-form-url input,  input#s { font-size: 1em; line-height: 1em; padding: 0.375em; width: 50%; margin: 0 4px 0 0; outline: 0; display: block; background: rgba(0, 0, 0, 0.02); color: #6d667d; border: 0px solid #ccc; font-weight: normal; text-indent: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); border: 1px #fff solid; border-style: none solid solid none; }
input#s { display: inline-block; width: 40%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
input#s:focus { width: 57%; }
.borderradius #respond input.text, .borderradius #respond select, .borderradius #respond textarea,  .borderradius .comment-form-author input,  .borderradius .comment-form-email input,  .borderradius .comment-form-url input,  .borderradius input#s { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; }
#respond textarea { width: 98%; margin-right: 0; }
#respond label { font-size: 1em; font-weight: bold; }
/* ==========================================================================

   Plugins and Extensions

   ========================================================================== */

/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */

/* Browser Resets */

.flex-container a:active,  .flexslider a:active,  .flex-container a:focus,  .flexslider a:focus { outline: none; }
.slides,  .flex-control-nav,  .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles

*********************************/

.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme

*********************************/

.flexslider { margin: 0 0 60px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */

.flex-direction-nav {  *height: 0;
}
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
 @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .flex-next { opacity: 1; right: 0; }
}
/*

 * jQuery Tooltip

 * 

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 */

#tooltip { text-align: center; color: #fefefe; background: #444; position: absolute; z-index: 100; padding: 10px; font-weight: bold; }
#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #444; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }
#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #444; top: -20px; bottom: auto; }
#tooltip.left:after { left: 10px; margin: 0; }
#tooltip.right:after { right: 10px; left: auto; margin: 0; }
.paging, .navigation { display: block; width: 100%;  *zoom: 1;
margin: 1em 0; }
.paging:before, .paging:after, .navigation:before, .navigation:after { content: ""; display: table; }
.paging:after, .navigation:after { clear: both; }
.paging .nav-previous, .navigation .nav-previous { float: left; }
.paging .nav-next, .navigation .nav-next { float: right; }
.paging a, .navigation a { margin: 0 0.2em; padding: 6px 9px 5px 9px; text-decoration: none !important; width: auto; color: #fff; background: #555; }
.paging a:hover, .navigation a:hover { color: #fff; background: #3279BB; }
.paging .current, .navigation .current { background: #866e44; color: #fff; margin: 0 0.2em; padding: 6px 9px 5px 9px; }
/*

 * Quote rotator

 *

 */

.sandpit-quotes { position: relative; margin: 3em auto 5em auto; max-width: 800px; width: 100%; min-height: 400px; }
.sandpit-quotes .sandpit-content { position: absolute; min-height: 200px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding: 2em 0; top: 0; z-index: 0; opacity: 0; width: 100%; }
.no-js .sandpit-quotes .sandpit-content { border-bottom: none; }
.sandpit-quotes .sandpit-content.sandpit-qtcurrent, .no-js .sandpit-quotes .sandpit-content { position: relative; z-index: 100; pointer-events: auto; opacity: 1; }
.sandpit-quotes .sandpit-content:before { content: " "; display: table; }
.sandpit-quotes .sandpit-content:after { content: " "; display: table; clear: both; }
.sandpit-qtprogress { position: absolute; background: #47a3da; height: 1px; width: 0%; top: 0; z-index: 1000; }
.sandpit-quotes blockquote { margin: 0; padding: 0; }
.sandpit-quotes blockquote p { font-size: 2em; color: #888; font-weight: 300; margin: 0.4em 0 1em; }
.sandpit-quotes blockquote footer { font-size: 1.2em; }
.sandpit-quotes blockquote footer:before { content: '― '; }
.sandpit-quotes .sandpit-content img { float: right; margin-left: 3em; }
 @media screen and (max-width: 30.6em) {
.sandpit-quotes { font-size: 70%; }
.sandpit-quotes img { width: 80px; }
}

/*--[ Tablets ]--------------------------------------------------------------------------------*/

@media screen and (max-width: 720px) {
.wrapper { padding: 0 1.2em; }
#content { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.standard { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.left_image .image { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; margin-bottom: 1em; text-align: center; }
.left_image .content { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
.right_image .image { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; margin-bottom: 1em; text-align: center; }
.right_image .content { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns-1 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns-2 .single-column { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns-3 .single-column { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns-4 .single-column { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; }
div.columns-5 .single-column { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; }
div.columns-6 .single-column { display: inline; float: left; width: 22.48603%; margin: 0 1.25698%; }
div.columns .one_quarter { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns .one_half { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .three_quarters { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_third { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns .two_thirds { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_fifth { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns .two_fifths { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
div.columns .three_fifths { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .four_fifths { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
#sidebar { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
}

/*--[ Mobiles ]--------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
.home #content { width: 100%; padding-right: 0em; margin-top: 2em; }
.home div.columns.columns-3 { margin-left: -43px; }
.home #main-links { margin-left: 0em !important; }
.home .home-figcaption { width: 100%; margin-left: -1.5em; }
.home figcaption { margin-left: -1.39em; }
.home #testimonial { padding-bottom: 0.5em; padding-top: 0.5em; width: 100%; background: #2e2e2e; margin-top: 3em; margin-left: 0em; }
#menu-main #link-thank-you { margin-left: 0; }
.page-id-39 .columns-2 figure figcaption { bottom: 98px !important; line-height: 1.4 !important; padding: 0.2em !important; }
.page-id-39 div.columns.columns-2 .single-column { height: 9em !important; }
.page-id-41 .columns-2 figure figcaption { bottom: 98px !important; line-height: 1.4 !important; padding: 0.2em !important; }
.page-id-41 div.columns.columns-2 .single-column { height: 9em !important; }
body { font-size: 14px; }
.wrapper { padding: 0 25.92px; }
#contact-details { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; text-align: center; margin: 25.92px 0; }
#logo { display: inline; float: left; width: 97.48603%; z-index: 99; margin: 0 1.25698%; text-align: center; }
#nav-wrapper { height: 100%; width: 70%; padding: 0; position: absolute; top: 0; background: #333; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); z-index: 98; }
#nav-wrapper .menu-header { display: none; }
#nav-wrapper .menu-header #main-nav { padding: 5em 0 0; font-size: 1em; }
#menu-toggle { display: block; }
#menu-main { display: inline; float: left; width: 100%; margin: 0; float: left; padding: 0; text-align: center; }
#menu-main li { float: none; display: block; text-align: left; margin-right: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
#menu-main li:hover, #menu-main li.current-menu-item, #menu-main li.current-menu-parent { background: rgba(255, 255, 255, 0.1); }
#menu-main li a { padding: 0.5em 0.5em 0.5em 1.2em; color: white; }
#menu-main li.active a, #menu-main li:hover a { background: rgba(255, 255, 255, 0.1); }
#menu-main li .sub-menu { position: static; display: none; max-width: 100%; zoom: 1; background: rgba(255, 255, 255, 0.1); }
#menu-main li .sub-menu li { float: none; position: static; display: block !important; opacity: 1 !important; zoom: 1; }
#menu-main li .sub-menu li a { width: 100%; padding-left: 1.8em; }
#menu-main li .sub-menu li .sub-menu { position: relative; left: 0; }
#menu-main li .sub-menu li .sub-menu li { padding-left: 0; }
#menu-main li .sub-menu li .sub-menu li a { padding-left: 2.4em; }
#nav-wrapper { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
#page-wrapper { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.js-nav #page-wrapper { -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); }
.js-nav #nav-wrapper .menu-header { display: block; }
#nav-wrapper #menu-main {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.js-nav #nav-wrapper #menu-main {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#content { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.standard { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.full-width-wrapper .full-width { margin-left: -40px; margin-right: -40px; padding-left: 51.84px; padding-right: 51.84px; }
.left_image .image { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 25.92px; }
.left_image .content { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.right_image .image { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 25.92px; }
.right_image .content { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-1 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-2 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-3 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-4 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-5 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns.columns-6 .single-column { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_quarter { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_half { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .three_quarters { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .one_third { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .two_thirds { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin: 0 5.25698%; }
div.columns .one_fifth { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .two_fifths { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .three_fifths { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
div.columns .four_fifths { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.gallery .row { display: block; width: 102.51397%; margin: 0 -1.25698%;  *zoom: 1;
}
.gallery .row:before, .gallery .row:after { content: ""; display: table; }
.gallery .row:after { clear: both; }
.gallery .row.one figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
.gallery .row.two figure { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
.gallery .row.three figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
.gallery .row.four figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
.gallery .row.five figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
.gallery .row.six figure { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; margin-bottom: 0.5em; }
#sidebar { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
#subpages { display: none; }
#searchform { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; text-align: center; margin: 25.92px 0; }
#footer-wrapper #footer { max-width: 960px; margin: 0 auto; display: block; padding: 25.92px 0; }
#footer-wrapper #footer nav ul li { display: block; float: none; }
#footer-wrapper #footer nav ul .sit-link { float: none; }
}

/* ==========================================================================

   Print Stylesheet

   ========================================================================== */

@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
nav,  #main-nav,  #searchform,  #contact-details,  #sidebar { display: none !important; }
#content { width: 100%; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
/* Don't show links for images */

pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.gallery figcaption { display: none; }
#link-logo h1{display:none;}
li#link-logo {position: absolute;margin-top: -50px !important;margin-left: 5px !important;}
li#link-thank-you {margin-left: 12.5em;}
li#link-logo a:hover {background: none;}
li#link-products {z-index: 99999999999;}