@charset "UTF-8";
/*!
Theme Name: Messy Design
Author: Messy Design
Author URI: http://messy.com.au
Description: Custom Wordpress theme for Messy Design
Version: 1.0.0
Text Domain: messy
*/
/** @license MyFonts Webfont Build ID 3144046, 2015-12-21T04:21:23-0500  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: Stolzl-Thin by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/thin/  Webfont: Stolzl-Medium by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/medium/  Webfont: Stolzl-Light by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/light/  Webfont: Stolzl-Book by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/book/  Webfont: Stolzl-Regular by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/regular/  Webfont: Stolzl-Bold by The Northern Block Ltd URL: http://www.myfonts.com/fonts/northernblock/stolzl/bold/   License: http://www.myfonts.com/viewlicense?type=web&buildid=3144046 Licensed pageviews: 10,000 Webfonts copyright: Copyright (c) 2015 by Mariya Pigoulevskaya. All rights reserved.  © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2ff96e");
@font-face { font-family: 'Stolzl-Medium'; src: url("webfonts/2FF96E_1_0.eot"); src: url("webfonts/2FF96E_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2FF96E_1_0.woff2") format("woff2"), url("webfonts/2FF96E_1_0.woff") format("woff"), url("webfonts/2FF96E_1_0.ttf") format("truetype"); font-weight: bold; }
@font-face { font-family: 'Stolzl-Book'; src: url("webfonts/2FF96E_3_0.eot"); src: url("webfonts/2FF96E_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2FF96E_3_0.woff2") format("woff2"), url("webfonts/2FF96E_3_0.woff") format("woff"), url("webfonts/2FF96E_3_0.ttf") format("truetype"); }
@font-face { font-family: 'Stolzl-Regular'; src: url("webfonts/2FF96E_4_0.eot"); src: url("webfonts/2FF96E_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2FF96E_4_0.woff2") format("woff2"), url("webfonts/2FF96E_4_0.woff") format("woff"), url("webfonts/2FF96E_4_0.ttf") format("truetype"); }
@-webkit-keyframes fade { 0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes fade { 0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; } }
/* Normalize */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

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

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

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

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

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

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td, th { padding: 0; }

