@charset "UTF-8";

/*

Theme Name: Studio 9

Theme URI: http://themes.simonbouchard.com/studio9

Description: A cutting edge and well built Portfolio WordPress theme.

Author: Simon Bouchard

Author URI: http://themeforest.net/user/SimonBouchard

Version: 1.0.4

Tags: responsive-layout, fluid-layout, fixed-layout, full-width-template, theme-options, threaded-comments, translation-ready, custom-menu, featured-image-header, featured-images



License: GPLv2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/******************************************************************



Note: This is the compiled stylesheet from your SaSS compiler.



[Table of contents]



1. Normalize/Reset

	1.1. HTML5 display definitions

2. Breakpoints

3. Animate

4. Font Awesome

5. Visual Composer

    5.1 Boxed Row

    5.2 Column

    5.3 Empty Space

    5.4 Custom Heading

    5.5 Lead

    5.6 Full Height Mod

    5.7 Vertical Align Mod

    5.8 Images

    5.9 Services

	5.10 Text Element

6. Full Page

7. Scrollbar

8. Reset

9. Extends

    9.1 Clearfix & Helpers

10. Typography

    10.1 Body

    10.2 Anchors

    10.3 Lists

    10.4 Styling

    10.5 Headings

    10.6 Blockquote

11. Buttons

12. Base

    12.1 Body

    12.2 Pace.js

    12.3 Reusable

    12.4 Image Placeholder

    12.5 Type

    12.6 Forms

13. Layouts

    13.1 Grid

    13.2 Columns

    13.3 Site

    13.4 Search

14. Portfolio

    14.1 Index & VC

    14.2 Single

        14.2.1 Fullscreen Layout

        14.2.2 Standard Layout

15. Blog

    15.1 General

    15.2 Single Post

    15.3 Comments

16. Modules

    16.1 Boxed Header

    16.2 Fullwidth Header

    16.3 Site Header

        16.3.1 Site Branding

        16.3.2 Main Navigation

            16.3.2.1 Dropdown Nabigation

        16.3.3 Trigger

        16.3.4 Header Animation

        16.3.5 Header Centered

        16.3.6 Header Mobile

    16.4 Hero Area

        16.4.1 Hero Content

        16.4.2 Background Video

17. Footer

    17.1 Site Footer

        17.1.1 Site Info

        17.1.2 Copyright

        17.1.3 Widgets

18. Shame



******************************************************************/

/* = 1. Normalize

-------------------------------------------------------------- */

/* ==========================================================================

   Normalize.scss settings

   ========================================================================== */

/**

 * Includes legacy browser support IE6/7

 *

 * Set to false if you want to drop support for IE6 and IE7

 */

/* Base

   ========================================================================== */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS and IE text size adjust after device orientation change,

 *    without disabling user zoom.

 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using

 *  `em` units.

 */

.trigger-mobile-nav .fa-angle-left:before {

    content: "\f0c9";

}

.trigger-mobile-nav .main-navigation .menu > li {

    padding-bottom:10px!important;

    line-height:2.0em!important;

}

.trigger-mobile-nav .fa {

    background-image:url("http://crossculturevc.com/wp-content/uploads/2015/10/cc-mobile-nav-2.png");

}

.trigger-mobile-nav.active .fa {

    background-image:url('http://crossculturevc.com/wp-content/uploads/2015/10/cc-mobile-nav-2.png');

}



.trigger-mobile-nav .fa-angle-left:before {

    content:" ";

}

.trigger-mobile-nav {

	background-color:initial!important;

}

.trigger-mobile-nav.active {

background-color:#555555!important;

}

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 6/7/8/9 and Firefox 3.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */ }



/**

 * Prevents 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; }



/**

 * Addresses 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

   ========================================================================== */

/**

 * 1. Remove border when inside `a` element in IE 8/9/10.

 * 2. Improves image quality when scaled in IE 7.

 */

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.

 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.

 */

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.

 * 4. Improves appearance and consistency in all browsers.

 */

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.

 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.

 *  Known issue: inner spacing remains in IE 6.

 */

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; }



/**

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 *  Known issue: excess padding remains in IE 6.

 */

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.

 * 3. Corrects text not wrapping in Firefox 3.

 * 4. Corrects alignment displayed oddly in IE 6/7.

 */

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; }



/* = 2. Breakpoints

-------------------------------------------------------------- */

/* = 3. Animate

-------------------------------------------------------------- */

body {

  -webkit-backface-visibility: hidden; }



/*!

 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

 */

/* FONT PATH

 * -------------------------- */

@font-face {

  font-family: 'FontAwesome';

  src: url("scss/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0");

  src: url("scss/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("scss/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("scss/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("scss/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("scss/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");

  font-weight: normal;

  font-style: normal; }



.fa {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



/* makes the font 33% larger relative to the icon container */

.fa-lg {

  font-size: 1.33333em;

  line-height: 0.75em;

  vertical-align: -15%; }



.fa-2x {

  font-size: 2em; }



.fa-3x {

  font-size: 3em; }



.fa-4x {

  font-size: 4em; }



.fa-5x {

  font-size: 5em; }



.fa-fw {

  width: 1.28571em;

  text-align: center; }



.fa-ul {

  padding-left: 0;

  margin-left: 2.14286em;

  list-style-type: none; }

  .fa-ul > li {

    position: relative; }



.fa-li {

  position: absolute;

  left: -2.14286em;

  width: 2.14286em;

  top: 0.14286em;

  text-align: center; }

  .fa-li.fa-lg {

    left: -1.85714em; }



.fa-border {

  padding: 0.2em 0.25em 0.15em;

  border: solid 0.08em #eee;

  border-radius: .1em; }



.fa-pull-left {

  float: left; }



.fa-pull-right {

  float: right; }



.fa.fa-pull-left {

  margin-right: .3em; }



.fa.fa-pull-right {

  margin-left: .3em; }



/* Deprecated as of 4.4.0 */

.pull-right {

  float: right; }



.pull-left {

  float: left; }



.fa.pull-left {

  margin-right: .3em; }



.fa.pull-right {

  margin-left: .3em; }



.fa-spin {

  -webkit-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear; }



.fa-pulse {

  -webkit-animation: fa-spin 1s infinite steps(8);

  animation: fa-spin 1s infinite steps(8); }



@-webkit-keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



@keyframes fa-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



.fa-rotate-90 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

  -webkit-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  transform: rotate(90deg); }



.fa-rotate-180 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg); }



.fa-rotate-270 {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

  -webkit-transform: rotate(270deg);

  -ms-transform: rotate(270deg);

  transform: rotate(270deg); }



.fa-flip-horizontal {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);

  -webkit-transform: scale(-1, 1);

  -ms-transform: scale(-1, 1);

  transform: scale(-1, 1); }



.fa-flip-vertical {

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

  -webkit-transform: scale(1, -1);

  -ms-transform: scale(1, -1);

  transform: scale(1, -1); }



:root .fa-rotate-90,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-flip-horizontal,

:root .fa-flip-vertical {

  filter: none; }



.fa-stack {

  position: relative;

  display: inline-block;

  width: 2em;

  height: 2em;

  line-height: 2em;

  vertical-align: middle; }



.fa-stack-1x, .fa-stack-2x {

  position: absolute;

  left: 0;

  width: 100%;

  text-align: center; }



.fa-stack-1x {

  line-height: inherit; }



.fa-stack-2x {

  font-size: 2em; }



