@charset "UTF-8";
/******************************************************************

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%
  /* 2 */
}

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

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

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

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

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

address {
  font-style: normal;
}

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/**
 * 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;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top
  /* 2 */
}

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

* {
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

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

Stylesheet: Variables.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/******************************************************************

Stylesheet: Typography

******************************************************************/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.lead {
  color: #444444;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 150%;
  margin: 0;
}

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

Stylesheet: Sass Functions

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************

Stylesheet: Mixins Stylesheet

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************

Stylesheet: Grid Stylesheet

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important;
}

.columns {
  -webkit-column-count: 2;
  -webkit-column-gap: 24px;
  -webkit-column-fill: auto;
  -moz-column-count: 2;
  -moz-column-gap: 24px;
  -moz-column-fill: auto;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/******************************************************************

Stylesheet: Shortcodes Stylesheet

******************************************************************/
/* Row  */
.row {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after {
  clear: both;
}

/* Google map */
.shortcode_google-map {
  margin: 20px 0;
}

/* Highlight */
.shortcode_highlight {
  background-color: #fcfca8;
  padding: 4px;
}

/* Line */
.line {
  position: relative;
  display: block;
  margin: 24px 0;
  width: 30px;
  height: 3px;
}
.line.white {
  border-top: 2px solid #ffffff;
}
.line.black {
  border-top: 2px solid #1c1c1e;
}
.line.gray {
  border-top: 2px solid #9c9d9f;
}
.line.accent {
  border-top: 2px solid #00a9c5;
}
.line.center {
  margin: 12px auto;
}
.line.small {
  width: 30px;
  height: 3px;
}
.line.full {
  width: 100%;
  height: 3px;
}

/* Heading Block */
.shortcode_heading_block {
  width: 100%;
  height: auto;
  padding: 120px 8%;
  text-align: center;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.shortcode_heading_block h1 {
  margin: 0;
  font-size: 400%;
  line-height: 130%;
}

/* Text Block */
.shortcode_text_block {
  width: 100%;
  height: auto;
  padding: 48px 12px;
  text-align: center;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.shortcode_text_block .title {
  font-weight: 700;
  padding: 0 5%;
  margin: 0 0 24px 0;
  line-height: 130%;
}
.shortcode_text_block p {
  padding: 24px 5% 0 !important;
  margin: 0 !important;
  line-height: 200%;
  font-size: 130%;
}
.shortcode_text_block .text_block_sep {
  width: 100px;
  height: 2px;
  background: #ffffff;
  margin: 0 auto;
}

/* Divider */
.shortcode_divider {
  height: 30px;
  margin: 72px auto 42px;
  width: 100%;
  border-top: 2px solid #f1f1f1;
}
.shortcode_divider h3 {
  display: block;
  font-weight: 300;
  font-size: 22px !important;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: -15px auto auto;
  padding: 0 5px;
  width: 30%;
  background: #ffffff;
}
.shortcode_divider:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Text Block */
.shortcode_text_columns {
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px;
  margin-bottom: 2em;
}
.shortcode_text_columns.two-cols {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.shortcode_text_columns.three-cols {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.shortcode_text_columns.four-cols {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

/* Image Container */
.shortcode_image_container {
  position: relative;
  margin: 0;
  padding: 0;
}
.shortcode_image_container img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

/* Image Legend */
.shortcode_image_legend {
  position: absolute;
  display: block;
  width: 40%;
  height: auto;
  padding: 48px 12px;
  bottom: 0px;
  left: 50%;
  margin-left: -20%;
  text-align: center;
}
.shortcode_image_legend h4 {
  padding: 0 5%;
  margin: 0;
  font-size: 200%;
  line-height: 200%;
}
.shortcode_image_legend p {
  padding: 0 5%;
  font-size: 130%;
  margin: 24px 0 0 0;
}
.shortcode_image_legend .image_legend_sep {
  width: 100px;
  height: 2px;
  margin: 0 auto;
  background: #ffffff;
}

/* Lists */
ul.plain, ul.border, ul.ordered, ul.unordered {
  margin: 0;
  padding: 0;
}
ul.plain li > ul, ul.border li > ul, ul.ordered li > ul, ul.unordered li > ul {
  margin-top: 12px;
}

ul.plain li {
  list-style: none;
}

ul.ordered, ul.unordered {
  padding-left: 24px;
}
ul.ordered li, ul.unordered li {
  margin-bottom: 0.55em;
}
ul.ordered.ordered, ul.unordered.ordered {
  list-style: decimal !important;
}
ul.ordered.unordered, ul.unordered.unordered {
  list-style: disc !important;
}

ul.border {
  margin: 0;
  padding: 0;
}
ul.border li {
  width: 100%;
  line-height: inherit;
  padding: 12px 0;
  border-bottom: 1px solid rgba(64, 64, 64, 0.15);
}
ul.border li:last-child {
  border-bottom: none;
}

/* List Client */
.shortcode_list_images {
  width: 100%;
  height: auto;
  padding: 0;
  text-align: center;
}
.shortcode_list_images ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.shortcode_list_images ul li {
  list-style: none;
  float: left;
  display: list-item;
  text-align: -webkit-match-parent;
}
.shortcode_list_images ul li img {
  vertical-align: top;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.shortcode_list_images ul li:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.shortcode_list_images ul.two_col li {
  width: 50%;
}
.shortcode_list_images ul.three_col li {
  width: 33.33%;
}
.shortcode_list_images ul.four_col li {
  width: 25%;
}

/* Icon with text styles */
.shortcode_icon_with_title {
  display: block;
  position: relative;
}
.shortcode_icon_with_title .icon_holder {
  float: left;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.shortcode_icon_with_title .icon_text_holder {
  position: relative;
}
.shortcode_icon_with_title .icon_text_holder .icon_title {
  display: block;
  margin: 0 0 1.08em;
}
.shortcode_icon_with_title.large .icon_text_holder .icon_title {
  margin-bottom: 0.35em;
}
.shortcode_icon_with_title .icon_with_title_link {
  display: inline-block;
  margin: 13px 0 0;
  color: #00a9c5;
}
.shortcode_icon_with_title .icon_with_title_link:hover {
  color: #0093ac;
}
.shortcode_icon_with_title.circle .icon_holder .fa-stack {
  -o-border-radius: 2em;
  border-radius: 2em;
}
.shortcode_icon_with_title .icon_holder .fa-stack {
  border: 2px solid #f1f1f1;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-backface-visibility: hidden;
}
.shortcode_icon_with_title span.fa-stack i:last-child {
  font-size: 0.8em;
  color: #9c9d9f;
}
.shortcode_icon_with_title .icon_text_inner {
  padding: 0 0 18px;
}
.shortcode_icon_with_title .icon_title_holder {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 0 12px;
}
.shortcode_icon_with_title .icon_title_holder .icon_holder {
  display: table-cell;
  text-align: left;
  height: 100%;
  vertical-align: middle;
  float: none;
  padding: 0 15px 0 0;
}
.shortcode_icon_with_title .icon_title_holder .icon_holder span {
  position: relative;
  top: 2px;
}
.shortcode_icon_with_title .icon_text_holder .icon_title_holder .icon_title {
  display: table-cell;
  margin: 0 0 0;
  vertical-align: middle;
  width: 100%;
}

.fa_icon_square i {
  color: #fff;
}

.fa_icon_stack i:last-child {
  color: #fff;
}

/* Icon center styles */
.shortcode_icon_with_title.center {
  text-align: center;
}

.shortcode_icon_with_title.center.center .icon_holder {
  float: none;
  display: block;
  margin: 0 0 20px;
}

.shortcode_icon_with_title.icon_image.center .icon_holder {
  margin: 0 0 13px;
}

.shortcode_icon_with_title.center .icon_holder {
  width: 100% !important;
}

.shortcode_icon_with_title.center .icon_holder .font_awsome_icon i {
  color: #7b7b7b;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.shortcode_icon_with_title.center .icon_holder .font_awsome_icon i:hover {
  color: #1abc9c;
}

/* Generic icon styles */
.shortcode_icon_with_title.boxed .icon_holder .fa-stack,
.fa_icon_square {
  background-color: #00a9c5;
  border-radius: 4px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}

.shortcode_icon_with_title.square .icon_holder .fa-stack,
.fa_icon_square {
  border-radius: 4px;
  line-height: 1.7em;
}

.shortcode_icon_with_title.square .icon_holder .fa-stack:hover,
.circle .icon_holder .fa-stack:hover {
  background-color: #00a9c5;
  border-color: transparent;
}

.fa_icon_stack .fa-circle,
.shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  color: #00a9c5;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.shortcode_icon_with_title.circle .icon_holder .fa-stack:hover i:last-child,
.fa_icon_stack:hover i:last-child,
.shortcode_icon_with_title.boxed .icon_holder .fa-stack:hover i,
.shortcode_icon_with_title.square .icon_holder .fa-stack:hover i,
.fa_icon_square:hover i {
  color: #ffffff;
}

.shortcode_icon_with_title.tiny .icon_text_holder {
  padding: 0 0 0 44px;
}

.shortcode_icon_with_title.small .icon_text_holder {
  padding: 0 0 0 46px;
}

.shortcode_icon_with_title.left_from_title .icon_text_holder {
  padding: 0;
}

.shortcode_icon_with_title.medium .icon_holder,
.shortcode_icon_with_title.tiny.square .icon_holder,
.shortcode_icon_with_title.small.square .icon_holder {
  text-align: center;
}

.shortcode_icon_with_title.tiny.square .icon_text_holder,
.shortcode_icon_with_title.medium .icon_text_holder {
  padding: 0 0 0 56px;
}

.shortcode_icon_with_title.large .icon_text_holder {
  padding: 0 0 0 65px;
}

.shortcode_icon_with_title.large .icon_holder {
  text-align: center;
}

.shortcode_icon_with_title.very_large .icon_text_holder {
  padding: 0 0 0 84px;
}

.shortcode_icon_with_title.tiny.boxed .icon_text_holder,
.shortcode_icon_with_title.tiny.circle .icon_text_holder,
.shortcode_icon_with_title.tiny.icon_image .icon_text_holder {
  padding: 0 0 0 55px;
}

.shortcode_icon_with_title.small.square .icon_text_holder,
.shortcode_icon_with_title.small.boxed .icon_text_holder,
.shortcode_icon_with_title.small.circle .icon_text_holder,
.shortcode_icon_with_title.small.icon_image .icon_text_holder {
  padding: 0 0 0 72px;
}

.shortcode_icon_with_title.medium.circle .icon_text_holder,
.shortcode_icon_with_title.medium.square .icon_text_holder {
  padding: 0 0 0 119px;
}

.shortcode_icon_with_title.medium.boxed .icon_text_holder,
.shortcode_icon_with_title.medium.icon_image .icon_text_holder {
  padding: 0 0 0 95px;
}

.shortcode_icon_with_title.large.boxed .icon_text_holder,
.shortcode_icon_with_title.large.circle .icon_text_holder,
.shortcode_icon_with_title.large.icon_image .icon_text_holder,
.shortcode_icon_with_title.large.square .icon_text_holder {
  padding: 0 0 0 122px;
}

.shortcode_icon_with_title.very_large.boxed .icon_text_holder,
.shortcode_icon_with_title.very_large.circle .icon_text_holder,
.shortcode_icon_with_title.very_large.icon_image .icon_text_holder,
.shortcode_icon_with_title.very_large.square .icon_text_holder {
  padding: 0 0 0 150px;
}

.shortcode_icon_with_title.left_from_title .icon_text_holder {
  padding: 0 0 0 0px !important;
}

.shortcode_icon_with_title.tiny.center .icon_text_holder,
.shortcode_icon_with_title.small.center .icon_text_holder,
.shortcode_icon_with_title.medium.center .icon_text_holder,
.shortcode_icon_with_title.large.center .icon_text_holder,
.shortcode_icon_with_title.very_large.center .icon_text_holder,
.shortcode_icon_with_title.tiny.boxed.center .icon_text_holder,
.shortcode_icon_with_title.tiny.circle.center .icon_text_holder,
.shortcode_icon_with_title.small.boxed.center .icon_text_holder,
.shortcode_icon_with_title.small.circle.center .icon_text_holder,
.shortcode_icon_with_title.medium.boxed.center .icon_text_holder,
.shortcode_icon_with_title.medium.circle.center .icon_text_holder,
.shortcode_icon_with_title.large.boxed.center .icon_text_holder,
.shortcode_icon_with_title.large.circle.center .icon_text_holder,
.shortcode_icon_with_title.very_large.boxed.center .icon_text_holder,
.shortcode_icon_with_title.very_large.circle.center .icon_text_holder,
.shortcode_icon_with_title.tiny.icon_image.center .icon_text_holder,
.shortcode_icon_with_title.small.icon_image.center .icon_text_holder,
.shortcode_icon_with_title.medium.icon_image.center .icon_text_holder,
.shortcode_icon_with_title.large.icon_image.center .icon_text_holder,
.shortcode_icon_with_title.very_large.icon_image.center .icon_text_holder {
  padding: 0;
}

.shortcode_icon_with_title.left_from_title .icon_holder {
  display: block;
}

.shortcode_icon_with_title.tiny .icon_holder img,
.shortcode_icon_with_title.left_from_title.tiny .icon_holder {
  width: 35px;
}

.shortcode_icon_with_title.small .icon_holder img,
.shortcode_icon_with_title.left_from_title.small .icon_holder,
.shortcode_icon_with_title.left_from_title.large.normal_icon .icon_holder {
  width: 48px;
}

.shortcode_icon_with_title.medium .icon_holder img,
.shortcode_icon_with_title.left_from_title.medium .icon_holder,
.shortcode_icon_with_title.left_from_title.very_large.normal_icon .icon_holder {
  width: 78px;
}

.shortcode_icon_with_title.large .icon_holder img,
.shortcode_icon_with_title.left_from_title.large .icon_holder {
  width: 104px;
}

.shortcode_icon_with_title.very_large .icon_holder img,
.shortcode_icon_with_title.left_from_title.very_large .icon_holder {
  width: 130px;
}

.shortcode_icon_with_title.left_from_title.tiny.normal_icon .icon_holder {
  width: 25px;
}

.shortcode_icon_with_title.left_from_title.medium.normal_icon .icon_holder {
  width: 75px;
}

.fa_icon {
  display: inline-block;
}

.fa_icon i {
  color: #1c1c1e;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}

.fa_icon i:hover {
  color: #1c1c1e;
}

.fa_icon.pull-center {
  display: block;
  text-align: center;
}

.fa_icon_square.pull-center,
.fa_icon_stack.pull-center {
  display: block;
  margin: 0 auto !important;
}

.shortcode_icon_with_title.square .icon_holder .fa-stack,
.box_holder_icon_inner.square .fa-stack {
  text-align: center;
}

.sidebar .shortcode_team {
  width: 75%;
}

/* Team */
.shortcode_team {
  overflow: hidden;
}
.shortcode_team .team_inner {
  overflow: hidden;
  width: 100%;
}
.shortcode_team .team_inner .small p {
  width: 85%;
  font-size: 12px;
  margin: 0 auto;
}
.shortcode_team .team_image {
  position: relative;
  overflow: hidden;
}
.shortcode_team .team_image img {
  width: 100%;
  height: auto;
  margin: 0 0 -6px;
}
.shortcode_team .team_image img.rounded {
  border-radius: 50%;
}
.shortcode_team .team_image:hover .team_description_wrapper {
  opacity: 1;
}
.shortcode_team .team_description_wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  cursor: default;
}
.shortcode_team .team_description {
  display: table;
  width: 100%;
  height: 100%;
}
.shortcode_team .team_description .team_description_inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 50px;
}
.shortcode_team .team_description .team_description_inner p.small {
  font-size: 12px;
}
.shortcode_team .team_description .team_description_inner .team_social_holder {
  position: relative;
  text-align: center;
}
.shortcode_team .team_description .team_description_inner .team_social_holder .shortcode_social_icon_holder i.simple_social {
  font-size: 24px;
}
.shortcode_team .team_description .team_description_inner .team_social_holder .shortcode_social_icon_holder:hover i.simple_social {
  color: #00a9c5;
}
.shortcode_team .team_text {
  padding: 0 24px 24px;
}
.shortcode_team .team_text .team_title_holder {
  text-align: center;
}
.shortcode_team .team_text .team_title_holder .team_name {
  margin-bottom: 7px;
}

/* Social Icons */
.shortcode_social_icon_holder {
  display: inline-block;
  position: relative;
}

.shortcode_social_icon_holder.normal_social {
  margin: 0 6px;
}

.shortcode_social_icon_holder i.simple_social {
  color: #9c9d9f;
}

.shortcode_social_icon_holder:hover i.simple_social {
  color: #00a9c5;
}

.shortcode_social_icon_holder .fa-stack {
  background-color: #9c9d9f;
  border: 0px solid #f0f0f0;
  -o-border-radius: 2em;
  border-radius: 2em;
  margin: 0.2307692307692308em;
}

.shortcode_social_icon_holder .fa-stack {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 13px;
}

.shortcode_social_icon_holder .fa-stack i {
  color: #9c9d9f;
}

.shortcode_social_icon_holder.circle_social .fa-stack:hover {
  background-color: #00a9c5;
  border-color: transparent;
}

.shortcode_social_icon_holder.circle_social .fa-stack:hover i {
  color: #fff;
}

.shortcode_social_icon_holder .fa-stack i.fa-circle {
  color: #fbfbfb;
}

.shortcode_social_icon_holder .fa-stack.fa-2x {
  width: 36px;
  height: 36px;
  line-height: 31px;
}

.shortcode_social_icon_holder .fa-stack.fa-lg i:last-child {
  font-size: 1em;
}

/* Service Table */
.shortcode_service_table_holder {
  display: block;
  position: relative;
}

.shortcode_service_table_inner {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 12px 12px;
}

.shortcode_service_table_inner ul {
  padding: 0 !important;
}

.shortcode_service_table_inner li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.shortcode_service_table_inner li li {
  padding: 12px 12px;
  margin: 0 24px;
  border-bottom: 1px solid rgba(64, 64, 64, 0.15);
}

.shortcode_service_table_inner li ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

.shortcode_service_table_inner li:last-child {
  border-bottom: 0;
}

.shortcode_service_table_inner li.title_holder {
  display: block;
  position: relative;
  padding: 12px 20px;
  border: none;
}

.shortcode_service_table_inner li.title_holder i {
  color: #00a9c5;
}

.shortcode_service_table_holder .title_inner {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.shortcode_service_table_holder .service_title {
  display: block;
}

.shortcode_service_table_holder .title_holder i {
  display: block;
  line-height: 1em;
  padding: 24px 0 0;
}

/* Pricing Tables */
.shortcode_price_table_holder {
  position: relative;
  display: inline-block;
  width: 100%;
}

.shortcode_price_table_holder .shortcode_price_table {
  position: relative;
  display: block;
  float: left;
  padding: 35px 0 0;
}

.shortcode_price_table .active_price_table,
.price_table_inner {
  position: relative;
  display: block;
  margin: 0 12px;
}

.shortcode_price_table .active_price_table {
  text-align: center;
  margin: -35px 12px 0;
  background-color: #00a9c5;
}

.shortcode_price_table_holder .active_price_table h5 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
}

.price_table_inner {
  background: #f7f7f7;
}

.price_table_inner ul,
.price_table_inner ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.price_table_inner ul li {
  text-align: center;
  margin: 0;
  padding: 0 24px;
}

.price_table_inner ul li.pricing_table_content > ul {
  padding: 0 0 12px 0;
}

.price_table_inner ul li.pricing_table_content > ul > li {
  line-height: 24px;
  padding: 12px 0;
  margin: 0 24px;
  border-bottom: 1px solid rgba(64, 64, 64, 0.15);
}

.price_table_inner ul li.pricing_table_content > ul > li:last-child, .shortcode_price_table_holder .shortcode_price_table.active_price .price_table_inner ul li.pricing_table_content > ul > li:last-child {
  border-bottom: none;
}

.price_table_inner ul li.prices {
  padding: 0 12px;
}

.price_table_inner .title {
  text-transform: uppercase;
  margin: 0;
  padding: 32px 0 0;
}

.price_table_inner .subtitle {
  font-size: 16px;
  padding: 0;
}

.price_table_inner .title,
.price_table_inner .price_in_table {
  display: block;
}

.price_table_inner .price_in_table {
  padding: 18px 0 12px;
  color: #1c1c1e;
}

.price_in_table .value,
.price_in_table .mark {
  font-size: 16px;
  line-height: 32px;
  vertical-align: top;
  display: inline-block;
}

.price_in_table .mark {
  position: relative;
  font-size: 21px;
  letter-spacing: 1px;
  vertical-align: bottom;
}

.price_in_table .price {
  position: relative;
  display: inline-block;
  font-size: 42px;
  font-weight: 700;
  line-height: 36px;
}

.price_table_inner ul li .button {
  margin: 8px auto;
}

.shortcode_price_table_holder.one_column .shortcode_price_table {
  float: none;
}

.shortcode_price_table_holder.two_columns .shortcode_price_table {
  width: 50%;
}

.shortcode_price_table_holder.three_columns .shortcode_price_table {
  width: 33.3%;
}

.shortcode_price_table_holder.four_columns .shortcode_price_table {
  width: 25%;
}

.shortcode_price_table_holder.five_columns .shortcode_price_table {
  width: 20%;
}

/* Padding */
.shortcode_padding {
  padding: 3%;
}

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************

Stylesheet: Alert Styles

******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success {
  padding: 12px;
  border: 1px solid;
}

.alert-help {
  border-color: #fff68e;
  background: #fffcda;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

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

Stylesheet: Button Styles

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.btn, .accent-btn, input[type="submit"], .comment-respond #submit, .blue-btn {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0px 24px;
  border: 2px solid #1c1c1e;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #1c1c1e;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  background-color: transparent;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.btn:hover, .btn:focus, .accent-btn:hover, input[type="submit"]:hover, .comment-respond #submit:hover, .blue-btn:hover, .accent-btn:focus, input[type="submit"]:focus, .comment-respond #submit:focus, .blue-btn:focus {
  background-color: #00a9c5;
  border-color: #00a9c5;
  color: #fff;
  text-decoration: none;
}
.btn.left, .left.accent-btn, input.left[type="submit"], .comment-respond .left#submit, .left.blue-btn {
  float: left;
}
.btn.right, .right.accent-btn, input.right[type="submit"], .comment-respond .right#submit, .right.blue-btn {
  float: right;
}
.btn.small, .small.accent-btn, input.small[type="submit"], .comment-respond .small#submit, .small.blue-btn {
  font-size: 12px;
  padding: 8px 12px;
}
.btn.medium, .medium.accent-btn, input.medium[type="submit"], .comment-respond .medium#submit, .medium.blue-btn {
  font-size: 13px;
  padding: 12px 17px;
}
.btn.large, .large.accent-btn, input.large[type="submit"], .comment-respond .large#submit, .large.blue-btn {
  font-size: 18px;
  padding: 18px 24px;
}
.btn.extra_large, .extra_large.accent-btn, input.extra_large[type="submit"], .comment-respond .extra_large#submit, .extra_large.blue-btn {
  font-size: 24px;
  padding: 24px;
}
.btn.full_width, .full_width.accent-btn, input.full_width[type="submit"], .comment-respond .full_width#submit, .full_width.blue-btn {
  width: 100%;
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.btn.white, .white.accent-btn, input.white[type="submit"], .comment-respond .white#submit, .white.blue-btn {
  color: #9c9d9f;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn.white:hover, .white.accent-btn:hover, input.white[type="submit"]:hover, .comment-respond .white#submit:hover, .white.blue-btn:hover {
  color: #ffffff;
  border-color: #9c9d9f;
  background-color: #9c9d9f;
}
.btn.gray, .gray.accent-btn, input.gray[type="submit"], .comment-respond .gray#submit, .gray.blue-btn {
  color: #ffffff;
  border-color: #9c9d9f;
  background-color: #9c9d9f;
}
.btn.gray:hover, .gray.accent-btn:hover, input.gray[type="submit"]:hover, .comment-respond .gray#submit:hover, .gray.blue-btn:hover {
  background-color: #1c1c1e;
  border-color: #1c1c1e;
}
.btn.black, .black.accent-btn, input.black[type="submit"], .comment-respond .black#submit, .black.blue-btn {
  color: #ffffff;
  border-color: #1c1c1e;
  background-color: #1c1c1e;
}
.btn.black:hover, .black.accent-btn:hover, input.black[type="submit"]:hover, .comment-respond .black#submit:hover, .black.blue-btn:hover {
  background-color: #9c9d9f;
  border-color: #9c9d9f;
}
.btn.accent, .accent.accent-btn, input.accent[type="submit"], .comment-respond .accent#submit, .accent.blue-btn {
  color: #ffffff;
  border-color: #00a9c5;
  background-color: #00a9c5;
}
.btn.accent:hover, .accent.accent-btn:hover, input.accent[type="submit"]:hover, .comment-respond .accent#submit:hover, .accent.blue-btn:hover {
  border-color: #1c1c1e;
  background-color: #1c1c1e;
}
.btn i, .accent-btn i, input[type="submit"] i, .comment-respond #submit i, .blue-btn i {
  margin: 0 0 0 10px;
}
.btn.small i, .small.accent-btn i, input.small[type="submit"] i, .comment-respond .small#submit i, .small.blue-btn i {
  margin: 0 0 0 10px;
}
.btn.large i, .large.accent-btn i, input.large[type="submit"] i, .comment-respond .large#submit i, .large.blue-btn i {
  margin: 0 0 0 17px;
}
.btn.extra_large i, .btn.full_width i, .extra_large.accent-btn i, input.extra_large[type="submit"] i, .comment-respond .extra_large#submit i, .extra_large.blue-btn i, .full_width.accent-btn i, input.full_width[type="submit"] i, .comment-respond .full_width#submit i, .full_width.blue-btn i {
  margin: 0 0 0 19px;
}