/* Boilerplate */
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html { color: #222; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Media Queries ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Print styles ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/* Helpers */
/* apply a natural box layout model to all elements, but allowing components to change */
html { box-sizing: border-box; }

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

/* Text meant only for screen readers. */
.screen-reader-text, .wpcf7-form .wpcf7-not-valid-tip, .wpcf7-form .wpcf7-response-output { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus, .wpcf7-form .wpcf7-not-valid-tip:focus, .wpcf7-form .wpcf7-response-output:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

.no-line-link, .site-footer .site-info a, .single-project .page-header .tags a, .services-row .list-services li a { text-decoration: none; }
.no-line-link:hover, .site-footer .site-info a:hover, .single-project .page-header .tags a:hover, .services-row .list-services li a:hover, .no-line-link:focus, .site-footer .site-info a:focus, .single-project .page-header .tags a:focus, .services-row .list-services li a:focus { text-decoration: underline; }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus, [tabindex="-1"].site-footer:focus { outline: 0; }

/* Elements */
html { font-size: 16px; }

body { color: #000000; font-family: "Stolzl-Book", "Helvetica", "Arial", sans-serif; font-size: 20px; font-size: 1.25rem; line-height: 1.4em; -webkit-font-smoothing: antialiased; }
@media only screen and (max-width: 991px) { body { font-size: 16px; font-size: 1rem; } }

img { max-width: 100%; }

b, strong { font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; }

ul, ol { text-align: left; }

iframe, embed, object { max-width: 100%; }

blockquote { font-size: 40px; font-size: 2.5rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.25em; margin: 10px 0; }
@media only screen and (max-width: 991px) { blockquote { font-size: 26px; font-size: 1.625rem; } }
.page-section blockquote p, .single-post .post .page-section blockquote p { margin: 0; }

.small { font-size: 16px; font-size: 1rem; line-height: 1.5em; }

h1, .h1 { font-size: 70px; font-size: 4.375rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.14286em; letter-spacing: -1px; }
@media only screen and (max-width: 991px) { h1, .h1 { font-size: 30px; font-size: 1.875rem; } }

h2, .h2 { font-size: 50px; font-size: 3.125rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.2em; margin: 0.4em 0; letter-spacing: -1px; }
@media only screen and (max-width: 991px) { h2, .h2 { font-size: 26px; font-size: 1.625rem; } }

h3, .h3, .page-section-row .page-section-col strong, input, textarea, select, .btn-submit, form label, .projects-feed .page-section-col .project-title { font-size: 24px; font-size: 1.5rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.16667em; letter-spacing: -1px; }
@media only screen and (max-width: 991px) { h3, .h3, .page-section-row .page-section-col strong, input, textarea, select, .btn-submit, form label, .projects-feed .page-section-col .project-title { font-size: 20px; font-size: 1.25rem; } }

h4, .h4 { font-size: 24px; font-size: 1.5rem; font-family: "Stolzl-Regular", "Helvetica", "Arial", sans-serif; line-height: 1.16667em; }
@media only screen and (max-width: 991px) { h4, .h4 { font-size: 20px; font-size: 1.25rem; } }

h5, .h5 { font-size: 20px; font-size: 1.25rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.4em; }
@media only screen and (max-width: 991px) { h5, .h5 { font-size: 18px; font-size: 1.125rem; } }

h6, .h6 { font-size: 20px; font-size: 1.25rem; font-family: "Stolzl-Regular", "Helvetica", "Arial", sans-serif; line-height: 1.4em; }
@media only screen and (max-width: 991px) { h6, .h6 { font-size: 18px; font-size: 1.125rem; } }

a { color: inherit; }
a:hover, a:focus, a:active { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

.btn, .btn-light, .main-navigation .menu ul a, form button, form input[type="submit"], form input[type="reset"], form .btn-submit, .social-btn, .entry-share .ssbl-wrap .ssbl-container > a, .social-menu li a { font-size: 24px; font-size: 1.5rem; font-family: "Stolzl-Medium", "Helvetica", "Arial", sans-serif; line-height: 1.16667em; border: 6px solid #000000; display: inline-block; padding: 11px 25px 9px; text-align: center; text-decoration: none; -webkit-transition: all ease 200ms; transition: all ease 200ms; width: auto; min-width: 260px; max-width: 100%; }
@media only screen and (max-width: 991px) { .btn, .btn-light, .main-navigation .menu ul a, form button, form input[type="submit"], form input[type="reset"], form .btn-submit, .social-btn, .entry-share .ssbl-wrap .ssbl-container > a, .social-menu li a { font-size: 20px; font-size: 1.25rem; } }
@media only screen and (max-width: 470px) { .btn, .btn-light, .main-navigation .menu ul a, form button, form input[type="submit"], form input[type="reset"], form .btn-submit, .social-btn, .entry-share .ssbl-wrap .ssbl-container > a, .social-menu li a { min-width: 100% !important; } }
.btn:hover, .btn-light:hover, .main-navigation .menu ul a:hover, form button:hover, form input[type="submit"]:hover, form input[type="reset"]:hover, form .btn-submit:hover, .social-btn:hover, .entry-share .ssbl-wrap .ssbl-container > a:hover, .social-menu li a:hover, .btn:focus, .btn-light:focus, .main-navigation .menu ul a:focus, form button:focus, form input[type="submit"]:focus, form input[type="reset"]:focus, form .btn-submit:focus, .social-btn:focus, .entry-share .ssbl-wrap .ssbl-container > a:focus, .social-menu li a:focus { background-color: #000000; color: #ffffff; text-decoration: none; }

.bg-black .btn, .bg-black .btn-light, .bg-black .main-navigation .menu ul a, .main-navigation .menu ul .bg-black a, .bg-black form button, form .bg-black button, .bg-black form input[type="submit"], form .bg-black input[type="submit"], .bg-black form input[type="reset"], form .bg-black input[type="reset"], .bg-black form .btn-submit, form .bg-black .btn-submit, .bg-black .social-btn, .bg-black .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .bg-black .ssbl-container > a, .bg-black .social-menu li a, .social-menu li .bg-black a, .btn-light { color: #ffffff; border-color: #ffffff; }
.bg-black .btn:hover, .bg-black .main-navigation .menu ul a:hover, .main-navigation .menu ul .bg-black a:hover, .bg-black form button:hover, form .bg-black button:hover, .bg-black form input[type="submit"]:hover, form .bg-black input[type="submit"]:hover, .bg-black form input[type="reset"]:hover, form .bg-black input[type="reset"]:hover, .bg-black form .btn-submit:hover, form .bg-black .btn-submit:hover, .bg-black .social-btn:hover, .bg-black .entry-share .ssbl-wrap .ssbl-container > a:hover, .entry-share .ssbl-wrap .bg-black .ssbl-container > a:hover, .bg-black .social-menu li a:hover, .social-menu li .bg-black a:hover, .btn-light:hover, .bg-black .btn:focus, .bg-black .main-navigation .menu ul a:focus, .main-navigation .menu ul .bg-black a:focus, .bg-black form button:focus, form .bg-black button:focus, .bg-black form input[type="submit"]:focus, form .bg-black input[type="submit"]:focus, .bg-black form input[type="reset"]:focus, form .bg-black input[type="reset"]:focus, .bg-black form .btn-submit:focus, form .bg-black .btn-submit:focus, .bg-black .social-btn:focus, .bg-black .entry-share .ssbl-wrap .ssbl-container > a:focus, .entry-share .ssbl-wrap .bg-black .ssbl-container > a:focus, .bg-black .social-menu li a:focus, .social-menu li .bg-black a:focus, .btn-light:focus { background-color: #ffffff; color: #000000; }

.shape-square, .shape-rect, .shape-tall { display: block; padding-top: 100%; position: relative; }
.shape-square p, .shape-rect p, .shape-tall p, .shape-square ul, .shape-rect ul, .shape-tall ul, .shape-square ol, .shape-rect ol, .shape-tall ol { margin: 0.5em 0; }
.shape-square .shape-content, .shape-rect .shape-content, .shape-tall .shape-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; padding: 10% 14%; }
.col-full .shape-square .shape-content, .col-full .shape-rect .shape-content, .col-full .shape-tall .shape-content { padding: 10% 7%; }
@media only screen and (max-width: 767px) { .shape-square.shape-mobile-auto, .shape-mobile-auto.shape-rect, .shape-mobile-auto.shape-tall { padding-top: 0; }
  .shape-square.shape-mobile-auto .shape-content, .shape-mobile-auto.shape-rect .shape-content, .shape-mobile-auto.shape-tall .shape-content { display: block; position: static; width: auto; height: auto; } }

.shape-rect { padding-top: 50%; }

.shape-tall { padding-top: 200%; }

.hover-tile { display: block; overflow: hidden; position: relative; }
.hover-tile .hover-tile-image { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; }
.hover-tile .hover-tile-content { padding: 80px; z-index: 2; }
@media only screen and (max-width: 991px) { .hover-tile .hover-tile-content { padding: 50px; } }
.hover-tile .hover-tile-shade { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity ease 300ms; transition: opacity ease 300ms; }
.hover-tile .hover-tile-shade .hover-tile-frame { border: 6px solid #000000; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; -webkit-transition: all ease 300ms; transition: all ease 300ms; }
.bg-black .hover-tile .hover-tile-shade { background-color: #000000; background-color: rgba(0, 0, 0, 0.8); }
.bg-black .hover-tile .hover-tile-shade .hover-tile-frame { border-color: #ffffff; }
body.hastouch .hover-tile:hover .hover-tile-shade { opacity: 0; }
.hover-tile:hover .hover-tile-shade, .hover-tile:focus .hover-tile-shade, body.hastouch .hover-tile.hover .hover-tile-shade { opacity: 1; }
.hover-tile:hover .hover-tile-shade .hover-tile-frame, .hover-tile:focus .hover-tile-shade .hover-tile-frame, body.hastouch .hover-tile.hover .hover-tile-shade .hover-tile-frame { top: 60px; right: 60px; bottom: 60px; left: 60px; }
@media only screen and (max-width: 991px) { .hover-tile:hover .hover-tile-shade .hover-tile-frame, .hover-tile:focus .hover-tile-shade .hover-tile-frame, body.hastouch .hover-tile.hover .hover-tile-shade .hover-tile-frame { top: 30px; right: 30px; bottom: 30px; left: 30px; } }
.hover-tile p { margin: 0 0 0.5em; }

/* Layout */
.row { display: block; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }

.col-full { width: 100%; }

.col-half { width: 50%; }

.col-third { width: 33.3%; }

.col-third-2 { width: 66.6%; }

.col-quarter { width: 25%; }

.col-twelfth { width: 8.33333%; }

.col-full, .col-half, .col-third, .col-third-2, .col-quarter { box-sizing: border-box; display: block; float: left; padding-left: 1%; padding-right: 1%; }
.col-full.col-nomargin, .col-half.col-nomargin, .col-third.col-nomargin, .col-third-2.col-nomargin, .col-quarter.col-nomargin { padding: 0; }
.col-full.float-left, .col-half.float-left, .col-third.float-left, .col-third-2.float-left, .col-quarter.float-left { float: left; }
.col-full.float-right, .col-half.float-right, .col-third.float-right, .col-third-2.float-right, .col-quarter.float-right { float: right; }
@media only screen and (max-width: 767px) { .col-full, .col-half, .col-third, .col-third-2, .col-quarter { width: 100%; }
  .page-section-content .col-full, .page-section-content .col-half, .page-section-content .col-third, .page-section-content .col-third-2, .page-section-content .col-quarter { margin-bottom: 1em; }
  .page-section-content .col-full:last-child, .page-section-content .col-half:last-child, .page-section-content .col-third:last-child, .page-section-content .col-third-2:last-child, .page-section-content .col-quarter:last-child { margin-bottom: 0; } }

.mobile, .mobile-inline { display: none !important; }

@media only screen and (max-width: 767px) { .not-mobile { display: none !important; }
  .mobile, .mobile-block { display: block !important; }
  .mobile-inline { display: inline !important; } }
.page-section, .page-section-row .page-section-col, .page-header, .blog .row .blog-post { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; text-align: center; }
.bg-white.page-section, .page-section-row .bg-white.page-section-col, .bg-white.page-header, .blog .row .bg-white.blog-post { background-color: #ffffff; color: #000000; }
.bg-black.page-section, .page-section-row .bg-black.page-section-col, .bg-black.page-header, .blog .row .bg-black.blog-post { background-color: #000000; color: #ffffff; }
.bg-grey.page-section, .page-section-row .bg-grey.page-section-col, .bg-grey.page-header, .blog .row .bg-grey.blog-post { background-color: #e7e7e7; color: #000000; }
.bg-lgrey.page-section, .page-section-row .bg-lgrey.page-section-col, .bg-lgrey.page-header, .blog .row .bg-lgrey.blog-post { background-color: #f4f4f2; color: #000000; }
.bg-pink.page-section, .page-section-row .bg-pink.page-section-col, .bg-pink.page-header, .blog .row .bg-pink.blog-post { background-color: #f4e6ce; color: #000000; }
.bg-yellow.page-section, .page-section-row .bg-yellow.page-section-col, .bg-yellow.page-header, .blog .row .bg-yellow.blog-post { background-color: #f8de91; color: #000000; }
.bg-red.page-section, .page-section-row .bg-red.page-section-col, .bg-red.page-header, .blog .row .bg-red.blog-post { background-color: #ffb99c; color: #000000; }
.bg-lred.page-section, .page-section-row .bg-lred.page-section-col, .bg-lred.page-header, .blog .row .bg-lred.blog-post { background-color: #fbc2ca; color: #000000; }
.bg-turquoise.page-section, .page-section-row .bg-turquoise.page-section-col, .bg-turquoise.page-header, .blog .row .bg-turquoise.blog-post { background-color: #7cded5; color: #000000; }
.bg-blue.page-section, .page-section-row .bg-blue.page-section-col, .bg-blue.page-header, .blog .row .bg-blue.blog-post { background-color: #7cbbd5; color: #000000; }
.bg-lblue.page-section, .page-section-row .bg-lblue.page-section-col, .bg-lblue.page-header, .blog .row .bg-lblue.blog-post { background-color: #ace0e6; color: #000000; }

.inner { max-width: 1170px; margin: auto; }

.page-section { padding: 60px; }
.page-section h1 a, .page-section h2 a, .page-section h3 a { text-decoration: none; }
.page-section h1 a:hover, .page-section h2 a:hover, .page-section h3 a:hover { text-decoration: underline; }
.page-section .btn-more { margin-top: 2.083333em; }
.page-section p { margin-top: 0; }
.page-section p:last-child { margin-bottom: 0; }
@media only screen and (max-width: 767px) { .page-section { padding-left: 38px; padding-right: 38px; } }

.page-section-content .section-heading { margin: 0.4em 0 0.8em; }

.page-section-banner { padding: 230px 60px; }
@media only screen and (max-width: 991px) { .page-section-banner { padding-top: 180px; padding-bottom: 180px; } }
@media only screen and (max-width: 767px) { .page-section-banner { padding: 60px 38px; } }
.page-section-banner .btn, .page-section-banner .btn-light, .page-section-banner .main-navigation .menu ul a, .main-navigation .menu ul .page-section-banner a, .page-section-banner form button, form .page-section-banner button, .page-section-banner form input[type="submit"], form .page-section-banner input[type="submit"], .page-section-banner form input[type="reset"], form .page-section-banner input[type="reset"], .page-section-banner form .btn-submit, form .page-section-banner .btn-submit, .page-section-banner .social-btn, .page-section-banner .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .page-section-banner .ssbl-container > a, .page-section-banner .social-menu li a, .social-menu li .page-section-banner a { min-width: 360px; }
.page-section-banner .inner { max-width: 945px; }

.page-section-video { padding: 56.25% 0 0; position: relative; }
.page-section-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.page-section-row { padding: 0; }
.page-section-row .page-section-col .type-image { width: 100%; }
.page-section-row .page-section-col .image-shape { display: block; position: relative; overflow: hidden; }
.page-section-row .page-section-col .image-shape.image-square { padding-top: 100%; }
.page-section-row .page-section-col .image-shape.image-rect { padding-top: 50%; }
.page-section-row .page-section-col .image-shape.image-tall { padding-top: 200%; }
.page-section-row .page-section-col .image-shape.image-rect .type-image, .page-section-row .page-section-col .image-shape.image-square .type-image, .page-section-row .page-section-col .image-shape.image-tall .type-image { position: absolute; left: 0; top: 0; }
@media only screen and (max-width: 767px) { .page-section-row .page-section-col .image-shape.image-square, .page-section-row .page-section-col .image-shape.image-rect, .page-section-row .page-section-col .image-shape.image-tall { padding-top: 0; }
  .page-section-row .page-section-col .image-shape .type-image { position: static !important; } }
.page-section-row .page-section-col h1, .page-section-row .page-section-col h2, .page-section-row .page-section-col h3, .page-section-row .page-section-col h4 { margin: 0; }

.page-section-buttons { text-align: center; }
.page-section-buttons .btn, .page-section-buttons .btn-light, .page-section-buttons .main-navigation .menu ul a, .main-navigation .menu ul .page-section-buttons a, .page-section-buttons form button, form .page-section-buttons button, .page-section-buttons form input[type="submit"], form .page-section-buttons input[type="submit"], .page-section-buttons form input[type="reset"], form .page-section-buttons input[type="reset"], .page-section-buttons form .btn-submit, form .page-section-buttons .btn-submit, .page-section-buttons .social-btn, .page-section-buttons .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .page-section-buttons .ssbl-container > a, .page-section-buttons .social-menu li a, .social-menu li .page-section-buttons a { margin: 15px; }
@media only screen and (max-width: 991px) { .page-section-buttons .btn, .page-section-buttons .btn-light, .page-section-buttons .main-navigation .menu ul a, .main-navigation .menu ul .page-section-buttons a, .page-section-buttons form button, form .page-section-buttons button, .page-section-buttons form input[type="submit"], form .page-section-buttons input[type="submit"], .page-section-buttons form input[type="reset"], form .page-section-buttons input[type="reset"], .page-section-buttons form .btn-submit, form .page-section-buttons .btn-submit, .page-section-buttons .social-btn, .page-section-buttons .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .page-section-buttons .ssbl-container > a, .page-section-buttons .social-menu li a, .social-menu li .page-section-buttons a { max-width: calc(30% - 15px); min-width: 0; } }
@media only screen and (max-width: 767px) { .page-section-buttons .btn, .page-section-buttons .btn-light, .page-section-buttons .main-navigation .menu ul a, .main-navigation .menu ul .page-section-buttons a, .page-section-buttons form button, form .page-section-buttons button, .page-section-buttons form input[type="submit"], form .page-section-buttons input[type="submit"], .page-section-buttons form input[type="reset"], form .page-section-buttons input[type="reset"], .page-section-buttons form .btn-submit, form .page-section-buttons .btn-submit, .page-section-buttons .social-btn, .page-section-buttons .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .page-section-buttons .ssbl-container > a, .page-section-buttons .social-menu li a, .social-menu li .page-section-buttons a { margin: 8px 0; width: 100%; min-width: 100%; } }
.page-section-buttons .btn:first-child, .page-section-buttons .btn-light:first-child, .page-section-buttons .main-navigation .menu ul a:first-child, .main-navigation .menu ul .page-section-buttons a:first-child, .page-section-buttons form button:first-child, form .page-section-buttons button:first-child, .page-section-buttons form input[type="submit"]:first-child, form .page-section-buttons input[type="submit"]:first-child, .page-section-buttons form input[type="reset"]:first-child, form .page-section-buttons input[type="reset"]:first-child, .page-section-buttons form .btn-submit:first-child, form .page-section-buttons .btn-submit:first-child, .page-section-buttons .social-btn:first-child, .page-section-buttons .entry-share .ssbl-wrap .ssbl-container > a:first-child, .entry-share .ssbl-wrap .page-section-buttons .ssbl-container > a:first-child, .page-section-buttons .social-menu li a:first-child, .social-menu li .page-section-buttons a:first-child { margin-left: 0; }
.page-section-buttons .btn:last-child, .page-section-buttons .btn-light:last-child, .page-section-buttons .main-navigation .menu ul a:last-child, .main-navigation .menu ul .page-section-buttons a:last-child, .page-section-buttons form button:last-child, form .page-section-buttons button:last-child, .page-section-buttons form input[type="submit"]:last-child, form .page-section-buttons input[type="submit"]:last-child, .page-section-buttons form input[type="reset"]:last-child, form .page-section-buttons input[type="reset"]:last-child, .page-section-buttons form .btn-submit:last-child, form .page-section-buttons .btn-submit:last-child, .page-section-buttons .social-btn:last-child, .page-section-buttons .entry-share .ssbl-wrap .ssbl-container > a:last-child, .entry-share .ssbl-wrap .page-section-buttons .ssbl-container > a:last-child, .page-section-buttons .social-menu li a:last-child, .social-menu li .page-section-buttons a:last-child { margin-right: 0; }

.page-section-icons .gallery-icons:before, .page-section-icons .gallery-icons:after { content: " "; display: table; }
.page-section-icons .gallery-icons:after { clear: both; }
.page-section-icons .gallery-icons { *zoom: 1; }
.page-section-icons .gallery-icons .gallery-icon { display: inline-block; margin: 15px; width: 165px; height: 150px; vertical-align: middle; }
.page-section-icons .gallery-icons .gallery-icon img { vertical-align: middle; }
@media only screen and (max-width: 640px) { .page-section-icons .gallery-icons .gallery-icon { margin: 5px; width: 110px; height: 100px; } }

.messy-modal, .main-navigation .menu { padding: 18px; background-color: #000000; color: #ffffff; z-index: 100; }
.js .messy-modal, .js .main-navigation .menu, .main-navigation .js .menu { display: none; position: fixed; left: 24px; right: 24px; top: 24px; bottom: 24px; -webkit-transition: opacity ease 300ms; transition: opacity ease 300ms; opacity: 0; }
@media only screen and (max-width: 991px) { .js .messy-modal, .js .main-navigation .menu, .main-navigation .js .menu { left: 15px; right: 15px; top: 15px; bottom: 15px; } }
.messy-modal.open, .main-navigation .open.menu { display: block; opacity: 1; }
.messy-modal.animate-in-start, .main-navigation .animate-in-start.menu { opacity: 0 !important; }
.messy-modal.animate-out-start, .main-navigation .animate-out-start.menu { opacity: 1 !important; }
.messy-modal.animating, .main-navigation .animating.menu { display: block; }
.messy-modal .btn-close, .main-navigation .menu .btn-close { position: fixed; right: 39px; top: 39px; }

.video-modal { display: none; padding: 0; }
.video-modal iframe { width: 100% !important; height: 100% !important; }

.btn-close { background-color: transparent; border: 0 none; width: 30px; height: 24px; text-indent: -999999px; }
.btn-close span { background-color: #ffffff; display: block; position: absolute; left: 0; top: 9px; width: 100%; height: 6px; z-index: 1; }
.btn-close span.line1 { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.btn-close span.line2, .btn-close span.line3 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.main-navigation { position: relative; padding: 24px; z-index: 10; }
.js .main-navigation { padding: 0; }
.main-navigation .menu { padding-top: 60px; text-align: center; z-index: auto; }
.js .main-navigation .menu ul { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-height: 95%; overflow: auto; left: 24px; right: 24px; }
.js .loading .main-navigation .menu { opacity: 0; }
.main-navigation .menu ul { margin: 0; text-align: center; }
.main-navigation .menu ul { list-style: none; padding-left: 0; }
.main-navigation .menu ul a { min-width: 200px; }
.main-navigation .menu ul a:hover, .main-navigation .menu ul a:focus { border-color: #ffffff; background-color: transparent; }
.main-navigation .buttons { -webkit-transition: all ease 300ms 400ms; transition: all ease 300ms 400ms; opacity: 1; }
.js .loading .main-navigation .buttons { -webkit-transition: all ease 400ms; transition: all ease 400ms; opacity: 0; }
.main-navigation .buttons #site-logo { position: absolute; left: 48px; top: 48px; z-index: 1; }
.js .main-navigation .buttons #site-logo { position: fixed; }
.main-navigation .buttons #site-logo .dark, .main-navigation .buttons #site-logo .light { -webkit-transition: all ease 300ms; transition: all ease 300ms; }
.main-navigation .buttons #site-logo .dark { display: none; }
.js .main-navigation .buttons #site-logo .dark { display: block; opacity: 1; }
.js .main-navigation .buttons #site-logo .light { position: absolute; left: 0; top: 0; opacity: 0; }
.main-navigation .buttons #site-logo.fadeout { margin-top: -100px; -webkit-transition: margin-top 150ms 300ms; transition: margin-top 150ms 300ms; }
.main-navigation .buttons #site-logo.fadeout .dark { opacity: 0; }
.main-navigation .buttons .menu-toggle { display: none; position: absolute; right: 48px; top: 48px; z-index: 1; outline: none; }
.js .main-navigation .buttons .menu-toggle { display: block; position: fixed; }
.main-navigation .buttons #menu-toggle { background-color: transparent; border: 0 none; width: 30px; height: 24px; text-indent: -999999px; }
.main-navigation .buttons #menu-toggle .lines span { background-color: #000000; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 6px; }
.main-navigation .buttons #menu-toggle .lines span.line1 { -webkit-transition: background-color ease 300ms, top ease 300ms 100ms, -webkit-transform ease 100ms; transition: background-color ease 300ms, top ease 300ms 100ms, transform ease 100ms; z-index: 1; }
.main-navigation .buttons #menu-toggle .lines span.line2 { -webkit-transition: all ease 0ms 100ms, background-color ease 300ms; transition: all ease 0ms 100ms, background-color ease 300ms; top: 9px; }
.main-navigation .buttons #menu-toggle .lines span.line3 { -webkit-transition: background-color ease 300ms, bottom ease 300ms 100ms, -webkit-transform ease 100ms; transition: background-color ease 300ms, bottom ease 300ms 100ms, transform ease 100ms; top: auto; bottom: 0px; z-index: 1; }
.main-navigation .borders { position: fixed; }
.main-navigation .borders .border-top, .main-navigation .borders .border-right, .main-navigation .borders .border-bottom, .main-navigation .borders .border-left { border: 0px solid #000000; position: absolute; -webkit-transition: all ease 400ms; transition: all ease 400ms; }
.js .main-navigation .borders .border-top, .js .main-navigation .borders .border-right, .js .main-navigation .borders .border-bottom, .js .main-navigation .borders .border-left { position: fixed; }
.main-navigation .borders .border-top { border-top-width: 6px; top: 24px; left: 24px; right: 24px; }
.js .loading .main-navigation .borders .border-top { top: calc(50% - 21px); left: calc(50% - 34px); right: calc(50% - 34px); }
.js .initialLoading .main-navigation .borders .border-top { top: 50%; left: 50%; right: 50%; }
.main-navigation .borders .border-right { border-right-width: 6px; right: 24px; top: 24px; bottom: 24px; }
.js .loading .main-navigation .borders .border-right { right: calc(50% - 34px); top: calc(50% - 21px); bottom: calc(50% - 21px); }
.js .initialLoading .main-navigation .borders .border-right { right: 50%; top: 50%; bottom: 50%; }
.main-navigation .borders .border-bottom { border-bottom-width: 6px; bottom: 24px; left: 24px; right: 24px; }
.js .loading .main-navigation .borders .border-bottom { bottom: calc(50% - 21px); left: calc(50% - 34px); right: calc(50% - 34px); }
.js .initialLoading .main-navigation .borders .border-bottom { bottom: 50%; left: 50%; right: 50%; }
.main-navigation .borders .border-left { border-left-width: 6px; left: 24px; top: 24px; bottom: 24px; }
.js .loading .main-navigation .borders .border-left { left: calc(50% - 34px); top: calc(50% - 21px); bottom: calc(50% - 21px); }
.js .initialLoading .main-navigation .borders .border-left { left: 50%; top: 50%; bottom: 50%; }
.main-navigation .borders .loader { position: absolute; left: -50%; width: 68px; height: 42px; margin-left: -34px; margin-top: -21px; z-index: -1; opacity: 0; }
.js .loading .main-navigation .borders .loader { position: fixed; left: 50%; top: 50%; -webkit-transition: opacity ease 300ms 200ms; transition: opacity ease 300ms 200ms; opacity: 1; }
.js .initialLoading .main-navigation .borders .loader { opacity: 0; }
.main-navigation .borders .loader span { display: block; background-color: #000000; border-radius: 50% 50%; width: 10px; margin-top: -5px; height: 10px; position: absolute; left: 50%; top: 50%; }
.main-navigation .borders .loader span.circle1 { -webkit-animation: fade 800ms infinite 0ms; animation: fade 800ms infinite 0ms; margin-left: -20px; }
.main-navigation .borders .loader span.circle2 { -webkit-animation: fade 800ms infinite 100ms; animation: fade 800ms infinite 100ms; margin-left: -5px; }
.main-navigation .borders .loader span.circle3 { -webkit-animation: fade 800ms infinite 200ms; animation: fade 800ms infinite 200ms; margin-left: 10px; }
.main-navigation.togglein .menu { opacity: 0 !important; }
.main-navigation.toggleout .menu { opacity: 1 !important; }
.main-navigation.toggleanimation .menu { display: block; }
.main-navigation.toggled .menu { display: block; opacity: 1; }
.main-navigation.toggled .buttons #site-logo { display: block !important; opacity: 1 !important; margin-top: 0 !important; -webkit-transition: none; transition: none; }
.main-navigation.toggled .buttons #site-logo .light { opacity: 1; }
.main-navigation.toggled .buttons #site-logo .dark { opacity: 0; }
.main-navigation.toggled .buttons #menu-toggle .lines span { background-color: #ffffff; }
.main-navigation.toggled .buttons #menu-toggle .lines span.line1 { -webkit-transition: background-color ease 300ms, top ease 100ms, -webkit-transform ease 300ms 100ms; transition: background-color ease 300ms, top ease 100ms, transform ease 300ms 100ms; top: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.main-navigation.toggled .buttons #menu-toggle .lines span.line2 { -webkit-transition: all ease 0ms 100ms; transition: all ease 0ms 100ms; opacity: 0; }
.main-navigation.toggled .buttons #menu-toggle .lines span.line3 { -webkit-transition: background-color ease 300ms, bottom ease 100ms, -webkit-transform ease 300ms 100ms; transition: background-color ease 300ms, bottom ease 100ms, transform ease 300ms 100ms; bottom: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media only screen and (max-width: 991px) { .main-navigation .borders .border-top { top: 15px; left: 15px; right: 15px; }
  .main-navigation .borders .border-right { right: 15px; top: 15px; bottom: 15px; }
  .main-navigation .borders .border-bottom { bottom: 15px; left: 15px; right: 15px; }
  .main-navigation .borders .border-left { left: 15px; top: 15px; bottom: 15px; }
  .main-navigation .buttons #site-logo { left: 39px; top: 39px; }
  .main-navigation .buttons .menu-toggle { right: 39px; top: 39px; } }

.js #content, .js .site-footer { -webkit-transition: opacity ease 300ms 400ms; transition: opacity ease 300ms 400ms; opacity: 1; }
.js .loading #content, .js .loading .site-footer { -webkit-transition: opacity ease 400ms; transition: opacity ease 400ms; opacity: 0; }

.skip-link { background-color: #ffffff; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.page-header { padding: 200px 60px 180px; }
.page-header:before, .page-header:after { content: " "; display: table; }
.page-header:after { clear: both; }
.page-header { *zoom: 1; }
@media only screen and (max-width: 767px) { .page-header { padding: 120px 38px 100px !important; min-height: 0; } }
.page-header .site-title, .page-header .entry-title, .page-header .page-title { margin-top: 0; margin-bottom: 0.4em; }
.page-header .inner { max-width: 945px; }

.site-footer { background-color: #e7e7e7; padding: 60px; }
@media only screen and (max-width: 767px) { .site-footer { padding-left: 38px; padding-right: 38px; } }
.site-footer .site-info { font-size: 18px; font-size: 1.125rem; }
@media only screen and (max-width: 991px) { .site-footer .site-info { font-size: 16px; font-size: 1rem; } }
.site-footer .site-info p { margin: 0.3em 0 0; }
@media only screen and (max-width: 991px) { .site-footer .info-half { width: 40%; }
  .site-footer .social-half { width: 60%; } }
@media only screen and (max-width: 767px) { .site-footer .info-half, .site-footer .social-half { width: 100%; } }
.site-footer .copyright { font-size: 11px; font-size: 0.6875rem; }
.site-footer .copyright p { margin: 1.5em 0 0; line-height: 1.2; }
.site-footer .copyright p .copy { font-size: 1.6em; vertical-align: top; line-height: 1.1; }
@media only screen and (max-width: 991px) { .site-footer .wpcf7-form .wpcf7-text::-webkit-input-placeholder, .site-footer .wpcf7-form .wpcf7-textarea::-webkit-input-placeholder { font-size: 18px; font-size: 1.125rem; } }
@media only screen and (max-width: 767px) { .site-footer .wpcf7-form .wpcf7-text::-webkit-input-placeholder, .site-footer .wpcf7-form .wpcf7-textarea::-webkit-input-placeholder { font-size: 15px; font-size: 0.9375rem; } }
.site-footer .wpcf7-form .wpcf7-text:-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea:-moz-placeholder { /* Firefox 18- */ }
@media only screen and (max-width: 991px) { .site-footer .wpcf7-form .wpcf7-text:-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea:-moz-placeholder { font-size: 18px; font-size: 1.125rem; } }
@media only screen and (max-width: 767px) { .site-footer .wpcf7-form .wpcf7-text:-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea:-moz-placeholder { font-size: 15px; font-size: 0.9375rem; } }
.site-footer .wpcf7-form .wpcf7-text::-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea::-moz-placeholder { /* Firefox 19+ */ }
@media only screen and (max-width: 991px) { .site-footer .wpcf7-form .wpcf7-text::-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea::-moz-placeholder { font-size: 18px; font-size: 1.125rem; } }
@media only screen and (max-width: 767px) { .site-footer .wpcf7-form .wpcf7-text::-moz-placeholder, .site-footer .wpcf7-form .wpcf7-textarea::-moz-placeholder { font-size: 15px; font-size: 0.9375rem; } }
@media only screen and (max-width: 991px) { .site-footer .wpcf7-form .wpcf7-text:-ms-input-placeholder, .site-footer .wpcf7-form .wpcf7-textarea:-ms-input-placeholder { font-size: 18px; font-size: 1.125rem; } }
@media only screen and (max-width: 767px) { .site-footer .wpcf7-form .wpcf7-text:-ms-input-placeholder, .site-footer .wpcf7-form .wpcf7-textarea:-ms-input-placeholder { font-size: 15px; font-size: 0.9375rem; } }
.site-footer .wpcf7-form .ajax-loader { display: none; }
@media only screen and (max-width: 767px) { .site-footer .wpcf7-form .btn-submit, .site-footer .wpcf7-form input, .site-footer .wpcf7-form .wpcf7-form-control-wrap { margin: 0 !important; width: 100% !important; } }
.site-footer #social-menu { float: right; margin-top: 1.5em; margin-bottom: 0; }
.site-footer #social-menu li { float: left; margin-left: 10px; }
@media only screen and (max-width: 767px) { .site-footer #social-menu { float: none; text-align: center; }
  .site-footer #social-menu li { float: none; display: inline-block; margin: 5px; } }
@media only screen and (max-width: 480px) { .site-footer #social-menu { display: table; }
  .site-footer #social-menu li { margin: 5px; display: table-cell; padding: 5px; }
  .site-footer #social-menu li a { width: 100%; height: auto; display: block; }
  .site-footer #social-menu li a svg { width: 100%; height: auto; } }

/* Forms */
input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid, .btn-submit.wpcf7-not-valid, .wpcf7-form.invalid .wpcf7-submit, .wpcf7-form.invalid .btn-submit { background-color: #ffb99c; border-color: #ffb99c; color: #ffffff; }

.wpcf7-form.sent .wpcf7-submit, .wpcf7-form.sent .btn-submit { background-color: #7cded5; border-color: #7cded5; color: #ffffff; }

input, textarea, select, .btn-submit { border-radius: 0; background: #ffffff; color: #000000; border: 0 none; margin: 0; padding: 12px 16px 8px; width: 100%; vertical-align: bottom; -webkit-transition: background ease 200ms; transition: background ease 200ms; }
input, input[type="search"], textarea, textarea[type="search"], select, select[type="search"], .btn-submit, .btn-submit[type="search"] { box-sizing: border-box; }
@media only screen and (max-width: 767px) { input, textarea, select, .btn-submit { margin-top: 5px; margin-bottom: 5px; } }

input, select, button.btn-submit { height: 60px; }

input[type="radio"], input[type="checkbox"] { padding: 0; height: auto; width: auto; vertical-align: middle; }

form label { display: block; line-height: 30px; padding: 15px 16px 15px; }
form button, form input[type="submit"], form input[type="reset"], form .btn-submit { background: transparent; width: 100%; }
form.search-form label { padding-left: 0; padding-right: 0; }

#spname, .spname { display: none; }

.wpcf7-form { text-align: left; }
.wpcf7-form .wpcf7-not-valid-tip, .wpcf7-form .wpcf7-response-output { border: 0 none; margin: 0; padding: 0; }
.wpcf7-form .ajax-loader { display: none !important; float: right; margin-right: 15px !important; margin-top: -50px; position: relative; z-index: 1; }
.wpcf7-form .wpcf7-text::-webkit-input-placeholder, .wpcf7-form .wpcf7-textarea::-webkit-input-placeholder { color: #000000; }
.wpcf7-form .wpcf7-text:-moz-placeholder, .wpcf7-form .wpcf7-textarea:-moz-placeholder { /* Firefox 18- */ color: #000000; }
.wpcf7-form .wpcf7-text::-moz-placeholder, .wpcf7-form .wpcf7-textarea::-moz-placeholder { /* Firefox 19+ */ color: #000000; }
.wpcf7-form .wpcf7-text:-ms-input-placeholder, .wpcf7-form .wpcf7-textarea:-ms-input-placeholder { color: #000000; }
.wpcf7-form .messy-checkbox .wpcf7-list-item { margin-left: 0; }
.wpcf7-form .messy-checkbox label { position: relative; padding-left: 75px; padding-right: 0; cursor: pointer; text-indent: -0.25em; }
.wpcf7-form .messy-checkbox label input { position: absolute; left: 20px; top: 20px; z-index: 0; }
.wpcf7-form .messy-checkbox label .wpcf7-list-item-label:before, .wpcf7-form .messy-checkbox label .wpcf7-list-item-label::before { content: ' '; background: url("images/icon-check.png") 50% 120px no-repeat #ffffff; background-size: 0 0; position: absolute; left: 0; top: 0; width: 60px; height: 60px; z-index: 1; -webkit-transition: background-size cubic-bezier(0.33, 1.3, 0.84, 1.19) 200ms; transition: background-size cubic-bezier(0.33, 1.3, 0.84, 1.19) 200ms; }
.wpcf7-form .messy-checkbox label input:checked + .wpcf7-list-item-label:before, .wpcf7-form .messy-checkbox label input:checked + .wpcf7-list-item-label::before { background-size: 60px 60px; background-position: 50% 50%; }
@media only screen and (max-width: 991px) { .wpcf7-form .messy-checkbox label { display: table-cell; vertical-align: middle; padding-bottom: 0; padding-top: 0; line-height: 1.2em; height: 60px; } }
.post .wpcf7-form .messy-checkbox label { display: table-cell; vertical-align: middle; padding-bottom: 0; padding-top: 0; line-height: 1.2em; height: 60px; }
@media only screen and (max-width: 767px) { .wpcf7-form .messy-checkbox { display: block; margin-top: 5px; margin-bottom: 5px; } }
.wpcf7-form .row .wpcf7-form-control-wrap { display: block; }
.wpcf7-form .row .col-full, .wpcf7-form .row .col-half, .wpcf7-form .row .col-third, .wpcf7-form .row .col-quarter { margin-bottom: 2%; }

.btn-submit .default { display: inline; }
.btn-submit .sent { display: none; }
.sent .btn-submit .default { display: none; }
.sent .btn-submit .sent { display: inline; }

.site-footer .wpcf7 { margin-bottom: 1em; }
.site-footer .wpcf7:before, .site-footer .wpcf7:after { content: " "; display: table; }
.site-footer .wpcf7:after { clear: both; }
.site-footer .wpcf7 { *zoom: 1; }
.site-footer .wpcf7 p { margin: 0; }
.site-footer .wpcf7 .wpcf7-form-control-wrap.email, .site-footer .wpcf7 .btn, .site-footer .wpcf7 .btn-light, .site-footer .wpcf7 .main-navigation .menu ul a, .main-navigation .menu ul .site-footer .wpcf7 a, .site-footer .wpcf7 form button, form .site-footer .wpcf7 button, .site-footer .wpcf7 form input[type="submit"], form .site-footer .wpcf7 input[type="submit"], .site-footer .wpcf7 form input[type="reset"], form .site-footer .wpcf7 input[type="reset"], .site-footer .wpcf7 form .btn-submit, form .site-footer .wpcf7 .btn-submit, .site-footer .wpcf7 .social-btn, .site-footer .wpcf7 .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .site-footer .wpcf7 .ssbl-container > a, .site-footer .wpcf7 .social-menu li a, .social-menu li .site-footer .wpcf7 a { float: left; margin: 0 1%; }
.site-footer .wpcf7 .wpcf7-form-control-wrap.email { width: 81.33%; }
.site-footer .wpcf7 .btn, .site-footer .wpcf7 .btn-light, .site-footer .wpcf7 .main-navigation .menu ul a, .main-navigation .menu ul .site-footer .wpcf7 a, .site-footer .wpcf7 form button, form .site-footer .wpcf7 button, .site-footer .wpcf7 form input[type="submit"], form .site-footer .wpcf7 input[type="submit"], .site-footer .wpcf7 form input[type="reset"], form .site-footer .wpcf7 input[type="reset"], .site-footer .wpcf7 form .btn-submit, form .site-footer .wpcf7 .btn-submit, .site-footer .wpcf7 .social-btn, .site-footer .wpcf7 .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .site-footer .wpcf7 .ssbl-container > a, .site-footer .wpcf7 .social-menu li a, .social-menu li .site-footer .wpcf7 a { -webkit-transition-property: background, color; transition-property: background, color; padding-left: 10px; padding-right: 10px; width: 14.67%; min-width: 0; }
@media only screen and (max-width: 991px) { .site-footer .wpcf7 .wpcf7-form-control-wrap.email { width: 73%; }
  .site-footer .wpcf7 .btn, .site-footer .wpcf7 .btn-light, .site-footer .wpcf7 .main-navigation .menu ul a, .main-navigation .menu ul .site-footer .wpcf7 a, .site-footer .wpcf7 form button, form .site-footer .wpcf7 button, .site-footer .wpcf7 form input[type="submit"], form .site-footer .wpcf7 input[type="submit"], .site-footer .wpcf7 form input[type="reset"], form .site-footer .wpcf7 input[type="reset"], .site-footer .wpcf7 form .btn-submit, form .site-footer .wpcf7 .btn-submit, .site-footer .wpcf7 .social-btn, .site-footer .wpcf7 .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .site-footer .wpcf7 .ssbl-container > a, .site-footer .wpcf7 .social-menu li a, .social-menu li .site-footer .wpcf7 a { min-width: 0 !important; width: 23%; } }
@media only screen and (max-width: 767px) { .site-footer .wpcf7 .wpcf7-form-control-wrap.email, .site-footer .wpcf7 .btn, .site-footer .wpcf7 .btn-light, .site-footer .wpcf7 .main-navigation .menu ul a, .main-navigation .menu ul .site-footer .wpcf7 a, .site-footer .wpcf7 form button, form .site-footer .wpcf7 button, .site-footer .wpcf7 form input[type="submit"], form .site-footer .wpcf7 input[type="submit"], .site-footer .wpcf7 form input[type="reset"], form .site-footer .wpcf7 input[type="reset"], .site-footer .wpcf7 form .btn-submit, form .site-footer .wpcf7 .btn-submit, .site-footer .wpcf7 .social-btn, .site-footer .wpcf7 .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .site-footer .wpcf7 .ssbl-container > a, .site-footer .wpcf7 .social-menu li a, .social-menu li .site-footer .wpcf7 a { width: 98%; } }

/* Content */
.home .page-header { padding: 180px; min-height: 0; }
.home .page-header .inner { max-width: 720px; }
.home .page-section h2 { margin-top: 0; margin-bottom: 0.4em; }
.home .page-section .btn, .home .page-section .btn-light, .home .page-section .main-navigation .menu ul a, .main-navigation .menu ul .home .page-section a, .home .page-section form button, form .home .page-section button, .home .page-section form input[type="submit"], form .home .page-section input[type="submit"], .home .page-section form input[type="reset"], form .home .page-section input[type="reset"], .home .page-section form .btn-submit, form .home .page-section .btn-submit, .home .page-section .social-btn, .home .page-section .entry-share .ssbl-wrap .ssbl-container > a, .entry-share .ssbl-wrap .home .page-section .ssbl-container > a, .home .page-section .social-menu li a, .social-menu li .home .page-section a { min-width: 360px; }

.blog .row .blog-post .pre-title { color: #ffffff; }
.blog .row .blog-post .entry-title { margin-top: 0; }
.blog .row .hover-tile-shade { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; border-color: #ffffff; }
.blog .row .hover-tile-shade .hover-tile-frame { border-color: #ffffff; }
@media only screen and (max-width: 767px) { .blog .row .col-half { width: 100%; }
  .blog .row .col-quarter { width: 50%; } }
.blog .page-section-buttons { background-color: #ffffff; padding-top: 40px; padding-bottom: 40px; }
.js .blog .page-section-pagination { height: 0; overflow: hidden; padding: 0; }

.single-post .featured-image { text-align: center; max-height: 80vh; overflow: hidden; }
.single-post .featured-image img { width: 100%; height: auto; }
.single-post .page-section-buttons { background-color: #ffffff; padding-top: 40px; padding-bottom: 40px; }
.single-post .post img { height: auto; }
.single-post .post .inner { max-width: 700px; }
.single-post .post .page-section p { margin: 1em 0; }

.entry-meta { text-transform: lowercase; }
.entry-meta a { text-decoration: none; }
.entry-meta a:hover, .entry-meta a:focus { text-decoration: underline; }
.entry-meta .updated { display: none; }
.entry-meta .entry-date { display: inline; }

.page-section-share h5 { margin: 0; }
.post-featured .page-section-share { padding-top: 60px; }

.projects-feed .page-section-col .hover-tile-shade { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; border-color: #ffffff; }
.projects-feed .page-section-col .hover-tile-shade .hover-tile-frame { border-color: #ffffff; }

.single-project .page-section-buttons { background-color: #ffffff; padding-top: 40px; padding-bottom: 40px; }

.services-row { margin: 26px 0 26px; }
.services-row .service-diagram { margin-top: 20px; text-align: center; }
.services-row .service-diagram svg { width: auto; max-height: 100px; max-width: 100%; }
.services-row .service-diagram #service-cube { max-height: 95px; margin: 2px 0 3px; }
.services-row .service-diagram #service-cube .line1 { stroke-dasharray: 100; stroke-dashoffset: 100; -webkit-transition: all 1.4s ease; transition: all 1.4s ease; }
.services-row .service-diagram #service-cube .line2 { stroke-dasharray: 100; stroke-dashoffset: 100; -webkit-transition: all 1.4s ease 100ms; transition: all 1.4s ease 100ms; }
.services-row .service-diagram #service-cube .line3 { stroke-dasharray: 100; stroke-dashoffset: 100; -webkit-transition: all 1.4s ease 200ms; transition: all 1.4s ease 200ms; }
.services-row .service-diagram #service-circle { max-height: 90px; margin: 5px 0; }
.services-row .service-diagram #service-circle .line1 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.1s ease 500ms; transition: all 1.1s ease 500ms; }
.services-row .service-diagram #service-circle .line2 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.4s ease 700ms; transition: all 1.4s ease 700ms; }
.services-row .service-diagram #service-square { max-height: 80px; margin: 10px 0; }
.services-row .service-diagram #service-square .line1 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.1s ease 800ms; transition: all 1.1s ease 800ms; }
.services-row .service-diagram #service-square .line2 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.4s ease 900ms; transition: all 1.4s ease 900ms; }
.services-row .service-diagram #service-square .line3 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.1s ease 1000ms; transition: all 1.1s ease 1000ms; }
.services-row .service-diagram #service-square .line4 { stroke-dasharray: 200; stroke-dashoffset: 200; -webkit-transition: all 1.4s ease 1100ms; transition: all 1.4s ease 1100ms; }
.services-row .service-diagram.animate #service-cube .line1, .services-row .service-diagram.animate #service-cube .line2, .services-row .service-diagram.animate #service-cube .line3 { stroke-dashoffset: 0; }
.services-row .service-diagram.animate #service-circle .line1, .services-row .service-diagram.animate #service-circle .line2 { stroke-dashoffset: 0; }
.services-row .service-diagram.animate #service-square .line1, .services-row .service-diagram.animate #service-square .line2, .services-row .service-diagram.animate #service-square .line3, .services-row .service-diagram.animate #service-square .line4 { stroke-dashoffset: 0; }
.services-row .list-services { padding-left: 0; list-style: none; text-align: center; }
.services-row .list-services li { margin-bottom: 0.5em; }

.social-btn, .entry-share .ssbl-wrap .ssbl-container > a, .social-menu li a { display: inline-block; text-indent: -99999px; overflow: hidden; padding: 0; width: 62px; height: 62px; min-width: 0; }
.social-btn.svg-replaced, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced, .social-menu li a.svg-replaced { text-indent: 0; }
.social-btn.svg-replaced svg path, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced svg path, .social-menu li a.svg-replaced svg path, .social-btn.svg-replaced svg circle, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced svg circle, .social-menu li a.svg-replaced svg circle, .social-btn.svg-replaced svg rect, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced svg rect, .social-menu li a.svg-replaced svg rect { -webkit-transition: all ease 200ms; transition: all ease 200ms; }
.social-btn.svg-replaced:hover svg path, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:hover svg path, .social-menu li a.svg-replaced:hover svg path, .social-btn.svg-replaced:hover svg circle, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:hover svg circle, .social-menu li a.svg-replaced:hover svg circle, .social-btn.svg-replaced:hover svg rect, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:hover svg rect, .social-menu li a.svg-replaced:hover svg rect, .social-btn.svg-replaced:focus svg path, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:focus svg path, .social-menu li a.svg-replaced:focus svg path, .social-btn.svg-replaced:focus svg circle, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:focus svg circle, .social-menu li a.svg-replaced:focus svg circle, .social-btn.svg-replaced:focus svg rect, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:focus svg rect, .social-menu li a.svg-replaced:focus svg rect, .social-btn.svg-replaced:active svg path, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:active svg path, .social-menu li a.svg-replaced:active svg path, .social-btn.svg-replaced:active svg circle, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:active svg circle, .social-menu li a.svg-replaced:active svg circle, .social-btn.svg-replaced:active svg rect, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced:active svg rect, .social-menu li a.svg-replaced:active svg rect { fill: #ffffff; }

.social-icon, .entry-share .ssbl-wrap .ssbl-container > a { background-position: 50% 50%; background-repeat: no-repeat; background-size: 50px 50px; }
.social-icon svg, .entry-share .ssbl-wrap .ssbl-container > a svg { width: 50px; height: 50px; }
.social-icon.svg-replaced, .entry-share .ssbl-wrap .ssbl-container > a.svg-replaced { background-image: none; }

.icon-facebook, .entry-share .ssbl-wrap .ssbl-container .ssbl_facebook_share { background-image: url("images/icon-facebook.png"); }

.icon-twitter, .entry-share .ssbl-wrap .ssbl-container .ssbl_twitter_share { background-image: url("images/icon-twitter.png"); }

.icon-linkedin, .entry-share .ssbl-wrap .ssbl-container .ssbl_linkedin_share { background-image: url("images/icon-linkedin.png"); }

.icon-instagram, .entry-share .ssbl-wrap .ssbl-container .ssbl_instagram_share { background-image: url("images/icon-instagram.png"); }

.icon-the-loop { background-image: url("images/icon-the-loop.png"); }

.entry-share .ssbl-wrap .ssbl-container > a { margin: 5px; min-width: 0 !important; }

.social-menu { text-align: center; }
.social-menu { list-style: none; padding-left: 0; }
.social-menu:before, .social-menu:after { content: " "; display: table; }
.social-menu:after { clear: both; }
.social-menu { *zoom: 1; }
.social-menu li { display: inline-block; }
.social-menu li a { display: inline-block; }
@media only screen and (max-width: 767px) { .error404 .social-menu { max-width: 256px; margin-left: auto; margin-right: auto; }
  .error404 .social-menu li a { vertical-align: bottom; margin-bottom: 5px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-slide { outline: none; }

.slick-dots { height: 15px; margin: 10px 0; text-align: center; }
.slick-dots { list-style: none; padding-left: 0; }
.slick-dots li { display: inline-block; margin: 2px; }
.slick-dots li button { display: block; background-color: #000000; border-radius: 50% 50%; border: 0 none; padding: 0; text-indent: -99999px; overflow: hidden; width: 10px; height: 10px; }
.slick-dots li.slick-active button { background-color: #ffffff; }
.bg-black .slick-dots li button { background-color: #ffffff; }
.bg-black .slick-dots li.slick-active button { background-color: #000000; }

/*# sourceMappingURL=style.css.map */