.fa-inverse {

  color: #fff; }



/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen

   readers do not read off random characters that represent icons */

.fa-glass:before {

  content: ""; }



.fa-music:before {

  content: ""; }



.fa-search:before {

  content: ""; }



.fa-envelope-o:before {

  content: ""; }



.fa-heart:before {

  content: ""; }



.fa-star:before {

  content: ""; }



.fa-star-o:before {

  content: ""; }



.fa-user:before {

  content: ""; }



.fa-film:before {

  content: ""; }



.fa-th-large:before {

  content: ""; }



.fa-th:before {

  content: ""; }



.fa-th-list:before {

  content: ""; }



.fa-check:before {

  content: ""; }



.fa-remove:before,

.fa-close:before,

.fa-times:before {

  content: ""; }



.fa-search-plus:before {

  content: ""; }



.fa-search-minus:before {

  content: ""; }



.fa-power-off:before {

  content: ""; }



.fa-signal:before {

  content: ""; }



.fa-gear:before,

.fa-cog:before {

  content: ""; }



.fa-trash-o:before {

  content: ""; }



.fa-home:before {

  content: ""; }



.fa-file-o:before {

  content: ""; }



.fa-clock-o:before {

  content: ""; }



.fa-road:before {

  content: ""; }



.fa-download:before {

  content: ""; }



.fa-arrow-circle-o-down:before {

  content: ""; }



.fa-arrow-circle-o-up:before {

  content: ""; }



.fa-inbox:before {

  content: ""; }



.fa-play-circle-o:before {

  content: ""; }



.fa-rotate-right:before,

.fa-repeat:before {

  content: ""; }



.fa-refresh:before {

  content: ""; }



.fa-list-alt:before {

  content: ""; }



.fa-lock:before {

  content: ""; }



.fa-flag:before {

  content: ""; }



.fa-headphones:before {

  content: ""; }



.fa-volume-off:before {

  content: ""; }



.fa-volume-down:before {

  content: ""; }



.fa-volume-up:before {

  content: ""; }



.fa-qrcode:before {

  content: ""; }



.fa-barcode:before {

  content: ""; }



.fa-tag:before {

  content: ""; }



.fa-tags:before {

  content: ""; }



.fa-book:before {

  content: ""; }



.fa-bookmark:before {

  content: ""; }



.fa-print:before {

  content: ""; }



.fa-camera:before {

  content: ""; }



.fa-font:before {

  content: ""; }



.fa-bold:before {

  content: ""; }



.fa-italic:before {

  content: ""; }



.fa-text-height:before {

  content: ""; }



.fa-text-width:before {

  content: ""; }



.fa-align-left:before {

  content: ""; }



.fa-align-center:before {

  content: ""; }



.fa-align-right:before {

  content: ""; }



.fa-align-justify:before {

  content: ""; }



.fa-list:before {

  content: ""; }



.fa-dedent:before,

.fa-outdent:before {

  content: ""; }



.fa-indent:before {

  content: ""; }



.fa-video-camera:before {

  content: ""; }



.fa-photo:before,

.fa-image:before,

.fa-picture-o:before {

  content: ""; }



.fa-pencil:before {

  content: ""; }



.fa-map-marker:before {

  content: ""; }



.fa-adjust:before {

  content: ""; }



.fa-tint:before {

  content: ""; }



.fa-edit:before,

.fa-pencil-square-o:before {

  content: ""; }



.fa-share-square-o:before {

  content: ""; }



.fa-check-square-o:before {

  content: ""; }



.fa-arrows:before {

  content: ""; }



.fa-step-backward:before {

  content: ""; }



.fa-fast-backward:before {

  content: ""; }



.fa-backward:before {

  content: ""; }



.fa-play:before {

  content: ""; }



.fa-pause:before {

  content: ""; }



.fa-stop:before {

  content: ""; }



.fa-forward:before {

  content: ""; }



.fa-fast-forward:before {

  content: ""; }



.fa-step-forward:before {

  content: ""; }



.fa-eject:before {

  content: ""; }



.fa-chevron-left:before {

  content: ""; }



.fa-chevron-right:before {

  content: ""; }



.fa-plus-circle:before {

  content: ""; }



.fa-minus-circle:before {

  content: ""; }



.fa-times-circle:before {

  content: ""; }



.fa-check-circle:before {

  content: ""; }



.fa-question-circle:before {

  content: ""; }



.fa-info-circle:before {

  content: ""; }



.fa-crosshairs:before {

  content: ""; }



.fa-times-circle-o:before {

  content: ""; }



.fa-check-circle-o:before {

  content: ""; }



.fa-ban:before {

  content: ""; }



.fa-arrow-left:before {

  content: ""; }



.fa-arrow-right:before {

  content: ""; }



.fa-arrow-up:before {

  content: ""; }



.fa-arrow-down:before {

  content: ""; }



.fa-mail-forward:before,

.fa-share:before {

  content: ""; }



.fa-expand:before {

  content: ""; }



.fa-compress:before {

  content: ""; }



.fa-plus:before {

  content: ""; }



.fa-minus:before {

  content: ""; }



.fa-asterisk:before {

  content: ""; }



.fa-exclamation-circle:before {

  content: ""; }



.fa-gift:before {

  content: ""; }



.fa-leaf:before {

  content: ""; }



.fa-fire:before {

  content: ""; }



.fa-eye:before {

  content: ""; }



.fa-eye-slash:before {

  content: ""; }



.fa-warning:before,

.fa-exclamation-triangle:before {

  content: ""; }



.fa-plane:before {

  content: ""; }



.fa-calendar:before {

  content: ""; }



.fa-random:before {

  content: ""; }



.fa-comment:before {

  content: ""; }



.fa-magnet:before {

  content: ""; }



.fa-chevron-up:before {

  content: ""; }



.fa-chevron-down:before {

  content: ""; }



.fa-retweet:before {

  content: ""; }



.fa-shopping-cart:before {

  content: ""; }



.fa-folder:before {

  content: ""; }



.fa-folder-open:before {

  content: ""; }



.fa-arrows-v:before {

  content: ""; }



.fa-arrows-h:before {

  content: ""; }



.fa-bar-chart-o:before,

.fa-bar-chart:before {

  content: ""; }



.fa-twitter-square:before {

  content: ""; }



.fa-facebook-square:before {

  content: ""; }



.fa-camera-retro:before {

  content: ""; }



.fa-key:before {

  content: ""; }



.fa-gears:before,

.fa-cogs:before {

  content: ""; }



.fa-comments:before {

  content: ""; }



.fa-thumbs-o-up:before {

  content: ""; }



.fa-thumbs-o-down:before {

  content: ""; }



.fa-star-half:before {

  content: ""; }



.fa-heart-o:before {

  content: ""; }



.fa-sign-out:before {

  content: ""; }



.fa-linkedin-square:before {

  content: ""; }



.fa-thumb-tack:before {

  content: ""; }



.fa-external-link:before {

  content: ""; }



.fa-sign-in:before {

  content: ""; }



.fa-trophy:before {

  content: ""; }



.fa-github-square:before {

  content: ""; }



.fa-upload:before {

  content: ""; }



.fa-lemon-o:before {

  content: ""; }



.fa-phone:before {

  content: ""; }



.fa-square-o:before {

  content: ""; }



.fa-bookmark-o:before {

  content: ""; }



.fa-phone-square:before {

  content: ""; }



.fa-twitter:before {

  content: ""; }



.fa-facebook-f:before,

.fa-facebook:before {

  content: ""; }



.fa-github:before {

  content: ""; }



.fa-unlock:before {

  content: ""; }



.fa-credit-card:before {

  content: ""; }



.fa-feed:before,

.fa-rss:before {

  content: ""; }



.fa-hdd-o:before {

  content: ""; }



.fa-bullhorn:before {

  content: ""; }



.fa-bell:before {

  content: ""; }



.fa-certificate:before {

  content: ""; }



.fa-hand-o-right:before {

  content: ""; }



.fa-hand-o-left:before {

  content: ""; }



.fa-hand-o-up:before {

  content: ""; }



.fa-hand-o-down:before {

  content: ""; }



.fa-arrow-circle-left:before {

  content: ""; }



.fa-arrow-circle-right:before {

  content: ""; }



.fa-arrow-circle-up:before {

  content: ""; }



.fa-arrow-circle-down:before {

  content: ""; }



.fa-globe:before {

  content: ""; }



.fa-wrench:before {

  content: ""; }



.fa-tasks:before {

  content: ""; }



.fa-filter:before {

  content: ""; }



.fa-briefcase:before {

  content: ""; }



.fa-arrows-alt:before {

  content: ""; }



.fa-group:before,

.fa-users:before {

  content: ""; }



.fa-chain:before,

.fa-link:before {

  content: ""; }



.fa-cloud:before {

  content: ""; }



.fa-flask:before {

  content: ""; }



.fa-cut:before,

.fa-scissors:before {

  content: ""; }



.fa-copy:before,

.fa-files-o:before {

  content: ""; }



.fa-paperclip:before {

  content: ""; }



.fa-save:before,

.fa-floppy-o:before {

  content: ""; }



.fa-square:before {

  content: ""; }



.fa-navicon:before,

.fa-reorder:before,

.fa-bars:before {

  content: ""; }



.fa-list-ul:before {

  content: ""; }



.fa-list-ol:before {

  content: ""; }



.fa-strikethrough:before {

  content: ""; }



.fa-underline:before {

  content: ""; }



.fa-table:before {

  content: ""; }



.fa-magic:before {

  content: ""; }



.fa-truck:before {

  content: ""; }



.fa-pinterest:before {

  content: ""; }



.fa-pinterest-square:before {

  content: ""; }



.fa-google-plus-square:before {

  content: ""; }



.fa-google-plus:before {

  content: ""; }



.fa-money:before {

  content: ""; }



.fa-caret-down:before {

  content: ""; }



.fa-caret-up:before {

  content: ""; }



.fa-caret-left:before {

  content: ""; }



.fa-caret-right:before {

  content: ""; }



.fa-columns:before {

  content: ""; }



.fa-unsorted:before,

.fa-sort:before {

  content: ""; }



.fa-sort-down:before,

.fa-sort-desc:before {

  content: ""; }



.fa-sort-up:before,

.fa-sort-asc:before {

  content: ""; }



.fa-envelope:before {

  content: ""; }



.fa-linkedin:before {

  content: ""; }



.fa-rotate-left:before,

.fa-undo:before {

  content: ""; }



.fa-legal:before,

.fa-gavel:before {

  content: ""; }



.fa-dashboard:before,

.fa-tachometer:before {

  content: ""; }



.fa-comment-o:before {

  content: ""; }



.fa-comments-o:before {

  content: ""; }



.fa-flash:before,

.fa-bolt:before {

  content: ""; }



.fa-sitemap:before {

  content: ""; }



.fa-umbrella:before {

  content: ""; }



.fa-paste:before,

.fa-clipboard:before {

  content: ""; }



.fa-lightbulb-o:before {

  content: ""; }



.fa-exchange:before {

  content: ""; }



.fa-cloud-download:before {

  content: ""; }



.fa-cloud-upload:before {

  content: ""; }



.fa-user-md:before {

  content: ""; }



.fa-stethoscope:before {

  content: ""; }



.fa-suitcase:before {

  content: ""; }



.fa-bell-o:before {

  content: ""; }



.fa-coffee:before {

  content: ""; }



.fa-cutlery:before {

  content: ""; }



.fa-file-text-o:before {

  content: ""; }



.fa-building-o:before {

  content: ""; }



.fa-hospital-o:before {

  content: ""; }



.fa-ambulance:before {

  content: ""; }



.fa-medkit:before {

  content: ""; }



.fa-fighter-jet:before {

  content: ""; }



.fa-beer:before {

  content: ""; }



.fa-h-square:before {

  content: ""; }



.fa-plus-square:before {

  content: ""; }



.fa-angle-double-left:before {

  content: ""; }



.fa-angle-double-right:before {

  content: ""; }



.fa-angle-double-up:before {

  content: ""; }



.fa-angle-double-down:before {

  content: ""; }



.fa-angle-left:before {

  content: ""; }



.fa-angle-right:before {

  content: ""; }



.fa-angle-up:before {

  content: ""; }



.fa-angle-down:before {

  content: ""; }



.fa-desktop:before {

  content: ""; }



.fa-laptop:before {

  content: ""; }



.fa-tablet:before {

  content: ""; }



.fa-mobile-phone:before,

.fa-mobile:before {

  content: ""; }



.fa-circle-o:before {

  content: ""; }



.fa-quote-left:before {

  content: ""; }



.fa-quote-right:before {

  content: ""; }



.fa-spinner:before {

  content: ""; }



.fa-circle:before {

  content: ""; }



.fa-mail-reply:before,

.fa-reply:before {

  content: ""; }



.fa-github-alt:before {

  content: ""; }



.fa-folder-o:before {

  content: ""; }



.fa-folder-open-o:before {

  content: ""; }



.fa-smile-o:before {

  content: ""; }



.fa-frown-o:before {

  content: ""; }



.fa-meh-o:before {

  content: ""; }



.fa-gamepad:before {

  content: ""; }



.fa-keyboard-o:before {

  content: ""; }



.fa-flag-o:before {

  content: ""; }



.fa-flag-checkered:before {

  content: ""; }



.fa-terminal:before {

  content: ""; }



.fa-code:before {

  content: ""; }



.fa-mail-reply-all:before,

.fa-reply-all:before {

  content: ""; }



.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {

  content: ""; }



.fa-location-arrow:before {

  content: ""; }



.fa-crop:before {

  content: ""; }



.fa-code-fork:before {

  content: ""; }



.fa-unlink:before,

.fa-chain-broken:before {

  content: ""; }



.fa-question:before {

  content: ""; }



.fa-info:before {

  content: ""; }



.fa-exclamation:before {

  content: ""; }



.fa-superscript:before {

  content: ""; }



.fa-subscript:before {

  content: ""; }



.fa-eraser:before {

  content: ""; }



.fa-puzzle-piece:before {

  content: ""; }



.fa-microphone:before {

  content: ""; }



.fa-microphone-slash:before {

  content: ""; }



.fa-shield:before {

  content: ""; }



.fa-calendar-o:before {

  content: ""; }



.fa-fire-extinguisher:before {

  content: ""; }



.fa-rocket:before {

  content: ""; }



.fa-maxcdn:before {

  content: ""; }



.fa-chevron-circle-left:before {

  content: ""; }



.fa-chevron-circle-right:before {

  content: ""; }



.fa-chevron-circle-up:before {

  content: ""; }



.fa-chevron-circle-down:before {

  content: ""; }



.fa-html5:before {

  content: ""; }



.fa-css3:before {

  content: ""; }



.fa-anchor:before {

  content: ""; }



.fa-unlock-alt:before {

  content: ""; }



.fa-bullseye:before {

  content: ""; }



.fa-ellipsis-h:before {

  content: ""; }



.fa-ellipsis-v:before {

  content: ""; }



.fa-rss-square:before {

  content: ""; }



.fa-play-circle:before {

  content: ""; }



.fa-ticket:before {

  content: ""; }



.fa-minus-square:before {

  content: ""; }



.fa-minus-square-o:before {

  content: ""; }



.fa-level-up:before {

  content: ""; }



.fa-level-down:before {

  content: ""; }



.fa-check-square:before {

  content: ""; }



.fa-pencil-square:before {

  content: ""; }



.fa-external-link-square:before {

  content: ""; }



.fa-share-square:before {

  content: ""; }



.fa-compass:before {

  content: ""; }



.fa-toggle-down:before,

.fa-caret-square-o-down:before {

  content: ""; }



.fa-toggle-up:before,

.fa-caret-square-o-up:before {

  content: ""; }



.fa-toggle-right:before,

.fa-caret-square-o-right:before {

  content: ""; }



.fa-euro:before,

.fa-eur:before {

  content: ""; }



.fa-gbp:before {

  content: ""; }



.fa-dollar:before,

.fa-usd:before {

  content: ""; }



.fa-rupee:before,

.fa-inr:before {

  content: ""; }



.fa-cny:before,

.fa-rmb:before,

.fa-yen:before,

.fa-jpy:before {

  content: ""; }



.fa-ruble:before,

.fa-rouble:before,

.fa-rub:before {

  content: ""; }



.fa-won:before,

.fa-krw:before {

  content: ""; }



.fa-bitcoin:before,

.fa-btc:before {

  content: ""; }



.fa-file:before {

  content: ""; }



.fa-file-text:before {

  content: ""; }



.fa-sort-alpha-asc:before {

  content: ""; }



.fa-sort-alpha-desc:before {

  content: ""; }



.fa-sort-amount-asc:before {

  content: ""; }



.fa-sort-amount-desc:before {

  content: ""; }



.fa-sort-numeric-asc:before {

  content: ""; }



.fa-sort-numeric-desc:before {

  content: ""; }



.fa-thumbs-up:before {

  content: ""; }



.fa-thumbs-down:before {

  content: ""; }



.fa-youtube-square:before {

  content: ""; }



.fa-youtube:before {

  content: ""; }



.fa-xing:before {

  content: ""; }



.fa-xing-square:before {

  content: ""; }



.fa-youtube-play:before {

  content: ""; }



.fa-dropbox:before {

  content: ""; }



.fa-stack-overflow:before {

  content: ""; }



.fa-instagram:before {

  content: ""; }



.fa-flickr:before {

  content: ""; }



.fa-adn:before {

  content: ""; }



.fa-bitbucket:before {

  content: ""; }



.fa-bitbucket-square:before {

  content: ""; }



.fa-tumblr:before {

  content: ""; }



.fa-tumblr-square:before {

  content: ""; }



.fa-long-arrow-down:before {

  content: ""; }



.fa-long-arrow-up:before {

  content: ""; }



.fa-long-arrow-left:before {

  content: ""; }



.fa-long-arrow-right:before {

  content: ""; }



.fa-apple:before {

  content: ""; }



.fa-windows:before {

  content: ""; }



.fa-android:before {

  content: ""; }



.fa-linux:before {

  content: ""; }



.fa-dribbble:before {

  content: ""; }



.fa-skype:before {

  content: ""; }



.fa-foursquare:before {

  content: ""; }



.fa-trello:before {

  content: ""; }



.fa-female:before {

  content: ""; }



.fa-male:before {

  content: ""; }



.fa-gittip:before,

.fa-gratipay:before {

  content: ""; }



.fa-sun-o:before {

  content: ""; }



.fa-moon-o:before {

  content: ""; }



.fa-archive:before {

  content: ""; }



.fa-bug:before {

  content: ""; }



.fa-vk:before {

  content: ""; }



.fa-weibo:before {

  content: ""; }



.fa-renren:before {

  content: ""; }



.fa-pagelines:before {

  content: ""; }



.fa-stack-exchange:before {

  content: ""; }



.fa-arrow-circle-o-right:before {

  content: ""; }



.fa-arrow-circle-o-left:before {

  content: ""; }



.fa-toggle-left:before,

.fa-caret-square-o-left:before {

  content: ""; }



.fa-dot-circle-o:before {

  content: ""; }



.fa-wheelchair:before {

  content: ""; }



.fa-vimeo-square:before {

  content: ""; }



.fa-turkish-lira:before,

.fa-try:before {

  content: ""; }



.fa-plus-square-o:before {

  content: ""; }



.fa-space-shuttle:before {

  content: ""; }



.fa-slack:before {

  content: ""; }



.fa-envelope-square:before {

  content: ""; }



.fa-wordpress:before {

  content: ""; }



.fa-openid:before {

  content: ""; }



.fa-institution:before,

.fa-bank:before,

.fa-university:before {

  content: ""; }



.fa-mortar-board:before,

.fa-graduation-cap:before {

  content: ""; }



.fa-yahoo:before {

  content: ""; }



.fa-google:before {

  content: ""; }



.fa-reddit:before {

  content: ""; }



.fa-reddit-square:before {

  content: ""; }



.fa-stumbleupon-circle:before {

  content: ""; }



.fa-stumbleupon:before {

  content: ""; }



.fa-delicious:before {

  content: ""; }



.fa-digg:before {

  content: ""; }



.fa-pied-piper:before {

  content: ""; }



.fa-pied-piper-alt:before {

  content: ""; }



.fa-drupal:before {

  content: ""; }



.fa-joomla:before {

  content: ""; }



.fa-language:before {

  content: ""; }



.fa-fax:before {

  content: ""; }



.fa-building:before {

  content: ""; }



.fa-child:before {

  content: ""; }



.fa-paw:before {

  content: ""; }



.fa-spoon:before {

  content: ""; }



.fa-cube:before {

  content: ""; }



.fa-cubes:before {

  content: ""; }



.fa-behance:before {

  content: ""; }



.fa-behance-square:before {

  content: ""; }



.fa-steam:before {

  content: ""; }



.fa-steam-square:before {

  content: ""; }



.fa-recycle:before {

  content: ""; }



.fa-automobile:before,

.fa-car:before {

  content: ""; }



.fa-cab:before,

.fa-taxi:before {

  content: ""; }



.fa-tree:before {

  content: ""; }



.fa-spotify:before {

  content: ""; }



.fa-deviantart:before {

  content: ""; }



.fa-soundcloud:before {

  content: ""; }



.fa-database:before {

  content: ""; }



.fa-file-pdf-o:before {

  content: ""; }



.fa-file-word-o:before {

  content: ""; }



.fa-file-excel-o:before {

  content: ""; }



.fa-file-powerpoint-o:before {

  content: ""; }



.fa-file-photo-o:before,

.fa-file-picture-o:before,

.fa-file-image-o:before {

  content: ""; }



.fa-file-zip-o:before,

.fa-file-archive-o:before {

  content: ""; }



.fa-file-sound-o:before,

.fa-file-audio-o:before {

  content: ""; }



.fa-file-movie-o:before,

.fa-file-video-o:before {

  content: ""; }



.fa-file-code-o:before {

  content: ""; }



.fa-vine:before {

  content: ""; }



.fa-codepen:before {

  content: ""; }



.fa-jsfiddle:before {

  content: ""; }



.fa-life-bouy:before,

.fa-life-buoy:before,

.fa-life-saver:before,

.fa-support:before,

.fa-life-ring:before {

  content: ""; }



.fa-circle-o-notch:before {

  content: ""; }



.fa-ra:before,

.fa-rebel:before {

  content: ""; }



.fa-ge:before,

.fa-empire:before {

  content: ""; }



.fa-git-square:before {

  content: ""; }



.fa-git:before {

  content: ""; }



.fa-y-combinator-square:before,

.fa-yc-square:before,

.fa-hacker-news:before {

  content: ""; }



.fa-tencent-weibo:before {

  content: ""; }



.fa-qq:before {

  content: ""; }



.fa-wechat:before,

.fa-weixin:before {

  content: ""; }



.fa-send:before,

.fa-paper-plane:before {

  content: ""; }



.fa-send-o:before,

.fa-paper-plane-o:before {

  content: ""; }



.fa-history:before {

  content: ""; }



.fa-circle-thin:before {

  content: ""; }



.fa-header:before {

  content: ""; }



.fa-paragraph:before {

  content: ""; }



.fa-sliders:before {

  content: ""; }



.fa-share-alt:before {

  content: ""; }



.fa-share-alt-square:before {

  content: ""; }



.fa-bomb:before {

  content: ""; }



.fa-soccer-ball-o:before,

.fa-futbol-o:before {

  content: ""; }



.fa-tty:before {

  content: ""; }



.fa-binoculars:before {

  content: ""; }



.fa-plug:before {

  content: ""; }



.fa-slideshare:before {

  content: ""; }



.fa-twitch:before {

  content: ""; }



.fa-yelp:before {

  content: ""; }



.fa-newspaper-o:before {

  content: ""; }



.fa-wifi:before {

  content: ""; }



.fa-calculator:before {

  content: ""; }



.fa-paypal:before {

  content: ""; }



.fa-google-wallet:before {

  content: ""; }



.fa-cc-visa:before {

  content: ""; }



.fa-cc-mastercard:before {

  content: ""; }



.fa-cc-discover:before {

  content: ""; }



.fa-cc-amex:before {

  content: ""; }



.fa-cc-paypal:before {

  content: ""; }



.fa-cc-stripe:before {

  content: ""; }



.fa-bell-slash:before {

  content: ""; }



.fa-bell-slash-o:before {

  content: ""; }



.fa-trash:before {

  content: ""; }



.fa-copyright:before {

  content: ""; }



.fa-at:before {

  content: ""; }



.fa-eyedropper:before {

  content: ""; }



.fa-paint-brush:before {

  content: ""; }



.fa-birthday-cake:before {

  content: ""; }



.fa-area-chart:before {

  content: ""; }



.fa-pie-chart:before {

  content: ""; }



.fa-line-chart:before {

  content: ""; }



.fa-lastfm:before {

  content: ""; }



.fa-lastfm-square:before {

  content: ""; }



.fa-toggle-off:before {

  content: ""; }



.fa-toggle-on:before {

  content: ""; }



.fa-bicycle:before {

  content: ""; }



.fa-bus:before {

  content: ""; }



.fa-ioxhost:before {

  content: ""; }



.fa-angellist:before {

  content: ""; }



.fa-cc:before {

  content: ""; }



.fa-shekel:before,

.fa-sheqel:before,

.fa-ils:before {

  content: ""; }



.fa-meanpath:before {

  content: ""; }



.fa-buysellads:before {

  content: ""; }



.fa-connectdevelop:before {

  content: ""; }



.fa-dashcube:before {

  content: ""; }



.fa-forumbee:before {

  content: ""; }



.fa-leanpub:before {

  content: ""; }



.fa-sellsy:before {

  content: ""; }



.fa-shirtsinbulk:before {

  content: ""; }



.fa-simplybuilt:before {

  content: ""; }



.fa-skyatlas:before {

  content: ""; }



.fa-cart-plus:before {

  content: ""; }



.fa-cart-arrow-down:before {

  content: ""; }



.fa-diamond:before {

  content: ""; }



.fa-ship:before {

  content: ""; }



.fa-user-secret:before {

  content: ""; }



.fa-motorcycle:before {

  content: ""; }



.fa-street-view:before {

  content: ""; }



.fa-heartbeat:before {

  content: ""; }



.fa-venus:before {

  content: ""; }



.fa-mars:before {

  content: ""; }



.fa-mercury:before {

  content: ""; }



.fa-intersex:before,

.fa-transgender:before {

  content: ""; }



.fa-transgender-alt:before {

  content: ""; }



.fa-venus-double:before {

  content: ""; }



.fa-mars-double:before {

  content: ""; }



.fa-venus-mars:before {

  content: ""; }



.fa-mars-stroke:before {

  content: ""; }



.fa-mars-stroke-v:before {

  content: ""; }



.fa-mars-stroke-h:before {

  content: ""; }



.fa-neuter:before {

  content: ""; }



.fa-genderless:before {

  content: ""; }



.fa-facebook-official:before {

  content: ""; }



.fa-pinterest-p:before {

  content: ""; }



.fa-whatsapp:before {

  content: ""; }



.fa-server:before {

  content: ""; }



.fa-user-plus:before {

  content: ""; }



.fa-user-times:before {

  content: ""; }



.fa-hotel:before,

.fa-bed:before {

  content: ""; }



.fa-viacoin:before {

  content: ""; }



.fa-train:before {

  content: ""; }



.fa-subway:before {

  content: ""; }



.fa-medium:before {

  content: ""; }



.fa-yc:before,

.fa-y-combinator:before {

  content: ""; }



.fa-optin-monster:before {

  content: ""; }



.fa-opencart:before {

  content: ""; }



.fa-expeditedssl:before {

  content: ""; }



.fa-battery-4:before,

.fa-battery-full:before {

  content: ""; }



.fa-battery-3:before,

.fa-battery-three-quarters:before {

  content: ""; }



.fa-battery-2:before,

.fa-battery-half:before {

  content: ""; }



.fa-battery-1:before,

.fa-battery-quarter:before {

  content: ""; }



.fa-battery-0:before,

.fa-battery-empty:before {

  content: ""; }



.fa-mouse-pointer:before {

  content: ""; }



.fa-i-cursor:before {

  content: ""; }



.fa-object-group:before {

  content: ""; }



.fa-object-ungroup:before {

  content: ""; }



.fa-sticky-note:before {

  content: ""; }



.fa-sticky-note-o:before {

  content: ""; }



.fa-cc-jcb:before {

  content: ""; }



.fa-cc-diners-club:before {

  content: ""; }



.fa-clone:before {

  content: ""; }



.fa-balance-scale:before {

  content: ""; }



.fa-hourglass-o:before {

  content: ""; }



.fa-hourglass-1:before,

.fa-hourglass-start:before {

  content: ""; }



.fa-hourglass-2:before,

.fa-hourglass-half:before {

  content: ""; }



.fa-hourglass-3:before,

.fa-hourglass-end:before {

  content: ""; }



.fa-hourglass:before {

  content: ""; }



.fa-hand-grab-o:before,

.fa-hand-rock-o:before {

  content: ""; }



.fa-hand-stop-o:before,

.fa-hand-paper-o:before {

  content: ""; }



.fa-hand-scissors-o:before {

  content: ""; }



.fa-hand-lizard-o:before {

  content: ""; }



.fa-hand-spock-o:before {

  content: ""; }



.fa-hand-pointer-o:before {

  content: ""; }



.fa-hand-peace-o:before {

  content: ""; }



.fa-trademark:before {

  content: ""; }



.fa-registered:before {

  content: ""; }



.fa-creative-commons:before {

  content: ""; }



.fa-gg:before {

  content: ""; }



.fa-gg-circle:before {

  content: ""; }



.fa-tripadvisor:before {

  content: ""; }



.fa-odnoklassniki:before {

  content: ""; }



.fa-odnoklassniki-square:before {

  content: ""; }



.fa-get-pocket:before {

  content: ""; }



.fa-wikipedia-w:before {

  content: ""; }



.fa-safari:before {

  content: ""; }



.fa-chrome:before {

  content: ""; }



.fa-firefox:before {

  content: ""; }



.fa-opera:before {

  content: ""; }



.fa-internet-explorer:before {

  content: ""; }



.fa-tv:before,

.fa-television:before {

  content: ""; }



.fa-contao:before {

  content: ""; }



.fa-500px:before {

  content: ""; }



.fa-amazon:before {

  content: ""; }



.fa-calendar-plus-o:before {

  content: ""; }



.fa-calendar-minus-o:before {

  content: ""; }



.fa-calendar-times-o:before {

  content: ""; }



.fa-calendar-check-o:before {

  content: ""; }



.fa-industry:before {

  content: ""; }



.fa-map-pin:before {

  content: ""; }



.fa-map-signs:before {

  content: ""; }



.fa-map-o:before {

  content: ""; }



.fa-map:before {

  content: ""; }



.fa-commenting:before {

  content: ""; }



.fa-commenting-o:before {

  content: ""; }



.fa-houzz:before {

  content: ""; }



.fa-vimeo:before {

  content: ""; }



.fa-black-tie:before {

  content: ""; }



.fa-fonticons:before {

  content: ""; }



.portfolio-container .tile a .unveil, .page-hero {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex; }



/* = Lib : 5. Visual Composer



-------------------------------------------------------------- */

/* 5.1 Boxed Row */

/*

.boxed-row {

  width: 77.77778%;

  margin-left: 11.11111%; }



  */



.boxed-row {

  width: 85%;

  margin:0 auto }



/* 5.2 Column */

.wpb_column {

  margin: 24px 0; }

  @media (max-width: 35.5em) {

    .wpb_column {

      margin: 12px 0; } }

  @media (min-width: 35.5em) {

    .wpb_column {

      margin: 24px 0; } }

  @media (min-width: 40.063em) {

    .wpb_column {

      margin: 24px 0; } }

  @media (min-width: 64em) {

    .wpb_column {

      margin: 24px 0; } }

  @media (min-width: 90.063em) {

    .wpb_column {

      margin: 24px 0; } }



/* 5.3 Empty Space */

@media (max-width: 50em) {

  .vc_empty_space {

    height: 24px !important; } }



/* 5.4 Custom Heading */

.heading-area {

  line-height: 1; }

  .heading-area h1 {

    font-size: 4.2vw;

    line-height: 1.1; }

    @media (max-width: 35.5em) {

      .heading-area h1 {

        font-size: 8.2vw; } }

    @media (min-width: 35.5em) {

      .heading-area h1 {

        font-size: 7.2vw; } }

    @media (min-width: 40.063em) {

      .heading-area h1 {

        font-size: 6.2vw; } }

    @media (min-width: 64em) {

      .heading-area h1 {

        font-size: 5.2vw; } }

    @media (min-width: 90.063em) {

      .heading-area h1 {

        font-size: 4.2vw; } }

  .heading-area hr.dash {

    margin: 36px 0; }

  .heading-area.align-center {

    text-align: center; }

    .heading-area.align-center hr.dash {

      margin: 36px auto; }



/* 5.5 Lead */

.lead .wpb_wrapper p {

  font-size: 1.2em;

  max-width: 80%;

  margin: 0 auto; }

  @media (max-width: 35.5em) {

    .lead .wpb_wrapper p {

      max-width: 100%; } }



/* 5.6 Full Height Mod */

@media (max-width: 35.5em) {

  .vc_row-o-full-height {

    -webkit-box-direction: reverse;

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column-reverse;

    -moz-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse; } }



.vc_row-o-full-height .column {

  min-height: 100vh;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -moz-box-flex: 1;

  -moz-flex: 1;

  -ms-flex: 1;

  flex: 1;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  align-items: center; }

  @media (max-width: 35.5em) {

    .vc_row-o-full-height .column {

      width: 100%;

      padding: 10% 0;

      min-height: 50vh;

      -webkit-box-direction: normal;

      -webkit-box-orient: vertical;

      -webkit-flex-direction: column;

      -moz-flex-direction: column;

      -ms-flex-direction: column;

      flex-direction: column; } }

  .vc_row-o-full-height .column .wpb_wrapper {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1; }



/* 5.7 Vertical Align Mod */

.vertical-align {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  align-items: center; }

  @media (max-width: 768px) {

    .vertical-align {

      -webkit-flex-wrap: wrap;

      -moz-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap; } }



/* 5.8 Images */

.images-container {

  display: block; }

  .images-container .image {

    position: relative;

    text-align: center;

    border: 1px solid #f1f1f1;

    margin-right: -1px;

    margin-bottom: -1px;

    box-sizing: content-box;

    -webkit-box-sizing: content-box; }

    .images-container .image > a {

      display: block; }

    .images-container .image img {

      vertical-align: middle;

      max-width: 100%;

      display: inline-block; }

    .images-container .image .title {

      margin-top: 12px; }

      .images-container .image .title h5 {

        font-size: 1.2em; }

    .images-container .image .description p {

      margin-top: 0; }

  .images-container .images-group {

    margin-bottom: 48px; }

    .images-container .images-group.with-link:hover {

      cursor: pointer; }

  .images-container.no-spacing-cols {

    margin-left: 15px;

    margin-right: 15px; }

    .images-container.no-spacing-cols .images-col {

      padding-left: 0;

      padding-right: 0;

      margin-bottom: 0; }

      .images-container.no-spacing-cols .images-col .image {

        margin-bottom: -1px; }

  .images-container.no-image-borders .image {

    border: none;

    margin-bottom: 0;

    margin-right: 0;

    padding: 0; }



/* 5.9 Services */

.services-container {

  display: block; }

  .services-container .service-group .service .title h5 {

    font-size: 1.2em; }

  .services-container .service-group .service .content ul {

    margin: 0; }



/* 5.10 Text Element */

.text-area.two-col {

  -webkit-column-count: 2;

  -moz-column-count: 2;

  column-count: 2;

  -webkit-column-gap: 72px;

  -moz-column-gap: 72px;

  column-gap: 72px; }

  @media only screen and (max-width: 768px) {

    .text-area.two-col {

      -webkit-column-count: 1;

      -moz-column-count: 1;

      column-count: 1; } }



.text-area.three-col {

  -webkit-column-count: 3;

  -moz-column-count: 3;

  column-count: 3;

  -webkit-column-gap: 72px;

  -moz-column-gap: 72px;

  column-gap: 72px; }

  @media only screen and (max-width: 768px) {

    .text-area.three-col {

      -webkit-column-count: 1;

      -moz-column-count: 1;

      column-count: 1; } }



/* = Lib : 6. Full Page



* fullPage 2.6.6

* https://github.com/alvarotrigo/fullPage.js

* MIT licensed

*

* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo

* Contribution by Jhony0311



-------------------------------------------------------------- */

html.fp-enabled,

.fp-enabled body {

  margin: 0;

  padding: 0;

  overflow: hidden;

  /*Avoid flicker on slides transitions for mobile phones #336 */

  -webkit-tap-highlight-color: transparent; }



#superContainer {

  height: 100%;

  position: relative;

  /* Touch detection for Windows 8 */

  -ms-touch-action: none;

  /* IE 11 on Windows Phone 8.1*/

  touch-action: none; }