.accent-btn, input[type="submit"], .comment-respond #submit {
  border-color: #00a9c5;
  background-color: #00a9c5;
  color: #ffffff;
}
.accent-btn:hover, input[type="submit"]:hover, .comment-respond #submit:hover, .accent-btn:focus, input[type="submit"]:focus, .comment-respond #submit:focus, .accent-btn:active, input[type="submit"]:active, .comment-respond #submit:active {
  outline: 0;
  border-color: #9c9d9f;
  background-color: #9c9d9f;
}

.blue-btn {
  background-color: #1c1c1e;
}
.blue-btn:hover, .blue-btn:focus {
  outline: 0;
  background-color: #121213;
}
.blue-btn:active {
  background-color: #101011;
}

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

Stylesheet: Form Styles

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 12px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #444444;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  background-color: #ffffff;
  border: 2px solid #f1f1f1;
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  -webkit-transition: border-color 0.24s ease-in-out;
  transition: border-color 0.24s ease-in-out;
}
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  outline: 0;
  border: 2px solid #cbcbcb;
}
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #ffffff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type="submit"] {
  line-height: 32px;
}
input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #00a9c5;
  border-color: #00a9c5;
  color: #fff;
  text-decoration: none;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #9c9d9f;
}

form.wpcf7-form p {
  text-transform: uppercase;
  color: #9c9d9f;
  font-size: 12px;
  font-weight: bold;
}

