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

Stylesheet: Main Stylesheet
Note: This is the compiled stylesheet from your SaSS compiler.

[Table of contents]

1. SaSS Functions
	1.1. Color Functions
	1.2. Responsive Helper Function
2. SaSS Mixins
	2.1. Font Smoothing
	2.2. Links
	2.3. Transition
	2.4. CSS3 Gradients
	2.5. Box Sizing
	2.6. Vertical & Horizontal Alignment
3. SaSS Variables
	3.1. Colors
4. Normalize
	4.1. HTML5 display definitions
	4.2. Base
	4.3. Links
	4.4. Typography
	4.5. Lists
	4.6. Embedded content
	4.7. Forms
	4.8. Tables
5. The Grid
	5.1. Mobile Grid Styles
	5.2. Portrait tablet to landscape
	5.3. Landscape to small desktop
6. Typography
	6.1. Font Stack
7. Shortcodes
	7.1. Row
	7.2. Helper Classes
	7.3. Google Map
	7.4. Highlight
	7.5. Line
	7.6. Heading Block
	7.7. Text Block
	7.8. Divider
	7.9. Text Column
	7.10. Lists
	7.11. List Images
	7.12. Icon with Title
	7.13. Team member
	7.14. Social Icons
	7.15. Service Tables
	7.16. Pricing Tables
	7.17. Padding
8. Modules
	8.1. Alerts
	8.2. Buttons
	8.3. Forms
	8.4. Animations
9. Base
	9.1. Body
	9.2. Body Classes
	9.3. Structure
	9.4. Columns
	9.5. Links
	9.6. Headings
	9.7. Header
	9.8. Navigation
		9.8.1. Dropdown Navigation
		9.8.2. Secondary Navigation
		9.8.3. Mobile Navigation
		9.8.4. Inverted Header Navigation
	9.9. Posts & Content Styles
		9.9.1. Hentry
		9.9.2. Page Header
		9.9.3. Entry Content
		9.9.4. Gallery
	9.10 Blog
		9.10.1. Post Header
		9.10.2. Featured Posts
		9.10.3. Normal Posts
		9.10.4. Shortcode Posts
		9.10.5. Post Meta
		9.10.6. Author Description
		9.10.7. Single Post
	9.11. Projects
		9.11.1. Project Grid
	9.12. Search
	9.13. Pagination
		9.13.1. Project Pagination
	9.14. Comments
		9.14.1. Comment Reply
	9.15. Sidebar
		9.15.1. Widget
	9.16. Footer
		9.16.1. Footer Widget
	9.17. Syntax Highlighter
	9.18. MaxCycle
	9.19. Sliding Panel
	9.20. Core Owl Carousel
		9.20.1. Owl Carousel Owl Theme
10. Media Queries
	10.1. max-width : 1280px
	10.2. max-width : 1024px
	10.3. max-width : 768px
	10.4. max-width : 480px
	10.5. max-width : 420px
11. Retina
12. Print

******************************************************************/
/* = 1. SaSS Functions
-------------------------------------------------------------- */
/* = 1.1 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);

-------------------------------------------------------------- */
/* = 1.2 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%;

-------------------------------------------------------------- */
/* = 2. SaSS Mixins
-------------------------------------------------------------- */
/* = 2.1 Font Smoothing

-------------------------------------------------------------- */
/* = 2.2 Links

-------------------------------------------------------------- */
/* = 2.3 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);

-------------------------------------------------------------- */
/* = 2.4 CSS3 Gradients

Be careful with these since they can
really slow down your CSS. Don't overdo it.

-------------------------------------------------------------- */
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* = 2.5 Box Sizing

NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway?

-------------------------------------------------------------- */
/* @include box-sizing(border-box); */
/* = 2.6 Vertical & Horizontal Alignment

-------------------------------------------------------------- */
/* @include vertical-align(); */
/* @include horizontal-align(); */
/* = 3. SaSS Variables
-------------------------------------------------------------- */
/* = 3.1 Colors

-------------------------------------------------------------- */
/* = 4. Normalize
-------------------------------------------------------------- */
/* = 4.1 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; }

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

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

/* = 4.4 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 {
  -moz-box-sizing: content-box;
  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;
  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; }

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

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

/* = 4.6 Figures

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

/* = 4.7 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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 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 */ }

/* = 4.8 Tables

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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; }

/* = 5. The Grid
-------------------------------------------------------------- */
.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;
  column-count: 2;
  column-gap: 24px;
  column-fill: auto; }

/* = 5.1 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%; } }
/* = 5.2 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%; } }
/* = 5.3 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%; } }
/* = 6. Typography
-------------------------------------------------------------- */
/* = 6.1 Font Stack

-------------------------------------------------------------- */
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  color: #8c8c8c; }