.fp-section {

  position: relative;

  -webkit-box-sizing: border-box;

  /* Safari<=5 Android<=3 */

  -moz-box-sizing: border-box;

  /* <=28 */

  box-sizing: border-box; }



.fp-slide {

  float: left; }



.fp-slide, .fp-slidesContainer {

  height: 100%;

  display: block; }



.fp-slides {

  z-index: 1;

  height: 100%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.3s ease-out;

  /* Safari<=6 Android<=4.3 */

  transition: all 0.3s ease-out; }



.fp-section.fp-table, .fp-slide.fp-table {

  display: table;

  table-layout: fixed;

  width: 100%; }



.fp-tableCell {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

  height: 100%; }



.fp-slidesContainer {

  float: left;

  position: relative; }



.fp-controlArrow {

  position: absolute;

  z-index: 4;

  top: 50%;

  cursor: pointer;

  width: 0;

  height: 0;

  border-style: solid;

  margin-top: -38px;

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }

  .fp-controlArrow.fp-prev {

    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;

    border-color: transparent #fff transparent transparent; }

  .fp-controlArrow.fp-next {

    right: 15px;

    border-width: 38.5px 0 38.5px 34px;

    border-color: transparent transparent transparent #fff; }



.fp-scrollable {

  overflow: scroll; }



.fp-notransition {

  -webkit-transition: none !important;

  transition: none !important; }



.fp-slidesNav {

  position: absolute;

  z-index: 4;

  left: 50%;

  opacity: 1; }

  .fp-slidesNav.bottom {

    bottom: 17px; }

  .fp-slidesNav.top {

    top: 17px; }



#fp-nav ul,

.fp-slidesNav ul {

  margin: 0;

  padding: 0; }

  #fp-nav ul li,

  .fp-slidesNav ul li {

    display: block;

    width: 14px;

    height: 13px;

    margin: 7px;

    position: relative; }

    #fp-nav ul li a,

    .fp-slidesNav ul li a {

      display: block;

      position: relative;

      z-index: 1;

      width: 100%;

      height: 100%;

      cursor: pointer;

      text-decoration: none; }

      #fp-nav ul li a.active span,

      .fp-slidesNav ul li a.active span {

        height: 16px;

        width: 16px;

        margin: -7px 0 0 -7px;

        border-radius: 100%;

        border: 2px solid #b69853; }

        #fp-nav ul li:hover #fp-nav ul li a.active span,

        #fp-slidesNav ul li:hover #fp-nav ul li a.active span,

        #fp-nav ul li:hover .fp-slidesNav ul li a.active span,

        #fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span {

          height: 12px;

          width: 12px;

          margin: -6px 0 0 -6px;

          border-radius: 100%; }

      #fp-nav ul li a span,

      .fp-slidesNav ul li a span {

        border-radius: 50%;

        position: absolute;

        z-index: 1;

        height: 6px;

        width: 6px;

        border: 0;

        background: #fff;

        left: 50%;

        top: 50%;

        margin: -2px 0 0 -2px;

        -webkit-transition: all 0.1s ease-in-out;

        -moz-transition: all 0.1s ease-in-out;

        -o-transition: all 0.1s ease-in-out;

        transition: all 0.1s ease-in-out; }

    #fp-nav ul li:hover a span,

    .fp-slidesNav ul li:hover a span {

      width: 10px;

      height: 10px;

      margin: -4px 0px 0px -4px; }



#fp-nav {

  position: fixed;

  z-index: 9001;

  margin-top: -32px;

  top: 50%;

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0); }

  #fp-nav.right {

    right: 17px; }

  #fp-nav.left {

    left: 17px; }

  #fp-nav ul li .fp-tooltip {

    position: absolute;

    top: -2px;

    color: #fff;

    font-size: 14px;

    font-family: arial, helvetica, sans-serif;

    white-space: nowrap;

    max-width: 220px;

    overflow: hidden;

    display: block;

    opacity: 0;

    width: 0; }

    #fp-nav ul li .fp-tooltip.right {

      right: 20px; }

  #fp-nav ul li:hover .fp-tooltip {

    -webkit-transition: opacity 0.2s ease-in;

    transition: opacity 0.2s ease-in;

    width: auto;

    opacity: 1; }

  #fp-nav.fp-show-active a.active + .fp-tooltip {

    -webkit-transition: opacity 0.2s ease-in;

    transition: opacity 0.2s ease-in;

    width: auto;

    opacity: 1; }