form.wpcf7-form div.wpcf7-validation-errors {
  padding: 24px 24px 24px 52px;
  color: #d55d62;
  font-size: 14px;
  border-color: #d55d62;
  margin: 0;
  background-color: #fbe3e4;
  background-position: 5% 47%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
  -o-border-radius: 2px;
  border-radius: 2px;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
  color: #d55d62;
  text-transform: none;
  font-weight: normal;
}

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

Stylesheet: Animations Styles

******************************************************************/
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-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% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0,7;
  }
  100% {
    -webkit-transform: scale(1);
            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);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-8em);
            transform: translateY(-8em);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.animated.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8em);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8em);
            transform: translateY(-8em);
  }
}
.animated.slideUp {
  -webkit-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;
  animation-name: kenburns;
}

.kenburnsreverse {
  -webkit-animation-name: kenburnsreverse;
  animation-name: kenburnsreverse;
}

.kanimate {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 30s;
  -ms-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%;
  -ms-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% {
    -webkit-transform: scale(1.2);
            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% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/*********************
BASE
*********************/
/******************************************************************

Stylesheet: Base Stylesheet

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

[Table of contents]

1. BODY
2. LAYOUT & GRID STYLES
3. LINK STYLES
4. HEADINGS
5. HEADER
6. NAVIGATION
7. POSTS & CONTENT STYLES
8. FULLPAGE SLIDER
9. BLOG
10. PROJECTS
11. BLOCK GRID
12. SEARCH
13. PAGINATION
14. COMMENTS
15. COMMENTS REPLY
16. SIDEBAR & ASIDE
17. FOOTER

******************************************************************/
/* = 1. BODY
-------------------------------------------------------------- */
body {
  position: relative;
  font-size: 100%;
  line-height: 1.5em;
  color: #444444;
  background-color: #ffffff;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/* = 2. LAYOUT & GRID STYLES
-------------------------------------------------------------- */
.wrap {
  width: 90%;
  margin: 0 auto;
  padding: 2% 0 0 0;
  max-width: 1280px;
}

/* Columns  */
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth {
  position: relative;
  float: left;
  padding: 0;
  margin: 0 2% 0 0;
}

.one_half {
  width: 49%;
}

.one_third {
  width: 32%;
}

.two_third {
  width: 66%;
}

.one_fourth {
  width: 23.5%;
}

.three_fourth {
  width: 74.5%;
}

.last {
  margin-right: 0;
}

.last:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* = 3. LINK STYLES
-------------------------------------------------------------- */
a, a:visited {
  color: #00a9c5;
  text-decoration: none;
  transition: color 0.4s;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #0093ac;
}
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* = 4. HEADINGS
-------------------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  color: #1c1c1e;
  line-height: 1.333em;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.5em;
  font-weight: 700;
}

h2, .h2 {
  font-size: 1.35em;
}

h3, .h3 {
  font-size: 1.125em;
}

h4, .h4 {
  font-size: 1em;
}

h5, .h5 {
  font-size: 0.9em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* = 5. HEADER
-------------------------------------------------------------- */
#site-title {
  margin: 5px 0 0 0;
}

.normal #site-title a {
  color: #000;
}

.dark #site-title a {
  color: #000;
}