.font-smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* = 7. Shortcodes
-------------------------------------------------------------- */
/* = 7.1 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; }
  .row.pattern {
    background: url("../images/pattern.png") repeat 0 0; }

/* = 7.2 Helper Classes

-------------------------------------------------------------- */
.lead {
  display: block;
  color: #8c8c8c;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.white {
  color: #ffffff; }

.gray {
  color: #8c8c8c; }

.black {
  color: #000000; }

.light-gray {
  color: #f9f9f9; }

.medium-gray {
  color: #d7d7d7; }

.dark-gray {
  color: #272727; }

.text-color {
  color: #8c8c8c; }

.accent {
  color: #fcf751; }

.hard-start, .hard-top {
  padding-top: 0 !important;
  margin-top: 0 !important; }

.hard-end, .hard-bottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }

/* = 7.3 Google Map

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

/* = 7.4 Highlight

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

/* = 7.5 Line

-------------------------------------------------------------- */
.line {
  position: relative;
  display: block;
  margin: 24px 0;
  width: 30px;
  height: 3px; }
  .line.white {
    border-top: 3px solid #ffffff; }
  .line.black {
    border-top: 3px solid #000000; }
  .line.gray {
    border-top: 3px solid #8c8c8c; }
  .line.light-gray {
    border-top: 3px solid #f9f9f9; }
  .line.accent {
    border-top: 3px solid #fcf751; }
  .line.center {
    margin: 12px auto; }
  .line.small {
    width: 30px;
    height: 3px; }
  .line.medium {
    width: 125px;
    height: 3px; }
  .line.full {
    width: 100%;
    height: 3px; }

/* = 7.6 Heading Block

-------------------------------------------------------------- */
.shortcode_heading_block {
  width: 100%;
  height: auto;
  padding: 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%; }

/* = 7.7 Text Block

-------------------------------------------------------------- */
.shortcode_text_block {
  position: relative;
  width: 100%;
  height: auto;
  padding: 72px 0;
  margin: 0 auto;
  text-align: center;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }
  .shortcode_text_block .title {
    padding: 0;
    letter-spacing: 4px;
    margin: 0 0 24px 0; }
  .shortcode_text_block p.lead {
    margin: 0;
    padding: 0; }

/* = 7.8 Divider

-------------------------------------------------------------- */
.shortcode_divider {
  height: 30px;
  margin: 72px auto 42px;
  width: 100%;
  border-top: 2px solid #d7d7d7; }
  .shortcode_divider h3 {
    display: block;
    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; }

/* = 7.9 Text Column

-------------------------------------------------------------- */
.shortcode_text_columns {
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  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; }

/* = 7.10 Lists

-------------------------------------------------------------- */
ul.plain, ul.border, ul.ordered, ul.unordered {
  margin: 0;
  padding: 0 0 0 24px; }
  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 li {
  list-style: decimal !important; }
ul.unordered li {
  list-style: circle !important; }

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

/* = 7.11 List Images

-------------------------------------------------------------- */
.shortcode_list_images {
  width: 100%; }
  .shortcode_list_images ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%; }
    .shortcode_list_images ul li {
      list-style-type: none !important;
      float: left;
      display: list-item;
      text-align: center;
      margin: 0 0 48px 0 !important; }
      .shortcode_list_images ul li img {
        vertical-align: top;
        display: block;
        width: auto;
        height: auto;
        margin: 0 auto 12px; }
    .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%; }

/* = 7.12 Icon with Title

-------------------------------------------------------------- */
.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: #fcf751; }
    .shortcode_icon_with_title .icon_with_title_link:hover {
      color: #8c8c8c; }
  .shortcode_icon_with_title.circle .icon_holder .fa-stack {
    -o-border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    -ms-border-radius: 2em;
    border-radius: 2em; }
  .shortcode_icon_with_title .icon_holder .fa-stack {
    border: 2px solid #f9f9f9;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-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: #8c8c8c; }
  .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;
  -moz-transition: color 0.3s ease-in-out;
  -o-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: #fcf751;
  border-radius: 4px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-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 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  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: #fcf751;
  border-color: transparent; }

.fa_icon_stack .fa-circle,
.shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  color: #fcf751;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-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;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-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: #000000;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-backface-visibility: hidden; }

.fa_icon i:hover {
  color: #000000; }

.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; }

/* = 7.13 Team member

-------------------------------------------------------------- */
.shortcode_team {
  overflow: hidden; }
  .shortcode_team .team_inner {
    overflow: hidden;
    width: 100%; }
    .shortcode_team .team_inner.small {
      width: 85%;
      margin: 0 auto; }
  .shortcode_team .team_image {
    position: relative;
    overflow: hidden; }
    .shortcode_team .team_image img {
      width: 100%;
      margin: 0 0 -6px; }
      .shortcode_team .team_image img.rounded {
        border-radius: 50%; }
  .shortcode_team .team_text {
    padding: 0; }
    .shortcode_team .team_text .team_title_holder {
      padding: 12px 0;
      text-align: center; }
      .shortcode_team .team_text .team_title_holder .team_name {
        margin: 0; }

/* = 7.14 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: #8c8c8c; }

.shortcode_social_icon_holder:hover i.simple_social {
  color: #000000; }

.shortcode_social_icon_holder .fa-stack {
  background-color: #8c8c8c;
  border: 0px solid #f0f0f0;
  -o-border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-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: #8c8c8c; }

.shortcode_social_icon_holder.circle_social .fa-stack:hover {
  background-color: #fcf751;
  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; }

/* = 7.15 Service Tables

-------------------------------------------------------------- */
.shortcode_service_table_holder {
  display: block;
  position: relative;
  border-radius: 4px; }

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

.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:last-child {
  border-bottom: 0; }

.shortcode_service_table_inner div.title_holder {
  display: block;
  position: relative;
  border: none; }

.shortcode_service_table_inner div.title_holder i {
  color: #000000; }

.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;
  margin: 24px 0;
  padding: 0; }

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

.shortcode_service_table_holder .service_table_content {
  text-align: center;
  padding: 0 48px 24px; }

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

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

.shortcode_price_table .active_price_table {
  position: absolute;
  top: -54px;
  right: 22px;
  z-index: 2;
  border-radius: 100%;
  width: 110px;
  height: 110px;
  line-height: 110px;
  font-size: 19px;
  text-transform: uppercase;
  text-align: center;
  display: table;
  color: #fff;
  background-color: #000000; }

.shortcode_price_table_holder .active_price_table span {
  display: table-cell;
  vertical-align: middle;
  position: static;
  font-size: 16px;
  padding: 0 12px;
  margin: 0;
  color: #ffffff;
  line-height: 18px; }

.price_table_inner {
  padding: 24px 0;
  background: #f9f9f9;
  text-align: center; }

.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 div.pricing_table_content {
  padding: 0 24px 24px; }

.price_table_inner ul div.pricing_table_content > ul {
  padding: 0; }

.price_table_inner ul div.pricing_table_content > ul > li {
  line-height: 24px;
  padding: 12px 0;
  margin: 0 24px;
  border-bottom: 1px solid #d7d7d7; }

.price_table_inner ul div.pricing_table_content > ul > li:last-child, .shortcode_price_table_holder .shortcode_price_table.active_price .price_table_inner ul div.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 .line {
  padding: 36px 0 0;
  margin-top: 36px; }

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

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

.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: 72px;
  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%; }

/* = 7.17 Padding

-------------------------------------------------------------- */
.shortcode_padding {
  position: relative;
  padding: 8%; }

/* = 8. Modules
-------------------------------------------------------------- */
/* 8.1 Alerts */
/******************************************************************

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

/* 8.2 Buttons */
/******************************************************************

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, input[type="submit"], .pagination .alignleft a, .pagination .alignright a, .comment-respond #submit {
  position: relative;
  display: inline-block;
  width: auto;
  color: #8c8c8c;
  font-size: 12px;
  text-transform: uppercase;
  padding: 16px 24px;
  margin: 0;
  border: 4px solid #8c8c8c;
  background: #ffffff;
  letter-spacing: 0.2em;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:hover, .btn:focus, input[type="submit"]:hover, .pagination .alignleft a:hover, .pagination .alignright a:hover, .comment-respond #submit:hover, input[type="submit"]:focus, .pagination .alignleft a:focus, .pagination .alignright a:focus, .comment-respond #submit:focus {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    text-decoration: none; }
  .btn.left, input.left[type="submit"], .pagination .alignleft a.left, .pagination .alignright a.left, .comment-respond .left#submit {
    float: left; }
  .btn.right, input.right[type="submit"], .pagination .alignleft a.right, .pagination .alignright a.right, .comment-respond .right#submit {
    float: right; }
  .btn.center, input.center[type="submit"], .pagination .alignleft a.center, .pagination .alignright a.center, .comment-respond .center#submit {
    display: block;
    width: 185px;
    margin: 0 auto; }
  .btn.small, input.small[type="submit"], .pagination .alignleft a.small, .pagination .alignright a.small, .comment-respond .small#submit {
    padding: 6px 12px; }
  .btn.medium, input.medium[type="submit"], .pagination .alignleft a.medium, .pagination .alignright a.medium, .comment-respond .medium#submit {
    padding: 16px 24px; }
  .btn.large, input.large[type="submit"], .pagination .alignleft a.large, .pagination .alignright a.large, .comment-respond .large#submit {
    font-size: 18px;
    padding: 24px 36px; }
  .btn.full_width, input.full_width[type="submit"], .pagination .alignleft a.full_width, .pagination .alignright a.full_width, .comment-respond .full_width#submit {
    width: 100%;
    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, input.white[type="submit"], .pagination .alignleft a.white, .pagination .alignright a.white, .comment-respond .white#submit {
    color: #ffffff;
    border-color: #ffffff;
    background: transparent; }
    .btn.white:hover, input.white[type="submit"]:hover, .pagination .alignleft a.white:hover, .pagination .alignright a.white:hover, .comment-respond .white#submit:hover {
      color: #000000;
      border-color: #ffffff;
      background-color: #ffffff; }
  .btn.black, input.black[type="submit"], .pagination .alignleft a.black, .pagination .alignright a.black, .comment-respond .black#submit {
    color: #ffffff;
    border-color: #000000;
    background-color: #000000; }
    .btn.black:hover, input.black[type="submit"]:hover, .pagination .alignleft a.black:hover, .pagination .alignright a.black:hover, .comment-respond .black#submit:hover {
      color: #ffffff;
      border-color: #8c8c8c;
      background-color: #8c8c8c; }
  .btn i, input[type="submit"] i, .pagination .alignleft a i, .pagination .alignright a i, .comment-respond #submit i {
    margin: 0 0 0 10px; }
  .btn.small i, input.small[type="submit"] i, .pagination .alignleft a.small i, .pagination .alignright a.small i, .comment-respond .small#submit i {
    margin: 0 0 0 10px; }
  .btn.large i, input.large[type="submit"] i, .pagination .alignleft a.large i, .pagination .alignright a.large i, .comment-respond .large#submit i {
    margin: 0 0 0 17px; }

a.link {
  position: relative;
  overflow: hidden;
  letter-spacing: 1px;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  a.link:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #8c8c8c;
    background: -webkit-gradient(linear, left top, right top, from(#000000 50%), to(#d7d7d7 50%));
    background: -webkit-linear-gradient(left, #000000 50%, #d7d7d7 50%);
    background: -moz-linear-gradient(left, #000000 50%, #d7d7d7 50%);
    background: -o-linear-gradient(left, #000000 50%, #d7d7d7 50%);
    background: linear-gradient(to right, #000000 50%, #d7d7d7 50%);
    background-size: 204% 100%;
    background-position: 99% 0;
    -webkit-transition: background-position 0.2s ease-in-out;
    transition: background-position 0.2s ease-in-out; }
  a.link.white {
    color: #ffffff; }
    a.link.white:after {
      background: #000000;
      background: -webkit-gradient(linear, left top, right top, from(#8c8c8c 50%), to(#d7d7d7 50%));
      background: -webkit-linear-gradient(left, #8c8c8c 50%, #d7d7d7 50%);
      background: -moz-linear-gradient(left, #8c8c8c 50%, #d7d7d7 50%);
      background: -o-linear-gradient(left, #8c8c8c 50%, #d7d7d7 50%);
      background: linear-gradient(to right, #8c8c8c 50%, #d7d7d7 50%);
      background-size: 204% 100%;
      background-position: 99% 0; }
    a.link.white:hover {
      color: #ffffff; }
  a.link:hover {
    color: #000000; }
    a.link:hover:after {
      background-position: 1% 0; }

/* 8.3 Forms */
/******************************************************************

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: 48px;
  line-height: 48px;
  padding: 16px;
  margin-bottom: 14px;
  color: #8c8c8c;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 80%;
  font-size: 16px;
  background-color: #ffffff;
  border: 2px solid #d7d7d7;
  -webkit-transition: all 0.24s ease-in-out;
  -moz-transition: all 0.24s ease-in-out;
  -ms-transition: all 0.24s ease-in-out;
  -o-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 #979797; }
  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; }

textarea {
  min-height: 140px;
  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: 14px;
  text-transform: uppercase;
  color: #8c8c8c; }

form.wpcf7-form p {
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 14px; }

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;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

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

/* 8.4 Animations */
/******************************************************************

Stylesheet: Animations Styles

******************************************************************/
.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.pulse:hover, .pulsing {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  cursor: pointer; }

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.2);
    opacity: 0,7; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.2);
    opacity: 0,7; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-8em); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-8em); }
  100% {
    -moz-transform: translateY(0); } }
@-o-keyframes slideDown {
  0% {
    -o-transform: translateY(-8em); }
  100% {
    -o-transform: translateY(0); } }
@keyframes slideDown {
  0% {
    transform: translateY(-8em); }
  100% {
    transform: translateY(0); } }
.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-8em); } }
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(-8em); } }
@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0); }
  100% {
    -o-transform: translateY(-8em); } }