.fp-slidesNav ul li {

  display: inline-block; }



/* = Lib : 7. ScrollBar



-------------------------------------------------------------- */

.ps-container {

  -ms-touch-action: none;

  overflow: hidden !important; }

  .ps-container.ps-active-x > .ps-scrollbar-x-rail,

  .ps-container.ps-active-y > .ps-scrollbar-y-rail {

    display: block; }

  .ps-container.ps-in-scrolling {

    pointer-events: none; }

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {

        background-color: #999; }

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {

        background-color: #999; }

  .ps-container > .ps-scrollbar-x-rail {

    display: none;

    position: absolute;

    /* please don't change 'position' */

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    z-index: 9;

    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;

    -o-transition: background-color 0.2s linear, opacity 0.2s linear;

    transition: background-color 0.2s linear, opacity 0.2s linear;

    bottom: 3px;

    /* there must be 'bottom' for ps-scrollbar-x-rail */

    height: 8px; }

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {

      position: absolute;

      /* please don't change 'position' */

      background-color: #aaa;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      border-radius: 4px;

      -webkit-transition: background-color 0.2s linear;

      -moz-transition: background-color 0.2s linear;

      -o-transition: background-color 0.2s linear;

      transition: background-color 0.2s linear;

      bottom: 0;

      /* there must be 'bottom' for ps-scrollbar-x */

      height: 8px; }

  .ps-container > .ps-scrollbar-y-rail {

    display: none;

    position: absolute;

    /* please don't change 'position' */

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    z-index: 9;

    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;

    -o-transition: background-color 0.2s linear, opacity 0.2s linear;

    transition: background-color 0.2s linear, opacity 0.2s linear;

    right: 0px;

    /* there must be 'right' for ps-scrollbar-y-rail */

    width: 8px; }

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {

      position: absolute;

      /* please don't change 'position' */

      background-color: #aaa;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      border-radius: 4px;

      -webkit-transition: background-color 0.2s linear;

      -moz-transition: background-color 0.2s linear;

      -o-transition: background-color 0.2s linear;

      transition: background-color 0.2s linear;

      right: 0px;

      /* there must be 'right' for ps-scrollbar-y */

      width: 8px; }

  .ps-container:hover.ps-in-scrolling {

    pointer-events: none; }

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {

        background-color: #999; }

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {

      background-color: #eee;

      opacity: 0.9; }

      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {

        background-color: #999; }

  .ps-container:hover > .ps-scrollbar-x-rail,

  .ps-container:hover > .ps-scrollbar-y-rail {

    opacity: 0.6; }

  .ps-container:hover > .ps-scrollbar-x-rail:hover {

    background-color: #eee;

    opacity: 0.9; }

    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {

      background-color: #999; }

  .ps-container:hover > .ps-scrollbar-y-rail:hover {

    background-color: #eee;

    opacity: 0.9; }

    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {

      background-color: #999; }



/* = Base : 8. Reset



-------------------------------------------------------------- */

html {

  box-sizing: border-box; }



*, *:before, *:after {

  box-sizing: inherit; }



h1, h2, h3, h4, h5, h6, ul, li {

  margin: 0;

  padding: 0; }



input,

textarea,

button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  outline: 0;

  border: 0; }



embed,

iframe,

img,

object,

video {

  max-width: 100%; }



img {

  height: auto;

  width: auto;

  /* IE8 */ }



/* = Base : 9. Extends



-------------------------------------------------------------- */

/* 9.1 Clearfix & Helpers */

.boxed-row:after, .heading-area:after, .portfolio-container:after, .header-fullwidth .site-header .wrapper:after, .pagination-holder:after, .posts-navigation:after, .post-navigation:after, .site-footer .site-info:after, .site-footer .copyright .wrapper:after, .cf:after {

  content: "";

  display: table;

  clear: both; }



ul {

  list-style: none; }



.visibility-hidden {

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-opacity: 0;

  -khtml-opacity: 0;

  -moz-opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  opacity: 0; }



/* = Base : 10. Typography



-------------------------------------------------------------- */

/* 10.1 Body */

body {

  font-size: 100%;

  -moz-text-size-adjust: none;

  -webkit-text-size-adjust: none;

  -ms-text-size-adjust: none; }



/* 10.2 Anchors */

a {

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

  text-decoration: none; }



a.external[target="_blank"]:after {

  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);

  vertical-align: super; }



/* 10.3 Lists */

ul li {

  margin-bottom: 5px;

  line-height: 1.5; }



/* 10.4 Styling */

p {

  margin: 0;

  margin-bottom: 1.5em;

  line-height: 1.575; }



.lead {

  font-size: 1.55rem;

  color: #282b2d;

  word-wrap: break-word; }

  @media (max-width: 35.5em) {

    .lead {

      font-size: 1.1rem; } }

  @media (min-width: 35.5em) {

    .lead {

      font-size: 1.3rem; } }

  @media (min-width: 40.063em) {

    .lead {

      font-size: 1.4rem; } }

  @media (min-width: 64em) {

    .lead {

      font-size: 1.55rem; } }

  .lead .wpb_wrapper p {

    font-size: inherit;

    color: inherit;

    word-wrap: inherit; }



.site {

  font-size: 1em;

  line-height: 1.375; }

  @media (max-width: 35.5em) {

    .site {

      font-size: .855em;

      line-height: 1.375; } }

  @media (min-width: 35.5em) {

    .site {

      font-size: .895em;

      line-height: 1.375; } }

  @media (min-width: 40.063em) {

    .site {

      font-size: .925em;

      line-height: 1.375; } }

  @media (min-width: 64em) {

    .site {

      font-size: 1em;

      line-height: 1.475; } }

  @media (min-width: 90.063em) {

    .site {

      font-size: 1.2em;

      line-height: 1.675; } }



pre,

code {

  font-size: inherit; }



strong {

  font-weight: 700; }



em {

  font-style: italic; }



pre {

  white-space: pre; }



code {

  overflow: hidden; }



/* 10.5 Headings */

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  border-bottom: 1px solid transparent; }



h2, .h2, h3, .h3, h4, .h4, h5, .h5 {

  margin-bottom: .5em; }



h1, .h1 {

  font-size: 3.5em;

  line-height: 1.25; }

  @media (max-width: 35.5em) {

    h1, .h1 {

      font-size: 1.5em; } }

  @media (min-width: 35.5em) {

    h1, .h1 {

      font-size: 2em; } }

  @media (min-width: 40.063em) {

    h1, .h1 {

      font-size: 2.5em; } }

  @media (min-width: 64em) {

    h1, .h1 {

      font-size: 3em; } }

  @media (min-width: 90.063em) {

    h1, .h1 {

      font-size: 3.5em; } }



h2, .h2 {

  font-size: 3em;

  line-height: 1.25; }

  @media (max-width: 35.5em) {

    h2, .h2 {

      font-size: 1.5em; } }

  @media (min-width: 35.5em) {

    h2, .h2 {

      font-size: 2em; } }

  @media (min-width: 40.063em) {

    h2, .h2 {

      font-size: 2.5em; } }

  @media (min-width: 64em) {

    h2, .h2 {

      font-size: 2.5em; } }

  @media (min-width: 90.063em) {

    h2, .h2 {

      font-size: 3em; } }



h3, .h3 {

  font-size: 2.5em;

  line-height: 1.25; }

  @media (max-width: 35.5em) {

    h3, .h3 {

      font-size: 1.4em; } }

  @media (min-width: 35.5em) {

    h3, .h3 {

      font-size: 1.8em; } }

  @media (min-width: 40.063em) {

    h3, .h3 {

      font-size: 2em; } }

  @media (min-width: 64em) {

    h3, .h3 {

      font-size: 2em; } }

  @media (min-width: 90.063em) {

    h3, .h3 {

      font-size: 2.5em; } }



h4, .h4 {

  font-size: 2em;

  line-height: 1.25; }

  @media (max-width: 35.5em) {

    h4, .h4 {

      font-size: 1.2em; } }

  @media (min-width: 35.5em) {

    h4, .h4 {

      font-size: 1.4em; } }

  @media (min-width: 40.063em) {

    h4, .h4 {

      font-size: 1.6em; } }

  @media (min-width: 64em) {

    h4, .h4 {

      font-size: 1.6em; } }

  @media (min-width: 90.063em) {

    h4, .h4 {

      font-size: 2em; } }



h5, .h5 {

  font-size: 1.3em;

  line-height: 1.25; }

  @media (max-width: 35.5em) {

    h5, .h5 {

      font-size: 1.2em; } }

  @media (min-width: 35.5em) {

    h5, .h5 {

      font-size: 1.2em; } }

  @media (min-width: 40.063em) {

    h5, .h5 {

      font-size: 1.2em; } }

  @media (min-width: 64em) {

    h5, .h5 {

      font-size: 1.3em; } }

  @media (min-width: 90.063em) {

    h5, .h5 {

      font-size: 1.3em; } }



h6, .h6 {

  font-size: 18px;

  line-height: 1.25;

  margin-bottom: 55px;

  text-transform: uppercase;

  line-height: 1.22222222; }

  @media (max-width: 35.5em) {

    h6, .h6 {

      font-size: 0.95em;

      margin-bottom: 35px; } }



/* 10.6 Blockquote */

blockquote {

  font-size: 1.25em;

  line-height: 1.25;

  padding: 0 6%;

  margin: 4%; }

  @media (max-width: 35.5em) {

    blockquote {

      font-size: 1.1em; } }



@media (min-width: 43.75em) {

  blockquote {

    font-size: 1.25em;

    line-height: 1.25833333; } }



/* = Base : 11. Buttons



-------------------------------------------------------------- */

.btn {

  display: inline-block;

  padding: 12px 18px;

  margin-bottom: 5px;

  vertical-align: top;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase; }

  .btn.btn-small {

    padding: 10px 14px;

    font-size: 13px; }

  .btn.btn-large {

    padding: 16px 24px;

    font-size: 16px; }

  .btn.btn-default {

    background: #8c8c8c;

    color: #ffffff; }

    .btn.btn-default:hover {

      background-color: #7f7f7f; }

  .btn.btn-primary {

    color: #ffffff; }

    .btn.btn-primary:hover {

      background-color: #282b2d; }

  .btn.btn-black {

    background: #282b2d;

    color: #ffffff; }

    .btn.btn-black:hover {

      background-color: #646c71; }

  .btn.btn-white {

    background: #fff; }

  .btn.btn-type-outlined {

    background: transparent; }

    .btn.btn-type-outlined.btn-default {

      border: 2px solid #8c8c8c;

      color: #8c8c8c;

      background: none; }

      .btn.btn-type-outlined.btn-default:hover {

        background-color: #8c8c8c;

        color: #ffffff; }

    .btn.btn-type-outlined.btn-primary {

      border-width: 2px;

      border-style: solid;

      background: none; }

      .btn.btn-type-outlined.btn-primary:hover {

        color: #ffffff; }

    .btn.btn-type-outlined.btn-black {

      border: 2px solid #282b2d;

      color: #282b2d;

      background: none; }

      .btn.btn-type-outlined.btn-black:hover {

        background-color: #282b2d;

        color: #ffffff; }

    .btn.btn-type-outlined.btn-white {

      border: 2px solid #ffffff;

      color: #ffffff; }

      .btn.btn-type-outlined.btn-white:hover {

        background-color: #ffffff;

        color: #282b2d; }



/******************************************************************



Stylesheet: Animations Styles



******************************************************************/

.animated {

  -webkit-animation-duration: .5s;

  -moz-animation-duration: .5s;

  -o-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both; }



.pulse:hover, .pulsing {

  animation-name: pulse;

  -webkit-animation-name: pulse;

  animation-duration: 1.5s;

  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;

  -webkit-animation-iteration-count: infinite;

  cursor: pointer; }



@keyframes pulse {

  0% {

    transform: scale(1);

    opacity: 1; }

  50% {

    transform: scale(1.2);

    opacity: 0,7; }

  100% {

    transform: scale(1);

    opacity: 1; } }



@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    opacity: 1; }

  50% {

    -webkit-transform: scale(1.2);

    opacity: 0,7; }

  100% {

    -webkit-transform: scale(1);

    opacity: 1; } }



@-webkit-keyframes slideDown {

  0% {

    -webkit-transform: translateY(-8em); }

  100% {

    -webkit-transform: translateY(0); } }



@-moz-keyframes slideDown {

  0% {

    -moz-transform: translateY(-8em); }

  100% {

    -moz-transform: translateY(0); } }



@-o-keyframes slideDown {

  0% {

    -o-transform: translateY(-8em); }

  100% {

    -o-transform: translateY(0); } }



@keyframes slideDown {

  0% {

    transform: translateY(-8em); }

  100% {

    transform: translateY(0); } }



.animated.slideDown {

  -webkit-animation-name: slideDown;

  -moz-animation-name: slideDown;

  -o-animation-name: slideDown;

  animation-name: slideDown; }



@-webkit-keyframes slideUp {

  0% {

    -webkit-transform: translateY(0); }

  100% {

    -webkit-transform: translateY(-8em); } }



@-moz-keyframes slideUp {

  0% {

    -moz-transform: translateY(0); }

  100% {

    -moz-transform: translateY(-8em); } }



@-o-keyframes slideUp {

  0% {

    -o-transform: translateY(0); }

  100% {

    -o-transform: translateY(-8em); } }



@keyframes slideUp {

  0% {

    transform: translateY(0); }

  100% {

    transform: translateY(-8em); } }



.animated.slideUp {

  -webkit-animation-name: slideUp;

  -moz-animation-name: slideUp;

  -o-animation-name: slideUp;

  animation-name: slideUp; }



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn; }



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



.kenburns {

  -webkit-animation-name: kenburns;

  -moz-animation-name: kenburns;

  -o-animation-name: kenburns;

  animation-name: kenburns; }



.kenburnsreverse {

  -webkit-animation-name: kenburnsreverse;

  -moz-animation-name: kenburnsreverse;

  -o-animation-name: kenburnsreverse;

  animation-name: kenburnsreverse; }



.kanimate {

  -webkit-animation-fill-mode: both;

  -moz-animation-fill-mode: both;

  -ms-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-duration: 30s;

  -moz-animation-duration: 30s;

  -ms-animation-duration: 30s;

  -o-animation-duration: 30s;

  animation-duration: 30s;

  animation-timing-function: ease-out;

  -webkit-animation-timing-function: ease-out;

  /* Safari and Chrome */

  -webkit-transform-origin: 100% 100%;

  transform-origin: 100% 100%;

  -moz-animation-iteration-count: 1;

  -moz-animation-fill-mode: forwards;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-fill-mode: forwards; }



@-webkit-keyframes kenburns {

  0% {

    -webkit-transform: scale(1.2); }

  100% {

    -webkit-transform: scale(1); } }



@keyframes kenburns {

  0% {

    transform: scale(1.2); }

  100% {

    -webkit-transform: scale(1); } }



/**

 * kenburns Reverse

 */

@-webkit-keyframes kenburnsreverse {

  0% {

    -webkit-transform: scale(1); }

  100% {

    -webkit-transform: scale(1.2); } }



@keyframes kenburnsreverse {

  0% {

    transform: scale(1); }

  100% {

    transform: scale(1.2); } }



/* = Base : 12. Base



-------------------------------------------------------------- */

/* 12.1 Body */

body {

  overflow-x: hidden; }



/* 12.2 Pace.js */

.pace {

  -webkit-pointer-events: none;

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  z-index: 2000;

  -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);

  position: fixed;

  margin: auto;

  top: 0;

  left: 0;

  width: 100%;

  opacity: 1;

  overflow: hidden; }

  .pace .pace-progress {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    position: fixed;

    z-index: 2000;

    display: block;

    position: absolute;

    top: 0;

    right: 100%;

    height: 100%;

    width: 100%; }



@media (max-width: 768px) {

  .pace {

    height: 65px !important;

    margin-top: 0 !important;

    margin-left: 0 !important; } }



.header-boxed .pace {

  width: 77.77778%;

  margin-left: 11.11111%; }



.header-fullwidth .pace {

  width: 100%; }



/* 12.3 Reusable */

hr {

  width: 77.77778%;

  margin-right: 11.11111%;

  margin-top: 4%;

  padding: 0;

  height: 1px;

  border: 0;

  background: #eaeaea; }

  hr.dash {

    margin: 18px 0 24px;

    width: 30px;

    padding: 0;

    height: 1px;

    border: 0; }



/* 12.4 Image Placeholder */

.image-placeholder {

  position: relative;

  display: block;

  overflow: hidden; }

  .image-placeholder img {

    display: block;

    position: absolute;

    width: 100%;

    height: auto !important;

    top: 0;

    left: 0;

    -webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95); }

    .image-placeholder img.img-loaded {

      visibility: visible;

      filter: alpha(opacity=100);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -webkit-opacity: 1;

      -khtml-opacity: 1;

      -moz-opacity: 1;

      -ms-opacity: 1;

      -o-opacity: 1;

      opacity: 1; }

  .image-placeholder.loading-finished img, .image-placeholder.is-finished img {

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1; }



.acf-map {

  width: 100%;

  height: 100%; }



/* 12.5 Type */

.site-content {

  position: relative; }

  .site-content ul,

  .site-content ol,

  .site-content dl,

  .site-content dd,

  .site-content dt,

  .site-content blockquote,

  .site-content td,

  .site-content th {

    line-height: 1.65em; }

  .site-content ul,

  .site-content ol {

    margin-bottom: 1.65em; }

  .site-content ul ul,

  .site-content ol ol,

  .site-content ul ol,

  .site-content ol ul {

    margin-left: 1.65em; }

  .site-content ol ol li {

    list-style-type: lower-alpha; }

  .site-content ol ol ol li {

    list-style-type: lower-roman; }

  .site-content dl,

  .site-content table,

  .site-content fieldset,

  .site-content address {

    margin-top: 1.65em;

    margin-bottom: 1.65em; }

  .site-content sup,

  .site-content sub {

    font-size: 75%;

    height: 0;

    line-height: 0;

    position: relative;

    vertical-align: baseline; }

  .site-content sup {

    bottom: 1ex; }

  .site-content sub {

    top: .5ex; }

  .site-content small {

    font-size: smaller; }

  .site-content big {

    font-size: 125%; }

  .site-content s,

  .site-content del {

    text-decoration: line-through; }

  .site-content abbr[title],

  .site-content dfn[title] {

    border-bottom: 1px dotted #eaeaea;

    cursor: help; }

  .site-content ins,

  .site-content u {

    text-decoration: underline; }

  .site-content mark {

    background-color: #fffcda;

    text-decoration: none; }

  .site-content pre,

  .site-content code,

  .site-content kbd,

  .site-content samp,

  .site-content var,

  .site-content output {

    font-size: 90%;

    font-style: normal;

    font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

  .site-content pre {

    font-size: 100%;

    line-height: 1.5;

    margin-bottom: 2em;

    overflow: auto; }

  .site-content code,

  .site-content samp,

  .site-content kbd {

    padding: 4px 6px;

    border-radius: 2px; }

    @media (max-width: 35.5em) {

      .site-content code,

      .site-content samp,

      .site-content kbd {

        padding: 2px 4px; } }

  .site-content code {

    background: #f2f2f2;

    border: 1px solid #e7e7e7; }

  .site-content pre code {

    display: inline-block;

    min-width: 65%;

    font-size: 100%;

    border: none;

    padding: 12px 24px;

    margin: 0;

    background: none;

    border-left: 4px solid #eaeaea;

    line-height: 1.65em; }

  .site-content var {

    color: rgba(0, 0, 0, 0.5); }

  .site-content samp {

    display: table;

    float: left;

    margin: 3px 8px 0 0;

    background: #eaeaea;

    border: 1px solid #d8d8d8; }

    .site-content samp.red-pastel {

      background: red;

      border: 1px solid #db0000; }

    .site-content samp.green-pastel {

      background: green;

      border: 1px solid #005c00; }

  .site-content kbd {

    background: black;

    color: rgba(255, 255, 255, 0.85);

    white-space: nowrap; }

  .site-content code,

  .site-content kbd,

  .site-content tt,

  .site-content var,

  .site-content samp,

  .site-content pre {

    font-family: monospace, serif;

    font-size: 14px;

    -webkit-hyphens: none;

    -moz-hyphens: none;

    -ms-hyphens: none;

    hyphens: none; }

    @media (max-width: 35.5em) {

      .site-content code,

      .site-content kbd,

      .site-content tt,

      .site-content var,

      .site-content samp,

      .site-content pre {

        font-size: .765em; } }

  .site-content cite {

    display: block;

    margin-top: 1em;

    font-style: italic;

    font-size: 1rem; }

    .site-content cite:before {

      padding-right: 8px;

      content: "\2014 "; }

  .site-content dd {

    margin-left: 0;

    font-size: 0.9em;

    color: #8c8c8c;

    margin-bottom: 1.5em; }

  .site-content embed,

  .site-content object,

  .site-content video,

  .site-content .wp-video {

    width: 100% !important;

    max-width: 100%; }

  .site-content .fluid-width-video-wrapper iframe {

    margin-bottom: 0; }

  .site-content .mejs-container {

    width: 100% !important;

    height: auto !important;

    padding-top: 57%; }

  .site-content .mejs-overlay, .site-content .mejs-poster {

    width: 100% !important;

    height: 100% !important; }

  .site-content .mejs-mediaelement video {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100% !important;

    height: 100% !important; }

  .site-content .wp-audio-shortcode,

  .site-content .wp-video,

  .site-content .wp-playlist.wp-audio-playlist {

    font-size: 19px;

    font-size: 1.9rem;

    margin-top: 1.6842em;

    margin-bottom: 1.6842em; }

  .site-content .alignleft, .site-content img.alignleft {

    margin-right: 2em;

    display: inline;

    float: left; }

    @media only screen and (max-width: 768px) {

      .site-content .alignleft, .site-content img.alignleft {

        display: block;

        float: none;

        margin: 0 0 2em !important; } }

  .site-content .alignright, .site-content img.alignright {

    margin-left: 2em;

    display: inline;

    float: right; }

    @media only screen and (max-width: 768px) {

      .site-content .alignright, .site-content img.alignright {

        display: block;

        float: none;

        margin: 0 0 2em !important; } }

  .site-content .size-auto,

  .site-content .size-full,

  .site-content .size-large,

  .site-content .size-medium,

  .site-content .size-thumbnail {

    max-width: 100%;

    height: auto; }

  .site-content .post-password-form {

    max-width: 960px;

    margin: 0 auto;

    padding: 72px 0; }

    .site-content .post-password-form input[type="password"] {

      max-width: 100%; }

  .site-content .wp-caption {

    position: relative;

    max-width: 100%;

    margin: 1em 0;

    /* images inside wp-caption */ }

    .site-content .wp-caption img {

      max-width: 100%;

      width: 100%; }

    .site-content .wp-caption .wp-caption-text {

      display: block;

      font-size: 18px;

      font-style: italic;

      line-height: 1.5;

      padding: 0.5em 0; }

  .site-content table {

    max-width: 100%;

    width: 100%;

    empty-cells: show;

    border-collapse: collapse;

    border-spacing: 0;

    border: 1px solid #f2f2f2;

    margin: 2.5% 0 4%; }

  .site-content table caption {

    text-transform: uppercase;

    padding: 0 1.1em;

    color: #8c8c8c;

    font-size: 14px; }

  .site-content table th,

  .site-content table td {

    border: 1px solid #f2f2f2;

    color: #8c8c8c;

    text-align: left;

    padding: 0.525em 1.1em; }

  .site-content table tfoot th,

  .site-content table tfoot td {

    color: #8c8c8c; }

  .site-content table thead th,

  .site-content table thead td {

    color: #282b2d;

    padding: 0.825em 1.1em;

    background: #f2f2f2; }

  .site-content table.table-hovered tbody tr:hover td {

    color: #282b2d; }

  .site-content .gallery {

    width: 100%;

    padding: 0 4%;

    margin: 6% 0; }

    .site-content .gallery .gallery-item {

      display: inline-block;

      margin: 0;

      text-align: center;

      width: 33.333333%; }

      @media (max-width: 35.5em) {

        .site-content .gallery .gallery-item {

          width: 50%; } }

    .site-content .gallery.gallery-columns-1 .gallery-item {

      width: 100%; }

    .site-content .gallery.gallery-columns-1 .attachment-medium {

      max-width: 100%;

      height: auto; }

    .site-content .gallery.gallery-columns-2 .gallery-item {

      width: 50%; }

    .site-content .gallery.gallery-columns-2 .attachment-medium {

      max-width: 92%;

      height: auto; }

    .site-content .gallery.gallery-columns-4 .gallery-item {

      width: 25%; }

      @media (max-width: 35.5em) {

        .site-content .gallery.gallery-columns-4 .gallery-item {

          width: 50%; } }

    .site-content .gallery.gallery-columns-4 .attachment-thumbnail {

      max-width: 84%;

      height: auto; }

    .site-content .gallery img {

      padding: 4%; }

    .site-content .gallery .gallery-caption {

      font-size: 16px;

      margin: 0 0 12px; }

    .site-content .gallery dl, .site-content .gallery td {

      margin: 0; }

    .site-content .gallery br + br {

      display: none; }



/* 12.6 Forms */

input {

  background: none; }



input[type="text"],

input[type="password"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="month"], input[type="week"],

input[type="email"], input[type="number"],

input[type="search"], input[type="tel"],

input[type="time"], input[type="url"],

textarea,

select {

  font-size: 1rem;

  border-width: 1px;

  border-style: solid;

  height: 2.5rem;

  outline: none;

  margin: 0;

  padding: 0 8px;

  width: 100%; }



.comment-respond textarea,

.comment-respond input[type="text"],

.comment-respond input[type="password"],

.comment-respond input[type="date"],

.comment-respond input[type="datetime"],

.comment-respond input[type="datetime-local"],

.comment-respond input[type="month"],

.comment-respond input[type="week"],

.comment-respond input[type="email"],

.comment-respond input[type="number"],

.comment-respond input[type="search"],

.comment-respond input[type="tel"],

.comment-respond input[type="time"],

.comment-respond input[type="url"],

.comment-respond input[type="submit"] {

  width: 100%; }



::-webkit-input-placeholder {

  font-weight: normal;

  color: #a1a1a1; }



::-moz-placeholder {

  font-weight: normal;

  color: #a1a1a1;

  opacity: 1; }



/* firefox 19+ */

:-ms-input-placeholder {

  font-weight: normal;

  color: #a1a1a1; }



/* ie */

input:-moz-placeholder {

  font-weight: normal;

  color: #a1a1a1; }



/*button*/

button, .btn {

  text-transform: uppercase;

  font-size: 13px !important; }



.button, .btn,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  color: #fff;

  background: none;

  font-size: 0.875rem;

  font-weight: 700;

  border: none;

  border-radius: 0;

  text-align: center;

  text-transform: uppercase;

  text-shadow: none;

  box-shadow: none;

  padding: 1rem 1rem 1rem;

  transition: all 0.3s;

  -webkit-transition: all 0.3s; }



/* = 13. Layouts



-------------------------------------------------------------- */

/* 13.1 Grid */

.grid {

  min-width: 100%;

  margin-right: -36px !important;

  margin-left: -36px !important;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .grid [class*='col-'] {

    padding-left: 36px;

    padding-right: 36px; }

  @media (max-width: 768px) {

    .grid {

      -webkit-box-direction: normal;

      -webkit-box-orient: vertical;

      -webkit-flex-direction: column;

      -moz-flex-direction: column;

      -ms-flex-direction: column;

      flex-direction: column; }

      .grid [class*='col-'] {

        width: 100%; } }



/* 13.2 Columns */

.col-1-1 {

  width: 100%; }



.col-2-3, .col-8-12 {

  width: 66.66666667%; }



.col-1-2, .col-6-12 {

  width: 50%; }



.col-1-3, .col-4-12 {

  width: 33.33333333%; }



.col-1-4, .col-3-12 {

  width: 25%; }



.col-1-6, .col-2-12 {

  width: 16.66666667%; }



.col-1-12 {

  width: 8.33333333%; }



/* 13.3 Site */

.site {

  position: relative;

  width: 100%;

  z-index: 2;

  background: #ffffff;

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-opacity: 0;

  -khtml-opacity: 0;

  -moz-opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  opacity: 0;

  -webkit-transition: opacity 0.4s linear;

  -moz-transition: opacity 0.4s linear;

  -o-transition: opacity 0.4s linear;

  transition: opacity 0.4s linear; }

  .site.loaded {

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1; }

  .site .site-content {

    position: relative;

    overflow-x: hidden; }



.hero-enable .site {

  -webkit-transform: translate3d(0, 0, 0); }



/* 13.4 Search */

.search .page-header {

  margin-bottom: 48px; }

  .search .page-header .page-title span {

    color: #8c8c8c; }



.search .hentry {

  padding: 96px 0;

  margin: 0 !important; }

  .search .hentry .entry-header {

    width: 100% !important; }

    .search .hentry .entry-header .entry-meta {

      font-size: 14px;

      text-transform: uppercase; }

      @media (max-width: 35.5em) {

        .search .hentry .entry-header .entry-meta {

          font-size: .825em;

          margin-bottom: 6px; } }

      .search .hentry .entry-header .entry-meta .comments-link {

        margin-left: 8px; }

        .search .hentry .entry-header .entry-meta .comments-link i {

          margin-right: 2px; }

  .search .hentry .entry-summary {

    padding: 12px 0 0 0; }

  .search .hentry:nth-child(odd) {

    background: #f2f2f2; }



/* = 14. Portfolio



-------------------------------------------------------------- */

/* 14.1 Index & VC */

.portfolio-container.two-cols .post-602.portfolio_category-portfolio {
  display: none;
}

.portfolio-container .tile {

  position: relative;

  float: left;

  margin: 0 !important;

  overflow: hidden; }

  .portfolio-container .tile a {

    position: relative;

    display: block;

    height: 100%;

    width: 100%;

    outline: 0;

    z-index: 1; }

    .portfolio-container .tile a .unveil {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: 2;

      background-color: rgba(0, 0, 0, 0.85);

      -webkit-box-direction: normal;

      -webkit-box-orient: horizontal;

      -webkit-flex-direction: row;

      -moz-flex-direction: row;

      -ms-flex-direction: row;

      flex-direction: row;

      filter: alpha(opacity=0);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      -webkit-opacity: 0;

      -khtml-opacity: 0;

      -moz-opacity: 0;

      -ms-opacity: 0;

      -o-opacity: 0;

      opacity: 0;

      -webkit-transition: all 0.4s 0.1s linear;

      -moz-transition: all 0.4s 0.1s linear;

      -o-transition: all 0.4s 0.1s linear;

      transition: all 0.4s 0.1s linear; }

      .portfolio-container .tile a .unveil .wrapper {

        position: relative;

        width: auto;

        height: auto;

        padding: 0 64px;

        -webkit-align-self: center;

        -moz-align-self: center;

        -ms-flex-item-align: center;

        align-self: center;

        filter: alpha(opacity=0);

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        -webkit-opacity: 0;

        -khtml-opacity: 0;

        -moz-opacity: 0;

        -ms-opacity: 0;

        -o-opacity: 0;

        opacity: 0;

        -webkit-transition: all 400ms ease-out 250ms;

        -moz-transition: all 400ms ease-out 250ms;

        -o-transition: all 400ms ease-out 250ms;

        transition: all 400ms ease-out 250ms;

        -webkit-transform: translateY(15%);

        -khtml-transform: translateY(15%);

        -moz-transform: translateY(15%);

        -ms-transform: translateY(15%);

        -o-transform: translateY(15%);

        transform: translateY(15%); }

        .portfolio-container .tile a .unveil .wrapper .title {

          color: #fff; }

        .portfolio-container .tile a .unveil .wrapper .meta {

          -webkit-transition: all 400ms ease-out 250ms;

          -moz-transition: all 400ms ease-out 250ms;

          -o-transition: all 400ms ease-out 250ms;

          transition: all 400ms ease-out 250ms;

          -webkit-transform: translateY(25%);

          -khtml-transform: translateY(25%);

          -moz-transform: translateY(25%);

          -ms-transform: translateY(25%);

          -o-transform: translateY(25%);

          transform: translateY(25%); }

          .portfolio-container .tile a .unveil .wrapper .meta p {

            color: #888; }

  .portfolio-container .tile:hover .unveil, .portfolio-container .tile:focus .unveil {

    opacity: 1; }

    .portfolio-container .tile:hover .unveil .wrapper, .portfolio-container .tile:focus .unveil .wrapper {

      filter: alpha(opacity=100);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -webkit-opacity: 1;

      -khtml-opacity: 1;

      -moz-opacity: 1;

      -ms-opacity: 1;

      -o-opacity: 1;

      opacity: 1;

      -webkit-transform: translateY(0);

      -khtml-transform: translateY(0);

      -moz-transform: translateY(0);

      -ms-transform: translateY(0);

      -o-transform: translateY(0);

      transform: translateY(0); }

      .portfolio-container .tile:hover .unveil .wrapper .meta, .portfolio-container .tile:focus .unveil .wrapper .meta {

        -webkit-transform: translateY(0);

        -khtml-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0); }



.portfolio-container.one-col .tile {

  width: 100%; }

  .portfolio-container.one-col .tile a .unveil .wrapper {

    padding: 0 72px; }

    @media (max-width: 35.5em) {

      .portfolio-container.one-col .tile a .unveil .wrapper .title {

        font-size: 6.2vw; } }

    @media (min-width: 35.5em) {

      .portfolio-container.one-col .tile a .unveil .wrapper .title {

        font-size: 6.2vw; } }

    @media (min-width: 40.063em) {

      .portfolio-container.one-col .tile a .unveil .wrapper .title {

        font-size: 6.2vw; } }

    @media (min-width: 64em) {

      .portfolio-container.one-col .tile a .unveil .wrapper .title {

        font-size: 5.2vw; } }

    @media (min-width: 90.063em) {

      .portfolio-container.one-col .tile a .unveil .wrapper .title {

        font-size: 4.2vw; } }



.portfolio-container.two-cols .tile {

  width: 50%; }

  @media (max-width: 35.5em) {

    .portfolio-container.two-cols .tile {

      width: 100%; } }

  @media (min-width: 35.5em) {

    .portfolio-container.two-cols .tile {

      width: 100%; } }

  @media (min-width: 40.063em) {

    .portfolio-container.two-cols .tile {

      width: 100%; } }

  @media (min-width: 64em) {

    .portfolio-container.two-cols .tile {

      width: 50%; } }

  @media (min-width: 90.063em) {

    .portfolio-container.two-cols .tile {

      width: 50%; } }



.portfolio-container.three-cols .tile {

  width: 33.33333%; }

  @media (max-width: 35.5em) {

    .portfolio-container.three-cols .tile {

      width: 100%; } }

  @media (min-width: 35.5em) {

    .portfolio-container.three-cols .tile {

      width: 100%; } }

  @media (min-width: 40.063em) {

    .portfolio-container.three-cols .tile {

      width: 100%; } }

  @media (min-width: 64em) {

    .portfolio-container.three-cols .tile {

      width: 33.33333%; } }

  @media (min-width: 90.063em) {

    .portfolio-container.three-cols .tile {

      width: 33.33333%; } }

  .portfolio-container.three-cols .tile a .unveil .wrapper {

    padding: 0 48px; }

    @media (max-width: 35.5em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .title {

        font-size: 1.5em; } }

    @media (min-width: 35.5em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .title {

        font-size: 1.5em; } }

    @media (min-width: 40.063em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .title {

        font-size: 1.5em; } }

    @media (min-width: 64em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .title {

        font-size: 1.5em; } }

    @media (min-width: 90.063em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .title {

        font-size: 2em; } }

    @media (max-width: 35.5em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .meta {

        display: none; } }

    @media (min-width: 35.5em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .meta {

        display: none; } }

    @media (min-width: 40.063em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .meta {

        display: none;

        max-width: 100%; } }

    @media (min-width: 64em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .meta {

        display: block; } }

    @media (min-width: 90.063em) {

      .portfolio-container.three-cols .tile a .unveil .wrapper .meta {

        display: block;

        max-width: 85%; } }



/* 14.2 Single */

.single-portfolio {

  /* 14.2.1 Fullscreen Layout */

  /* 14.2.2 Standard Layout */ }

  .single-portfolio .portfolio-fullscreen {

    position: relative; }

    .single-portfolio .portfolio-fullscreen .thumbnail {

      background-size: cover;

      background-position: center center; }

    .single-portfolio .portfolio-fullscreen .project-trigger {

      position: fixed;

      bottom: 48px;

      left: 48px;

      display: block;

      width: 55px;

      height: 55px;

      margin: 0;

      padding: 0;

      border-radius: 3px;

      overflow: hidden;

      background: #ffffff;

      z-index: 9900;

      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

      .single-portfolio .portfolio-fullscreen .project-trigger i.fa {

        position: relative;

        text-align: center;

        font-size: 1.5em;

        width: 55px;

        height: 55px;

        line-height: 55px;

        color: #b69853;

        z-index: 3;

        -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

        .single-portfolio .portfolio-fullscreen .project-trigger i.fa:hover {

          cursor: pointer;

          color: #888; }

      .single-portfolio .portfolio-fullscreen .project-trigger .wrapper {

        position: relative;

        padding: 72px;

        filter: alpha(opacity=0);

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        -webkit-opacity: 0;

        -khtml-opacity: 0;

        -moz-opacity: 0;

        -ms-opacity: 0;

        -o-opacity: 0;

        opacity: 0;

        -webkit-transition: all 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1);

        -moz-transition: all 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1);

        -o-transition: all 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1);

        transition: all 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

        @media (max-width: 35.5em) {

          .single-portfolio .portfolio-fullscreen .project-trigger .wrapper {

            padding: 36px; } }

        .single-portfolio .portfolio-fullscreen .project-trigger .wrapper .project-content {

          position: relative;

          width: 100%;

          height: auto; }

          .single-portfolio .portfolio-fullscreen .project-trigger .wrapper .project-content ul.inline {

            margin: 0; }

            .single-portfolio .portfolio-fullscreen .project-trigger .wrapper .project-content ul.inline li {

              display: inline; }

      .single-portfolio .portfolio-fullscreen .project-trigger.active {

        width: 50vw;

        height: auto;

        background: #fff;

        box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.2);

        -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

        @media (max-width: 35.5em) {

          .single-portfolio .portfolio-fullscreen .project-trigger.active {

            width: 75vw; } }

        @media (min-width: 35.5em) {

          .single-portfolio .portfolio-fullscreen .project-trigger.active {

            width: 75vw; } }

        @media (min-width: 40.063em) {

          .single-portfolio .portfolio-fullscreen .project-trigger.active {

            width: 65vw; } }

        @media (min-width: 64em) {

          .single-portfolio .portfolio-fullscreen .project-trigger.active {

            width: 50vw; } }

        @media (min-width: 90.063em) {

          .single-portfolio .portfolio-fullscreen .project-trigger.active {

            width: 50vw; } }

        .single-portfolio .portfolio-fullscreen .project-trigger.active i.fa {

          position: absolute;

          right: 0;

          top: 0;

          font-size: 1.5em;

          width: 75px;

          height: 75px;

          line-height: 75px;

          color: #888; }

          .single-portfolio .portfolio-fullscreen .project-trigger.active i.fa:hover {

            color: #b69853;

            background: transparent; }

        .single-portfolio .portfolio-fullscreen .project-trigger.active .wrapper {

          filter: alpha(opacity=100);

          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

          -webkit-opacity: 1;

          -khtml-opacity: 1;

          -moz-opacity: 1;

          -ms-opacity: 1;

          -o-opacity: 1;

          opacity: 1; }

          .single-portfolio .portfolio-fullscreen .project-trigger.active .wrapper h1 {

            margin-bottom: .5em;

            line-height: 1.2; }

  .single-portfolio .portfolio-normal .title-section {

    float: left;

    width: 75%;

    padding: 0 0 90px; }

    .single-portfolio .portfolio-normal .title-section h1 {

      font-size: 4.2vw; }

      @media (max-width: 35.5em) {

        .single-portfolio .portfolio-normal .title-section h1 {

          font-size: 8.2vw; } }

      @media (min-width: 35.5em) {

        .single-portfolio .portfolio-normal .title-section h1 {

          font-size: 7.2vw; } }

      @media (min-width: 40.063em) {

        .single-portfolio .portfolio-normal .title-section h1 {

          font-size: 6.2vw; } }

      @media (min-width: 64em) {

        .single-portfolio .portfolio-normal .title-section h1 {

          font-size: 5.2vw; } }

      @media (min-width: 90.063em) {

        .single-portfolio .portfolio-normal .title-section h1 {

          font-size: 4.2vw; } }

    @media (max-width: 35.5em) {

      .single-portfolio .portfolio-normal .title-section {

        width: 100%;

        padding: 0 0 36px; } }

  .single-portfolio .portfolio-normal .info-section {

    float: left;

    width: 25%;

    padding: 12px 0 90px 0; }

    .single-portfolio .portfolio-normal .info-section ul {

      margin-left: 0; }

    @media (max-width: 35.5em) {

      .single-portfolio .portfolio-normal .info-section {

        display: none; } }



/* = 15. Blog



-------------------------------------------------------------- */

/* 15.1 General */

.blog .heading-area, .archive .heading-area, .category .heading-area, .single-post .heading-area {

  padding: 72px 0;

  margin-bottom: 90px;

  background: #f2f2f2; }

  @media (max-width: 35.5em) {

    .blog .heading-area, .archive .heading-area, .category .heading-area, .single-post .heading-area {

      padding: 48px 0; } }

  .blog .heading-area .dash, .archive .heading-area .dash, .category .heading-area .dash, .single-post .heading-area .dash {

    margin-bottom: 0 !important; }



.blog .hentry, .archive .hentry, .category .hentry, .single-post .hentry {

  margin-top: 90px; }

  .blog .hentry .entry-header, .archive .hentry .entry-header, .category .hentry .entry-header, .single-post .hentry .entry-header {

    position: relative;

    width: 50%;

    float: left; }

    @media (max-width: 35.5em) {

      .blog .hentry .entry-header, .archive .hentry .entry-header, .category .hentry .entry-header, .single-post .hentry .entry-header {

        width: 100%; } }

    .blog .hentry .entry-header .entry-meta, .archive .hentry .entry-header .entry-meta, .category .hentry .entry-header .entry-meta, .single-post .hentry .entry-header .entry-meta {

      font-size: 14px;

      text-transform: uppercase; }

      @media (max-width: 35.5em) {

        .blog .hentry .entry-header .entry-meta, .archive .hentry .entry-header .entry-meta, .category .hentry .entry-header .entry-meta, .single-post .hentry .entry-header .entry-meta {

          font-size: .825em;

          margin-bottom: 6px; } }

      .blog .hentry .entry-header .entry-meta .comments-link, .archive .hentry .entry-header .entry-meta .comments-link, .category .hentry .entry-header .entry-meta .comments-link, .single-post .hentry .entry-header .entry-meta .comments-link {

        margin-left: 8px; }

        .blog .hentry .entry-header .entry-meta .comments-link i, .archive .hentry .entry-header .entry-meta .comments-link i, .category .hentry .entry-header .entry-meta .comments-link i, .single-post .hentry .entry-header .entry-meta .comments-link i {

          margin-right: 2px; }

  .blog .hentry .entry-content, .archive .hentry .entry-content, .category .hentry .entry-content, .single-post .hentry .entry-content {

    position: relative;

    float: left;

    width: 50%;

    padding: 1.5% 0 0 8%; }

    @media (max-width: 35.5em) {

      .blog .hentry .entry-content, .archive .hentry .entry-content, .category .hentry .entry-content, .single-post .hentry .entry-content {

        width: 100%;

        padding: 1.5% 0 0 0; } }

  .blog .hentry .post-thumbnail, .archive .hentry .post-thumbnail, .category .hentry .post-thumbnail, .single-post .hentry .post-thumbnail {

    margin: 6% 0; }

  .blog .hentry:first-of-type, .archive .hentry:first-of-type, .category .hentry:first-of-type, .single-post .hentry:first-of-type {

    margin-top: 0; }

  .blog .hentry:last-of-type, .archive .hentry:last-of-type, .category .hentry:last-of-type, .single-post .hentry:last-of-type {

    margin-bottom: 0; }

    .blog .hentry:last-of-type hr, .archive .hentry:last-of-type hr, .category .hentry:last-of-type hr, .single-post .hentry:last-of-type hr {

      display: none; }

    .blog .hentry:last-of-type .post-thumbnail, .archive .hentry:last-of-type .post-thumbnail, .category .hentry:last-of-type .post-thumbnail, .single-post .hentry:last-of-type .post-thumbnail {

      margin-bottom: 0; }



/* 15.2 Single Post */

.single-post .hentry .entry-header, .single-post .hentry .entry-content {

  width: 100%;

  float: none; }



.single-post .hentry .entry-header {

  padding-top: 0; }

  @media (max-width: 35.5em) {

    .single-post .hentry .entry-header {

      padding-bottom: 24px; } }



.single-post .hentry .entry-author {

  margin: 72px 0;

  text-align: center; }

  @media (max-width: 35.5em) {

    .single-post .hentry .entry-author {

      margin: 48px 0; } }

  @media (min-width: 35.5em) {

    .single-post .hentry .entry-author {

      margin: 72px 0; } }

  .single-post .hentry .entry-author .dash {

    margin: 24px auto 48px; }

  .single-post .hentry .entry-author span {

    display: block; }

    .single-post .hentry .entry-author span.avatar img {

      border-radius: 50%; }



.single-post .hentry .entry-content {

  padding: 0 10%; }

  @media (max-width: 35.5em) {

    .single-post .hentry .entry-content {

      padding: 0; } }

  .single-post .hentry .entry-content.has-sidebar {

    padding: 0 0 0 2%;

    width: 75%;

    float: right; }

    @media (max-width: 35.5em) {

      .single-post .hentry .entry-content.has-sidebar {

        width: 100%; } }

    @media (min-width: 35.5em) {

      .single-post .hentry .entry-content.has-sidebar {

        width: 100%; } }

    @media (min-width: 40.063em) {

      .single-post .hentry .entry-content.has-sidebar {

        width: 75%; } }



.single-post .hentry .widget-area {

  float: left;

  width: 25%; }

  @media (max-width: 35.5em) {

    .single-post .hentry .widget-area {

      width: 100%; } }

  @media (min-width: 35.5em) {

    .single-post .hentry .widget-area {

      width: 100%; } }

  @media (min-width: 40.063em) {

    .single-post .hentry .widget-area {

      width: 25%; } }



.single-post .hentry .entry-footer {

  margin-bottom: 6%; }

  @media (max-width: 35.5em) {

    .single-post .hentry .entry-footer {

      margin-bottom: 15%; } }

  .single-post .hentry .entry-footer .cat-links, .single-post .hentry .entry-footer .tags-links {

    margin-right: 12px; }



.single-post.vc .hentry {

  margin: 36px 0; }

  .single-post.vc .hentry .entry-content {

    padding: 0; }

  .single-post.vc .hentry:last-child {

    margin-bottom: 0; }



/* 15.3 Comments */

#disqus_thread {

  padding: 6% 10%; }

  @media (max-width: 35.5em) {

    #disqus_thread {

      padding: 15% 0; } }



.comments-area, #disqus_thread {

  padding: 6% 10%; }

  @media (max-width: 35.5em) {

    .comments-area, #disqus_thread {

      padding: 15% 0; } }

  .comments-area hr.dash, #disqus_thread hr.dash {

    margin: 48px auto; }

    @media (max-width: 35.5em) {

      .comments-area hr.dash, #disqus_thread hr.dash {

        margin: 24px auto; } }

  .comments-area .comments-title, #disqus_thread .comments-title {

    text-align: center; }

  .comments-area article, #disqus_thread article {

    padding: 48px 0 0;

    margin: 0; }

  .comments-area .comment-list, #disqus_thread .comment-list {

    list-style: none;

    padding: 0;

    margin: 17px 0 0 !important; }

    .comments-area .comment-list li, #disqus_thread .comment-list li {

      margin-top: 6px;

      padding-bottom: 48px;

      border-bottom: 1px solid #f1f1f1; }

      .comments-area .comment-list li:last-child, #disqus_thread .comment-list li:last-child {

        border: none; }

    .comments-area .comment-list .children, #disqus_thread .comment-list .children {

      width: 100%;

      list-style: none; }

      @media (max-width: 35.5em) {

        .comments-area .comment-list .children, #disqus_thread .comment-list .children {

          padding: 0;

          margin-top: 24px; } }

      .comments-area .comment-list .children li, #disqus_thread .comment-list .children li {

        border-left: 1px dotted #ddd;

        padding: 24px;

        padding-right: 0;

        border-radius: 3px; }

        .comments-area .comment-list .children li .comment-content, #disqus_thread .comment-list .children li .comment-content {

          padding-left: 0; }

        .comments-area .comment-list .children li article, #disqus_thread .comment-list .children li article {

          padding: 0; }

          .comments-area .comment-list .children li article .comment-reply-link, #disqus_thread .comment-list .children li article .comment-reply-link {

            padding-left: 0; }

  .comments-area .comment, #disqus_thread .comment {

    padding: 0; }

    .comments-area .comment .comment-meta, #disqus_thread .comment .comment-meta {

      position: relative; }

    .comments-area .comment .comment-author, #disqus_thread .comment .comment-author {

      overflow: hidden; }

      .comments-area .comment .comment-author img, #disqus_thread .comment .comment-author img {

        width: 42px;

        height: 42px;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        border-radius: 50%; }

      .comments-area .comment .comment-author .fn, #disqus_thread .comment .comment-author .fn {

        display: inline-block;

        padding: 0;

        margin: 0 0 0 12px;

        text-transform: capitalize;

        font-weight: normal;

        line-height: 26px;

        vertical-align: top; }

      .comments-area .comment .comment-author .says, #disqus_thread .comment .comment-author .says {

        display: none; }

    .comments-area .comment .comment-metadata, #disqus_thread .comment .comment-metadata {

      position: absolute;

      left: 54px;

      top: 24px; }

      .comments-area .comment .comment-metadata time, #disqus_thread .comment .comment-metadata time {

        font-size: 14px;

        color: #8c8c8c; }

    .comments-area .comment .comment-content, #disqus_thread .comment .comment-content {

      padding-left: 54px;

      margin: 15px 0 10px 0; }

    .comments-area .comment .comment-reply-link, #disqus_thread .comment .comment-reply-link {

      padding-left: 54px;

      font-size: 14px;

      letter-spacing: 1px;

      text-transform: uppercase; }

      @media (max-width: 35.5em) {

        .comments-area .comment .comment-reply-link, #disqus_thread .comment .comment-reply-link {

          font-size: 12px; } }

  .comments-area .comment-edit-link, #disqus_thread .comment-edit-link {

    margin-left: 6px;

    font-size: 16px; }



.comment-awaiting-moderation {

  font-style: italic;

  font-size: 14px; }



.comment-respond {

  margin: 0px 0 30px 0; }

  .comment-respond #reply-title {

    text-align: center; }

  .comment-respond label {

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 7px;

    font-size: .8em; }

  .comment-respond .logged-in-as,

  .comment-respond .comment-notes {

    text-align: center;

    margin-bottom: 30px; }

  .comment-respond .form-allowed-tags {

    font-family: monospace, monospace;

    font-size: 14px;

    background: #f1f1f1;

    padding: 8px 12px; }

    .comment-respond .form-allowed-tags code {

      font-size: 14px; }

  .comment-respond .bypostauthor {

    display: block; }

  .comment-respond textarea#comment {

    height: 200px;

    line-height: 1.8em; }