.light #site-title a {
  color: #fff;
}

header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 1.2em 0;
  background-color: #f7f7f7;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
}
header.header #inner-header {
  padding: 0;
}
header.header #inner-header .brand {
  position: relative;
  height: 76px;
}
header.header #inner-header .brand a {
  position: relative;
  display: block;
}
header.header #inner-header .brand img {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  width: auto !important;
  max-width: none;
  max-height: 76px;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
}
header.header #inner-header .brand img.light,
header.header #inner-header .brand img.dark {
  opacity: 0;
}

header.light #inner-header .brand img.normal {
  opacity: 0;
}
header.light #inner-header .brand img.dark {
  opacity: 0;
}
header.light #inner-header .brand img.light {
  opacity: 1;
}

header.dark #inner-header .brand img.normal {
  opacity: 0;
}
header.dark #inner-header .brand img.light {
  opacity: 0;
}
header.dark #inner-header .brand img.dark {
  opacity: 1;
}

header.normal #inner-header .brand img.light {
  opacity: 0;
}
header.normal #inner-header .brand img.dark {
  opacity: 0;
}
header.normal #inner-header .brand img.normal {
  opacity: 1;
}

header.headroom--not-top {
  padding: 0;
  background-color: #ffffff;
}
header.headroom--not-top .brand {
  height: 56px;
}

/* = 6. NAVIGATION
-------------------------------------------------------------- */
nav {
  position: relative;
}

.nav {
  margin: 0;
  padding: 0;
  float: right
  /* end .menu li */
}
.nav li {
  position: relative;
  float: left;
  height: 76px;
  line-height: 76px;
  padding: 0 0.75em
  /*
  drop down
  */
  /* showing sub-menus */
}
.nav li a {
  font-size: 0.9em;
  font-weight: normal;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}
.nav li a:hover, .nav li a:focus {
  text-decoration: none !important;
}
.nav li ul.sub-menu,
.nav li ul.children {
  position: absolute;
  left: -10px;
  top: -10px;
  padding: 4px 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 8999;
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-top: none;
  background: #ffffff;
}
.nav li ul.sub-menu li,
.nav li ul.children li {
  display: block;
  float: none;
  height: 39px;
  line-height: 39px;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  color: #9c9d9f;
  padding-left: 10px;
  display: block;
  width: 185px;
  padding-top: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  text-transform: none;
}
.nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
.nav li ul.children li a:hover,
.nav li ul.children li a:focus {
  color: #0093ac;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
  border-bottom: 0;
}
.nav li:hover ul {
  top: auto;
  overflow: visible;
  visibility: visible;
  animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
}

