@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: 3em; 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: black; font-size-adjust: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
a { color: #227596; text-decoration: none; }
a:hover, a:focus { color: #fff200; }
#content a:hover { color: #fff200; }
.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: #227596; 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.1em; line-height: 1em; margin-top: -0.2em; 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
   ========================================================================== */
.box-content p span { color: #FFF !important; }
#main-links { position: relative; display: inline; max-width: 960px; margin: 25px 10px; float: left; }
.box { cursor: pointer; height: 222px; float: left; margin: 5px; position: relative; overflow: hidden; width: 300px; display: inline; }
.box img { position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.box .caption { position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0; }
.box .simple-caption { height: 80px; width: 300px; display: block; bottom: -44px; line-height: 25pt; text-align: center; }
.box:hover .simple-caption { -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
html { background-color: #fefefe; overflow-x: hidden; }
html.no-touch { overflow-y: auto; }
body { width: 100%; *zoom: 1;
position: relative; -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%; }
/* Header
   ========================================================================== */
#header-wrapper { padding: 20.84px 25.92px; z-index: 99; background: #000; }
#header-wrapper #header { max-width: 960px; margin: 0 auto; display: block; *zoom: 1;
}
#header-wrapper #header:before, #header-wrapper #header:after { content: ""; display: table; }
#header-wrapper #header:after { clear: both; }
#logo { display: inline; float: left; width: 47.48603%; margin: 0 1.25698%; }
#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: 0px; 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: 1000; height: 48px; background: -webkit-linear-gradient(gray, black); background: -o-linear-gradient(gray, black); background: -moz-linear-gradient(gray, black); background: linear, gray, black; }
#nav-wrapper .menu-header { max-width: 960px; margin: 0 auto; display: block; padding: 8.92px 0; 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; width: 97.48603%; margin: 0 1.25698%; float: left; padding: 0; }
#menu-main li { position: relative; float: left; margin-right: 1em; list-style: none; }
#menu-main li:last-child { margin-right: 0; }
#menu-main li.current-menu-item a, #menu-main li.current-menu-ancestor a, #menu-main li.current-menu-parent a { color: #fff200; }
#menu-main li a { display: block; padding: 0.2em 0.48em; }
#menu-main li.active a, #menu-main li:hover a { color: #fff200; }
#menu-main li .sub-menu { padding: 0; display: none; position: absolute; background: #000; z-index: 1000; }
#menu-main li .sub-menu li { float: none; position: relative; margin-right: 0; }
#menu-main li .sub-menu li a { width: 12em; }
#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: 1400px; margin: 0 auto; display: block; padding: 0 0; }
#banner-wrapper #banner #bannercontent { display: block; width: 102.51397%; margin: 0 -1.25698%; *zoom: 1;
}
#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%; }
.caption-wrapper { background: #000; opacity: 0.8; color: #fff; height: auto; margin-top: -1.5em; font-weight: 300; font-size: 21px; text-align: center; }
#main-wrapper #main { max-width: 960px; margin: 0 auto; display: block; padding: 25.92px 0; }
#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: 68.31937%; margin: 0 1.25698%; }
#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: 0px 0px 25.92px 0; }
#content.fullwidth { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
#sidebar { display: inline; float: left; width: 26.6527%; margin: 0 1.25698%; }
#sidebar .widget ul { padding-left: 0; margin-left: 12px; }
#sidebar .widget ul li { list-style: none; 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%; margin-top: 0;}
.standard { display: inline; float: left; width: 97.48603%; margin: 0 1.25698%; }
.small-padding { padding: 25.92px 0; }
.vertical-padding, .big-padding { padding: 0 0 25.92px 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%; }
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: 64.1527%; 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;
}
.gallery .row:before, .gallery .row:after { content: ""; display: table; }
.gallery .row:after { clear: both; }
.gallery figure img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: white; padding: 12.96px; -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 .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: #227596; }
.accordion .accordion-title:hover { color: #fff200; }
.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: #000; }
#footer-wrapper #footer { max-width: 960px; margin: 0 auto; display: block; *zoom: 1;
padding: 12.96px 0; font-weight: bold; }
#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; }


/********************** Home Page Blog Section****************/

.blog-home-area {float: left;width: 28%;  border: 1px solid #ccc;padding: 10px;background: #FAFAFA;}
.blog-home-area h2 {font-size: 25px;}
.blog-home-area h3 {font-size: 20px;}
.blog-home-area  article{margin-bottom:15px;}
section#content h2 {border-bottom: 1px solid #ccc;padding-bottom: 12px;}
section#content header{margin-bottom:10px;  width: 100%;}
.content-blocks .left-contact{width:50%; float:left;}
.content-blocks .right-contact{width:47%; float:left; padding-left:15px;}
h5.heading {margin: 7% 0px 10px 0px;line-height: 25px;}

/* 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; }
}
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(#227596 0, #fff200 100%); background-image: -moz-linear-gradient(#227596 0, #fff200 100%); background-image: -ms-linear-gradient(#227596 0, #fff200 100%); background-image: -o-linear-gradient(#227596 0, #fff200 100%); background-image: linear-gradient(#227596 0, #fff200 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; }
.blog-home-area{width:100%;}
.content-blocks .left-contact{width:90%;}
.content-blocks .right-contact{width:90%;}
}
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: #227596; 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) {
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%; 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%; }
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; }
}
#sidebar section { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
div#soliloquy-container-210 .soliloquy-caption {display: none;}
div#soliloquy-container-216 .soliloquy-caption {  bottom: 370px !important; top:0;}

.sink_dropdown{  padding-left: 14px;}

.blog-home-area h2{margin-bottom:15px;}
.blog-home-area h2 a:hover{color:#145974;}