/* = 16. Header



-------------------------------------------------------------- */

/* 16.1 Boxed Header */

.header-boxed .site-header {

  width: 77.77778%;

  margin-right: 11.11111%; }

  .header-boxed .site-header .wrapper {

    width: 100%;

    margin-left: 0;

    padding: 0 5%; }

  .header-boxed .site-header.closed:hover, .header-boxed .site-header.closed:focus, .header-boxed .site-header.automaticaly-closed:hover, .header-boxed .site-header.automaticaly-closed:focus {

    width: 77.77778%; }



/* 16.2 Fullwidth Header */

.header-fullwidth .site-header {

  width: 100%; }

  .header-fullwidth .site-header .wrapper {

    width: 77.77778%;

    margin-left: 11.11111%; }



@media (max-width: 35.5em) {

  .header-fullwidth .site-content {

    padding-top: 0 !important; } }



/* 16.3 Site Header */

.site-header {

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  padding: 0;

  z-index: 9999;

  display: none;

  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);

  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);

  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);

  /* 16.3.1 Site Branding */

  /* 16.3.2 Main Navigation */

  /* 16.3.4 Header Animation */

  /* 16.3.5 Header Centered */ }

  .site-header .site-branding {

    float: left;

    width: 25%; }

    .site-header .site-branding .site-title {

      margin: 0;

      padding: 0;

      vertical-align: middle; }

      .site-header .site-branding .site-title a {

        font-size: 24px;

        color: #ffffff;

        text-transform: uppercase;

        text-decoration: none; }

  .site-header .main-navigation {

    float: left;

    width: 75%;

    /* 16.3.3 Trigger */ }

    .site-header .main-navigation .menu {

      margin: 0;

      padding: 0;

      float: right; }

      .site-header .main-navigation .menu li {

        position: relative;

        display: inline-block;

        margin: 0;

        padding: 0;

        margin-left: 30px;

        /* 16.3.2.1 Dropdown Nabigation */ }

        .site-header .main-navigation .menu li a {

          text-decoration: none;

          letter-spacing: 1px;

          text-transform: uppercase; }

        .site-header .main-navigation .menu li ul.sub-menu,

        .site-header .main-navigation .menu li ul.children {

          position: absolute;

          display: none;

          left: -24px;

          top: 75px;

          padding: 24px 2px;

          margin: 0;

          width: 100%;

          min-width: 240px;

          height: auto;

          z-index: 9999;

          box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1); }

          .site-header .main-navigation .menu li ul.sub-menu li,

          .site-header .main-navigation .menu li ul.children li {

            display: block;

            margin: 0;

            padding: 6px 24px;

            height: auto;

            line-height: 1.5; }

            .site-header .main-navigation .menu li ul.sub-menu li a,

            .site-header .main-navigation .menu li ul.children li a {

              display: block; }

    .site-header .main-navigation .trigger {

      position: absolute;

      top: 50%;

      right: 0;

      display: block;

      width: 75px;

      height: 75px;

      margin: 0;

      margin-top: -37.5px;

      padding: 0;

      text-align: center;

      font-size: 2.5em;

      filter: alpha(opacity=0);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      -webkit-opacity: 0;

      -khtml-opacity: 0;

      -moz-opacity: 0;

      -ms-opacity: 0;

      -o-opacity: 0;

      opacity: 0;

      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

  .site-header .site-branding, .site-header .main-navigation {

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-opacity: 0;

    -khtml-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

    -webkit-transition: opacity 0.4s linear;

    -moz-transition: opacity 0.4s linear;

    -o-transition: opacity 0.4s linear;

    transition: opacity 0.4s linear; }

  .site-header.active .site-branding, .site-header.active .main-navigation {

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1; }

  .site-header.closed, .site-header.automaticaly-closed {

    width: 75px;

    padding: 0; }

    .site-header.closed .site-branding, .site-header.closed .menu, .site-header.automaticaly-closed .site-branding, .site-header.automaticaly-closed .menu {

      visibility: hidden;

      filter: alpha(opacity=0);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      -webkit-opacity: 0;

      -khtml-opacity: 0;

      -moz-opacity: 0;

      -ms-opacity: 0;

      -o-opacity: 0;

      opacity: 0; }

    .site-header.closed .trigger, .site-header.automaticaly-closed .trigger {

      color: #ffffff;

      filter: alpha(opacity=100);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -webkit-opacity: 1;

      -khtml-opacity: 1;

      -moz-opacity: 1;

      -ms-opacity: 1;

      -o-opacity: 1;

      opacity: 1; }

    .site-header.closed:hover, .site-header.closed .is-swipped, .site-header.automaticaly-closed:hover, .site-header.automaticaly-closed .is-swipped {

      width: 100%; }

      .site-header.closed:hover .site-branding, .site-header.closed:hover .menu, .site-header.closed .is-swipped .site-branding, .site-header.closed .is-swipped .menu, .site-header.automaticaly-closed:hover .site-branding, .site-header.automaticaly-closed:hover .menu, .site-header.automaticaly-closed .is-swipped .site-branding, .site-header.automaticaly-closed .is-swipped .menu {

        visibility: visible;

        -webkit-transition: opacity 0.4s 0.5s linear;

        -moz-transition: opacity 0.4s 0.5s linear;

        -o-transition: opacity 0.4s 0.5s linear;

        transition: opacity 0.4s 0.5s linear;

        filter: alpha(opacity=100);

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        -webkit-opacity: 1;

        -khtml-opacity: 1;

        -moz-opacity: 1;

        -ms-opacity: 1;

        -o-opacity: 1;

        opacity: 1; }

      .site-header.closed:hover .trigger, .site-header.closed .is-swipped .trigger, .site-header.automaticaly-closed:hover .trigger, .site-header.automaticaly-closed .is-swipped .trigger {

        -webkit-transform: rotate(180deg);

        -khtml-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg); }

  .site-header.header-centered .site-branding {

    float: left;

    width: 25%;

    text-align: center; }

  .site-header.header-centered .left-menu, .site-header.header-centered .right-menu {

    float: left;

    width: 37.5%; }

    .site-header.header-centered .left-menu .main-navigation, .site-header.header-centered .right-menu .main-navigation {

      float: left;

      width: 100%; }

  .site-header.header-centered .left-menu .main-navigation {

    float: right; }

  .site-header.header-centered .right-menu .main-navigation {

    float: left; }

    .site-header.header-centered .right-menu .main-navigation .menu {

      float: left; }

      .site-header.header-centered .right-menu .main-navigation .menu li {

        margin-left: 0;

        margin-right: 30px; }