/* mobile navigation */
nav.mobile_menu {
  display: none;
  width: 100%;
  top: 0px;
  text-align: left;
  overflow: hidden;
}
nav.mobile_menu ul {
  display: none;
  width: 100%;
  position: relative;
  list-style: none;
  padding: 0 0 12px 0;
  margin: 0;
}
nav.mobile_menu ul li {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
nav.mobile_menu ul li a {
  color: #444444;
  text-align: left;
  padding: 10px;
  display: block;
  position: relative;
  text-transform: none;
  line-height: 24px;
  letter-spacing: 0;
}
nav.mobile_menu ul li a:hover {
  color: #00a9c5;
}
nav.mobile_menu ul li:last-child {
  border-bottom: none !important;
}
nav.mobile_menu ul li.active > a {
  color: #1c1c1e;
}
nav.mobile_menu ul li ul.sub-menu {
  margin: 0 !important;
  padding: 0 !important;
}
nav.mobile_menu ul li ul.sub-menu li a {
  font-size: 13px;
  font-weight: 400;
  padding-left: 24px;
  color: #9c9d9f;
  display: block;
  position: relative;
  text-transform: none;
  line-height: 26px;
  letter-spacing: 0;
}
nav.mobile_menu ul li ul.sub-menu li a:hover {
  color: #00a9c5;
}
nav.mobile_menu ul li ul.sub-menu li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile_menu_button {
  display: none;
  float: right;
  line-height: 76px;
}
.mobile_menu_button span {
  display: block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.mobile_menu_button span i {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  padding: 10px 14px;
  color: #ffffff;
}

/* Normal Style */
header.header .nav {
  /* highlight current page */
}
header.header .nav li a {
  color: #9c9d9f;
  text-transform: uppercase;
  font-size: 0.9em;
}
header.header .nav li a:hover, header.header .nav li a:focus {
  color: #00a9c5;
}
header.header .nav li ul.sub-menu li > a,
header.header .nav li ul.children li > a {
  color: #9c9d9f;
}
header.header .nav li ul.sub-menu li > a:hover,
header.header .nav li ul.children li > a:hover {
  color: #00a9c5;
}
header.header .nav li.current-menu-item a,
header.header .nav li.current_page_item a,
header.header .nav li.current-page-ancestor a,
header.header .nav li.current-menu-ancestor a {
  color: #00a9c5;
}

/* Dark Style */
header.dark .nav {
  /* highlight current page */
}
header.dark .nav li a {
  color: #9c9d9f;
}
header.dark .nav li a:hover {
  color: #00a9c5;
}
header.dark .nav li ul.sub-menu li > a,
header.dark .nav li ul.children li > a {
  color: #9c9d9f;
}
header.dark .nav li ul.sub-menu li > a:hover,
header.dark .nav li ul.children li > a:hover {
  color: #00a9c5;
}
header.dark .nav li.current-menu-item a,
header.dark .nav li.current_page_item a,
header.dark .nav li.current-page-ancestor a,
header.dark .nav li.current-menu-ancestor a {
  color: #00a9c5;
}
header.dark .mobile_menu_button span {
  color: #1c1c1e;
}

/* Light Style */
header.light .nav {
  /* highlight current page */
}
header.light .nav li a {
  color: #ffffff;
}
header.light .nav li a:hover {
  color: #9c9d9f;
}
header.light .nav li ul.sub-menu li > a,
header.light .nav li ul.children li > a {
  color: #9c9d9f;
}
header.light .nav li ul.sub-menu li > a:hover,
header.light .nav li ul.children li > a:hover {
  color: #00a9c5;
}
header.light .nav li.current-menu-item a,
header.light .nav li.current_page_item a,
header.light .nav li.current-page-ancestor a,
header.light .nav li.current-menu-ancestor a {
  color: #ffffff;
}
header.light .mobile_menu li {
  border-bottom: 1px solid #9c9d9f;
}
header.light .mobile_menu_button span {
  color: #ffffff;
}

/* HEADROOM: Normal Style */
header.headroom--not-top {
  background-color: #ffffff;
}
header.headroom--not-top .nav {
  /* highlight current page */
}
header.headroom--not-top .nav li a {
  color: #9c9d9f;
}
header.headroom--not-top .nav li a:hover {
  color: #00a9c5;
}
header.headroom--not-top .nav li ul.sub-menu,
header.headroom--not-top .nav li ul.children {
  background: #f7f7f7;
}
header.headroom--not-top .nav li ul.sub-menu li > a,
header.headroom--not-top .nav li ul.children li > a {
  color: #9c9d9f;
}
header.headroom--not-top .nav li ul.sub-menu li > a:hover,
header.headroom--not-top .nav li ul.children li > a:hover {
  color: #00a9c5;
}
header.headroom--not-top .nav li.current-menu-item a,
header.headroom--not-top .nav li.current_page_item a,
header.headroom--not-top .nav li.current-page-ancestor a,
header.headroom--not-top .nav li.current-menu-ancestor a {
  color: #00a9c5;
}

/* HEADROOM: Dark Style */
header.dark.headroom--not-top {
  background-color: #ffffff;
}
header.dark.headroom--not-top .nav {
  /* highlight current page */
}
header.dark.headroom--not-top .nav li a {
  color: #9c9d9f;
}
header.dark.headroom--not-top .nav li a:hover {
  color: #00a9c5;
}
header.dark.headroom--not-top .nav li ul.sub-menu,
header.dark.headroom--not-top .nav li ul.children {
  background: #ffffff;
}
header.dark.headroom--not-top .nav li ul.sub-menu li > a,
header.dark.headroom--not-top .nav li ul.children li > a {
  color: #9c9d9f;
}
header.dark.headroom--not-top .nav li ul.sub-menu li > a:hover,
header.dark.headroom--not-top .nav li ul.children li > a:hover {
  color: #00a9c5;
}
header.dark.headroom--not-top .nav li.current-menu-item a,
header.dark.headroom--not-top .nav li.current_page_item a,
header.dark.headroom--not-top .nav li.current-page-ancestor a,
header.dark.headroom--not-top .nav li.current-menu-ancestor a {
  color: #0093ac;
}

/* HEADROOM: Light Style */
header.light.headroom--not-top {
  background-color: #1c1c1e;
}
header.light.headroom--not-top .nav {
  /* highlight current page */
}
header.light.headroom--not-top .nav li a {
  color: #ffffff;
}
header.light.headroom--not-top .nav li a:hover {
  color: #9c9d9f;
}
header.light.headroom--not-top .nav li ul.sub-menu,
header.light.headroom--not-top .nav li ul.children {
  background: #1c1c1e;
}
header.light.headroom--not-top .nav li ul.sub-menu li > a,
header.light.headroom--not-top .nav li ul.children li > a {
  color: #ffffff;
}
header.light.headroom--not-top .nav li ul.sub-menu li > a:hover,
header.light.headroom--not-top .nav li ul.children li > a:hover {
  color: #9c9d9f;
}
header.light.headroom--not-top .nav li.current-menu-item a,
header.light.headroom--not-top .nav li.current_page_item a,
header.light.headroom--not-top .nav li.current-page-ancestor a,
header.light.headroom--not-top .nav li.current-menu-ancestor a {
  color: #0093ac;
}

body.single-projects header.header:not(.slideDown), body.page-template-template-homepage-fullscreen-php header.header:not(.slideDown) {
  background-color: transparent;
}
body.single-projects header.header.headroom--top, body.page-template-template-homepage-fullscreen-php header.header.headroom--top {
  background-color: transparent;
}
body.single-projects header.header.headroom--top .mobile_menu ul, body.page-template-template-homepage-fullscreen-php header.header.headroom--top .mobile_menu ul {
  background: #ffffff;
  padding: 24px;
}
body.single-projects header.header.headroom--top .mobile_menu ul li, body.page-template-template-homepage-fullscreen-php header.header.headroom--top .mobile_menu ul li {
  border-bottom: 1px solid #f7f7f7;
}
body.single-projects header.header.headroom--not-top .mobile_menu ul li, body.page-template-template-homepage-fullscreen-php header.header.headroom--not-top .mobile_menu ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
body.single-projects .sidebar, body.page-template-template-homepage-fullscreen-php .sidebar {
  padding: 2px 0 0 24px;
  border-left: none;
}

/* = 7. POSTS & CONTENT STYLES
-------------------------------------------------------------- */
#container {
  margin-top: 100px;
  visibility: hidden;
  z-index: 2000;
}

body.pace-done #container {
  visibility: visible;
  animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
}

#inner-content {
  padding: 72px 0 0;
  position: relative;
  background: #ffffff;
  z-index: 9000;
}

.archive-title,
.page-title,
.custom-post-type-title,
.entry-title,
.huge-title {
  margin: 0;
  padding: 0;
  font-size: 60px;
  font-weight: bold;
  line-height: 120%;
}

.archive-title {
  font-size: 32px;
}

.huge-title {
  font-size: 72px;
  max-width: 762px;
}

.hentry header {
  padding: 0 0 24px;
}
.hentry header h1 {
  margin: 0 0 2%;
}
.hentry footer {
  padding: 1.5em 0;
}
.hentry footer p {
  margin: 0;
}

body.page-template-default .hentry {
  max-width: 95%;
}

/* end .hentry */
/* article header */
/* end .article header */
/* entry content */
.entry-content {
  position: relative;
  width: 100%;
  display: block
  /* image alignment */
}
.entry-content time {
  color: #9c9d9f;
  margin: 0;
  padding: 0;
}
.entry-content h1 {
  margin: 0;
  padding: 0;
}
.entry-content h1 a {
  color: #1c1c1e;
}
.entry-content p {
  margin: 0 0 1.5em;
}
.entry-content table {
  width: 100%;
  border: 1px solid #f1f1f1;
  margin-bottom: 1.5em;
}
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #f7f7f7;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-content tr {
  border-bottom: 1px solid #f1f1f1;
}
.entry-content tr:nth-child(even) {
  background-color: #f7f7f7;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #f1f1f1;
  background: #ffffff;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #1c1c1e;
  color: #ffffff;
  padding: 0.75em;
  border: 1px solid #1c1c1e;
}
.entry-content blockquote {
  position: relative;
  margin: 1em 0;
  padding: 0 0 0 72px;
  font-size: 200%;
  line-height: 130%;
  text-align: left;
}
.entry-content blockquote:before {
  content: "\201C";
  /*Unicode for Left Double Quote*/
  /*Font*/
  font-family: Georgia, serif;
  font-size: 82px;
  font-weight: 700;
  color: #9c9d9f;
  /*Positioning*/
  position: absolute;
  left: 7px;
  top: 7px;
}
.entry-content blockquote p {
  color: #444444;
  margin: 0;
  padding: 0;
}
.entry-content blockquote cite {
  margin-top: 1%;
  display: block;
  font-size: 18px;
  text-align: left;
  font-style: italic;
  color: #9c9d9f;
}
.entry-content blockquote cite:before {
  padding-right: 8px;
  content: "—";
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}

/* end .entry-content */
.wp-caption {
  position: relative;
  max-width: 100%;
  margin-bottom: 24px
  /* images inside wp-caption */
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  position: absolute;
  font-size: 0.75em;
  margin: 0 0 5px 0;
  bottom: 1px;
  left: 0;
  padding: 5px;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  display: inline-block;
  min-width: 100%;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.post-title {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 350px;
}
.post-title h1 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0 4%;
  font-weight: 900;
  font-size: 60px;
  line-height: 1em;
  max-width: 600px;
  color: #ffffff;
}
.post-title .image-cover {
  position: absolute;
  top: 0;
  left: 0;
}

.tags {
  margin: 0;
}

.black {
  color: #1c1c1e;
}

.white {
  color: #ffffff;
}

.gray {
  color: #9c9d9f;
}

.accent {
  color: #00a9c5;
}

body.single-post .entry-content {
  margin: 0 auto;
  padding: 4%;
  width: 100%;
  max-width: 960px;
}
body.single-post .author_description {
  margin: 0 auto;
  width: 100%;
  padding: 4%;
  max-width: 960px;
  border-top: 3px solid #f1f1f1;
}
body.single-post .author_description .author_description_inner {
  display: inline-block;
}
body.single-post .author_description .author_description_inner .image {
  display: inline-block;
  float: left;
  width: 100px;
}
body.single-post .author_description .author_description_inner .image img {
  border-radius: 50%;
}
body.single-post .author_description .author_description_inner .author_text_holder {
  margin-left: 100px;
}
body.single-post .author_description .author_description_inner .author_text_holder h4 {
  margin: 0;
}