@keyframes slideUp {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-8em); } }
.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.kenburns {
  -webkit-animation-name: kenburns;
  -moz-animation-name: kenburns;
  -o-animation-name: kenburns;
  animation-name: kenburns; }

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

.kanimate {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 30s;
  -moz-animation-duration: 30s;
  -ms-animation-duration: 30s;
  -o-animation-duration: 30s;
  animation-duration: 30s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  /* Safari and Chrome */
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards; }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }
@keyframes kenburns {
  0% {
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }
/**
 * kenburns Reverse
 */
@-webkit-keyframes kenburnsreverse {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2); } }
@keyframes kenburnsreverse {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
/* = 9. Base
-------------------------------------------------------------- */
/* = 9.1 Body

-------------------------------------------------------------- */
body {
  line-height: 1.7em;
  height: 100%;
  color: #8c8c8c;
  overflow-x: hidden;
  background-color: #f9f9f9; }

/* = 9.2 Body Classes

-------------------------------------------------------------- */
/* 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) */
body.pace-done #container {
  visibility: visible;
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s; }

.data-lazy-ready {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s; }

/* = 9.3 Structure

-------------------------------------------------------------- */
.wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 48px; }

#container {
  visibility: hidden; }

/* = 9.4 Columns

-------------------------------------------------------------- */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
  float: left;
  position: relative;
  margin: 0; }

.full_col {
  width: 100%;
  position: relative; }

.one_half {
  width: 48%;
  margin-right: 4%; }

.one_third {
  width: 30%;
  margin-right: 5%; }

.two_third {
  width: 65%;
  margin-right: 5%; }

.one_fourth {
  width: 22%;
  margin-right: 4%; }

.three_fourth {
  width: 74%;
  margin-right: 4%; }

.last {
  margin-right: 0 !important; }

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

.right {
  text-align: right;
  float: right; }

.left {
  text-align: left;
  float: left; }

.center {
  text-align: center;
  margin: 0 auto; }

/* = 9.5 Links

-------------------------------------------------------------- */
a, a:visited {
  color: #000000;
  text-decoration: none;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #8c8c8c; }
  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); }

/* = 9.6 Headings

-------------------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-rendering: optimizelegibility;
  color: #FFF;
  line-height: 1.333em; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 4em; }

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

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

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

h5, .h5 {
  font-size: 1.5em; }

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

.intro {
  position: relative;
  z-index: 9999; }
  .intro h1 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #ffffff;
    margin-bottom: -5px; }
  .intro h2 {
    font-size: 82px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin: 0; }
  .intro img {
    margin: 22px 0 0 0; }
  .intro .readmore {
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px;
    width: 185px;
    border: 4px solid #ffffff;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin: 36px auto 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .intro .readmore:hover {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }

/* = 9.7 Header

-------------------------------------------------------------- */
header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 9998; }
  header.header .brand {
    float: left; }
    header.header .brand a {
      position: relative;
      display: block; }
    header.header .brand img {
      position: absolute;
      top: 0;
      display: block;
      opacity: 1;
      width: auto !important;
      max-width: none;
      -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; }

/* Ocultar en todos los móviles (Android y iPhone) */
@media screen and (max-width: 767px) {
  header.header .brand img {
      display: none !important;
  }
}

@media screen and (max-width: 768px) {
  header.header .brand img {
      display: none !important;
  }
}

@media screen and (max-device-width: 820px) {
  header.header .brand img {
      display: none !important;
  }
}


      header.header .brand img.inverted {
        opacity: 0; }
  header.header.inverted .brand img.normal {
    opacity: 0; }
  header.header.inverted .brand img.inverted {
    opacity: 1; }

body.admin-bar header.header {
  top: 32px; }