.header-trans-true .site-header {

  background: transparent; }



/* 16.3.6 Header Mobile */

@media screen and (min-width: 769px) {

  .site-header.active {

    display: block !important; } }



.trigger-mobile-nav {

  position: fixed;

  top: 0;

  right: 0;

  width: 65px;

  height: 65px;

  line-height: 65px;

  z-index: 9999;

  display: none;

  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

  -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

  -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

  .trigger-mobile-nav.active {

    width: 100vw;

    height: 100vh;

    background: #282b2d; }

    .trigger-mobile-nav.active .fa {

      color: #b69853;

      -webkit-transform: rotate(180deg);

      -khtml-transform: rotate(180deg);

      -moz-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

      -o-transform: rotate(180deg);

      transform: rotate(180deg); }

    .trigger-mobile-nav.active .main-navigation, .trigger-mobile-nav.active .site-branding {

      visibility: visible;

      filter: alpha(opacity=100);

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -webkit-opacity: 1;

      -khtml-opacity: 1;

      -moz-opacity: 1;

      -ms-opacity: 1;

      -o-opacity: 1;

      opacity: 1; }

  @media (max-width: 768px) {

    .trigger-mobile-nav {

      display: block !important; } }

  .trigger-mobile-nav:hover {

    cursor: pointer; }

  .trigger-mobile-nav .fa {

    position: fixed;

    top: 0;

    right: 0;

    font-size: 2.2em;

    text-align: center;

    width: 65px;

    height: 65px;

    line-height: 65px;

    color: #ffffff;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

    -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

    -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

  .trigger-mobile-nav .site-branding {

    width: 100%;

    text-align: center;

    line-height: 65px;

    visibility: hidden;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-opacity: 0;

    -khtml-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    opacity: 0; }

    .trigger-mobile-nav .site-branding img {

      line-height: 65px;

      vertical-align: middle; }

    .trigger-mobile-nav .site-branding .site-title {

      margin: 0;

      padding: 0;

      line-height: 65px;

      vertical-align: middle; }

      .trigger-mobile-nav .site-branding .site-title a {

        font-size: 24px;

        color: #ffffff;

        text-transform: uppercase;

        text-decoration: none; }

  .trigger-mobile-nav .main-navigation {

    position: absolute;

    padding: 0;

    margin: 0;

    width: 100%;

    text-align: center;

    visibility: hidden;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-opacity: 0;

    -khtml-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }

    .trigger-mobile-nav .main-navigation .menu > li {

      position: relative;

      display: block;

      margin: 0;

      padding: 0;

      /*

                /* Dropdown Navigation

                /*/ }

      .trigger-mobile-nav .main-navigation .menu > li a {

        text-transform: uppercase;

        font-size: 1.1em;

        letter-spacing: 1px; }

      .trigger-mobile-nav .main-navigation .menu > li ul.sub-menu,

      .trigger-mobile-nav .main-navigation .menu > li ul.children {

        position: relative;

        padding: 0;

        margin: 8px 0 8px 0;

        background: transparent; }

        .trigger-mobile-nav .main-navigation .menu > li ul.sub-menu li,

        .trigger-mobile-nav .main-navigation .menu > li ul.children li {

          display: block;

          line-height: 1.6; }

          .trigger-mobile-nav .main-navigation .menu > li ul.sub-menu li a,

          .trigger-mobile-nav .main-navigation .menu > li ul.children li a {

            display: block;

            font-size: 1em;

            text-transform: none;

            color: #8c8c8c; }

            .trigger-mobile-nav .main-navigation .menu > li ul.sub-menu li a:hover,

            .trigger-mobile-nav .main-navigation .menu > li ul.children li a:hover {

              color: #ffffff; }



/* 16.4 Hero Area */

.page-hero {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background-size: cover;

  background-position: center center;

  z-index: 1;

  -webkit-box-direction: normal;

  -webkit-box-orient: horizontal;

  -webkit-flex-direction: row;

  -moz-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-opacity: 0;

  -khtml-opacity: 0;

  -moz-opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  opacity: 0;

  -webkit-transition: opacity 0.4s linear;

  -moz-transition: opacity 0.4s linear;

  -o-transition: opacity 0.4s linear;

  transition: opacity 0.4s linear;

  /* 16.4.1 Hero Content */

  /* 16.4.2 Background Video */ }

  .page-hero.cover:before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    content: "";

    z-index: 2;

    pointer-events: none;

    background: url("images/bg_overlay.png") repeat 0 0; }

  .page-hero.active {

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1; }

  .page-hero .hero-content {

    position: relative;

    z-index: 2;

    width: 100%;

    -webkit-align-self: center;

    -moz-align-self: center;

    -ms-flex-item-align: center;

    align-self: center; }

    .page-hero .hero-content .inner {

      width: 65%;

      margin-left: 11.11111%; }

      @media (max-width: 35.5em) {

        .page-hero .hero-content .inner {

          width: 85%; } }

      .page-hero .hero-content .inner h1 {

        font-size: 7.2vw; }

        @media (max-width: 35.5em) {

          .page-hero .hero-content .inner h1 {

            font-size: 11.2vw; } }

        @media (min-width: 35.5em) {

          .page-hero .hero-content .inner h1 {

            font-size: 10.2vw; } }

        @media (min-width: 40.063em) {

          .page-hero .hero-content .inner h1 {

            font-size: 9.2vw; } }

        @media (min-width: 64em) {

          .page-hero .hero-content .inner h1 {

            font-size: 8.2vw; } }

        @media (min-width: 90.063em) {

          .page-hero .hero-content .inner h1 {

            font-size: 7.2vw; } }

  .page-hero #video-bg {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    z-index: 1; }

    .page-hero #video-bg:before {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      content: "";

      z-index: 2;

      pointer-events: none;

      background: url("images/bg_overlay.png") repeat 0 0; }

  .page-hero #video-bg > video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }

  @media (min-aspect-ratio: 16/9) {

    .page-hero #video-bg > video {

      height: 300%;

      top: -100%; } }

  @media (max-aspect-ratio: 16/9) {

    .page-hero #video-bg > video {

      width: 300%;

      left: -100%; } }

  @supports (object-fit: cover) {

    .page-hero #video-bg > video {

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-fit: cover; } }

  .page-hero #skip {

    position: absolute;

    bottom: 48px;

    width: auto;

    height: auto;

    z-index: 4;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%); }

  .page-hero #skip a {

    color: #ffffff;

    outline: 0; }