/* = 8. FULLPAGE SLIDER
-------------------------------------------------------------- */
body.page-template-template-homepage-fullscreen-php header.header {
  background-color: transparent;
}
body.page-template-template-homepage-fullscreen-php #container {
  margin-top: 0;
}
body.page-template-template-homepage-fullscreen-php div.section.cover {
  position: relative;
  visibility: hidden;
  animation: fadeOut 2s;
  -webkit-animation: fadeOut 2s;
}
body.page-template-template-homepage-fullscreen-php div.section.cover .inner {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
}
body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta {
  position: absolute;
  left: 2em;
  bottom: 2em;
  width: 100%;
  max-width: 450px;
  height: auto;
  padding: 48px;
  text-align: left;
  background: #ffffff;
  white-space: wrap;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
}
body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta .page-title {
  font-size: 60px;
  margin-top: 0;
  line-height: 100%;
  margin-bottom: 24px;
}
body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta .page-title a {
  color: #1c1c1e;
}
body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta p {
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  color: #444444;
}

body.pace-done div.section.cover {
  visibility: visible;
  animation: fadeIn 1.5s;
  -webkit-animation: fadeIn 1.5s;
}

/* = 9. BLOG
-------------------------------------------------------------- */
.blog_holder.masonry {
  margin-left: -2%
  /* Columns */
  /* Format Quote */
  /* Format Video */
}
.blog_holder.masonry li {
  display: inline-block;
  margin: 0 0 24px 2%;
  width: 31.3%;
  text-align: left;
  vertical-align: top;
}
.blog_holder.masonry li:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog_holder.masonry .post_image {
  overflow: hidden;
  -webkit-transform: translateZ(0px);
}
.blog_holder.masonry .post_image img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.blog_holder.masonry .format {
  position: absolute;
  top: 21px;
  right: 21px;
  z-index: 200;
}
.blog_holder.masonry .format i {
  color: #ffffff;
}
.blog_holder.masonry .post_image,
.blog_holder.masonry .post_image > a,
.blog_holder.masonry .post_image img,
.blog_holder.masonry .post_text {
  position: relative;
  width: 100%;
}
.blog_holder.masonry .post_text {
  display: inline-block;
  padding: 32px 32px 54px;
  background: #f7f7f7;
}
.blog_holder.masonry .post_text time {
  color: #9c9d9f;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.blog_holder.masonry .post_text h4 {
  margin: 0;
  padding: 0;
  line-height: 120%;
  font-size: 175%;
}
.blog_holder.masonry .post_text h4 a {
  color: #1c1c1e;
}
.blog_holder.masonry .post_meta {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 32px;
  width: 100%;
  line-height: 32px;
  background: #f1f1f1;
}
.blog_holder.masonry .post_meta span {
  display: inline-block;
  line-height: 32px;
  margin: 0;
  font-size: 12px;
  color: #9c9d9f;
}
.blog_holder.masonry .post_meta span a {
  color: #9c9d9f;
  text-decoration: none;
}
.blog_holder.masonry .post_meta span a:hover {
  color: #00a9c5;
}
.blog_holder.masonry.small li {
  width: 23%;
}
.blog_holder.masonry.small li h4 {
  font-size: 130%;
}
@media only screen and (min-width: 999px) and (max-width: 1140px) {
  .blog_holder.masonry.small li {
    width: 31.2%;
  }
}
@media only screen and (max-width: 1000px) {
  .blog_holder.masonry li {
    width: 48%;
  }
  .blog_holder.masonry.small li {
    width: 48%;
  }
}
@media only screen and (max-width: 720px) {
  .blog_holder.masonry li {
    width: 100%;
  }
  .blog_holder.masonry.small li {
    width: 100%;
  }
}
.blog_holder.masonry .format-quote .post_text {
  padding-top: 54px;
  background: #1c1c1e;
}
.blog_holder.masonry .format-quote .post_text .quote_holder {
  position: relative;
  display: block;
  min-height: 36px;
}
.blog_holder.masonry .format-quote .post_text .quote_holder .post_title {
  padding: 0 0 0 55px;
}
.blog_holder.masonry .format-quote .post_text .quote_holder .post_title h4 {
  color: #ffffff;
}
.blog_holder.masonry .format-quote .post_text .quote_holder .qoute_mark {
  position: relative;
  top: 2px;
  display: block;
  float: left;
}
.blog_holder.masonry .format-quote .post_text .quote_holder .qoute_mark i {
  font-size: 38px;
  line-height: 38px;
  color: #9c9d9f;
}
.blog_holder.masonry .format-quote .post_text .quote_holder .quote_author {
  display: block;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 4px;
  color: #9c9d9f;
  margin: 12px 55px 0;
  text-transform: uppercase;
}
.blog_holder.masonry .format-video .video {
  position: relative;
}
.blog_holder.masonry .format-video .video .mobile-video-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

body.page-template-default .blog_holder.masonry li {
  width: 48%;
}
body.page-template-default .blog_holder.masonry.small li {
  width: 48%;
}

.touch .blog_holder .post_image img,
.touch .blog_holder li:hover .post_image img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

div.more_button {
  display: none;
}

div#infscr-loading {
  display: block;
  clear: both;
}

/* = 10. PROJECTS
-------------------------------------------------------------- */
body.single-projects .project-cover {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.single-projects #content {
  position: relative;
  width: 100%;
  max-height: 100%;
}
body.single-projects #content #down_button {
  position: absolute;
  bottom: 48px;
  width: 80px;
  height: 80px;
  z-index: 200;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.single-projects #content #down_button a {
  color: #ffffff;
}
body.single-projects #inner-content {
  padding: 2% 0 0;
}
body.single-projects #inner-content .entry-content {
  max-width: 100%;
}

/* = 11. BLOCK GRID
-------------------------------------------------------------- */
.block-grid {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.block-grid .block-item {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
  visibility: hidden;
  background-color: #f7f7f7;
}
.block-grid .block-item a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.block-grid .block-item .image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.block-grid .block-item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 24px;
  width: 75%;
  opacity: 0.9;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.block-grid .block-item .text h1 {
  font-size: 20px;
  line-height: 25px;
  text-transform: none;
  margin-bottom: 0;
  opacity: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-font-smoothing: antialiased;
}
.block-grid .block-item .text p {
  opacity: 0;
  line-height: 140%;
}
.block-grid .block-item .text.white p, .block-grid .block-item .text.white h1 {
  color: #ffffff !important;
}
.block-grid .block-item .text.black p, .block-grid .block-item .text.black h1 {
  color: #1c1c1e !important;
}
.block-grid .block-item:hover a .image {
  opacity: 0.1;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.block-grid .block-item:hover a .text {
  opacity: 0.9;
}
.block-grid .block-item:hover a .text p {
  opacity: 1;
}
.block-grid .block-item.half-width a .text h1 {
  font-size: 180%;
  max-width: 250px;
  line-height: 140%;
}
.block-grid .block-item.half-width a .text p {
  font-size: 140%;
}
.block-grid .block-item.quarter-width a .text p {
  font-size: 14px;
}

body.pace-done .block-grid .block-item {
  visibility: visible;
  animation: fadeIn 1.5s;
  -webkit-animation: fadeIn 1.5s;
}

.project-meta {
  margin: 0;
  padding: 0;
  list-style: 0;
}
.project-meta li {
  margin: 0 0 12px 0;
}
.project-meta li h4 {
  margin: 0;
}

video#hero {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
}

.quarter-width {
  width: 25%;
}

.third-width {
  width: 33.33%;
}

.half-width {
  width: 50%;
}

/* = 12. SEARCH
-------------------------------------------------------------- */
body.search h1.archive-title {
  color: #9c9d9f;
}
body.search h1.archive-title span {
  color: #1c1c1e;
}
body.search div#main {
  margin-bottom: 4%;
}
body.search div#main ul li {
  width: 50%;
  height: 200px;
  display: inline-block;
  float: left;
  padding: 1em 0 0 0;
  border-bottom: 1px solid #f7f7f7;
}
body.search div#main ul li:nth-child(odd) {
  border-right: 1px solid #f7f7f7;
}
body.search div#main ul li section {
  padding: 1em;
}
body.search div#main ul li section h2 {
  margin-bottom: 12px;
}

/* = 13. PAGINATION
-------------------------------------------------------------- */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  display: block !important;
  text-align: center;
}
.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}
.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #9c9d9f;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  color: #0093ac;
}
.pagination .current {
  cursor: default;
  color: #444444;
}
.pagination .current:hover, .pagination .current:focus {
  color: #444444;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next ul {
  width: 100%;
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
.projects-pagination {
  margin-top: 2%;
  background: #ffffff;
}
.projects-pagination .wrap {
  border-top: 1px solid #f1f1f1;
  padding: 0;
}
.projects-pagination ul {
  display: inline;
  width: 100%;
  padding: 0;
  margin: 0;
}
.projects-pagination ul li {
  display: inline;
  padding: 2% 0;
}
.projects-pagination ul li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
.projects-pagination ul li a span {
  position: relative;
  display: inline-block;
  bottom: 8px;
}
.projects-pagination .prev-nav {
  width: 46%;
  float: left;
}
.projects-pagination .back-nav {
  width: 8%;
  text-align: center;
  float: left;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.projects-pagination .back-nav i {
  padding-top: 10px;
  font-size: 32px;
}
.projects-pagination .next-nav {
  width: 46%;
  text-align: right;
  float: right;
}

/* = 14. COMMENTS
-------------------------------------------------------------- */
div#respond-container {
  max-width: 960px;
  margin: 0 auto 48px auto;
  background: #f7f7f7;
  padding: 4%;
  border-radius: 3px
  /* h3 comment title */
}
div#respond-container #comments-title {
  margin: 0;
  padding: 0
  /* number of comments span */
}