body.page-template-page-slider-php .header {
  margin-top: 65px;
  background: transparent;
  -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-page-slider-php .header.headroom--not-top {
    margin-top: 0; }

/* = 9.8 Navigation

-------------------------------------------------------------- */
nav {
  position: relative; }

/* Normal Logo Navigation */
.nav {
  float: right;
  display: block;
  margin: 0;
  padding: 0; }
  .nav > li {
    float: left;
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    position: relative;
    letter-spacing: 0.2em;
    margin-right: 30px;
    		/* = 9.8.1 Dropdown Navigation
    
    		-------------------------------------------------------------- */ }
    .nav > li > a {
      display: inline-block;
      padding: 0;
      margin: 0;
      font-size: 14px;
      color: #8c8c8c;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .nav > li > a:hover, .nav > li > a.active {
        color: #000000;
        cursor: pointer; }
      .nav > li > a:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background: #000000;
        content: '';
        margin-top: -2px;
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px); }
    .nav > li:hover a:after, .nav > li:focus a:after {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px); }
    .nav > li:last-child {
      margin-right: 0; }
    .nav > li ul.sub-menu,
    .nav > li ul.children {
      position: absolute;
      left: 0;
      display: none;
      padding: 24px;
      margin: 0;
      width: 100%;
      min-width: 225px;
      z-index: 9999;
      background: #000000; }
      .nav > li ul.sub-menu li,
      .nav > li ul.children li {
        float: left;
        clear: left;
        line-height: 16px;
        padding: 5px 0;
        display: block;
        width: 100%; }
        .nav > li ul.sub-menu li a,
        .nav > li ul.children li a {
          display: inline-block;
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          -moz-osx-font-smoothing: grayscale;
          letter-spacing: 0;
          text-transform: none; }
          .nav > li ul.sub-menu li a:hover,
          .nav > li ul.children li a:hover {
            color: #8c8c8c !important; }

/* = 9.8.2 Secondary Navigation

-------------------------------------------------------------- */
nav.secondary {
  float: right;
  margin-left: 50px; }
  nav.secondary ul > li {
    padding: 0;
    margin-right: 50px; }
    nav.secondary ul > li > a {
      color: #8c8c8c;
      font-size: 16px;
      letter-spacing: 0;
      padding: 0; }
      nav.secondary ul > li > a:hover, nav.secondary ul > li > a.active {
        color: #000000;
        border-bottom: none; }
      nav.secondary ul > li > a:hover::after, nav.secondary ul > li > a:focus::after {
        opacity: 0; }
    nav.secondary ul > li:last-child {
      margin-right: 0; }

/* = 9.8.3 Mobile Navigation

-------------------------------------------------------------- */
nav.mobile {
  position: absolute;
  left: 0;
  top: 56px;
  display: none;
  width: 100%;
  height: auto;
  z-index: 9999;
  text-align: left;
  line-height: 140%; }
  nav.mobile ul {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0 0 12px 0;
    margin: 0;
    background: #000000; }
    nav.mobile ul li {
      margin: 0;
      padding: 8px 0;
      line-height: 1.7em;
      border-bottom: 1px solid #272727; }
      nav.mobile ul li a {
        color: #ffffff;
        text-align: left;
        padding: 0 24px;
        display: block;
        position: relative;
        text-transform: none;
        letter-spacing: 0; }
        nav.mobile ul li a:hover {
          color: #8c8c8c; }
      nav.mobile ul li.active > a {
        color: #ffffff; }
      nav.mobile ul li:last-child {
        border-bottom: none; }
      nav.mobile ul li ul.sub-menu {
        margin: 0;
        padding: 12px 0;
        top: 0;
        line-height: 140%; }
        nav.mobile ul li ul.sub-menu li {
          border-bottom: none;
          text-indent: 24px;
          padding: 0;
          height: auto; }
          nav.mobile ul li ul.sub-menu li a {
            font-size: 13px;
            color: #ffffff; }
            nav.mobile ul li ul.sub-menu li a:hover {
              color: #8c8c8c; }

.mobile-trigger {
  display: none;
  float: right; }
  .mobile-trigger span {
    display: block;
    position: relative;
    cursor: pointer;
    vertical-align: middle; }
    .mobile-trigger span i {
      color: #8c8c8c; }

/* = 9.8.4 Inverted Header Navigation

-------------------------------------------------------------- */
header.inverted .nav > li {
  color: #ffffff;
  /*
  drop down
  */ }
  header.inverted .nav > li > a {
    color: #ffffff; }
    header.inverted .nav > li > a:hover, header.inverted .nav > li > a.active {
      color: #ffffff; }
    header.inverted .nav > li > a:after {
      background: white; }
  header.inverted .nav > li ul.sub-menu,
  header.inverted .nav > li ul.children {
    background: #ffffff; }
    header.inverted .nav > li ul.sub-menu li a,
    header.inverted .nav > li ul.children li a {
      color: #000000; }
      header.inverted .nav > li ul.sub-menu li a:hover,
      header.inverted .nav > li ul.children li a:hover {
        color: #8c8c8c !important; }
header.inverted .nav.secondary > li > a {
  color: #ffffff; }
  header.inverted .nav.secondary > li > a:hover, header.inverted .nav.secondary > li > a.active {
    color: #8c8c8c; }
header.inverted .mobile-trigger span i {
  color: #ffffff; }

/* = 9.9 Posts & Content Styles

-------------------------------------------------------------- */
.page-title {
  width: 100%;
  max-width: 960px; }

/* = 9.9.1 Hentry

-------------------------------------------------------------- */
.hentry header {
  padding: 72px 0; }
.hentry footer {
  padding: 1.5em 0; }
  .hentry footer p {
    margin: 0; }
.hentry section.content {
  padding: 72px 0 0;
  background: #ffffff; }

/* = 9.9.2 Page Header

-------------------------------------------------------------- */
.entry-header, .entry-header-search {
  height: 100%;
  width: 100%;
  display: table; }
  .entry-header .inner-content, .entry-header-search .inner-content {
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    margin: 0 auto; }
    .entry-header .inner-content h1, .entry-header .inner-content p, .entry-header-search .inner-content h1, .entry-header-search .inner-content p {
      margin: 0;
      padding: 0;
      color: #8c8c8c; }
    .entry-header .inner-content h1, .entry-header-search .inner-content h1 {
      color: #ffffff;
      line-height: 100%; }
    .entry-header .inner-content strong, .entry-header-search .inner-content strong {
      color: #ffffff; }
  .entry-header #contactMapHolder, .entry-header-search #contactMapHolder {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0; }
  .entry-header #contactMap, .entry-header-search #contactMap {
    position: relative;
    width: 100%;
    height: 100%; }

/* = 9.9.3 Entry Content

-------------------------------------------------------------- */
.main {
  position: relative;
  /* image alignment */ }
  .main time {
    color: #8c8c8c;
    margin: 0;
    padding: 0; }
  .main h1 {
    margin: 0;
    padding: 0; }
    .main h1 a {
      color: #000000; }
  .main p {
    margin: 0 0 1.5em; }
  .main ul li, .main ol li {
    margin-left: 24px; }
  .main ul li {
    list-style-type: none;
    margin-left: 0; }
  .main ol li {
    list-style-type: decimal; }
  .main li > ul,
  .main li > ol {
    margin: 0 0 0 20px; }
  .main sup,
  .main sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .main sup {
    bottom: 1ex; }
  .main sub {
    top: .5ex; }
  .main small {
    font-size: smaller; }
  .main big {
    font-size: 125%; }
  .main table {
    width: 100%;
    border: 1px solid #d7d7d7;
    margin-bottom: 1.5em; }
    .main table caption {
      margin: 0 0 7px;
      font-size: 0.75em;
      color: #f9f9f9;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .main tr {
    border-bottom: 1px solid #d7d7d7; }
    .main tr:nth-child(even) {
      background-color: #f9f9f9; }
  .main td {
    padding: 7px;
    border-right: 1px solid #d7d7d7; }
    .main td:last-child {
      border-right: 0; }
  .main thead th {
    background-color: #000000;
    color: #ffffff;
    padding: 0.75em;
    border: 1px solid #000000; }
  .main th {
    color: #000000;
    padding: 0.75em;
    border-right: 1px solid #d7d7d7; }
  .main code,
  .main kbd,
  .main tt,
  .main var,
  .main samp,
  .main pre {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6; }
  .main blockquote {
    position: relative;
    margin: 2em 0;
    width: 100%;
    padding: 0 0 0 72px;
    font-size: 150%;
    line-height: 130%;
    text-align: left; }
    .main blockquote:before {
      content: "\201C";
      /*Unicode for Left Double Quote*/
      /*Font*/
      font-size: 84px;
      font-weight: 600;
      color: #000000;
      /*Positioning*/
      position: absolute;
      left: 8px;
      top: 12px; }
    .main blockquote p {
      color: #000000;
      margin: 0;
      padding: 0; }
    .main blockquote cite {
      margin-top: 1%;
      display: block;
      font-size: 18px;
      text-align: left;
      font-style: italic;
      color: #8c8c8c; }
      .main blockquote cite:before {
        padding-right: 8px;
        content: "—"; }
  .main dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .main img {
    width: 100%;
    height: auto; }
  .main .alignleft, .main img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .main .alignright, .main img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .main .aligncenter, .main img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }
  .main .size-auto,
  .main .size-full,
  .main .size-large,
  .main .size-medium,
  .main .size-thumbnail {
    max-width: 100%;
    height: auto; }

/* end .entry-content */
.wp-caption {
  position: relative;
  max-width: 100%;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    position: absolute;
    color: #ffffff;
    font-size: 14px;
    margin: 0 0 5px 0;
    bottom: 14px;
    left: 14px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    display: block;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
  .wp-caption:hover p.wp-caption-text {
    opacity: 1; }

/* end .wp-caption */
/* = 9.9.4 Gallery

-------------------------------------------------------------- */
.gallery-item {
  position: relative;
  float: left;
  margin: 24px 0;
  overflow: hidden;
  min-width: 100%; }
  .gallery-item img {
    width: 100%;
    height: auto; }

.gallery-columns-1 .gallery-item {
  max-width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%;
  min-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 32%;
  min-width: 32%;
  max-width: -webkit-calc(33.3% - 4px);
  max-width: calc(33.3% - 4px); }

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  min-width: 23%;
  max-width: -webkit-calc(25% - 4px);
  max-width: calc(25% - 4px); }

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  min-width: 19%;
  max-width: -webkit-calc(20% - 4px);
  max-width: calc(20% - 4px); }

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  min-width: 15%;
  max-width: -webkit-calc(16.7% - 4px);
  max-width: calc(16.7% - 4px); }

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  min-width: 13%;
  max-width: -webkit-calc(14.28% - 4px);
  max-width: calc(14.28% - 4px); }

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  min-width: 11%;
  max-width: -webkit-calc(12.5% - 4px);
  max-width: calc(12.5% - 4px); }

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  min-width: 9%;
  max-width: -webkit-calc(11.1% - 4px);
  max-width: calc(11.1% - 4px); }

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0; }

.gallery-caption {
  display: inline-block;
  color: #fff !important;
  font-size: 14px !important;
  margin: 0;
  opacity: 0;
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  left: 12px;
  text-align: center;
  width: auto;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.gallery-item:hover .gallery-caption {
  opacity: 1; }

.wp-video {
  width: 80% !important;
  height: auto !important;
  margin: 0 auto 48px; }

.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%; }

.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important; }

.mejs-mediaelement video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important; }

.tags {
  margin: 0; }

/* = 9.10 Blog

-------------------------------------------------------------- */
.posts {
  position: relative;
  width: 100%;
  margin-top: 48px;
  	/* = 9.10.1 Post Header
  
  	-------------------------------------------------------------- */
  	/* = 9.10.2 Featured Posts
  
  	-------------------------------------------------------------- */
  	/* = 9.10.3 Normal Posts
  
  	-------------------------------------------------------------- */
  	/* = 9.10.4 Shortcode Posts
  
  	-------------------------------------------------------------- */
  	/* = 9.10.5 Post Meta
  
  	-------------------------------------------------------------- */
  	/* = 9.10.6 Author Description
  
  	-------------------------------------------------------------- */ }
  .posts .post-header {
    position: relative;
    z-index: 3;
    padding-top: 72px; }
    .posts .post-header div {
      text-transform: uppercase;
      font-size: 14px; }
    .posts .post-header span.sticky {
      padding: 4px; }
    .posts .post-header span.sep {
      margin: 0 8px; }
    .posts .post-header .post-title {
      width: 60%;
      margin: 0;
      line-height: 1.2; }
      .posts .post-header .post-title a {
        font-weight: 500; }
    .posts .post-header ul.social {
      list-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      vertical-align: bottom; }
      .posts .post-header ul.social li {
        float: left;
        padding-right: 8px; }
        .posts .post-header ul.social li a {
          cursor: pointer;
          color: #8c8c8c; }
          .posts .post-header ul.social li a:hover {
            color: #fff; }
  .posts.featured {
    margin-top: 0; }
    .posts.featured > .hentry {
      position: relative;
      width: 33.33%;
      float: left; }
      .posts.featured > .hentry:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        z-index: 2;
        pointer-events: none;
        /* "all" disables mouse access to image */
        background: radial-gradient(ellipse at center, rgba(76, 76, 76, 0.05) 0%, rgba(89, 89, 89, 0.05) 0%, rgba(17, 17, 17, 0.4) 100%);
        /* W3C */ }
      .posts.featured > .hentry .over {
        position: absolute;
        top: 24px;
        left: 24px;
        bottom: 24px;
        right: 24px;
        width: auto;
        height: auto;
        z-index: 2;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.2s ease-in-out 0.1s;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0); }
      .posts.featured > .hentry .post-image {
        position: relative;
        display: table;
        width: 100%;
        height: 100%; }
        .posts.featured > .hentry .post-image .post-header {
          padding: 48px;
          display: table-cell;
          vertical-align: bottom;
          width: 100%;
          height: 100%; }
          .posts.featured > .hentry .post-image .post-header div, .posts.featured > .hentry .post-image .post-header a, .posts.featured > .hentry .post-image .post-header time {
            color: #ffffff !important; }
          .posts.featured > .hentry .post-image .post-header span.sticky {
            color: #ffffff;
            background-color: #8c8c8c; }
          .posts.featured > .hentry .post-image .post-header span.sep {
            color: #8c8c8c; }
          .posts.featured > .hentry .post-image .post-header .post-title {
            width: 80%;
            font-size: 2.2em; }
            .posts.featured > .hentry .post-image .post-header .post-title a {
              color: #ffffff; }
      .posts.featured > .hentry.post-title a {
        color: #ffffff; }
      .posts.featured > .hentry:hover .over {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 1;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
    .posts.featured .post-image {
      margin: 0;
      height: auto;
      overflow: hidden; }
  .posts.normal {
    margin-bottom: 48px; }
    .posts.normal > .hentry {
      width: 100%;
      float: left;
      padding: 72px;
      margin-bottom: 48px;
      background: #ffffff; }
      .posts.normal > .hentry .post-header, .posts.normal > .hentry .post-content {
        max-width: 80%; }
      .posts.normal > .hentry .post-header {
        padding-top: 48px; }
        .posts.normal > .hentry .post-header div time {
          color: #8c8c8c; }
        .posts.normal > .hentry .post-header div a {
          color: #000000; }
        .posts.normal > .hentry .post-header span.sticky {
          color: #ffffff;
          background-color: #8c8c8c; }
        .posts.normal > .hentry .post-header span.sep {
          color: #8c8c8c; }
        .posts.normal > .hentry .post-header .post-title {
          width: 100%;
          margin: 0 0 48px 0; }
          .posts.normal > .hentry .post-header .post-title a {
            color: #000000; }
  .posts.shortcode {
    margin-top: 0; }
    .posts.shortcode > .hentry {
      display: inline-block;
      width: 100%;
      padding: 48px;
      margin-top: 0;
      margin-bottom: 12px;
      background: #ffffff; }
      .posts.shortcode > .hentry .post-header, .posts.shortcode > .hentry .post-content {
        max-width: 100%; }
        .posts.shortcode > .hentry .post-header .read-more, .posts.shortcode > .hentry .post-content .read-more {
          display: block;
          margin-top: 12px; }
      .posts.shortcode > .hentry .post-header {
        padding-top: 0; }
        .posts.shortcode > .hentry .post-header div time {
          color: #8c8c8c; }
        .posts.shortcode > .hentry .post-header div a {
          color: #000000; }
        .posts.shortcode > .hentry .post-header span.sticky {
          color: #ffffff;
          background-color: #8c8c8c; }
        .posts.shortcode > .hentry .post-header span.sep {
          color: #8c8c8c; }
        .posts.shortcode > .hentry .post-header .post-title {
          width: 100%;
          margin: 0 0 24px 0; }
          .posts.shortcode > .hentry .post-header .post-title a {
            color: #000000; }
      .posts.shortcode > .hentry .post-featured-image .wp-post-image {
        margin: 0 0 24px 0; }
    .posts.shortcode.col-2 > .hentry {
      width: 49%;
      padding: 48px; }
      .posts.shortcode.col-2 > .hentry .post-header .post-title {
        font-size: 2em; }
    .posts.shortcode.col-3 > .hentry {
      padding: 24px;
      width: 32%; }
      .posts.shortcode.col-3 > .hentry .post-header .post-title {
        font-size: 1.5em; }
  .posts .post-meta {
    width: 100%;
    line-height: 32px; }
    .posts .post-meta span {
      display: inline-block;
      line-height: 32px;
      margin: 0;
      font-size: 14px;
      color: #8c8c8c; }
      .posts .post-meta span a {
        color: #8c8c8c;
        text-decoration: none; }
        .posts .post-meta span a:hover {
          color: #fcf751; }
  .posts .author_description {
    margin: 52px auto;
    padding: 0;
    width: 100%;
    max-width: 100%;
    background: #ffffff; }
    .posts .author_description .author_description_inner {
      padding: 60px 60px 48px;
      display: inline-block; }
      .posts .author_description .author_description_inner .image {
        display: inline-block;
        float: left;
        width: 100px; }
        .posts .author_description .author_description_inner .image img {
          border-radius: 50%; }
      .posts .author_description .author_description_inner .author_text_holder {
        margin-left: 100px; }
        .posts .author_description .author_description_inner .author_text_holder h4 {
          margin: 0; }
  .posts:after {
    content: '';
    display: block;
    clear: both; }

/* = 9.10.7 Single Post

-------------------------------------------------------------- */
.single-post .posts {
  margin-top: 0; }
.single-post .main {
  width: 100%;
  max-width: 960px; }
.single-post .post-header {
  margin: 0 0 24px 0; }
  .single-post .post-header .post-title {
    width: 100%;
    margin: 0;
    line-height: 1.2;
    color: #fff;}
  .single-post .post-header div a {
    color: #fff; }

/* = 9.11 Projects

-------------------------------------------------------------- */
body.single-projects .entry-content {
  padding: 0; }

/* = 9.11.1 Project Grid

-------------------------------------------------------------- */
.block-grid {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: 0;
  overflow: hidden; }
  .block-grid .block-item {
    float: left;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .block-grid .block-item a {
      position: relative;
      display: block;
      height: 100%;
      width: 100%;
      outline: 0;
      -moz-outline-style: none;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .block-grid .block-item a .over {
        position: absolute;
        top: 24px;
        left: 24px;
        bottom: 24px;
        right: 24px;
        width: auto;
        height: auto;
        z-index: 2;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.7);
        transition: all 0.2s ease-in-out 0.1s;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0); }
      .block-grid .block-item a h5 {
        position: absolute;
        top: 50%;
        left: 0;
        color: #ffffff;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        letter-spacing: 4px;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        opacity: 0;
        z-index: 3;
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
        -moz-transition: opacity 0.3s, -moz-transform 0.4s;
        transition: opacity 0.3s, transform 0.4s;
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        transform: translateY(12px); }
        .block-grid .block-item a h5 i {
          position: absolute;
          width: 100%;
          display: block;
          left: 0;
          bottom: -40px;
          font-style: normal;
          text-align: center;
          font-size: 12px;
          font-weight: 700;
          color: #8c8c8c;
          letter-spacing: 2px;
          -webkit-transition: all 0.3s, -webkit-transform 0.4s;
          -moz-transition: all 0.3s, -moz-transform 0.4s;
          transition: all 0.3s, transform 0.4s;
          -webkit-transform: translateY(24px);
          -moz-transform: translateY(24px);
          transform: translateY(24px); }
      .block-grid .block-item a .image {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid #3f2d09;}
    .block-grid .block-item:hover .over {
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 1;
      transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
    .block-grid .block-item:hover h5 {
      opacity: 1;
      -moz-transition: all 0.3s ease-in 0.1s;
      -o-transition: all 0.3s ease-in 0.1s;
      transition: all 0.3s ease-in 0.1s;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px); }
      .block-grid .block-item:hover h5 i {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px); }

.quarter-width {
  width: 25%; }

.third-width {
  width: 33.33%; }

.half-width {
  width: 50%; }

.full-width {
  width: 100%; }

/* = 9.12 Search

-------------------------------------------------------------- */
body.search .entry-header-search div, body.archive .entry-header-search div {
  text-transform: uppercase;
  font-size: 14px; }
  body.search .entry-header-search div span.type, body.archive .entry-header-search div span.type {
    padding: 4px;
    color: #ffffff;
    background-color: #8c8c8c; }
body.search .entry-header-search h3.title, body.archive .entry-header-search h3.title {
  margin: 0 0 24px;
  padding: 0; }
body.search .archive-header, body.archive .archive-header {
  margin-top: 48px;
  padding: 24px 72px;
  background: #ffffff; }
  body.search .archive-header h1.archive-title, body.archive .archive-header h1.archive-title {
    font-size: 24px;
    color: #8c8c8c;
    padding: 0;
    margin: 0; }
    body.search .archive-header h1.archive-title span, body.archive .archive-header h1.archive-title span {
      color: #000000; }
body.search .sidebar, body.archive .sidebar {
  padding: 0 24px; }

/* = 9.13 Pagination

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

	/* = 9.13.1 Project Pagination

	-------------------------------------------------------------- */
.project-pagination {
  display: block;
  text-align: center; }
  .project-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  .project-pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden; }
  .project-pagination a, .project-pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #8c8c8c; }
    .project-pagination a:hover, .project-pagination a:focus, .project-pagination span:hover, .project-pagination span:focus {
      color: #8c8c8c; }
  .project-pagination .current {
    cursor: default;
    color: #8c8c8c; }
    .project-pagination .current:hover, .project-pagination .current:focus {
      color: #8c8c8c; }

/* = 9.14 Comments

-------------------------------------------------------------- */
div#respond-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 48px;
  padding: 48px;
  background: #ffffff;
  /* h3 comment title */ }
  div#respond-container #comments-title {
    margin: 0 0 48px 0;
    padding: 0 0 24px 0;
    font-size: 32px;
    border-bottom: 1px solid #f9f9f9;
    /* number of comments span */ }

.commentlist {
  margin: 24px 0;
  list-style-type: none;
  border-bottom: 1px solid #f9f9f9; }

.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 {
      margin: 0;
      font-size: 24px;
      padding: 8px 0 0 0; }
    .comment .vcard time {
      font-size: 14px;
      margin-top: -5px;
      display: block; }
      .comment .vcard time a {
        color: #8c8c8c;
        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 .alert-info {
    margin: 42px 0 0 0;
    padding: 12px; }
    .comment .alert-info p {
      margin: 0;
      font-size: 14px; }
  .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;
    line-height: 1.7; }

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  display: block;
  padding: 12px 0 0 0;
  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; }

/* = 9.14.1 Comment Reply

-------------------------------------------------------------- */
.comment-respond {
  /* 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: #8c8c8c;
    margin: 0;
    font-size: 13px; }
  .comment-respond .comment-notes {
    margin: 0;
    padding-bottom: 12px;
    font-size: 14px; }
  .comment-respond .comment-form-comment {
    margin: 1.5em 0 0.75em; }
  .comment-respond .form-submit {
    margin: 0; }
  .comment-respond .form-allowed-tags {
    padding: 0;
    font-size: 14px;
    color: #8c8c8c; }
    .comment-respond .form-allowed-tags code {
      font-size: 13px; }
  .comment-respond #comment-form-title {
    margin: 0 0 1.1em; }
  .comment-respond .nocomments {
    margin: 0 20px 1.1em; }

/* = 9.15 Sidebar

-------------------------------------------------------------- */
.sidebar {
  padding: 0;
  margin: 0; }
  .sidebar#sidebar-right {
    padding-left: 62px; }
  .sidebar#sidebar-left {
    padding-right: 62px; }

	/* = 9.15.1 Widget

	-------------------------------------------------------------- */
.widgettitle {
  padding: 0;
  margin: 0 0 4% 0; }

.widget {
  margin-bottom: 24px; }
  .widget img {
    width: 100%;
    height: auto; }
  .widget ul {
    clear: both;
    width: 100%; }
    .widget ul li {
      display: block;
      width: 100%;
      padding: 0.25em 0;
      text-indent: 12px;
      border-bottom: 1px solid #d7d7d7;
      /* deep nesting */ }
      .widget ul li:first-child {
        border-top: none; }
      .widget ul li:last-child {
        border-bottom: none; }
      .widget ul li a, .widget ul li a:visited {
        color: #8c8c8c;
        font-size: 0.9em; }
      .widget ul li a:hover {
        color: #000000; }
      .widget ul li.current-menu-item > a {
        color: #000000; }
      .widget ul li ul {
        margin: 0;
        padding: 0; }
        .widget ul li ul > li {
          text-indent: 24px; }

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

.widget_sbwp_text_widget h2 {
  margin-top: 0; }

.block-title {
  padding: 48px 24px; }
  .block-title p {
    margin: 24px 0 0 0;
    font-size: 0.9em; }

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* RSS Widget */
.widget_rss .rss-date {
  display: block;
  margin-bottom: 12px; }

.widget_rss .rss-date,
.widget_rss li > cite {
  color: #8c8c8c; }

.widget_rss li > cite {
  display: block;
  color: #8c8c8c;
  margin: 12px 0; }

/* Calendar Widget */
.widget_calendar table {
  width: 100%; }

.widget_calendar table,
.widget_calendar td {
  border: 0; }

.widget_calendar caption {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 12px; }

.widget_calendar th {
  background: #000000;
  color: #ffffff;
  text-align: center; }

.widget_calendar th,
.widget_calendar td {
  padding: 0;
  text-align: center; }

.widget_calendar tfoot td#prev {
  text-align: left; }

.widget_calendar tfoot td#next {
  text-align: right; }

/* category widget */
/* recent-comments widget */
/* search widget */
.widget_search #searchform {
  width: 100%; }

/* text widget */
/* = 9.16 Footer

-------------------------------------------------------------- */
.footer {
  position: relative;
  padding: 36px 0;
  color: #8c8c8c;
  background: #ffffff;
  	/* = 9.16.1 Footer Widget
  
  	-------------------------------------------------------------- */ }
  .footer a.by span {
    color: #70bee0; }
  .footer .widget {
    vertical-align: top;
    display: inline-block;
    width: 33.33%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-align: center;
    /* widget title */
    /* list */
    /* rss */
    /* tag cloud */
    /* text widget */ }
    .footer .widget .widgettitle {
      color: #000000; }
    .footer .widget ul {
      clear: both; }
      .footer .widget ul li {
        display: inline;
        width: 100%;
        padding: 0;
        border-bottom: none;
        /* deep nesting */ }
        .footer .widget ul li a {
          color: #8c8c8c;
          font-size: 16px; }
          .footer .widget ul li a:hover {
            color: #000000; }
        .footer .widget ul li:last-child {
          border-bottom: none; }
        .footer .widget ul li ul {
          display: none; }
      .footer .widget ul.menu {
        padding: 0;
        margin: 0; }
        .footer .widget ul.menu li {
          padding: 0 8px; }
    .footer .widget a.rsswidget, .footer .widget a.rsswidget:visited {
      color: #ffffff; }
      .footer .widget a.rsswidget:hover, .footer .widget a.rsswidget:visited:hover {
        color: #8c8c8c; }
    .footer .widget .tagcloud {
      margin-top: 12px; }
      .footer .widget .tagcloud a, .footer .widget .tagcloud a:visited {
        color: #ffffff; }
        .footer .widget .tagcloud a:hover, .footer .widget .tagcloud a:visited:hover {
          color: #8c8c8c; }
    .footer .widget .textwidget {
      color: #8c8c8c;
      text-align: center; }
      .footer .widget .textwidget p {
        margin: 0 0 10px;
        color: #8c8c8c;
        line-height: 140%; }
      .footer .widget .textwidget a {
        color: #000000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .footer .widget .textwidget a:hover {
          color: #8c8c8c; }
    .footer .widget form {
      margin: 1em 0 0 0; }

/* = 9.17 Syntax Highlighter

-------------------------------------------------------------- */
.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 {
  background-color: #ffffff !important; }

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

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

.syntaxhighlighter {
  margin: 24px 0 !important;
  padding: 24px !important;
  background-color: #ffffff !important; }

table td .syntaxhighlighter {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  background-color: transparent !important; }

table td .syntaxhighlighter .line.alt1 {
  background-color: transparent !important; }

table td .syntaxhighlighter .line.alt2 {
  background-color: transparent !important; }

/* = 9.18 MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)

Demo at: http://www.aaronvanderzwan.com/maxcycle/
Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
Copyright (c) 2007-2011 Aaron Vanderzwan
Dual licensed under the MIT and GPL licenses.
Version: 2.0.73 (12-Oct-2012)

-------------------------------------------------------------- */
.mc-hide-scrolls {
  overflow: hidden; }

body .mc-cycle {
  height: 100%;
  left: 0;
  overflow: hidden !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }

#inner-content {
    margin-top: 0px !important;
}


div.mc-image {
  /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
  If you are using fading transitions, use 'opacity: */
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  /*If you are using horizontal slide transitions, use the following CSS:
  -webkit-transition: left 1s ease-in-out;
  -moz-transition: left 1s ease-in-out;
  -o-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%; }

.mc-old-browser .mc-image {
  overflow: hidden; }

#loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background: #000000; }

#maxproject {
  position: absolute; }

#maximage {
  position: absolute;
  overflow: hidden;
  z-index: 100;
  /*display: none;*/
}
  #maximage .mc-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: radial-gradient(ellipse at center, rgba(76, 76, 76, 0.05) 0%, rgba(89, 89, 89, 0.05) 0%, rgba(17, 17, 17, 0.3) 100%);
    /* W3C */ }
  #maximage video, #maximage object {
    width: 100%;
    height: 100%; }
  #maximage video#video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto; }
  #maximage #skip {
    position: absolute;
    bottom: 48px;
    width: auto;
    height: auto;
    z-index: 1000;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  #maximage #skip a {
    color: #ffffff; }

#arrow_left, #arrow_right {
  display: none !important;
  position: absolute;
  top: 47%;
  padding: 24px;
  font-size: 24px;
  color: #ffffff;
  z-index: 200;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #arrow_left:hover, #arrow_right:hover {
    color: #8c8c8c; }
  #arrow_left:active, #arrow_right:active {
    text-decoration: none; }

#arrow_left {
  left: 30px; }

#arrow_right {
  right: 30px; }

.in-slide-content {
  position: relative;
  text-align: center;
  z-index: 9999;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  .in-slide-content img {
    margin: 24px 0 0 0;
    padding: 0; }

/* = 9.19 Sliding Panel

-------------------------------------------------------------- */
.overlay ::-webkit-scrollbar {
  display: none; }

/* Wrap */
.overlay-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9998;
  -webkit-transition: width 0.5s;
  transition: width 0.5s; }

.overlay-wrap.open {
  height: 100%;
  width: 102%;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.overlay-wrap.closing {
  width: 105%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out; }

/* Overlay */
.overlay {
  width: 50%;
  z-index: 9998;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.overlay-wrap.open .overlay {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.overlay-wrap.closing .overlay {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

/* Overlay closing Cross */
.overlay-close {
  width: 57px;
  height: 57px;
  position: fixed;
  left: 50.5%;
  top: 0;
  overflow: hidden;
  border: none;
  background: #000000 url("../images/close.png") no-repeat 0 0;
  text-indent: 200%;
  color: transparent;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.overlay-wrap.open .overlay-close {
  opacity: 1;
  display: block; }

.overlay-wrap.closing .overlay-close {
  opacity: 0; }

.overlay .overlay-close:hover {
  background: url("../images/cross.png") no-repeat 0 -60px; }

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  margin: 0;
  padding: 0; }

.overlay nav ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll; }

.overlay nav ul li {
  position: relative;
  display: block;
  width: 100%;
  min-height: 54px;
  -webkit-backface-visibility: hidden;
  border-bottom: 1px solid #272727; }
  .overlay nav ul li:last-child {
    border-bottom: none; }

.overlay nav ul li a {
  position: relative;
  z-index: 100;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 4px;
  padding: 27px 0 20px;
  display: block;
  color: #ffffff;
  background: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }

.overlay nav ul li a span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #8c8c8c;
  letter-spacing: 2px; }

.overlay nav ul li a:hover,
.overlay nav ul li a:focus {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  text-decoration: none; }

/* Target */
.overlay-target {
  height: 100%;
  overflow-x: hidden;
  width: 100%;
  z-index: 9997;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.overlay-target.overlay-open {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(20%);
  transform: translateX(20%); }

/* = 9.20 Core Owl Carousel

-------------------------------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* = 9.20.1 Owl Carousel Owl Theme

-------------------------------------------------------------- */
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #8c8c8c;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #8c8c8c; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* single carousel */
.carousel-owl-single .owl-controls {
  margin: 48px 0; }

/* = 10. Media Queries
-------------------------------------------------------------- */
/* = 10.1 max-width : 1280px

-------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {
  /* = BLOG
  -------------------------------------------------------------- */
  .posts.featured > .hentry .post-image .post-header {
    padding: 36px; }
    .posts.featured > .hentry .post-image .post-header .post-title {
      width: 100%;
      font-size: 2em; } }
/* = 10.2 max-width : 1024px

-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  /* = Navigation */
  nav[role=navigation] {
    display: none; }

  .header nav.mobile {
    display: block; }

  .header .mobile-trigger {
    display: table; }

  /* = Typography */
  p.lead {
    font-size: 1.1em; }

  .page-title {
    font-size: 44px; }

  /* Columns  */
  .one_half,
  .one_fourth,
  .one_third,
  .two_third,
  .three_fourth {
    width: 48%;
    margin-bottom: 2%; }

  .one_third,
  .two_third {
    margin-right: 4%; }

  .quarter-width,
  .third-width,
  .half-width {
    width: 50%; }

  /* = Blog */
  .single-post .hentry .post-header .post-title {
    font-size: 2.5em; }

  .posts.featured > .hentry .post-image .post-header {
    padding: 24px; }
    .posts.featured > .hentry .post-image .post-header div {
      font-size: 12px; }
    .posts.featured > .hentry .post-image .post-header span.sep {
      margin: 0 4px; }
    .posts.featured > .hentry .post-image .post-header .post-title {
      width: 100%;
      font-size: 1.5em; }
  .posts.shortcode.col-2 > .hentry, .posts.shortcode.col-3 > .hentry {
    width: 48%; }
    .posts.shortcode.col-2 > .hentry .post-header .post-title, .posts.shortcode.col-3 > .hentry .post-header .post-title {
      font-size: 2em; }

  /* = Projects */
  .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
    padding-right: 0; }

  /* = Shortcodes */
  .shortcode_team .team_description {
    padding: 12px 0px; }

  .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%; }

  .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; } }
/* = 10.3 max-width : 768px

-------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  /* = Slider */
  #skip {
    display: none; }

  /* = Sidebar */
  .sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* Columns  */
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth {
    width: 100%;
    margin-bottom: 2%; }

  /* = Typography */
  p.lead {
    font-size: 1em; }

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

  /* = Blog */
  .posts {
    position: relative;
    width: 100%;
    margin-top: 48px; }
    .posts.normal > .hentry {
      padding: 48px; }
      .posts.normal > .hentry .post-header, .posts.normal > .hentry .post-content {
        max-width: 100%; }
      .posts.normal > .hentry .post-header .post-title {
        font-size: 2.5em; }
      .posts.normal > .hentry .post-thumbnail {
        display: none; }
    .posts.featured > .hentry {
      width: 100%; }
      .posts.featured > .hentry .post-image .post-header {
        padding: 24px; }
        .posts.featured > .hentry .post-image .post-header div {
          font-size: 12px; }
        .posts.featured > .hentry .post-image .post-header span.sep {
          margin: 0 4px; }
        .posts.featured > .hentry .post-image .post-header .post-title {
          width: 100%;
          font-size: 1.5em; }
    .posts.shortcode.col-2 > .hentry, .posts.shortcode.col-3 > .hentry {
      width: 100%; }
      .posts.shortcode.col-2 > .hentry .post-header .post-title, .posts.shortcode.col-3 > .hentry .post-header .post-title {
        font-size: 2em; }
    .posts .author_description {
      margin: 52px auto;
      padding: 0;
      width: 100%;
      max-width: 100%;
      background: #ffffff; }
      .posts .author_description .author_description_inner {
        padding: 36px; }
        .posts .author_description .author_description_inner .image {
          display: inline-block;
          float: none;
          text-align: center;
          width: 100%; }
        .posts .author_description .author_description_inner .author_text_holder {
          margin-left: 0;
          text-align: center; }
          .posts .author_description .author_description_inner .author_text_holder h4 {
            margin: 0 0 12px; }

  div#respond-container {
    padding: 36px;
    /* h3 comment title */ }
    div#respond-container #comments-title {
      margin: 0 0 48px 0;
      padding: 0 0 24px 0;
      font-size: 32px;
      border-bottom: 1px solid #f9f9f9;
      /* number of comments span */ }
    div#respond-container input[type="text"],
    div#respond-container input[type="password"],
    div#respond-container input[type="datetime"],
    div#respond-container input[type="datetime-local"],
    div#respond-container input[type="date"],
    div#respond-container input[type="month"],
    div#respond-container input[type="time"],
    div#respond-container input[type="week"],
    div#respond-container input[type="number"],
    div#respond-container input[type="email"],
    div#respond-container input[type="url"],
    div#respond-container input[type="search"],
    div#respond-container input[type="tel"],
    div#respond-container input[type="color"],
    div#respond-container select,
    div#respond-container textarea,
    div#respond-container .field {
      padding: 8px;
      max-width: 100%; }

  .comment {
    /* vcard */
    /* end .commentlist .vcard */
    /* end children */
    /* general comment classes */
    /* end .commentlist .comment_content */
    /* comment reply link */
    /* end .commentlist .comment-reply-link */ }
    .comment .comment-author {
      padding: 0;
      border: 0;
      text-align: center; }
    .comment .vcard {
      margin-left: 0; }
      .comment .vcard .avatar {
        position: relative;
        display: inline-block;
        border-radius: 50%;
        float: none; }
      .comment .vcard h4 {
        display: block;
        margin: 0;
        font-size: 24px;
        padding: 8px 0 0 0; }
      .comment .vcard time {
        font-size: 14px;
        margin-top: -5px;
        display: block; }
        .comment .vcard time a {
          color: #8c8c8c;
          text-decoration: none; }
          .comment .vcard time a:hover {
            text-decoration: underline; }
    .comment:last-child {
      margin-bottom: 0; }
    .comment .alert-info {
      margin: 42px 0 0 0;
      padding: 12px; }
      .comment .alert-info p {
        margin: 0;
        font-size: 14px; }
    .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; }
    .comment .comment_content {
      margin: 24px 0; }
      .comment .comment_content p {
        margin: 0;
        text-align: center;
        line-height: 1.5; }
    .comment .comment-reply-link {
      text-align: center; }

  /* = Projects */
  .block-grid.columns-2 .block-item, .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
    padding-right: 0 !important; }
    .block-grid.columns-2 .block-item h1, .block-grid.columns-3 .block-item h1, .block-grid.columns-4 .block-item h1 {
      font-size: 350%;
      max-width: 300px; }

  .quarter-width,
  .third-width,
  .half-width {
    width: 100%; }

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

  /* = Footer */
  .footer .widget {
    width: 100%;
    padding: 4px 0; }

  /* = Shortcodes */
  .shortcode_list_images ul.two_col li, .shortcode_list_images ul.three_col li, .shortcode_list_images ul.four_col li {
    width: 50%; }

  .shortcode_team .team_description {
    padding: 12px 0px; }

  .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; } }
/* = 10.4 max-width : 480px

-------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
  /* = Layout */
  body.page-template-page-slider-php .header {
    margin-top: 24px; }

  /* = Typography */
  h1, .h1 {
    font-size: 2em; }

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

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

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

  h5, .h5, h6, .h6 {
    font-size: 1em; }

  /* = Blog */
  .single-post .hentry .post-header div {
    font-size: 12px; }
  .single-post .hentry .post-header span.sep {
    margin: 0 2px; }
  .single-post .hentry .post-header .post-title {
    font-size: 1.5em; }

  .posts.normal > .hentry {
    padding: 36px; }
    .posts.normal > .hentry .post-header, .posts.normal > .hentry .post-content {
      max-width: 100%; }
    .posts.normal > .hentry .post-header .post-title {
      font-size: 2em; }
    .posts.normal > .hentry .post-thumbnail {
      display: none; }
  .posts.featured > .hentry .post-image .post-header {
    padding: 36px; }
    .posts.featured > .hentry .post-image .post-header .post-title {
      width: 100%;
      font-size: 2em; }

  /* = Project */
  .block-grid.columns-2 .block-item, .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
    padding-right: 0 !important; }
    .block-grid.columns-2 .block-item h1, .block-grid.columns-3 .block-item h1, .block-grid.columns-4 .block-item h1 {
      font-size: 200%;
      max-width: 90%; }

  body.single-projects #maximage #video-inner {
    display: none; }
  body.single-projects #maximage .in-slide-content .intro {
    margin: 0;
    padding: 0; }
    body.single-projects #maximage .in-slide-content .intro h1 {
      font-size: 14px;
      letter-spacing: 0.1em;
      padding: 0 24px; }
    body.single-projects #maximage .in-slide-content .intro h2 {
      font-size: 42px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #ffffff;
      margin: 0 auto;
      display: inline-block; }

  /* = 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_list_images ul.two_col li, .shortcode_list_images ul.three_col li, .shortcode_list_images ul.four_col li {
    width: 100%; }

  .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; } }
/* = 10.5 max-width : 420px

-------------------------------------------------------------- */
@media only screen and (max-width: 420px) {
  /* = Layout */
  .header .wrap {
    padding: 0 24px; }

  .wrap {
    padding-left: 24px;
    padding-right: 24px; }

  /* = Typography */
  body {
    line-height: 1.5em; }

  /* = Slider */
  #arrow_left {
    left: 4px; }

  #arrow_right {
    right: 4px; }

  .in-slide-content h2 {
    font-size: 2.5em;
    padding: 12px 48px;
    letter-spacing: 0;
    line-height: 110%; }

  /* = Projects */
  .project-cover .hero-title {
    bottom: 124px !important;
    left: 0px !important; }
    .project-cover .hero-title h1 {
      font-size: 300% !important;
      max-width: 90% !important; }

  /* = Shortcodes */
  .blog_content .entry-header h3 {
    font-size: 2em;
    line-height: 1.2; }
  .blog_content .entry-header .entry-title {
    width: 90%; } }
/* = 11. Retina
-------------------------------------------------------------- */
@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
  
  ******************************************************************/ }
/* = 12. Print
-------------------------------------------------------------- */
@media print {
  /******************************************************************
  
  Stylesheet: Print Stylesheet
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: 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; } }

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}


/* TEST CSS  shortcode custom_video_youtube */
.video-container-shortcode {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: black;
}

.video-container-shortcode iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .video-container-shortcode {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 56.25%;
        width: 100%;
        height: 0;
    }

    .video-container-shortcode iframe {
        width: 100%;
        height: 100%;
    }
}