/* = Navigation : Pagination



-------------------------------------------------------------- */

.pagination-holder, .posts-navigation, .post-navigation {

  padding: 24px 0;

  background: #f2f2f2; }

  @media (max-width: 35.5em) {

    .pagination-holder, .posts-navigation, .post-navigation {

      text-align: center; } }

  .pagination-holder .wrapper, .posts-navigation .wrapper, .post-navigation .wrapper {

    width: 77.77778%;

    margin-left: 11.11111%; }

  .pagination-holder .first-page, .pagination-holder .last-page, .posts-navigation .first-page, .posts-navigation .last-page, .post-navigation .first-page, .post-navigation .last-page {

    display: inline-block;

    min-width: 25%;

    float: left;

    text-align: left; }

    .pagination-holder .first-page a, .pagination-holder .last-page a, .posts-navigation .first-page a, .posts-navigation .last-page a, .post-navigation .first-page a, .post-navigation .last-page a {

      display: inline-block;

      padding: 15px 0;

      line-height: 10px; }

  .pagination-holder .last-page, .posts-navigation .last-page, .post-navigation .last-page {

    float: right;

    text-align: right; }

    @media (max-width: 35.5em) {

      .pagination-holder .last-page, .posts-navigation .last-page, .post-navigation .last-page {

        float: none;

        text-align: center; } }

  .pagination-holder .pagination, .posts-navigation .pagination, .post-navigation .pagination {

    width: 50%;

    display: inline-block;

    margin: 0 auto;

    text-align: center; }

    .pagination-holder .pagination li, .posts-navigation .pagination li, .post-navigation .pagination li {

      display: inline-block; }

      .pagination-holder .pagination li a, .posts-navigation .pagination li a, .post-navigation .pagination li a {

        display: inline-block;

        line-height: 10px;

        padding: 15px;

        border: 1px solid #eaeaea;

        border-radius: 2px;

        text-transform: uppercase;

        word-wrap: break-word;

        background: #eaeaea;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease; }

      .pagination-holder .pagination li.dots i, .posts-navigation .pagination li.dots i, .post-navigation .pagination li.dots i {

        vertical-align: bottom; }

      .pagination-holder .pagination li.active a, .pagination-holder .pagination li:hover a, .posts-navigation .pagination li.active a, .posts-navigation .pagination li:hover a, .post-navigation .pagination li.active a, .post-navigation .pagination li:hover a {

        color: #ffffff; }



.single-post .post-navigation, .single-portfolio .post-navigation {

  padding: 4% 0; }

  @media (max-width: 35.5em) {

    .single-post .post-navigation, .single-portfolio .post-navigation {

      padding: 8% 0; } }

  .single-post .post-navigation .back, .single-portfolio .post-navigation .back {

    display: block;

    margin-top: 4%; }



  .single-post .post-navigation span, .single-portfolio .post-navigation span {

    font-size: 14px;

    margin-bottom: 2px;

    text-transform: uppercase; }

  .single-post .post-navigation .align-right, .single-portfolio .post-navigation .align-right {

    text-align: right; }

    @media (max-width: 35.5em) {

      .single-post .post-navigation .align-right, .single-portfolio .post-navigation .align-right {

        padding: 24px 0 12px 0;

        text-align: center; } }



/* = Navigation : Widgets



-------------------------------------------------------------- */

.widget {

  border-radius: 3px;

  padding: 36px;

  margin-bottom: 48px;

  max-width: 90%;

  background: #f2f2f2; }

  @media (max-width: 35.5em) {

    .widget {

      padding: 24px; } }

  @media (min-width: 35.5em) {

    .widget {

      padding: 24px; } }

  @media (min-width: 40.063em) {

    .widget {

      padding: 24px; } }

  @media (min-width: 64em) {

    .widget {

      padding: 36px; } }

  @media (max-width: 768px) {

    .widget {

      max-width: 100%;

      margin-bottom: 36px; } }

  .widget .widget-title {

    line-height: 1;

    margin-bottom: 24px;

    color: #282b2d; }

  .widget form {

    margin: 0; }

    .widget form input {

      background: #ffffff; }

  .widget ul,

  .widget ol {

    margin: 0;

    list-style: none; }

    .widget ul .children,

    .widget ul .sub-menu,

    .widget ol .children, .widget ol .sub-menu {

      margin: 6px 0 6px 24px; }

  .widget.widget_recent_entries li {

    padding-bottom: 12px; }

    .widget.widget_recent_entries li .post-date {

      position: relative;

      display: inline-block;

      margin-left: 24px; }

      .widget.widget_recent_entries li .post-date:before {

        position: absolute;

        color: #8c8c8c;

        content: "on";

        top: 0;

        left: -22px;

        width: 20px;

        height: 20px; }

  .widget.widget_recent_comments .recentcomments {

    position: relative;

    padding-left: 32px;

    padding-bottom: 12px; }

    .widget.widget_recent_comments .recentcomments:before {

      font-family: FontAwesome;

      font-style: normal;

      font-weight: normal;

      content: "\f0e5";

      position: absolute;

      top: 0;

      left: 0;

      width: 20px;

      height: 20px; }

    .widget.widget_recent_comments .recentcomments .comment-author-link {

      display: inline-block; }

      .widget.widget_recent_comments .recentcomments .comment-author-link a {

        display: inline-block;

        font-size: 1em; }

    .widget.widget_recent_comments .recentcomments a {

      font-size: .9em;

      display: block !important; }

  .widget .tagcloud a {

    color: #8c8c8c;

    border-color: #ccc;

    border-width: 1px;

    border-style: solid;

    border-radius: 2px;

    display: inline-block;

    font-size: 12px !important;

    line-height: 1.2;

    margin-bottom: 5px;

    margin-right: 4px;

    padding: 6px 13px 4px;

    text-transform: uppercase;

    word-wrap: break-word;

    -webkit-transition: all 0.1s ease;

    -moz-transition: all 0.1s ease;

    -o-transition: all 0.1s ease;

    transition: all 0.1s ease; }

    .widget .tagcloud a:hover {

      color: #282b2d;

      border: 1px solid; }

  .widget.widget_rss .widget-title a {

    color: #282b2d; }

    .widget.widget_rss .widget-title a:first-child {

      display: none; }

  .widget.widget_rss li {

    padding-bottom: 12px; }

    .widget.widget_rss li .rss-date {

      display: block;

      font-size: .9em; }

    .widget.widget_rss li .rssSummary {

      display: block;

      margin-top: 24px; }

    .widget.widget_rss li cite {

      padding: 12px 0; }

  .widget.widget_calendar table {

    width: 100%;

    margin: 0;

    border: 0; }

    .widget.widget_calendar table thead, .widget.widget_calendar table tfoot {

      background: none; }

    .widget.widget_calendar table thead th, .widget.widget_calendar table thead td {

      padding: 4px;

      text-align: center; }

    .widget.widget_calendar table thead th {

      font-size: 0.875rem !important;

      font-weight: 700;

      color: #ffffff; }

    .widget.widget_calendar table tr {

      border: none; }

      .widget.widget_calendar table tr th, .widget.widget_calendar table tr td {

        text-align: center; }

      .widget.widget_calendar table tr td {

        padding: 2px;

        font-size: 0.8125rem; }

  .widget.widget_calendar caption {

    font-size: 0.875rem;

    padding: 0 0 10px 0;

    font-weight: normal;

    text-align: left;

    text-transform: uppercase; }

  .widget.widget_calendar #prev {

    text-align: left; }

  .widget.widget_calendar #next {

    text-align: right; }

  .widget.widget_calendar #today {

    font-weight: 700; }



/* = 17. Footer



-------------------------------------------------------------- */

/* 17.1 Site Footer */

.site-footer {

  position: relative;

  width: 100%;

  z-index: 1;

  padding: 4% 0;

  -webkit-transform: translate3d(0, 0, 0);

  filter: alpha(opacity=0);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-opacity: 0;

  -khtml-opacity: 0;

  -moz-opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  opacity: 0;

  -webkit-transition: opacity 0.4s linear;

  -moz-transition: opacity 0.4s linear;

  -o-transition: opacity 0.4s linear;

  transition: opacity 0.4s linear;

  /* 17.1.1 Site Info */

  /* 17.1.2 Copyright */

  /* 17.1.3 Widgets */ }

  @media (max-width: 768px) {

    .site-footer {

      padding: 8% 0;

      text-align: center; } }

  @media (min-width: 35.5em) {

    .site-footer {

      padding: 6% 0; } }

  @media (min-width: 40.063em) {

    .site-footer {

      padding: 4% 0; } }

  .site-footer.loaded {

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -ms-opacity: 1;

    -o-opacity: 1;

    opacity: 1; }

  .site-footer .site-info {

    position: relative;

    width: 77.77778%;

    margin-left: 11.11111%; }

  .site-footer .copyright {

    padding: 24px 0 0 0;

    display: block;

    text-align: left; }

    @media (max-width: 768px) {

      .site-footer .copyright {

        text-align: center;

        font-size: .825em; } }

    .site-footer .copyright .wrapper {

      width: 77.77778%;

      margin-left: 11.11111%; }

      .site-footer .copyright .wrapper p {

        margin: 0;

        padding: 0; }

  .site-footer .widget {

    margin-top: 24px;

    margin-bottom: 0;

    padding: 0;

    max-width: 100%;

    background: transparent; }

    .site-footer .widget .widget-title {

      margin-bottom: 24px; }

    .site-footer .widget.widget_recent_entries .post-date {

      position: relative;

      display: inline-block;

      margin-left: 24px; }

      .site-footer .widget.widget_recent_entries .post-date:before {

        color: #ffffff;

        content: " @";

        position: absolute;

        top: 0;

        left: -20px;

        width: 20px;

        height: 20px; }

    .site-footer .widget .tagcloud a {

      color: #8c8c8c !important; }

      .site-footer .widget .tagcloud a:hover {

        border-color: #b69853;

        color: #ffffff !important; }



/* = 18. Shame



-------------------------------------------------------------- */

/* For new style snippets that haven't been sorted and commented yet */



.wpb_row{

    margin-bottom: 5px!important;

}



.social-links{
  height: 70px;
  width: 100%;
  display: inline-block;
  position: relative;
}
.readmore_link {
  position: absolute;
  right: 0;
  top: -20px;
}

.news_single .boxed-row {text-align: center;}


 @media screen and (max-width: 480px) {

   .social-links{margin-left: 0%;}

}



.share-buttons img {

width: 35px;

padding: 5px;

border: 0;

box-shadow: 0;

display: inline;

}

.page-container{

        padding-top: 50px!important;

}
.portfolio-container.one-col .tile
{
  max-height:110vh !important;
}

.wph-modal.wph-modal--popup.wph-modal-show,.wpoi-overlay-mask .wpoi-popup-overlay,body:not(.wp-admin) .wph-modal--mask{
z-index: 10001 !important;
}

/* CSS Edits */
.content-wrap {
  padding:0 15px;
}
.text-center{
  text-align: center !important;
}
.text-white {
    color:  #fff !important;
}
.text-up {
    text-transform:  uppercase !important;
}
.top-header-row {
    color: #fff;
    position: relative;
    padding: 90px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.top-header-row:before {
    content: "";
    position:  absolute;
    top: 0;
    bottom:  0;
    left:  0;
    right:  0;
    background:  #000000;
    display:  block !important;
    opacity:  0.45;
}

.section-title {
    color:  #fff;
    padding-bottom: 16px;
    margin-bottom:  16px;
    position: relative;
}
.section-title:after {
    content:  "";
    height: 3px;
    width: 60px;
    background:  #f25a28;
    position:  absolute;
    display:  block;
    left:  0;
    right:  0;
    margin:  auto;
    bottom: 0;
}
/* Placeholder CSs for email feild in footer */
#footer-sub-email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
#footer-sub-email::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
#footer-sub-email:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
#footer-sub-email:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.hustle-modal-body.hustle-modal-image_right,.hustle-modal-content {
    height:  auto !important;
}
.wph-modal.module_id_1.wph-modal-active {
    z-index: 9999;
}
.home-portfolio{margin-bottom: 0 !important}
.home-portfolio .wpb_content_element{
  margin-bottom: 0 !important;
}
.top-port-list .top-port-box:first-child{
  border-left: 0px;
}
.top-port-box.home-portfolio-box img{
  /*max-height: 440px;*/
}
@media only screen and (min-width: 1170px)
{
    .top-portfolio-section .home-portfolio-box.top-port-box {
        width: 25%;
    }
}
@media screen and (max-width:1170px ){
  .top-port-box{
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px ){
  .top-port-box{
    width: 50% !important;
  }
}
@media screen and (max-width: 601px){
  .top-portfolio-section .portf-info .portf-desc {
      font-size: .8rem;
      line-height: 1.2;
  }
}