.commentlist {
  margin: 24px 0 0 0;
  list-style-type: none;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 0
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */
}
.comment .comment-author {
  padding: 0;
  border: 0;
}
.comment .vcard {
  margin-left: 90px;
}
.comment .vcard h4 {
  padding: 12px 0 0 0;
  margin: 0;
  display: block;
}
.comment .vcard time {
  font-size: 13px;
}
.comment .vcard time a {
  color: #9c9d9f;
  text-decoration: none;
}
.comment .vcard time a:hover {
  text-decoration: underline;
}
.comment .vcard .avatar {
  position: absolute;
  left: 0;
  border-radius: 50%;
}
.comment:last-child {
  margin-bottom: 0;
}
.comment .children {
  margin: 0
  /* variations */
  /* change number for different depth */
}
.comment[class*=depth-] {
  margin-top: 1.1em;
}
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.comment:not(.depth-1) {
  margin: 0 0 24px 90px;
}

/* comment meta */
/* comment content */
.comment_content {
  margin: 24px 0 24px 90px;
}
.comment_content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 12px;
  text-transform: uppercase;
}

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/* = 15. COMMENTS REPLY
-------------------------------------------------------------- */
.comment-respond {
  padding-top: 24px
  /* comment submit button */
  /* comment form title */
  /* cancel comment reply link */
  /* logged in comments */
  /* allowed tags */
  /* no comments */
}
.comment-respond #reply-title {
  margin: 0;
  padding: 0;
}
.comment-respond .logged-in-as {
  color: #9c9d9f;
  margin: 0;
  font-size: 13px;
}
.comment-respond .comment-form-comment {
  margin: 1.5em 0 0.75em;
}
.comment-respond .form-allowed-tags {
  padding: 0;
  font-size: 0.75em;
  color: #9c9d9f;
}
.comment-respond #comment-form-title {
  margin: 0 0 1.1em;
}
.comment-respond .nocomments {
  margin: 0 20px 1.1em;
}

/* = 16. SIDEBAR & ASIDE
-------------------------------------------------------------- */
.homepage-widget-area .widget {
  margin: 0px !important;
  padding: 0px !important;
}

.widget_wplook_staff_widget {
  margin-top: 80px;
  margin-bottom: 80px;
}

.sidebar {
  padding: 2px 0 0 42px;
  border-left: 1px solid #f1f1f1;
}

.widgettitle {
  padding: 0;
  margin: 0 0 4% 0;
}

.widget {
  margin-bottom: 24px;
}
.widget ul {
  clear: both;
  width: 100%;
}
.widget ul li {
  padding: 0.75em 0;
  border-bottom: 1px solid #f7f7f7
  /* deep nesting */
}
.widget ul li:last-child {
  border-bottom: none;
}
.widget ul li a {
  padding-bottom: 0.15em;
}
.widget ul li ul {
  border-top: 1px solid #f7f7f7;
  margin-top: 0.75em;
  padding-left: 1em;
}

.no-widgets {
  background-color: #ffffff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

/* custom menu */
.widget_nav_menu ul {
  clear: both;
}
.widget_nav_menu ul li {
  display: inline-block;
  width: 100%;
}
.widget_nav_menu ul li.current-menu-item > a {
  color: #1c1c1e;
}
.widget_nav_menu ul li ul > li {
  padding: 0.35em 0;
}

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
.widget_search #searchform {
  width: 100%;
}

/* text widget */
/* = 17. FOOTER
-------------------------------------------------------------- */
.footer {
  position: relative;
  z-index: 9000;
  visibility: hidden;
  background: #ffffff
  /* widgets */
}
.footer #inner-footer {
  border-top: 1px solid #f1f1f1;
  color: #9c9d9f;
  padding-bottom: 32px;
}
.footer .widget {
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  width: 33.3333333%;
  padding: 0;
  margin: 0
  /* widget title */
  /* custom menu */
  /* text widget */
}
.footer .widget .widgettitle {
  font-size: 18px;
  padding: 0.75em 0 0;
  margin: 0;
  color: #1c1c1e;
}
.footer .widget .widget_nav_menu ul {
  clear: both;
}
.footer .widget .widget_nav_menu ul li {
  display: inline-block;
  width: 100%;
  padding: 0.25em;
  border-bottom: 1px solid rgba(64, 64, 64, 0.5);
}
.footer .widget .widget_nav_menu ul li a {
  font-size: 14px;
  color: #9c9d9f;
}
.footer .widget .widget_nav_menu ul li a:hover {
  color: #00a9c5;
}
.footer .widget .widget_nav_menu ul li:last-child {
  border-bottom: none;
}
.footer .widget .textwidget a {
  color: #00a9c5;
}
.footer .widget .textwidget a:hover {
  color: #00a9c5;
}
.footer .widget .textwidget .fa {
  display: block;
  color: #9c9d9f;
  font-size: 32px;
  margin: 0 0 18px 0;
}
.footer .footer-bottom {
  margin: 24px 0 0 0;
  text-align: center;
}
.footer .footer-bottom .widget {
  width: 100%;
}
.footer .footer-bottom .textwidget a .fa {
  color: #9c9d9f;
  font-size: 24px;
  margin: 0;
}
.footer .footer-bottom .textwidget a:hover .fa {
  color: #00a9c5;
}

body.pace-done .footer {
  visibility: visible;
  animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1em !important;
  min-height: inherit !important;
  min-height: auto !important;
}

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important;
}

.syntaxhighlighter.source {
  overflow: hidden !important;
}

.syntaxhighlighter .bold {
  font-weight: bold !important;
}

.syntaxhighlighter .italic {
  font-style: italic !important;
}

.syntaxhighlighter .line {
  white-space: pre !important;
}

.syntaxhighlighter table {
  width: 100% !important;
}

.syntaxhighlighter table caption {
  text-align: left !important;
  padding: .5em 0 0.5em 1em !important;
}

.syntaxhighlighter table td.code {
  width: 100% !important;
}

.syntaxhighlighter table td.code .container {
  position: relative !important;
}

.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: white !important;
  padding-left: 1em !important;
  overflow: hidden !important;
  white-space: pre !important;
}

.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important;
}

.syntaxhighlighter table td.code .line {
  padding: 0 1em !important;
}

.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em !important;
}

.syntaxhighlighter.show {
  display: block !important;
}

.syntaxhighlighter.collapsed table {
  display: none !important;
}

.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em !important;
  font-size: 1em !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
}

.syntaxhighlighter.collapsed .toolbar span {
  display: inline !important;
  margin-right: 1em !important;
}

.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0 !important;
  display: none !important;
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline !important;
}

.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 10px !important;
  z-index: 10 !important;
}

.syntaxhighlighter .toolbar span.title {
  display: inline !important;
}

.syntaxhighlighter .toolbar a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 1px !important;
}

.syntaxhighlighter .toolbar a.expandSource {
  display: none !important;
}

.syntaxhighlighter.ie {
  font-size: .9em !important;
  padding: 1px 0 1px 0 !important;
}

.syntaxhighlighter.ie .toolbar {
  line-height: 8px !important;
}

.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px !important;
}

.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none !important;
}

.syntaxhighlighter.printing .line .number {
  color: #bbbbbb !important;
}

.syntaxhighlighter.printing .line .content {
  color: black !important;
}

.syntaxhighlighter.printing .toolbar {
  display: none !important;
}

.syntaxhighlighter.printing a {
  text-decoration: none !important;
}

.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black !important;
}

.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200 !important;
}

.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue !important;
}

.syntaxhighlighter.printing .keyword {
  color: #006699 !important;
  font-weight: bold !important;
}

.syntaxhighlighter.printing .preprocessor {
  color: gray !important;
}

.syntaxhighlighter.printing .variable {
  color: #aa7700 !important;
}

.syntaxhighlighter.printing .value {
  color: #009900 !important;
}

.syntaxhighlighter.printing .functions {
  color: #ff1493 !important;
}

.syntaxhighlighter.printing .constants {
  color: #0066cc !important;
}

.syntaxhighlighter.printing .script {
  font-weight: bold !important;
}

.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray !important;
}

.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493 !important;
}

.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red !important;
}

.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black !important;
}

.syntaxhighlighter {
  background-color: white !important;
}

.syntaxhighlighter .line.alt1 {
  background-color: white !important;
}

.syntaxhighlighter .line.alt2 {
  background-color: white !important;
}

.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0 !important;
}

.syntaxhighlighter .line.highlighted.number {
  color: black !important;
}

.syntaxhighlighter table caption {
  color: black !important;
}

.syntaxhighlighter .gutter {
  color: #afafaf !important;
}

.syntaxhighlighter .gutter .line {
  border-right: 3px solid #6ce26c !important;
}

.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c !important;
  color: white !important;
}

.syntaxhighlighter.printing .line .content {
  border: none !important;
}

.syntaxhighlighter.collapsed {
  overflow: visible !important;
}

.syntaxhighlighter.collapsed .toolbar {
  color: blue !important;
  background: white !important;
  border: 1px solid #6ce26c !important;
}

.syntaxhighlighter.collapsed .toolbar a {
  color: blue !important;
}

.syntaxhighlighter.collapsed .toolbar a:hover {
  color: red !important;
}

.syntaxhighlighter .toolbar {
  color: white !important;
  background: #6ce26c !important;
  border: none !important;
}

.syntaxhighlighter .toolbar a {
  color: white !important;
}

.syntaxhighlighter .toolbar a:hover {
  color: black !important;
}

.syntaxhighlighter .plain,
.syntaxhighlighter .plain a {
  color: black !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
  color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a {
  color: blue !important;
}

.syntaxhighlighter .keyword {
  color: #006699 !important;
}

.syntaxhighlighter .preprocessor {
  color: gray !important;
}

.syntaxhighlighter .variable {
  color: #aa7700 !important;
}

.syntaxhighlighter .value {
  color: #009900 !important;
}

.syntaxhighlighter .functions {
  color: #ff1493 !important;
}

.syntaxhighlighter .constants {
  color: #0066cc !important;
}

.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #006699 !important;
  background-color: none !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a {
  color: gray !important;
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a {
  color: #ff1493 !important;
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a {
  color: red !important;
}

.syntaxhighlighter .keyword {
  font-weight: bold !important;
}

.syntaxhighlighter {
  margin: 12px 0 !important;
}

.syntaxhighlighter table td.code .line {
  line-height: 1.5em !important;
  background-color: #f7f7f7 !important;
}

.syntaxhighlighter .line.alt2 {
  background-color: #f7f7f7 !important;
}

.syntaxhighlighter .line {
  white-space: inherit !important;
}

.syntaxhighlighter {
  margin: 24px 0 !important;
  padding: 12px !important;
  background-color: #f7f7f7 !important;
  border-left: 5px solid #00a9c5 !important;
}

/*********************
MEDIA QUERIES
*********************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* 769px to max-width 1024px */
  /* = NAVIGATION
  -------------------------------------------------------------- */
  .header nav[role=navigation] {
    display: none;
  }

  .header nav.mobile_menu {
    display: block;
  }

  .header .mobile_menu_button {
    display: table;
  }

  /* = LAYOUT & GRID STYLES
  -------------------------------------------------------------- */
  /* Columns  */
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth {
    width: 48%;
  }

  .archive-title,
  .page-title,
  .custom-post-type-title,
  .entry-title,
  .huge-title {
    font-size: 48px;
    line-height: 120%;
  }

  /* = BLOCK GRID STYLES
  -------------------------------------------------------------- */
  .quarter-width,
  .third-width,
  .half-width {
    width: 50%;
  }

  /* = SHORTCODES
  -------------------------------------------------------------- */
  .shortcode_price_table_holder.two_columns .shortcode_price_table,
  .shortcode_price_table_holder.three_columns .shortcode_price_table,
  .shortcode_price_table_holder.four_columns .shortcode_price_table,
  .shortcode_price_table_holder.five_columns .shortcode_price_table {
    width: 50%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* 481px to 768px */
  /* = NAVIGATION
  -------------------------------------------------------------- */
  .header nav[role=navigation] {
    display: none;
  }

  .header nav.mobile_menu {
    display: block;
  }

  .header .mobile_menu_button {
    display: table;
  }

  /* = LAYOUT & GRID STYLES
  -------------------------------------------------------------- */
  /* Columns  */
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth {
    width: 100%;
    margin: 0;
  }

  .archive-title,
  .page-title,
  .custom-post-type-title,
  .entry-title,
  .huge-title {
    font-size: 48px;
    line-height: 120%;
  }

  /* = BLOCK GRID STYLES
  -------------------------------------------------------------- */
  .quarter-width,
  .third-width,
  .half-width {
    width: 100%;
  }

  /* = FULLSCREEN SLIDER
  -------------------------------------------------------------- */
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta {
    width: 80%;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta .page-title {
    font-size: 42px;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta p {
    font-size: 16px;
    line-height: 150%;
  }

  /* = PAGINATION
  -------------------------------------------------------------- */
  .projects-pagination .prev-nav {
    width: 45%;
  }
  .projects-pagination .back-nav {
    width: 10%;
  }
  .projects-pagination .back-nav i {
    padding-top: 8px;
    font-size: 32px;
  }
  .projects-pagination .next-nav {
    width: 45%;
  }

  /* = SHORTCODES
  -------------------------------------------------------------- */
  .shortcode_price_table_holder.two_columns .shortcode_price_table,
  .shortcode_price_table_holder.three_columns .shortcode_price_table,
  .shortcode_price_table_holder.four_columns .shortcode_price_table,
  .shortcode_price_table_holder.five_columns .shortcode_price_table {
    width: 100%;
    margin-bottom: 24px;
  }

  .shortcode_text_columns.two-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.four-cols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
  /* 321px to 480px */
  /* = GENERAL STYLES
  -------------------------------------------------------------- */
  body {
    font-size: 90%;
    line-height: 1.4em;
  }

  /* = NAVIGATION
  -------------------------------------------------------------- */
  .header nav[role=navigation] {
    display: none;
  }

  .header nav.mobile_menu {
    display: block;
  }

  .header .mobile_menu_button {
    display: table;
  }

  /* = LAYOUT & GRID STYLES
  -------------------------------------------------------------- */
  /* Columns  */
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth {
    width: 100%;
    margin: 0;
  }

  .archive-title,
  .page-title,
  .custom-post-type-title,
  .entry-title,
  .huge-title {
    font-size: 32px;
    line-height: 120%;
  }

  p.lead {
    font-size: 14px;
  }

  /* = BLOCK GRID STYLES
  -------------------------------------------------------------- */
  .quarter-width,
  .third-width,
  .half-width {
    width: 100%;
  }

  /* = FULLSCREEN SLIDER
  -------------------------------------------------------------- */
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta {
    width: 80%;
    padding: 24px;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta .page-title {
    font-size: 32px;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta p {
    font-size: 14px;
    line-height: 140%;
  }

  /* = WIDGETS
  -------------------------------------------------------------- */
  .footer .widget {
    padding-top: 4%;
    width: 100%;
  }

  /* = PAGINATION
  -------------------------------------------------------------- */
  .projects-pagination .prev-nav {
    width: 40%;
  }
  .projects-pagination .prev-nav a {
    font-size: 12px;
  }
  .projects-pagination .back-nav {
    width: 20%;
  }
  .projects-pagination .back-nav i {
    padding-top: 8px;
    font-size: 28px;
  }
  .projects-pagination .next-nav {
    width: 40%;
  }
  .projects-pagination .next-nav a {
    font-size: 12px;
  }

  /* = SHORTCODES
  -------------------------------------------------------------- */
  .shortcode_price_table_holder.two_columns .shortcode_price_table,
  .shortcode_price_table_holder.three_columns .shortcode_price_table,
  .shortcode_price_table_holder.four_columns .shortcode_price_table,
  .shortcode_price_table_holder.five_columns .shortcode_price_table {
    width: 100%;
    margin-bottom: 24px;
  }

  .shortcode_text_columns.two-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.four-cols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (max-width: 320px) {
  /* max-width : 320px */
  /* = NAVIGATION
  -------------------------------------------------------------- */
  .header nav[role=navigation] {
    display: none;
  }

  .header nav.mobile_menu {
    display: block;
  }

  .header .mobile_menu_button {
    display: table;
  }

  /* = LAYOUT & GRID STYLES
  -------------------------------------------------------------- */
  /* Columns  */
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth {
    width: 100%;
    margin: 0;
  }

  .archive-title,
  .page-title,
  .custom-post-type-title,
  .entry-title,
  .huge-title {
    font-size: 24px;
    line-height: 120%;
  }

  p.lead {
    font-size: 14px;
  }

  /* = BLOCK GRID STYLES
  -------------------------------------------------------------- */
  .quarter-width,
  .third-width,
  .half-width {
    width: 100%;
  }

  /* = FULLSCREEN SLIDER
  -------------------------------------------------------------- */
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta {
    width: 81%;
    padding: 24px;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta .page-title {
    font-size: 24px;
  }
  body.page-template-template-homepage-fullscreen-php div.section.cover .inner .post-meta p {
    display: none;
  }

  /* = SHORTCODES
  -------------------------------------------------------------- */
  .shortcode_price_table_holder.two_columns .shortcode_price_table,
  .shortcode_price_table_holder.three_columns .shortcode_price_table,
  .shortcode_price_table_holder.four_columns .shortcode_price_table,
  .shortcode_price_table_holder.five_columns .shortcode_price_table {
    width: 100%;
    margin-bottom: 24px;
  }

  .shortcode_text_columns.two-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.four-cols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
/*********************
RETINA (2x RESOLUTION DEVICES)
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  ******************************************************************/
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  
  Stylesheet: Print Stylesheet
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}