/*

Theme Name: Ergo Custom Theme

Description: A customized version of the Ergo theme (version 1.3.7) by Constantin Saguin.  Customized April 2014.

Version: 

Author: TJ Design

Author URI: http://wpwolf.com/about

Tags: post-formats, sticky-post, translation-ready, theme options

*/

/*-----------------------------------------------------------------------------------*/

/*  Normalize

/*-----------------------------------------------------------------------------------*/

/* normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================

   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 styling not present in IE 8/9.

 */

[hidden] {

  display: none;

}



/* ==========================================================================

   Base

   ========================================================================== */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

html {
  font-family: sans-serif;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

  -ms-text-size-adjust: 100%;

  /* 2 */

}



/**

 * Remove default margin.

 */

body {

  margin: 0;
}

/* ==========================================================================

   Links

   ========================================================================== */

/**

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

.site-main a:active, .site-main a:hover {text-decoration: underline;}


/* ==========================================================================

   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;

}

.red {color: #AD110B; font-weight: bold;}

/**

 * 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 {

  font-weight: bold;

}



/**

 * Address styling not present in Safari 5 and Chrome.

 */

dfn {

  font-style: italic;

}



/**

 * Address differences between Firefox and other browsers.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/**

 * 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.

 */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* ==========================================================================

   Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9.

 */

img {

  border: 0;

}



/**

 * Correct overflow displayed oddly in IE 9.

 */

svg:not(:root) {

  overflow: hidden;

}



/* ==========================================================================

   Figures

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari 5.

 */

figure {

  margin: 0;

}



/* ==========================================================================

   Forms

   ========================================================================== */

/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}

/**

 * 1. Correct font family not being inherited in all browsers.

 * 2. Correct font size not being inherited in all browsers.

 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.

 */

button,

input,

select,

textarea {

  font-family: inherit;

  /* 1 */

  font-size: 100%;

  /* 2 */

  margin: 0;

  /* 3 */

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,

input {

  line-height: normal;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * 1. Address box sizing set to `content-box` in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 */

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

}



/* ==========================================================================

   Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/*-----------------------------------------------------------------------------------*/

/*  Base

/*-----------------------------------------------------------------------------------*/

/*BORDER-BOX ALL THE THINGS! (http://paulirish.com/2012/box-sizing-border-box-ftw/)*/

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:after, *:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/*Contain floats*/

.clearfix, .centered, .clear {

  zoom: 1;

}

.clearfix:before, .clearfix:after, .centered:before, .centered:after, .clear:before, .clear:after {

  content: "";

  display: table;

}

.clearfix:after, .centered:after, .clear:after {

  clear: both;

}



.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



.centered {

  margin-left: auto!important;

  margin-right: auto!important;

  display: block;

  float: none!important;

}



@-webkit-viewport {

  width: device-width;

}



@-moz-viewport {

  width: device-width;

}



@-ms-viewport {

  width: device-width;

}



@-o-viewport {

  width: device-width;

}



@viewport {

  width: device-width;

}

html.js, .js body {

  height: auto;

}

.js .home #page {

  display: block;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

}



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

GENERAL STYLES

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

body {

  background: whitesmoke;

  font-family: "PT Serif", "Georgia", Cambria, Times New Roman, Times, serif;

  font: normal 100%/1.6;

  line-height: 1.7;

  color: #333333;

  overflow-x: hidden;

  position: relative;

}
.page-template-template-gallery-php #main,

.page-template-template-dribbble-php #main,

.page-template-template-instagram-php #main {

  padding-top: 0.5em;

}



#commentform textarea, #commentform input {

  font: normal 100%/1.6;

}



#send, input#searchsubmit {

  font: normal 100%/1.6;

}

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

LAYOUT & GRID STYLES

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

.wrap, article, hr {

  zoom: 1;

}

.wrap:before, .wrap:after, article:before, article:after, hr:before, hr:after {

  content: "";

  display: table;

}

.wrap:after, article:after, hr:after, .clearboth {

  clear: both;

}



.wrap, .work-wrap, .home-wrap {

  width: 88%;

  margin: 0 auto;

}



.entry-header, .entry-meta, .entry-content,

.entry-summary,

.comments-title,

.comment-list,

#reply-title,

#respond #commentform,

#respond iframe {

	width: 75%;
	margin: 0 20% 0 5%;
}



hr {

  border: none;

  height: 3px;

  background: #ccc;

  margin: 2em auto;

}



p {

  margin: 0 0 2em;

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  hyphens: auto;

}



p.no-margin {

  margin: 0!important;

}



.clear {

  clear: both;

}



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

TEXT STYLES

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

.caption {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

  opacity: 0.6;

}



.small {

  font-size: 0.8em;

}



.cite {

  font-size: 15px;

  padding-top: 1em;

}

.cite:before {

  content: '\2014 \00A0';

}



a, a:visited {

  color: #2C61AA;

  text-decoration: none;

  outline: none;

  -webkit-transition: color 0.1s linear;

  -moz-transition: color 0.1s linear;

  -o-transition: color 0.1s linear;

  transition: color 0.1s linear;

  /* mobile tap color */

}

a:link, a:visited:link {

  -webkit-tap-highlight-color: #2C61AA;

}



a:focus {

  outline: none;

}



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

H1, H2, H3, H4, H5 STYLES

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

h1, h2, h3, h4, h5 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-rendering: optimizelegibility;

  font-weight: 700;

  color: #333333;

}

h1 a, h2 a, h3 a, h4 a, h5 a {

  text-decoration: none;

}



h1 {

  font-size: 1.65em;

  line-height: 1.333em;

}



h1.entry-title {

  font-size: 1.6em;

  line-height: 1.4em;

  margin-bottom: 0;
  text-align: center;
}



h2 {

  font-size: 1.4em;

  line-height: 1.4em;

  margin-bottom: 0.375em;

}



h3 {

  font-size: 1.125em;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}



h4 {

  font-size: 1.1em;

  font-weight: 700;

}



h5, h6 {

  font-size: 0.846em;

  line-height: 2.09em;

  text-transform: uppercase;

  letter-spacing: 2px;

  font-weight: 400;

  font-family: "PT Serif", "Georgia", Cambria, Times New Roman, Times, serif;

}



h6 {

  font-weight: 400;

  text-transform: none;

}



/* List

---------------------------------------*/

ul {

  list-style-type: square;
  margin: 0 0 0 20px;
  list-style-position: outside;
  padding: 0;

}
.tag-list {

  margin-bottom: 2em;

  display: block;

}

.tag-list li {

  list-style-type: none;

}

.tag-list ul {

  margin-left: 0!important;

  -webkit-column-count: 2;

  -webkit-column-gap: .75em;

  -moz-column-count: 2;

  -moz-column-gap: .75em;

  -o-column-count: 2;

  -o-column-gap: .75em;

  column-count: 2;

  column-gap: .75em;

}

/* Typo

---------------------------------------*/

strong {

  color: black;

}



/* Quote

---------------------------------------*/

blockquote {

  color: rgba(0, 0, 0, 0.5);

  font-style: italic;

  padding: 0 0 0 1em;

  border-left: 0.3em solid rgba(0, 0, 0, 0.25);

  margin: 0;

  color: black;

}

blockquote cite:before, blockquote small:before {

  content: '\2014 \00A0';

}



/* Button

---------------------------------------*/

.button,

#featured-slider .flex-caption .more-link, #featured-slider .flex-caption .button,

input[type="submit"] {

  text-align: left;

  display: inline-block;

  background: #2C61AA;

  color: white !important;

  width: auto;

  padding: 0.8em 1.4em;

  text-shadow: none!important;

  margin-top: 1em;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-align: center;

  font-size: 1em;

  font-weight: 700;

  font-size: 16px;

  -webkit-transition: background 0.3s;

  -moz-transition: background 0.3s;

  -o-transition: background 0.3s;

  transition: background 0.3s;

}

.button:hover,

#featured-slider .flex-caption .more-link:hover, #featured-slider .flex-caption .button:hover,

input[type="submit"]:hover {

  background: #333333;

  color: white !important;

}

.button:active,

#featured-slider .flex-caption .more-link:active, #featured-slider .flex-caption .button:active,

input[type="submit"]:active {

  position: relative;

  top: 1px;

}



.button {

  display: inline-block;

}



#featured-slider .flex-caption .more-link, #featured-slider .flex-caption .button {

  background: white;

  color: #333333 !important;

}



/* Dropcap

---------------------------------------*/

@font-face {

  font-family: 'KingthingsCalligraphica2Rg';

  src: url("css/fonts/Kingthings_Calligraphica_2-webfont.eot");

  src: url("css/fonts/Kingthings_Calligraphica_2-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/Kingthings_Calligraphica_2-webfont.woff") format("woff"), url("css/fonts/Kingthings_Calligraphica_2-webfont.ttf") format("truetype"), url("css/fonts/Kingthings_Calligraphica_2-webfont.svg#KingthingsCalligraphica2Rg") format("svg");

  font-weight: normal;

  font-style: normal;

}



.dropcap {

  font-family: 'KingthingsCalligraphica2Rg';

  font-size: 3.5em;

  float: left;

  line-height: 0.8;

  text-transform: uppercase;

  margin: 0.1em 0.2em 0 0;

  color: #333333;

}



/* Pre

---------------------------------------*/

code, pre {

  font: 0.8em "andale mono", "lucida console", monospace;

  line-height: 1.5;

}



code {

  display: inline;

  background-color: #fff;

  padding: 0.5em;

  color: black;

}



pre {

  overflow-x: auto;

  overflow-y: hidden;

  margin-bottom: 2.4em;

}



address {

  margin-bottom: 1.3em;

}

address p {

  margin-bottom: 0;

}



/* Text Selection

---------------------------------------*/

::-moz-selection {

  background: #ccc;

  text-shadow: none;

}



::selection {

  background: #ccc;

  text-shadow: none;

}



a:link {

  -webkit-tap-highlight-color: #ccc;

}



/* Table

---------------------------------------*/

table {

  border-bottom: 1px solid #ededed;

  border-collapse: collapse;

  border-spacing: 0;

  font-size: 14px;

  line-height: 2;

  margin: 0 0 20px;

  width: 100%;

}



caption,

th,

td {

  font-weight: normal;

  text-align: left;

}



caption {

  font-size: 16px;

  margin: 20px 0;

}



th {

  font-weight: bold;

  text-transform: uppercase;

}



td {

  border-top: 1px solid #ededed;

  padding: 6px 10px 6px 0;

}



/* Wolf Plugins

---------------------------------------*/

/* Wolf Twitter */

.wolf-bigtweet-content {

  padding-left: 1em;

}

.wolf-bigtweet-content:before {

  content: "\e028";

  -webkit-font-smoothing: antialiased !important;

  font-family: 'WolfIcons';

  font-weight: normal!important;

  font-size: 2em;

  position: relative;

  top: 0.3em;

  margin-right: 0.2em;

}



.wolf-bigtweet-content span.wolf-tweet-text {

  font-size: 1.5em;

}



.wolf-tweet-time a {

  color: #999999;

}



/* Wolf Message bar */

#wolf-topbar-container #ribbon {

  z-index: 99998;

}



/* WolfGram */

#wolf-instagram {

  margin-top: 1.5em;

  margin-bottom: 1em;

  background: none;

}



.wolf-instagram-item-container {

  margin-bottom: 0.5em!important;

}

.wolf-instagram-item-container .wolf-instagram-item {

  width: 96%;

  height: 96%;

  padding: 1%;

  margin: 0 auto;

  background: #fff;

  position: relative;

  -webkit-box-shadow: 0px 0px 5px 0px #ccc;

  box-shadow: 0px 0px 5px 0px #ccc;

  overflow: hidden;

}

.wolf-instagram-item-container .wolf-instagram-item img {

  width: 98%;

  margin: 1%!important;

  height: auto;

  padding: 0!important;

  display: block;

  position: relative;

}

.wolf-instagram-item-container .wolf-instagram-item .wolf-instagram-overlay {

  z-index: 2;

}



/* Wolf jPlayer */

.work-meta .wolf-jplayer-playlist {

  display: none!important;

}



.work-content .wolf-jplayer-playlist {

  text-align: left;

}



/* Wolf Shortcode */

/* Remove the margin and padding if a google map is displayed in the bottom area */

#bottom-holder .wolf-google-map {

  /*height: auto;*/

  margin: 0!important;

  padding: 0!important;

}

#bottom-holder .wolf-google-map iframe {

  margin-bottom: 0!important;

  padding-bottom: 0!important;

}

#bottom-holder iframe[src^="https://maps.google"] {

  margin: 0!important;

  padding: 0!important;

}



/*-----------------------------------------------------------------------------------*/

/*  Header

/*-----------------------------------------------------------------------------------*/

.home.is_featured_slider.paged #featured-slider {

  display: none;

}
.site-header {

  position: relative;
  z-index: 99999999999;
  background: #000000;

}
.site-header a, .site-header a:hover, .site-header a:focus, .site-header a:visited {
  text-decoration: none;
}
.site-header #logo {

  display: block;

  position: absolute;

  right: 0px;

  top: 0;

  height: 44px;

  line-height: 44px;

  background-color: #000000;

  z-index: 10;

}

.site-header #logo img {
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;	
  height: 44px;
}
#main {
  padding-top: 2em;
}
body.home #main {
  padding-top: 0;
}

body.error404 #main {
	width: 75%;
	margin-right: 20%;
	margin-left: 5%;
}

/* featured post */

#featured-slider {

  position: relative;

  background: #333;

}

#featured-slider .slides li {

  display: none;

}

#featured-slider .slides > li:first-child {

  display: block;

  float: left;

}

#featured-slider .flex-control-nav {

  bottom: 1.5em;

  z-index: 100;

}

#featured-slider .flex-control-nav li a {

  opacity: 1;

  border: 1px solid #fff;

  background: none;

}

#featured-slider .flex-control-paging li a.flex-active {

  background: #fff;

  cursor: default;

}



#featured-slider .flex-caption {

  color: white;

  display: block;

  padding: 3em 0;

  padding-left: 0;

  padding-right: 0;

  background: none!important;

  position: relative;

  margin-top: 20px;

}

#featured-slider .flex-caption .wrap {

  max-width: 1260px;

}

#featured-slider .flex-caption .flex-inner {

  width: 100%;

  padding-left: 0!important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 16px;

  position: relative;

  text-shadow: 0px 0px 5px #595959;

}

#featured-slider .flex-caption .flex-inner .entry-title {

  font-size: 1.7em;

  text-align: left;

  background: url("images/header-line-white.jpg") left bottom no-repeat;

}

#featured-slider .flex-caption .flex-inner .entry-title a {

  color: white !important;

}

#featured-slider .flex-caption .flex-inner .entry-summary {

  display: none;

  margin-top: 1em;

  width: 100%;

  font-family: "PT Serif", "Georgia", Cambria, Times New Roman, Times, serif;

}

#featured-slider .flex-caption .flex-inner .entry-summary p {

  margin-bottom: 0;

}

#featured-slider .flex-caption .flex-inner .entry-summary .more-link, #featured-slider .flex-caption .flex-inner .entry-summary .button {

  padding: 0.5em 1em;

}

.blogpostblurb {
	font-style: italic;
	padding: 1em 0px;
	font-weight: bold;
}
.blogpostblurb p {margin: 0 !important;}

/*-----------------------------------------------------------------------------------*/

/*  Footer

/*-----------------------------------------------------------------------------------*/

#bottom-holder {

  text-align: center;
  padding: 2em 0 2.5em;
  background: #ECEBE9;
}
#bottom-holder img {vertical-align: middle;
	-webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
}
#bottom-holder .button, #bottom-holder a.wolf-button {

  margin-left: 1em;
}
html #bottom-holder strong {padding-left: 10px;}
@media screen and (max-width: 800px) {
	html #bottom-holder .button, html #bottom-holder a.wolf-button {margin-left: 0;}
	html #bottom-holder strong {display: block; padding-left: 0;}
}

#bottom-holder h3 {

  border: none;

}



#sidebar-footer {

  background: #fff;

}



.site-footer {

  width: 100%;

  background: #0d0d0d;
  padding-top: 20px;
  min-height: 60px;
  bottom: 0;

  left: 0;

  font-size: 3em;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-align: left;

  color: #8c8c8c;

}
.site-footer strong {color: #8c8c8c;}
.site-footer .site-info {

  font-size: 12px;

}
.site-info p {text-align: justify; width: 90%; margin: 0 auto 2em auto;}
.site-footer .site-info a, .site-footer .site-info a:visited {

  color: #8c8c8c;

}

.site-footer .socials {

  cursor: pointer;
  padding: 0 5px 15px 5px;
  font-size: 20px;

}

.site-footer .socials a, .site-footer .socials i {
  display: inline-block;

  padding: 0 12px;

  color: white;

} 
#ie7 .site-footer .socials a, #ie7 .site-footer .socials i {
  display: block;
}
.site-footer .socials a:hover, .site-footer .socials i:hover {

  color: #b3b3b3;

}



#wpstats {

  display: block;

  margin: -10px auto 0 auto;

}



#no-js-message {

  padding: 0;

  width: 88%;

  height: 100%;

  display: table;

  margin: 0 auto;

  font-weight: bold!important;

  font-size: 2em;

  line-height: 1.4em;

  margin-bottom: 0.83em;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#no-js-message div {

  display: table-cell;

  vertical-align: middle;

  max-width: 700px;

}

#no-js-message strong {

  color: #000;

  font-weight: bold;

}



/*-----------------------------------------------------------------------------------*/

/*  Navigation

/*-----------------------------------------------------------------------------------*/

.menu-toggle {

  cursor: pointer;

  display: inline-block;

  text-transform: uppercase;

  font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

  margin: 0;

  padding: 10px;

  padding-bottom: 11px;

  color: #ffffff !important;

  border: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.menu-toggle:after {

  content: "\f502";

  font-size: 16px;

  padding-left: 8px;

  font-weight: 400!important;

  position: relative;

  top: 0;

}



.main-navigation {

  clear: both;

  margin: 0 auto;

  position: relative;

}



.nav-menu {

  display: none;

  list-style-type: none;

  margin-left: 0;

  padding-left: 0;

  font-weight: 700;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  margin-top: 0;

  /* end .menu li */

}
#ie7 .nav-menu {
  display: block !important; 
  height: auto !important;
  line-height: auto !important;}

#ie7 .nav-menu li {display: inline; height: auto !important;}
#ie7 .nav-menu li a {
  display: block;
  float: left;
  height: auto !important;
  line-height: auto !important;
}
@media (max-width: 1030px) {#ie7 .nav-menu li a {padding: 1.5em;}}
.nav-menu li:last-child {

  margin-bottom: 10px;

}

.nav-menu li a {

  display: block;

  text-decoration: none;

  padding: 1em 30px 1em 30px;

  color: #ffffff;

  font-weight: 700;

  font-size: 14px;

  padding-left: 10px;

}

.nav-menu li ul.sub-menu,

.nav-menu li ul.children {

  list-style-type: none!important;

  margin-left: 0;

}

.nav-menu li ul.sub-menu li a,

.nav-menu li ul.children li a {

  display: block;

  padding-left: 25px;

}

.nav-menu li ul.sub-menu li:last-child,

.nav-menu li ul.children li:last-child {

  margin-bottom: 0;

}



/* end .nav */

/* Toggle */

.toggled-on .nav-menu,

.toggled-on .nav-menu > ul {

  display: block;

  font-size: 14px;

  margin-left: 0px;

  padding: 0;

  width: 100%;

}



/*-----------------------------------------------------------------------------------*/

/*  Pagination

/*-----------------------------------------------------------------------------------*/

.paging-navigation, .post-navigation, .navigation-image {

  width: 100%;

  padding: 2em 0;

}

.paging-navigation .nav-previous, .paging-navigation .nav-links a[rel="prev"], .paging-navigation .previous, .post-navigation .nav-previous, .post-navigation .nav-links a[rel="prev"], .post-navigation .previous, .navigation-image .nav-previous, .navigation-image .nav-links a[rel="prev"], .navigation-image .previous {
  padding-bottom: 15px;
  float: left;

}

.paging-navigation .nav-next, .paging-navigation .nav-links a[rel="next"], .paging-navigation .next, .post-navigation .nav-next, .post-navigation .nav-links a[rel="next"], .post-navigation .next, .navigation-image .nav-next, .navigation-image .nav-links a[rel="next"], .navigation-image .next {

  float: right;

}



.paging-navigation, .post-navigation {

  background: #f1f1f1;

}



body.dark .paging-navigation, body.dark .post-navigation {

  background: #0d0d0d;

}



/*-----------------------------------------------------------------------------------*/

/*  Entry

/*-----------------------------------------------------------------------------------*/

.single-attachment .entry-header {

  padding-top: 1.5em;

}



.sidebar .entry-header .entry-meta {

  padding: 0;

}



.entry-thumbnail img {

  display: block;

  margin: 0 auto 20px;

}



.entry-header {

  margin-bottom: 30px;
}



.page-header {

  padding-bottom: 0.5em;

}



.entry-title a, .page-title a, .separator a {
  color: #333333 !important;

}

.entry-title a:hover, .page-title a:hover, .separator a:hover {

  color: #2C61AA !important;

}



.page-title, .separator, .flex-caption .entry-title, .work-meta .entry-title {
  text-align: center;
  margin: 0 20% 5px 5%;
  width: 75%;
  padding-bottom: 0.5em;
  background: url("images/header-line-black.jpg") center bottom no-repeat;
}



.entry-title {

  margin-top: 0;
  font-variant: small-caps;

}



.separator {
  margin: -20px 0 25px;

}



.entry-content .entry-meta, .entry-header .entry-meta {

  width: 98%;

}



.entry-meta, .edit-link {

  clear: both;

  font-size: 13px;

  margin-top: 1.8em;

  padding: 0.3em 0;

  text-align: center;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.entry-meta a, .edit-link a {

  color: #999999 !important;

}

.entry-meta a:hover, .edit-link a:hover {

  color: #2C61AA !important;

}



.entry-meta > span {

  margin-right: 20px;

}



.entry-meta > span:last-child {

  margin-right: 0;

}



.single-author .entry-meta .author,

.sticky.format-standard .entry-meta .date,

.sticky.format-chat .entry-meta .date,

.sticky.format-image .entry-meta .date,

.sticky.format-gallery .entry-meta .date {

  display: none;

}



/* Author info */

.author-info {

  margin: 20px auto 0;

  text-align: left;

  width: 88%;

  max-width: 540px;

}



.author-avatar {

  text-align: center;

  margin-top: 1.8em;

}

.author-avatar img {

  -webkit-border-radius: 80px;

  -moz-border-radius: 80px;

  -ms-border-radius: 80px;

  -o-border-radius: 80px;

  border-radius: 80px;

}

.author-avatar a {

  margin: 0 5px;

  display: inline-block;

  font-size: 16px;

}

.author-avatar a:hover {

  color: #2C61AA !important;

}



.author-description p {

  margin-top: -1.2em;

}

.author-description h5 {

  font-size: inherit;

}



.taxonomy-description {

  text-align: center;

  display: block;

  margin-top: 1em;

}



article.post, article.page {

  padding: 1.5em 0 1.5em 0;

}

article.post:first-child, article.page:first-child {

  padding-top: 1.5em;

}



.type-post:nth-child(even) {

  background: white;

}



.type-post:nth-child(odd) {

  background: none;

}



.entry-thumbnail {

  display: block;

  margin-top: 1.5em;

}



.entry-content blockquote, .comment-content blockquote {

  font-size: 1.3em;

}

.entry-content blockquote small, .entry-content blockquote cite, .comment-content blockquote small, .comment-content blockquote cite {

  font-size: 16px;

}

.entry-content ul, .comment-content ul {

  margin-left: 2em;

  margin-bottom: 1em;

}



.page-template-template-search-php .entry-content ul {

  margin-left: 1em;

  margin-bottom: 0;

}



.page .entry-thumbnail {

  margin-top: 0;

}

.page article.page:first-child {

  padding-top: 0;

}



footer.entry-meta {

  margin-top: 24px;

}



.format-standard footer.entry-meta {

  margin-top: 0;

}



/* Page links */

.page-links {

  clear: both;

  font-size: 16px;

  font-style: italic;

  font-weight: normal;

  line-height: 2.2;

  margin: 20px 0;

  text-transform: uppercase;

}



.page-links a,

.page-links > span {

  background: #fff;

  border: 1px solid #fff;

  padding: 5px 10px;

  text-decoration: none;

}



.page-links a, .page-links a:visited {

  background: #333333;

  color: white;

}



.page-links a:hover {

  background: #2C61AA;

  color: white;

}



.page-links .page-links-title {

  background: transparent;

  border: none;

  margin-right: 20px;

  padding: 0;

}



.more-link {

  display: inline-block;

  width: 100%;

  text-align: center;

}



/*  404 page

------------------------------------*/

.error404 .post {

  text-align: center;

  padding: 5em 0;

}



/*-----------------------------------------------------------------------------------*/

/*  Post Formats

/*-----------------------------------------------------------------------------------*/


/* Video */

/* Link */

.format-link {

  text-align: center;

}



/* Quote */

.format-quote blockquote {

  border: none;

  margin-top: -0.8em;

  padding-left: 0;

  font-size: 2em;

  text-align: center;

  line-height: 1.4;

}

.format-quote blockquote p {

  margin: 0;

}



/* Image */

.format-image .entry-thumbnail {

  margin-top: 0;

}



/* Quote*/

.format-chat p {

  margin-bottom: 0.2em;

}



/*-----------------------------------------------------------------------------------*/

/*  Home

/*-----------------------------------------------------------------------------------*/

.home-wrap {

  margin-bottom: 1.5em;

}

.home-wrap .home-content, .home-wrap .home-work-intro {

  width: 98%;

  margin: 0 auto;

  text-align: left;

}

.home-wrap .home-work-intro {

  margin-top: 1.5em;

}

.home-wrap .home-work-intro h2 {

  line-height: 1.3;

}



/*-----------------------------------------------------------------------------------*/

/*  Portfolio

/*-----------------------------------------------------------------------------------*/

/* Filter

------------------------------*/

#portfolio-filter {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 700;

  width: auto;

  margin-top: -2em;

  font-size: 0.8em;

  margin-bottom: 1.8em;

}

#portfolio-filter ul {

  margin-left: 0;

  list-style-type: none;

  float: left;

}

#portfolio-filter ul li {

  margin-left: 0;

  display: inline-block;

  margin: 10px 10px 0;

}

#portfolio-filter ul li a {

  color: #333333;

}

#portfolio-filter ul li a:after {

  content: ".";

}

#portfolio-filter ul li a:hover {

  color: #2C61AA !important;

}

#portfolio-filter ul li a.active {

  color: white !important;

  display: inline-block;

  background: #333333;

  padding: 0 0.6em;

}



/* Portfolio Grid

------------------------------*/

#portfolio {

  margin-top: 1.5em;

  margin-bottom: 1.5em;

}



.work-item {

  margin-bottom: 1em;

}

.work-item .enty-link {

  display: block;

}

.work-item .work-thumb {

  width: 96%;

  height: 96%;

  padding: 1%;

  margin: 0 auto;

  background: #fff;

  position: relative;

  -webkit-box-shadow: 0px 0px 5px 0px #ccc;

  box-shadow: 0px 0px 5px 0px #ccc;

  overflow: hidden;

}

.work-item .work-thumb img {

  display: block;

  vertical-align: bottom;

  text-align: center;

  overflow: hidden;

  width: 98%;

  margin: 1%;

  height: auto;

}

.work-item .work-thumb .overlay {

  position: absolute;

  top: 0;

  left: -1px;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

  opacity: 0.7;

  text-shadow: 0 0 5px #0d0d0d;

  color: white;

  height: 100%;

  width: 101%;

}

.work-item .work-thumb .overlay .overlay-inner {

  display: table;

  width: 100%;

  height: 100%;

  padding: 1.3em;

}

.work-item .work-thumb .overlay .overlay-inner .overlay-content {

  display: table-cell;

  vertical-align: bottom;

  text-align: center;

}

.work-item .work-thumb .overlay .overlay-inner .overlay-content i {

  display: none;

}

.work-item .work-thumb .overlay .overlay-inner .overlay-content .entry-title {

  margin: 0;

  margin-top: 15px;

  line-height: 1.5em;

  background: none;

  border: none;

  color: white;

}

.work-item .work-thumb .overlay .overlay-inner .overlay-content .taxonomies-links {

  font-size: 15px;

}

.work-item .work-thumb .overlay .overlay-inner .overlay-content .taxonomies-links a {

  color: #FFF;

}



/* Single Item

------------------------------*/

.work-meta .entry-header, .work-meta .entry-meta, .work-meta .entry-content, .work-meta hr {

  width: 95%;

}

.work-meta .entry-meta {

  text-align: left;

  margin: 0;

  margin-right: auto;

  margin-left: auto;

}

.work-meta .entry-meta a {

  color: #2C61AA !important;

}

.work-meta #gallery,

.work-meta embed,

.work-meta iframe,

.work-meta object,

.work-meta .fluid-video,

.work-meta video {

  display: none!important;

}

.work-meta p {

  margin-bottom: 0.1em;

}

.work-meta hr {

  margin: 0.8em 0;

}

.work-meta .views-and-likes {

  margin-top: 5px;

  font-size: 15px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.work-meta .views-and-likes i {

  position: relative;

  padding-top: 0;

}

.work-meta .views-and-likes i.wolf-ui-icon-spinner {

  top: 2px;

  left: -5px;

}

.work-meta .views-and-likes .work-like {

  cursor: pointer;

  display: inline-block;

}

.work-meta .views-and-likes .work-like.liked {

  color: #e64c4c;

  cursor: default;

}

.work-meta .entry-title {

  text-align: left;

  background-position: bottom left;

  margin-bottom: 0.5em;

}



.work-content .default-gallery ul li {

  width: 100%;

}

.work-content .default-gallery ul li img {

  max-width: 100%;

}

.work-content .fluid-video {

  margin-bottom: 20px;

}

.work-content span.single-work-thumb {

  display: block;

}

.work-content span.single-work-thumb img {

  vertical-align: bottom;

  margin: 0;

}

.work-content .wolf-embed {

  float: right;

  width: 100%;

  text-align: right;

  max-width: 800px;

}

.work-content .wolf-embed iframe {

  width: 100%;

  max-width: 800px;

}



.work-nav {

  margin: 1em 0 1em;

}

.work-nav i {

  margin-right: 5px;

  background: #333333;

  color: white;

}

.work-nav a {

  display: block;

  float: right;

  text-decoration: none!important;

}



.work-entry {

  width: 98%;

  margin: 1.5em auto;

}

.work-entry .entry-thumbnail {

  margin: 0;

}



/* Isotope styles

---------------------------------------*/

.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -o-transition-property: top, left, opacity;

  transition-property: transform, opacity;

}



.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/*-----------------------------------------------------------------------------------*/

/*  Theme Icons

/*-----------------------------------------------------------------------------------*/

/**

Thanks to ICOMOON 

http://icomoon.io

 */

@font-face {

  font-family: 'WolfIcons';

  src: url("css/fonts/WolfIcons.eot");

  src: url("css/fonts/WolfIcons.eot?#iefix") format("embedded-opentype"), url("css/fonts/WolfIcons.svg#WolfIcons") format("svg"), url("css/fonts/WolfIcons.woff") format("woff"), url("css/fonts/WolfIcons.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}



.genericon:before,

.menu-toggle:after,

.featured-post:before,

.date a:before,

.entry-meta .author a:before,

.format-quote .entry-content:before,

.format-video .entry-content:before,

.format-image .entry-thumbnail:before,

.comments-link a:before,

.tags-links a:first-child:before,

.categories-links a:first-child:before,

.taxonomies-links:before,

.edit-link a:before,

.attachment .entry-title:before,

.attachment-meta:first-child:before,

.attachment-meta a:before,

.comment-awaiting-moderation:before,

.comment-reply-link:before,

.comment-count a:before,

#reply-title small a:before,

.bypostauthor .fn:after,

.home-menu-item a:before,

.ampersand:before,

.format-link .entry-title a:after,

.twitter:before,

.facebook:before,

.dribbble:before,

.instagram:before,

.forrst:before,

.youtube:before,

.google-plus:before,

.vimeo:before,

.linkedin:before,

.pinterest:before,

.website:before,

.zoom:before,

.deviantart:before,

.github:before,

.tumblr:before,

.skype:before,

.lastfm:before,

.delicious:before,

.stumbleupon:before,

.foursquare:before,

.zerply:before,

.myspace:before,

.grooveshark:before,

.evernote:before,

.digg:before,

.behance:before,

.pixels:before,

.soundcloud:before,

.spotify:before,

.rss:before,

.format-quote blockquote:before,

.format-gallery .entry-content:before {

  -webkit-font-smoothing: antialiased !important;

  font-family: 'WolfIcons';

  font-weight: normal!important;

  text-decoration: none!important;

  line-height: 1;

  vertical-align: text-bottom;

  background-image: none !important;

  font-size: 1em!important;

  font-style: normal;

}



.menu-toggle:after {

  content: "\e000";

  padding-left: 0;

  font-size: 1.5em!important;

}



.format-link .entry-title a:after {

  content: "\e03e";

  margin-left: 20px;

  position: relative;

  top: -8px;

  font-size: inherit;

  display: none;

  font-size: 0.8em!important;

}



.attachment-meta:first-child:before {

  content: "\e03a";

  margin-right: 5px;

}



.full-size-link a:before {

  content: "\e03c";

  margin-right: 5px;

}



.comment-awaiting-moderation:before {

  content: "\e044";

  margin-right: 5px;

  position: relative;

  top: -2px;

}



.comment-reply-link:before {

  content: "\e005";

  margin-right: 3px;

  position: relative;

  top: -3px;

}



#reply-title small a:before {

  content: "\e006";

  margin-right: 3px;

  margin-left: 15px;

  position: relative;

  top: -2px;

}



.bypostauthor .fn:after {

  content: "\e01c";

  margin-left: 5px;

  top: -2px;

  position: relative;

}



.featured-post:before {

  content: "\e007";

  margin-right: 5px;

}



.entry-meta .date a:before {

  content: "\e047";

  margin-right: 5px;

  top: -1px;

  position: relative;

}



.comments-link a:before, .comment-count a:before {

  content: "\e038";

  margin-right: 5px;

  top: -1px;

  position: relative;

}



.entry-meta .author a:before {

  content: "\e008";

  margin-right: 5px;

  top: -1px;

  position: relative;

}



.categories-links a:first-child:before {

  content: "\e001";

  margin-right: 5px;

  position: relative;

  top: -2px;

}



.taxonomies-links:before {

  content: "\e001";

  margin-right: 5px;

  position: relative;

  top: -2px;

  color: white !important;

}



.tags-links a:first-child:before {

  content: "\e033";

  margin-right: 3px;

  top: 0px;

  position: relative;

}



.edit-link a:before {

  content: "\e009";

  top: -1px;

  margin-right: 5px;

  position: relative;

}



.format-quote blockquote:before {

  content: "\e004";

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

  font-size: 0.7em!important;

}



.format-aside .entry-content .date a:before {

  content: "\e047";

}



.format-video .entry-content:before {

  content: "\e018";

  display: block;

  margin-bottom: 0.8em;

  display: none;

  font-size: 32px!important;

  text-align: center;

}



.format-gallery .entry-content:before {

  content: "\e027";

  display: block;

  margin-bottom: 0.8em;

  display: none;

  font-size: 32px!important;

  text-align: center;

}



.format-image .entry-thumbnail:before {

  content: "\f083";

  display: block;

  margin-bottom: 0.8em;

  display: none;

  font-size: 32px!important;

}



.format-aside cite:before {

  content: "—";

  margin-right: 5px;

}

.format-chat .entry-meta .date a:before {

  content: "\e039";

  margin-right: 5px;

}



.format-status .entry-meta .date a:before {

  content: "\e00c";

}



.ampersand:before {

  content: "\e01d";

  font-size: inherit;

  color: #2C61AA;

  margin: 0 5px;

}



/* Socials

------------------------*/

.twitter:before {

  content: "\e028";

}



.facebook:before {

  content: "\e029";

}



.dribbble:before {

  content: "\e00f";

}



.instagram:before {

  content: "\e04f";

}



.forrst:before {

  content: "\e011";

}



.youtube:before {

  content: "\e012";

}



.google-plus:before {

  content: "\e015";

}



.vimeo:before {

  content: "\e016";

}



.linkedin:before {

  content: "\e00e";

}



.pinterest:before {

  content: "\e00d";

}



.deviantart:before {

  content: "\e02a";

}



.github:before {

  content: "\e02b";

}



.tumblr:before {

  content: "\e02c";

}



.skype:before {

  content: "\e02d";

}



.lastfm:before {

  content: "\e02e";

}



.delicious:before {

  content: "\e02f";

}



.stumbleupon:before {

  content: "\e030";

}



.foursquare:before {

  content: "\e031";

}



.zerply:before {

  content: "\e050";

}



.myspace:before {

  content: "\e051";

}



.grooveshark:before {

  content: "\e052";

}



.evernote:before {

  content: "\e053";

}



.digg:before {

  content: "\e054";

}



.behance:before {

  content: "\e055";

}



.pixels:before {

  content: "\e059";

}



.soundcloud:before {

  content: "\e013";

}



.spotify:before {

  content: "\e045";

}



.website:before {

  content: "\e025";

}



.rss:before {

  content: "\e010";

}



/* Portfolio

------------------------------------*/

.work-type-video:before,

.work-type-image:before,

.work-type-slider:before,

.wolf-ui-icon-spinner:before,

.wolf-ui-icon-close:before,

.wolf-ui-icon-chevron-left:before,

.wolf-ui-icon-chevron-right:before,

.wolf-ui-icon-eye:before,

.wolf-ui-icon-heart:before,

.work-launch:before,

.work-taxonomy:first-child:before {

  -webkit-font-smoothing: antialiased !important;

  font-family: 'WolfIcons';

  font-weight: normal!important;

  text-decoration: none!important;

  line-height: 1;

  vertical-align: text-bottom;

  background-image: none !important;

  font-size: 1em!important;

  font-style: normal;

}



.work-type-video:before,

.work-type-image:before,

.work-type-slider:before {

  font-size: 1.4em!important;

}



/*  */

.wolf-ui-icon-spinner,

.wolf-ui-icon-close,

.wolf-ui-icon-chevron-left,

.wolf-ui-icon-chevron-right {

  display: inline-block;

  width: auto;

  height: auto;

  position: relative;

  padding: 16px;

}



.wolf-ui-icon-spinner:before,

.wolf-ui-icon-chevron-left:before,

.wolf-ui-icon-chevron-right:before,

.wolf-ui-icon-close:before {

  margin-top: -8px;

  margin-left: -16px;

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

}



.wolf-ui-icon-close:before {

  content: "\e049";

}



.wolf-ui-icon-chevron-left:before {

  content: "\e04a";

  font-size: 16px!important;

}



.wolf-ui-icon-chevron-right:before {

  content: "\e04b";

  font-size: 16px!important;

}



.wolf-ui-icon-eye:before {

  content: "\e023";

}



.wolf-ui-icon-heart:before {

  content: "\e037";

}



/*  Work Type */

.work-type-video:before {

  content: "\e019";

}

.work-type-image:before {

  content: "\f083";

}



.work-type-slider:before {

  content: "\e027";

}



.work-launch:before {

  content: "\e03e";

  margin-right: 3px;

}



.work-taxonomy:first-child:before {

  content: "\e001";

  margin-right: 3px;

  position: relative;

  top: -2px;

}



/* Spinner */

.wolf-ui-icon-spinner:before {

  content: "\e00a";

}



.wolf-ui-icon-spin {

  display: inline-block;

  -moz-animation: spin 2s infinite linear;

  -o-animation: spin 2s infinite linear;

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

}



@-moz-keyframes spin {

  0% {

    -moz-transform: rotate(0deg);

  }



  100% {

    -moz-transform: rotate(359deg);

  }

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(359deg);

  }

}



@-o-keyframes spin {

  0% {

    -o-transform: rotate(0deg);

  }



  100% {

    -o-transform: rotate(359deg);

  }

}



@-ms-keyframes spin {

  0% {

    -ms-transform: rotate(0deg);

  }



  100% {

    -ms-transform: rotate(359deg);

  }

}



@keyframes spin {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(359deg);

  }

}



/*-----------------------------------------------------------------------------------*/

/*  Medias

/*-----------------------------------------------------------------------------------*/

/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {

  max-width: 100% !important;

  width: 100% !important;

}



.js .entry-content .twitter-tweet-rendered {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

}



/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption, .comment-content img[height], img[class*="wp-image-"], img[class*="attachment-"], img.size-full, img.size-large, img.wp-post-image {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

article img.attachment-full.wp-post-image {margin-top: -70px; margin-bottom: 3%;}
img[class*="align"] {max-width: 100%;}

section.headerbox {
	position: absolute;
	width: 100%;
	padding: 3%;
}
.innerbox {
	width: 40%;
	margin: 0px auto;
	text-align: center;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.headerbox h1, .headerbox h2, .headerbox h3, .headerbox h4, .headerbox h5, .headerbox h6 {margin-top: 0; margin-right: 0; margin-left: 0;}
.innerbox p {padding: 0; margin: 0;}
.pgtopimg img.wp-post-image {width: 100% !important;}
@media screen and (min-width: 1921px) {.pgtopimg {max-height: 400px; overflow: hidden; margin-top: -40px; margin-bottom: 2em;}}
@media screen and (max-width: 1049px) {section.headerbox p {display: none;} .headerbox h1, .headerbox h2, .headerbox h3, .headerbox h4, .headerbox h5, .headerbox h6 {margin-bottom: 0;}}
@media screen and (max-width: 699px) {section.headerbox {position: static; padding: 0 3% 2em 3%;} .innerbox {width: 100%; padding: 0;} .pgtopimg img {display: none;} .innerbox {background: transparent;}}
.smcap {font-variant: small-caps;}

/* Make sure videos and embeds fit their containers. */

embed,

iframe,

object,

video {

  max-width: 100%;

}



.fluid-video {

  display: block;

  width: 100%;

  height: 0;

  padding-bottom: 56.25%;

  overflow: hidden;

  position: relative;

}



.fluid-video iframe, .fluid-video embed, .fluid-video object {

  width: 100%!important;

  height: 100%!important;

  position: absolute;

  top: 0;

  left: 0;

}



/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {

  max-width: 100% !important;

}



/* Images */

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignleft, .wp-caption.alignleft,

.alignright, .wp-caption.alignright {

  margin: 10px auto;
  display: block;
  text-align: center;
}



img.aligncenter {

  margin: 1em auto;

}



.wp-caption .wp-caption-text,

.entry-caption {

  font-size: 18px;

  font-style: italic;

  font-weight: 300;

  font-family: "PT Serif", "Georgia", Cambria, Times New Roman, Times, serif;

  text-align: center;

}



img.wp-smiley,

.rsswidget img {

  border: 0;

  border-radius: 0;

  box-shadow: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Expand Icon

----------------------*/

.zoom {

  position: relative!important;

  display: block!important;

  margin-bottom: 1em;

}

.zoom img {

  margin-bottom: 0!important;

}

.zoom:before, .zoom:after {

  content: "";

  display: table;

}

.zoom:after {

  clear: both;

}

.zoom:before {

  content: "\e03c";

  position: absolute;

  bottom: 0.1em;

  right: 0.2em;

  width: 30px;

  height: 30px;

  color: white;

  font-size: 18px!important;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

  opacity: 0.5;

}

.zoom:after {

  clear: both;

}



/*-----------------------------------------------------------------------------------*/

/*  Gallery

/*-----------------------------------------------------------------------------------*/

/*  Main galleries styles 

------------------------------*/

.gallery, .default-gallery, .masonry-gallery {

  zoom: 1;

}

.gallery:before, .gallery:after, .default-gallery:before, .default-gallery:after, .masonry-gallery:before, .masonry-gallery:after {

  content: "";

  display: table;

}

.gallery:after, .default-gallery:after, .masonry-gallery:after {

  clear: both;

}



.gallery ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.gallery ul li {

  float: left;

}



/*  Masonry gallery 

------------------------------*/

#gallery-grid {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  margin-top: 1.5em;

  margin-bottom: 1em;

  zoom: 1;

}

#gallery-grid:before, #gallery-grid:after {

  content: "";

  display: table;

}

#gallery-grid:after {

  clear: both;

}

#gallery-grid .masonry-gallery ul li {

  display: block;

  margin: 0;

  float: left;

  height: auto;

  width: 33%;

  margin-bottom: 0.5em;

}

#gallery-grid .masonry-gallery ul li a {

  display: block;

  position: relative;

  width: 96%;

  height: 96%;

  padding: 1%;

  margin: 0 auto;

  background: #fff;

  position: relative;

  -webkit-box-shadow: 0px 0px 5px 0px #ccc;

  box-shadow: 0px 0px 5px 0px #ccc;

  overflow: hidden;

}

#gallery-grid .masonry-gallery ul li a img {

  width: 98%;

  margin: 1%;

  height: auto;

  padding: 0!important;

  display: block;

  position: relative;

}



/*-----------------------------------------------------------------------------------*/

/*  Comments

/*-----------------------------------------------------------------------------------*/

#respond {

  margin-bottom: 2em;

  margin-top: 0.2em;

}

#respond #reply-title small {

  font-size: 70%;

}



.comments-area {

  padding: 1em 0;

}



.comment-list,

.comment-list .children {

  list-style-type: none;

  padding: 0;

}

.comment-list li #reply-title,

.comment-list li #respond #commentform,

.comment-list li #respond iframe,

.comment-list .children li #reply-title,

.comment-list .children li #respond #commentform,

.comment-list .children li #respond iframe {

  width: 100%;

}

.comment-list .comment,

.comment-list .children .comment {

  font-size: 0.8em;

}



.comment-list .children {

  margin-left: 20px;

}



.comment-list > li:after,

.comment-list .children > li:before {

  background: #ccc;

  content: "";

  display: block;

  height: 3px;

  width: 100%;

}



.comment-list > li:last-child:after {

  display: none;

}



.comment {

  padding: 24px 0;

}



.comment-author {

  float: left;

  margin-right: 50px;

  max-width: 74px;

}



.avatar {

  display: block;

  margin-bottom: 10px;

  -webkit-border-radius: 80px;

  -moz-border-radius: 80px;

  -ms-border-radius: 80px;

  -o-border-radius: 80px;

  border-radius: 80px;

}



.comment-reply-link {

  color: #333333;

  font-size: 1em;

  font-style: normal;

  font-weight: 700;

}



.comment-meta .fn, .comment-meta .fn a {

  color: #333333;

  font-style: normal;

  font-weight: 700;

  font-size: 18px;

}



.comment-reply-link {

  color: #2C61AA;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



cite.fn {

  display: block;

}



cite.fn:before {

  display: none;

}



.no-avatars .comment-author {

  float: none;

  margin: 0 0 5px;

  max-width: 100%;

}



.no-avatars .comment-meta,

.no-avatars .comment-content,

.no-avatars .reply {

  width: 100%;

}



.comment-list .edit-link {

  margin-left: 20px;

}



.comment-content p {

  margin-top: 0;

}



.comment-meta,

.comment-content,

.reply {

  float: right;

  width: 79%;

  width: -webkit-calc(100% - 124px);

  width: calc(100% - 124px);

}



.comment-meta,

.comment-meta a {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: #a2a2a2;

  font-size: 0.9em;

  margin-bottom: 10px;

}



.comment-meta a:hover {

  color: black;

}



.ping-meta {

  color: #a2a2a2;

  font-size: 13px;

  line-height: 2;

}



.comment-awaiting-moderation {

  color: #a2a2a2;

}



.no-comments {

  text-align: center;

}



.form-allowed-tags {

  font-size: 14px;

}



.comments-title {

  font-size: 1.4em;

}



.trackback p, .pingback p {

  margin-top: 2em;

}

/*-----------------------------------------------------------------------------------*/

/*  Form Style

/*-----------------------------------------------------------------------------------*/

input[type="text"],

input[type="email"],

input[type="search"],

textarea,

select {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

  color: #333333;

  border: none;

  line-height: inherit;

  padding: 0.3em 0.5em;

  border: 1px solid #333;

  border-color: rgba(0, 0, 0, 0.6);

  text-shadow: none;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="search"]:focus,

textarea:focus,

select:focus {

  outline: none;

}



select, option {

  padding: 0.3em 0.1em;

  min-width: 200px;
}
textarea {margin-top: 1em;}
input[type="submit"] {

  border: none;

  background: #333333;

  color: white;

  width: 100%;

}
.wolf-contact-form, .contactform, .wpcf7 {
  font-size: 0.8em;
  max-width: 48rem;
  width: 88%;
  margin-top: 0;
  margin-left: auto!important;
  margin-right: auto!important;
}

.wolf-contact-form textarea, .wolf-contact-form input, .contactform textarea, .contactform input, .wpcf7 textarea, .wpcf7 input {

  font: normal 100%/1.6;

}

.wolf-contact-form input[type="text"],

.wolf-contact-form input[type="email"],

.wolf-contact-form input[type="search"],

.wolf-contact-form textarea, .contactform input[type="text"],

.contactform input[type="email"],

.contactform input[type="search"],

.contactform textarea, .wpcf7 input[type="text"],

.wpcf7 input[type="email"],

.wpcf7 input[type="search"],

.wpcf7 textarea {

  width: 100%;

  margin: 0 auto;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;

}

.wolf-contact-form .input, .contactform .input, .wpcf7 .input {

  margin: 1em 0;

}

.wolf-contact-form .input label, .contactform .input label, .wpcf7 .input label {

  text-align: left;

  display: block;

  width: 100%;

  margin: 0 auto;

}

.wolf-contact-form .error-inline, .contactform .error-inline, .wpcf7 .error-inline {

  display: none;

  color: red;

  padding: 1em 0 0;

}

.wolf-contact-form p, .contactform p, .wpcf7 p {

  margin: 1em 0;

}

.wolf-contact-form .wpcf7-not-valid-tip, .contactform .wpcf7-not-valid-tip, .wpcf7 .wpcf7-not-valid-tip {

  height: 100%;

  width: 100%;

  font-size: 1em;

  padding: 0 0.5em;

  margin: 0;

  display: block;

  top: 0;

  left: 0;

  border: none;

  background: none;

  color: red;

  line-height: 1.5;

}

.wolf-contact-form .wpcf7-response-output, .contactform .wpcf7-response-output, .wpcf7 .wpcf7-response-output {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 0.8em;

  margin: 0;

  padding: 0;

  border: none;

}



#commentform {

  padding-top: 2em;

}

#commentform textarea, #commentform input[type="text"],

#commentform input[type="email"] {

  font: normal 100%/1.6;

  width: 100%;

}

#commentform input[type="text"],

#commentform input[type="email"] {

  -webkit-appearance: none;

  font-size: 1em;

  padding: 0.2em;

  border: 0.063em solid rgba(0, 0, 0, 0.2);

  margin-right: 0.7em;

  -webkit-border-radius: 0px;

  color: #333;

}

#commentform textarea {

  color: #333;

  -webkit-appearance: none;

  font-size: 1em;

  padding: 0.2em;

  height: 8.75em;

  border: 0.063em solid rgba(0, 0, 0, 0.2);

  margin-bottom: 0.7em;

  -webkit-border-radius: 0px;

}

#commentform p {

  margin-bottom: 1em;

}

#commentform .comment-form-comment {

  margin-bottom: 0;

}



#send, input#searchsubmit {

  margin: 0;

  color: #fff;

  background-color: #000;

  border: none;

  -webkit-border-radius: 0px;

  -webkit-appearance: none;

  float: left;

}



#send:hover, #searchsubmit:hover {

  background-color: #EE4938;

  cursor: pointer;

}



#send {

  width: 5em;

  font-size: 0.889em;

  height: 2.3em;

  padding-top: 0.4em;

  cursor: pointer;

}



#searchform input {

  padding: 0.1em 0.05em 0.1em 0.2em;

  font: 1.667em;

  border: 0.063em solid rgba(0, 0, 0, 0.2);

  width: 100%;

  -webkit-border-radius: 0;

  -webkit-appearance: none;

  float: left;

  margin-bottom: 0.25em;

  color: #333;

}



.archives-search, .nothing-found {

  margin-top: 1em;

  padding-top: 1.5em;

}

.archives-search input, .nothing-found input {

  font-size: 1.8em;

}



/*-----------------------------------------------------------------------------------*/

/*  Widgets

/*-----------------------------------------------------------------------------------*/

#sidebar-footer {

  width: 100%;

  padding: 1.5em 0 1em;

}

#sidebar-footer .widget-title {

  margin-top: 0;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 700;

  border: none;

}

#sidebar-footer .widget {

  margin-bottom: 1em;

  font-size: 15px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#sidebar-footer .widget .widget-content {

  padding: 10px;

}

#sidebar-footer .widget ul {

  padding: 0;

  margin: 0;

}

#sidebar-footer .widget ul li {

  margin-left: 1em;

}

#sidebar-footer .widget .entry-title {

  background: none;

}



/* Recent post widget

-------------------------------*/

.widget-thumbnails-list {

  margin-top: 15px;

}

.widget-thumbnails-list article {

  margin-bottom: 5px;

  line-height: 18px;

}

.widget-thumbnails-list article .entry-title a {

  font-weight: bold;

}

.widget-thumbnails-list article strong a {

  color: #333333;

}

.widget-thumbnails-list .widget-thumb-link {

  display: block;

  float: left;

  margin: 2px 10px 10px 0;

  width: 80px;

  height: 80px;

}

.widget-thumbnails-list .widget-thumb-link img {

  width: 100%;

  height: 100%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

}



/* Search widget */

.searchform .submit {

  display: none;

}



.widget .searchform .field {

  width: 95%;

  margin-bottom: 20px;

  max-width: 235px;

}



/* RSS Widget */

.widget_rss .rss-date {

  display: block;

  color: #a2a2a2;

}

.widget_rss li > cite {

  color: #a2a2a2;

}



/* Calendar Widget */

.widget_calendar table, .widget_calendar td {

  border: 0;

  border-collapse: separate;

  border-spacing: 1px;

}

.widget_calendar caption {

  font-size: 14px;

  margin: 0;

}

.widget_calendar th, .widget_calendar td {

  padding: 0;

  text-align: center;

}

.widget_calendar a {

  display: block;

}

.widget_calendar a:hover {

  background-color: rgba(0, 0, 0, 0.15);

}

.widget_calendar tbody td {

  background-color: rgba(255, 255, 255, 0.5);

}



.site-footer .widget_calendar tbody td {

  background-color: rgba(255, 255, 255, 0.05);

}



.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {

  background-color: transparent;

}



.wolf-instagram-list li {

  margin-left: 0!important;

}



/*-----------------------------------------------------------------------------------*/

/*  Flexslider

/*-----------------------------------------------------------------------------------*/

/* Custom Flexslider Styles

---------------------------------------*/

.flexslider {

  margin: 0 0 1em;

  border: none;

  background: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.flexslider img {

  -webkit-backface-visibility: hidden;

}

.flexslider ul {

  margin-left: 0;

  margin-bottom: 0;

}



.flexslider:hover .flex-next {

  opacity: 0.8;

  right: 0;

}



.flexslider:hover .flex-prev {

  opacity: 0.8;

  left: 0;

}



.flex-direction-nav .flex-next {

  right: 0;

}



.flex-direction-nav .flex-prev {

  left: 0;

}



.flex-control-nav {

  bottom: 0;

}



.flex-direction-nav {

  display: none;

}

.flex-direction-nav a {

  width: 32px;

  height: 32px;

  background-size: 32px 32px;

}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {

  -webkit-background-size: 32px 32px;

  -o-background-size: 32px 32px;

  background-size: 32px 32px;

}

.flex-direction-nav .flex-next {

  background-image: url("images/flexslider/flexslider-next.png");

  background-position: 0 0;

}

.flex-direction-nav .flex-prev {

  background-image: url("images/flexslider/flexslider-prev.png");

  background-position: 0 0;

}



.format-gallery .flex-direction-nav a {

  margin-top: -3em;

}



.flex-caption {

  display: block;

  position: absolute;

  bottom: 0.4em;

  padding: 0.5em 1em;

  font-size: 0.8em;

  background: rgba(0, 0, 0, 0.5);

  color: white;

}



.flex-control-thumbs {

  display: none;

  margin-top: 10px;

  width: -webkit-calc(100% + 5px);

  width: calc(100% + 5px);

}

.flex-control-thumbs li img {

  width: -webkit-calc(100% - 5px);

  width: calc(100% - 5px);

}



/* Portfolio Slider

---------------------------------------*/

.work-entry .flex-control-nav {

  top: 5px!important;

  right: 10px!important;

  text-align: right;

}

.work-entry .flex-control-nav li {

  margin: 0 3px;

}

.work-entry .flex-control-nav a {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  display: block;

  width: auto!important;

  height: auto;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  color: white;

  font-size: 14px;

  line-height: 10px;

  padding: 10px;

  margin: 0;

  text-decoration: none;

  list-style-type: decimal;

  text-indent: 0px;

}



/*-----------------------------------------------------------------------------------*/

/*  Swipebox

/*-----------------------------------------------------------------------------------*/

/* Custom Swipebox Styles

-----------------------------------------*/

#swipebox-slider .slide {

  background-image: url("images/swipebox/loader.gif");

}



#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,

#swipebox-action #swipebox-close {

  background-image: url("images/swipebox/icons.png");

}



/* Hide the admin bar when the swipebox is open */

.wolf #wpadminbar { z-index: 2147483649 !important; }


/*-----------------------------------------------------------------------------------*/

/* LARGER MOBILE DEVICES

/* This is for devices like the Galaxy Note or something that's

/* larger than an iPhone but smaller than a tablet. Let's call them

/* tweeners.

/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 30em) {

  /*  Featured Slider Caption

  ------------------------------------*/

  #featured-slider .flex-caption .flex-inner {

    width: 50%;

  }



  /*  Portfolio Item

  ------------------------------------*/

  .work-item {

    float: left;

    width: 50%;

  }



  /*  Footer

  ------------------------------------*/
  .site-footer .site-info {
    float: left;
  }
  .site-footer .socials {
    font-size: 16px;
    float: left;
  } 
}

/*end of media query*/

/* 600px up : intermediary media queries for optimization */

@media screen and (min-width: 37.5em) {

  /*  Main font size

  ------------------------------------*/

  body {

    font-size: 112.5%;

  }



  /*  Container

  ------------------------------------*/

  .wrap, .work-wrap {

    width: 85%;

    margin: 0 auto;

  }



  /*  Header logo size

  ------------------------------------*/

  .site-header #logo {

    height: 60px;

    line-height: 60px;

    margin-left: 0;

    margin-top: 0;

  }  
.site-header #logo img {
    height: 60px;
	-webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    width: auto;
  }
  .menu-toggle {

    padding-top: 16px;

    padding-bottom: 17px;

  }
  #ie7 .menu-toggle {display: none;}
  .menu-toggle:after {

    font-size: 1.8em!important;

  }



  /*  Featured Slider Caption

  ------------------------------------*/

  #featured-slider .flex-caption .flex-inner .entry-summary {

    display: block;

  }



  /*  Tag List

  ------------------------------------*/

  .tag-list ul {

    -webkit-column-count: 3;

    -moz-column-count: 3;

    -o-column-count: 3;

    column-count: 3;

  }



  /*  Submit button

  ------------------------------------*/

  input[type="submit"] {

    width: auto;

  }

}

/* Ensure that no backgrounds are in fixed attachment on mobile devices */

@media screen and (max-width: 50em) {

  * {

    background-attachment: scroll!important;

  }

}

/*end of media query*/

/*-----------------------------------------------------------------------------------*/

/* TABLET & SMALLER LAPTOPS

/* This is the average viewing window. So Desktops, Laptops, and

/* in general anyone not viewing on a mobile device. Here's where

/* you can add resource intensive styles.

/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 50em) {

  /*  Main font size

  ------------------------------------*/

  body {

    font-size: 100%;

  }



  /*  Containers

  ------------------------------------*/

  .wrap {

    width: 88%;

  }



  .entry-header, .entry-meta, .entry-content,

  .entry-summary,

  .comments-title,

  .comment-list,

  #reply-title,

  #respond #commentform,

  #respond iframe {

    width: 75%;
	margin: 0 20% 0 5%;

  }



  /*  Featured Slider Caption and navigation

  ------------------------------------------------------------*/

  .flex-direction-nav, .flex-control-thumbs {

    display: block;

  }



  /*  Image and Caption Alignment

  -----------------------------------------------*/

  .alignleft, .wp-caption.alignleft,

  .alignright, .wp-caption.alignright {

    text-align: center;

    width: auto!important;

  }

.floatl {float: left;}

  .alignleft, .wp-caption.alignleft {

    float: left;

  }



  .alignright, .wp-caption.alignright {

    float: right;

  }



  .alignleft, .wp-caption.alignleft {

    margin: 10px 15px 5px 0;

  }



  .alignright, .wp-caption.alignright {

    margin: 10px 0 5px 15px;
	
  }



  .wp-caption-text {

    margin-bottom: 0!important;

  }



  /* Post Formats

  ------------------------------------*/

  .format-video .entry-content:before,

  .format-gallery .entry-content:before,

  .format-image .entry-thumbnail:before {

    display: block;

  }



  .format-link .entry-title a:after {

    display: inline-block;

  }



  /* Tag List

  ------------------------------------*/

  .tag-list ul {

    -webkit-column-count: 5;

    -webkit-column-gap: .75em;

    -moz-column-count: 5;

    -moz-column-gap: .75em;

    -o-column-count: 5;

    -o-column-gap: .75em;

    column-count: 5;

    column-gap: .75em;

  }



  /*  Portfolio Item

  ------------------------------------*/

  .work-item {

    float: left;

    width: 33.33%;

  }



  .home-wrap .work-item {

    width: 50%;

  }

  /*  Comments Form

  ------------------------------------*/

  #commentform input[type="text"],

  #commentform input[type="email"] {

    width: 50%;

    float: left;

  }

}

/*end of media query*/

/* WP Float Customizations */
  #float-sdbr {
  text-align: center; 
  border: 1px solid #999999; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  padding: 8px; 
  background: rgb(255, 255, 255) transparent; 
  background: rgba(255, 255, 255, 0.9);
  background: #ffffff; 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
  width: 145px; 
  z-index: 10000; 
}

#ie9 #float-sdbr {border: 0;}
html #float-sdbr.abso {
	position: absolute;
	right: 45px;
	top: 135px; 
  }
#ie7 #float-sdbr img, #ie8 #float-sdbr img {padding: 8px 0 8px 0;}  
#stopfloat {clear: both;}  
@media only screen and (max-width: 1029px) {html #float-sdbr {display: none;} .site-header .right a:hover, .site-header .right a:focus {color: #ffffff; background: #2C61AA;}}
#float-sdbr p {margin: 0px;}
#float-sdbr hr {margin: 0.5em auto;}


/*-----------------------------------------------------------------------------------*/

/* DESKTOP

/* This is the average viewing window. So Desktops, Laptops, and

/* in general anyone not viewing on a mobile device. Here's where

/* you can add resource intensive styles.

/*-----------------------------------------------------------------------------------*/

/*  1030 */

@media only screen and (min-width: 64.375em) {
  /*  Grid 

  ------------------------------*/

  .col, .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {

    float: left;

    position: relative;

    margin-left: 1%;

    margin-right: 1%;

  }



  .col_1 {

    width: 6.5%;

  }



  .col_2 {

    width: 15%;

  }



  .col_3 {

    width: 23.5%;

  }



  .col_4 {

    width: 32%;

  }



  .col_5 {

    width: 40.5%;

  }



  .col_6 {

    width: 49%;

  }



  .col_7 {

    width: 57.5%;

  }



  .col_8 {

    width: 66%;

  }



  .col_9 {

    width: 74.5%;

  }



  .col_10 {

    width: 83%;

  }



  .col_11 {

    width: 91.5%;

  }



  .col_12 {

    width: 100%;

  }



  .alpha, .first {

    margin-left: 0!important;

  }



  .omega, .last {

    margin-right: 0!important;

  }



  .panel-right, .panel-left {

    position: relative;

    width: 49%;

  }



  .panel-right {

    float: right;

  }

  .panel-right .entry-header, .panel-right .entry-meta, .panel-right .entry-content, .panel-right hr {

    margin-left: 0!important;

    margin-right: 0!important;

  }



  .panel-left {

    float: left;

  }

  .panel-left img, .panel-left .fluid-video, .panel-left, .panel-left .gallery ul li {

    float: right;

  }

  .panel-left .thumb img, .panel-left .gallery ul li img {

    margin-bottom: 1em;

  }

#main {margin-top: 70px;}

  .home.is_featured_slider #main {
    margin-top: 0!important;
  }

  #hello {

    background: #000000;

    width: 100%;

    height: 70px;

    height: auto;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999;

    -webkit-transition: background 0.3s;

    -moz-transition: background 0.3s;

    -o-transition: background 0.3s;

    transition: background 0.3s;

  }


  /*  Home page navigation transparency

  --------------------------------------------------------*/

  .home.is_featured_slider .nav-menu li a, .dark.home.is_featured_slider .nav-menu li a {

    color: #ffffff;

  }

  .home.is_featured_slider #hello, .dark.home.is_featured_slider #hello {

    background: rgba(0, 0, 0, 1.0);

  }



  .navbar-fixed.home.is_featured_slider .nav-menu li a {

    color: #ffffff;

  }



  .wrapped.navbar-fixed #hello {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999;

    background: rgba(0, 0, 0, 1.0);

  }



  /*  Header logo size

  ------------------------------------*/

  .site-header #logo {

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    -o-transition: background-color 0.3s;

    transition: background-color 0.3s;

    height: 70px;

    line-height: 70px;

    margin-left: 0;

    margin-top: 0;

    position: static;

  }
.site-header #logo:hover {background-color: #000000;}  
.site-header #logo img {
    height: 70px;
	-webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    width: auto;
  }



  .left {

    float: left;

  }



  .right {

    float: right;

  }



  /*  Containers Width

  ------------------------------------*/

  .entry-header, .entry-meta, .entry-content,

  .entry-summary,

  .comments-title,

  .comment-list,

  #reply-title,

  #respond #commentform,

  #respond iframe {

    width: 75%;
	margin: 0 20% 0 5%;
  }



  /*  Navigation horizontal padding

  -----------------------------------------------*/

  .nav-menu li a {

    padding: 0 2em;

  }



  /*  Navigation

  ------------------------------------*/
  .main-navigation {

    float: right;

    position: relative;

  }



  .menu-toggle {

    display: none;

  }



  .nav-menu {

    display: block;

    border: 0;

    margin: 0;

    padding: 0;

    margin-top: 0;

    height: 70px;

  }

  .nav-menu li:hover > a,

  .nav-menu li a:hover, .nav-menu li:hover {

    background-color: #ffffff !important;

    color: #000000 !important;

    text-shadow: none!important;

  }
  .nav-menu li {

    float: left;

    position: relative;

    height: 70px;

    line-height: 70px;

  }
  body.navbar-fixed .nav-menu li {
    height: 55px !important;
    line-height: 55px;
  }
  .nav-menu li a {

    display: block;

    padding: 0 2em;

    border: 0;

    color: #ffffff;

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    -o-transition: background-color 0.3s;

    transition: background-color 0.3s;

  }

  .nav-menu li a:hover, .nav-menu li a:focus {

    color: white;

  }

  .nav-menu li:last-child {

    margin-bottom: 0;

  }

  .nav-menu li ul.sub-menu,

  .nav-menu li ul.children {

    display: none;

    margin-top: 0;

    float: left;

    padding: 0;

    position: absolute;

    top: 44px;

    left: 0px;

    z-index: 99997!important;

  }

  .nav-menu li ul.sub-menu li,

  .nav-menu li ul.children li {

    display: block;

    margin: 0;

    line-height: 55px;

    height: 55px;

  }

  .nav-menu li ul.sub-menu li a,

  .nav-menu li ul.children li a {

    display: block;

    padding-left: 2em;

    margin: 0;

    background: #1a1a1a;

    color: white !important;

    width: 180px;

  }

  .nav-menu li ul.sub-menu li a:hover, .nav-menu li ul.sub-menu li a:focus,

  .nav-menu li ul.children li a:hover,

  .nav-menu li ul.children li a:focus {

    background: #333333;

  }

  .nav-menu li ul.sub-menu li:last-child a,

  .nav-menu li ul.children li:last-child a {

    border-bottom: 0;

  }

  .nav-menu li ul.sub-menu li ul,

  .nav-menu li ul.children li ul {

    border-left: 0;

    left: 100%;

    top: 0;

    display: none;

  }

  .nav-menu li ul.sub-menu li:hover ul,

  .nav-menu li ul.children li:hover ul {

    display: block;

  }

  .nav-menu li:hover ul {

    top: auto;

    display: block;

  }

  .nav-menu li.current-menu-item a,

  .nav-menu li.current_page_item a,

  .nav-menu li.current-page-ancestor a {

    color: #2C61AA;

  }

  .nav-menu li.current-menu-item a:hover,

  .nav-menu li.current_page_item a:hover,

  .nav-menu li.current-page-ancestor a:hover {

    color: white;

  }



  /* end .nav */

  /* Sticky navigation

  ------------------------------------*/

  .navbar-fixed #hello {

    position: fixed!important;

    height: 55px!important;

    z-index: 99997!important;

    width: 100%;

    background: #000000 !important;

    text-shadow: none;

    top: 0;

  }

  .navbar-fixed #logo, .navbar-fixed #logo img {

    height: 55px!important;

    line-height: 55px!important;

  }
  .navbar-fixed .nav-menu li {

    line-height: 55px;

  }

  .navbar-fixed .nav-menu li a {

    color: #ffffff;

    text-shadow: none!important;

  }

  .navbar-fixed .nav-menu li:hover a {

    color: #000000 !important;

  }

  .navbar-fixed .nav-menu li ul.sub-menu li,

  .navbar-fixed .nav-menu li ul.children li {

    line-height: 55px;

    height: 55px;

  }

  .navbar-fixed .nav-menu li ul.sub-menu a,

  .navbar-fixed .nav-menu li ul.children a {

    color: white !important;

  }

  .navbar-fixed .nav-menu li.current-menu-item a,

  .navbar-fixed .nav-menu li.current_page_item a,

  .navbar-fixed .nav-menu li.current-page-ancestor a {

    color: #2C61AA;

  }

  .navbar-fixed .nav-menu li.current-menu-item a:hover,

  .navbar-fixed .nav-menu li.current_page_item a:hover,

  .navbar-fixed .nav-menu li.current-page-ancestor a:hover {

    color: white;

  }



  /* Navbar when admin bar is here */

  .navbar-fixed.wp-toolbar #hello {

    top: 28px;

    height: 55px;

  }



  /*  Featured Slider Caption

  ---------------------------------------*/

  #featured-slider .flex-caption .flex-inner {

    width: 50%;

    width: 50%;

    padding: 1.5em 1em;

    background: rgba(0, 0, 0, 0.30);

  }

  #featured-slider .flex-caption .flex-inner:before {

    content: " ";

    position: absolute;

    display: block;

    right: 100%;

    top: 0;

    background: rgba(0, 0, 0, 0.30);

    height: 100%;

    width: 2000px;

    overflow: hidden!important;

  }

  #featured-slider #scroll-down {

    display: block;

    position: absolute;

    width: 50px;

    height: 50px;

    background: #FFF;

    bottom: 1em;

    right: 2em;

    z-index: 200;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

    opacity: 0.9;

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -o-transition: opacity 0.3s;

    transition: opacity 0.3s;

  }

  #featured-slider #scroll-down:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

    opacity: 0.4;

  }

  #featured-slider #scroll-down:before {

    content: "\e04d";

    -webkit-font-smoothing: antialiased !important;

    font-family: 'WolfIcons';

    font-weight: normal!important;

    text-decoration: none!important;

    line-height: 1;

    color: #333333;

    top: 15px;

    left: 15px;

    font-size: 20px;

    position: absolute;

  }



  .js #featured-slider #scroll-down {

    display: none;

  }



  .js .home.is_featured_slider #hello {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

  }



  /*  Portfolio Item

  ------------------------------------*/

  /* Home portfolio item */

  .home-wrap .work-item {

    width: 25%;

  }



  .work-item .work-thumb .overlay {

    background: #2C61AA;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    text-shadow: none;

    border-top: 1px solid rgba(255, 255, 255, 0.7);

    -webkit-backface-visibility: hidden;

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -o-transition: opacity 0.3s;

    transition: opacity 0.3s;

  }

  .work-item .work-thumb .overlay:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    opacity: 0.8;

  }

  .work-item .work-thumb .overlay .overlay-inner .overlay-content {

    vertical-align: middle;

  }

  .work-item .work-thumb .overlay .overlay-inner .overlay-content i {

    display: inline-block;

  }



  .work-meta .entry-header, .work-meta .entry-meta, .work-meta .entry-content, .work-meta hr {

    max-width: 560px;

  }

  .work-meta .entry-content {

    font-size: 0.8em;

  }

  .work-meta .views-and-likes {

    margin-top: 0;

  }

  .work-meta .entry-meta {

    font-size: 14px;

  }



  /*  Gallery hover state

  ------------------------------------*/

  #gallery-grid .masonry-gallery ul li a .gallery-item-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -webkit-backface-visibility: hidden;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    background: black url("images/eye.png") 50% 50% no-repeat;

    -webkit-background-size: 48px 48px;

    -o-background-size: 48px 48px;

    background-size: 48px 48px;

    z-index: 2;

  }

  #gallery-grid .masonry-gallery ul li a:hover .gallery-item-overlay {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

    opacity: 0.4;

  }



  /* Back to the top link

  ---------------------------------------*/

  a#top-arrow {

    display: none;

    width: 50px;

    height: 50px;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    background: #0d0d0d;

    position: fixed;

    left: 40px;

    z-index: 9999;

    bottom: 0;

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    -o-transition: background-color 0.3s;

    transition: background-color 0.3s;

  }

  a#top-arrow:hover {

    background-color: #333;

  }

  a#top-arrow:before {

    content: "\e05a";

    -webkit-font-smoothing: antialiased !important;

    font-family: 'WolfIcons';

    font-weight: normal!important;

    text-decoration: none!important;

    line-height: 1;

    color: white;

    top: 17px;

    left: 17px;

    position: absolute;

    font-size: 16px;

  }



  body.dark a#top-arrow {

    background-color: #000;

  }

  body.dark a#top-arrow:hover {

    background-color: #0d0d0d;

  }



  /* Top anchor */

  #top {

    position: absolute;

    top: 0;

  }



  /* Wrapped Layout

  ----------------------------*/

  body.wrapped.dark #page {

    background: #000;

    -webkit-box-shadow: 0 0 5px black;

    -moz-box-shadow: 0 0 5px black;

    box-shadow: 0 0 5px black;

  }

  body.wrapped #page {

    zoom: 1;

    max-width: 1200px;

    width: 100%;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

    background: whitesmoke;

    -webkit-box-shadow: 0 0 5px #cccccc;

    -moz-box-shadow: 0 0 5px #cccccc;

    box-shadow: 0 0 5px #cccccc;

  }

  body.wrapped #page:before, body.wrapped #page:after {

    content: "";

    display: table;

  }

  body.wrapped #page:after {

    clear: both;

  }

  body.wrapped #page #gallery-grid,

  body.wrapped #page #wolf-instagram,

  body.wrapped #page #wolf-dribbble,

  body.wrapped #page article.work {

    padding-left: 30px;

    padding-right: 30px;

  }

  body.wrapped #page article {

    background-attachment: scroll!important;

  }

  body.wrapped #page .site-footer {

    position: relative;

  }

  body.wrapped a#top-arrow {

    bottom: 0!important;

    position: fixed !important;

  }



  /*  Default WP gallery (full width template) 

  ----------------------------------------------------*/

  .entry-content .default-gallery ul li a img, .work-content .default-gallery ul li a img {

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -o-transition: opacity 0.3s;

    transition: opacity 0.3s;

  }

  .entry-content .default-gallery ul li a:hover img, .work-content .default-gallery ul li a:hover img {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

    opacity: 0.7;

  }

  .entry-content .default-gallery ul li a img, .work-content .default-gallery ul li a img {

    -webkit-backface-visibility: hidden;

  }



  /* Tag LIst

  ------------------------------------*/

  .tag-list ul {

    -webkit-column-count: 4;

    -moz-column-count: 4;

    -o-column-count: 4;

    column-count: 4;

  }



  /*  Footer Widgets

  ------------------------------------*/

  #sidebar-footer .widget {

    margin-left: 1%;

    margin-right: 1%;

    width: 23.5%;

    float: left;

  }

  #sidebar-footer .widget:first-child {

    margin-left: 0;

  }

  #sidebar-footer .widget:last-child {

    margin-right: 0;

  }

}

/*end of media query*/

/*-----------------------------------------------------------------------------------*/

/* LARGE VIEWING SIZE

/* This is for the larger monitors and possibly full screen viewers.

/*-----------------------------------------------------------------------------------*/

/* 1200 - 31.250em */

@media screen and (min-width: 75em) and (min-height: 35.625em) {

  /*  Header Logo Size

  ------------------------------------*/

  #main {

    margin-top: 80px;

  }



  #hello {

    height: 80px;

  }



  .site-header #logo {

    height: 80px;

    line-height: 80px;

  }
  .site-header #logo img {
	-webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    height: 80px;
  }



  /*  Featured Slider Caption

  ---------------------------------------*/

  #featured-slider .flex-caption {

    position: absolute;

    bottom: 8%;

    width: 100%;

  }

  #featured-slider .flex-caption .flex-inner {

    width: 40%;

  }



  /*  Navigation Size

  ------------------------------------*/

  .nav-menu {

    height: 80px;

  }

  .nav-menu li {

    height: 80px;

    line-height: 80px;

  }



  /*  Tag list

  ------------------------------------*/

  .tag-list ul {

    -webkit-column-count: 5;

    -webkit-column-gap: .75em;

    -moz-column-count: 5;

    -moz-column-gap: .75em;

    -o-column-count: 5;

    -o-column-gap: .75em;

    column-count: 5;

    column-gap: .75em;

  }



  /*  Portfolio Item

  ------------------------------------*/

  .work-item {

    float: left;

    width: 25%;

  }



  /* Large Width template

  ------------------------------------*/

  .page-template-template-fullwidth-php .entry-header, .page-template-template-fullwidth-php .entry-meta, .page-template-template-fullwidth-php .entry-content, .page-template-template-search-php .entry-header, .page-template-template-search-php .entry-meta, .page-template-template-search-php .entry-content, .wrap .entry-header, .wrap .entry-meta, .wrap .entry-content {

     width: 75%;
	margin: 0 20% 0 5%;

  }



  /* Wrapped Layout

  ----------------------------*/

  body.wrapped #page {

    margin: 50px auto;

  }

}

/*end of media query*/

/*  */

@media screen and (min-width: 103.125em) and (min-height: 50em) {

  /*  Header

  ------------------------------------*/

  #main {

    margin-top: 100px;

  }



  #hello {

    height: 100px;

  }



  .site-header #logo {

    height: 100px;

    line-height: 100px;

  }
  .site-header #logo img {
	-webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    height: 100px;

  }



  /*  Featured Slider Caption

  ------------------------------------*/

  #featured-slider .flex-caption .flex-inner {

    width: 35%;

  }



  /*  Navigation

  ------------------------------------*/

  .nav-menu {

    height: 100px;

  }

  .nav-menu li {

    height: 100px;

    line-height: 100px;

  }



  /*  Posts

  ------------------------------------*/

  article.post, article.page {

    padding: 3em 0;

  }



  /* Bottom Area

  -------------------------------------*/

  #bottom-holder {

    padding: 3em 0 4em;

  }

}

/*end of media query*/

/* Min height : 480px */

@media screen and (min-height: 32em) {

  #featured-slider .flex-caption {

    margin-top: 135px;

  }

}

/*end of media query*/

/*-----------------------------------------------------------------------------------*/

/*  Skins

/*-----------------------------------------------------------------------------------*/

/* Dark Skin 

---------------------*/

body.dark.navbar-fixed .nav-menu li a {

  color: #ffffff;

}



body.dark {

  color: white;

  background: #0d0d0d;

}

body.dark .site-header {

  background: #333333;

}

body.dark .nav-menu li a {

  color: #FFF;

}

body.dark .nav-menu li.current-menu-item a,

body.dark .nav-menu li.current_page_item a,

body.dark .nav-menu li.current-page-ancestor a {

  color: #2C61AA;

}

body.dark .nav-menu li.current-menu-item a:hover,

body.dark .nav-menu li.current_page_item a:hover,

body.dark .nav-menu li.current-page-ancestor a:hover {

  color: white;

}

body.dark .menu-toggle:after {

  color: #FFF;

}

body.dark .type-post:nth-child(even) {

  background: #101010;

}

body.dark .paging-navigation, body.dark .post-navigation {

  background: #121212;

}

body.dark .dropcap, body.dark strong,

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6, body.dark blockquote,

body.dark .entry-title, body.dark blockquote {

  color: white;

}

body.dark .comment-meta .fn, body.dark .comment-meta .fn a {

  color: white;

}

body.dark h3 {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

body.dark hr {

  background: #333;

}

body.dark .entry-title a, body.dark .page-title a, body.dark .separator a {

  color: white !important;

}

body.dark .page-links a,

body.dark .page-links > span {

  border-color: #333;

}

body.dark .page-title, body.dark .separator {

  background-image: url("images/header-line-white.jpg");

}

body.dark #portfolio-filter ul li a {

  color: white;

}

body.dark #portfolio-filter ul li a.active:hover {

  color: white !important;

}

body.dark #bottom-holder {

  background: #1a1a1a;

}

body.dark #sidebar-footer {

  background: #000;

}

body.dark .site-footer {

  background: #050505;

}

body.dark #gallery-grid .masonry-gallery ul li a,

body.dark .wolf-instagram-item-container .wolf-instagram-item,

body.dark .work-item .work-thumb,

body.dark .wolf-dribbble-item-container .wolf-dribbble-item {

  background: #121212;

  -webkit-box-shadow: 0px 0px 5px 0px #000;

  box-shadow: 0px 0px 5px 0px #000;

}

body.dark .work-item .work-thumb .overlay {

  border-top: 1px solid rgba(255, 255, 255, 0.4);

}



/*-----------------------------------------------------------------------------------*/

/*  Cross Browser fixes

/*-----------------------------------------------------------------------------------*/

/* Background opacity transition bugs on safari

-----------------------------------------------------------------*/

.safari.home #hello {

  -webkit-transition: none;

  -moz-transition: none;

  -o-transition: none;

  transition: none;

}



/* Opera Icon position fixes

-----------------------------------------------------------------*/

body.opera .featured-post:before {

  position: relative;

  top: -4px;

}

body.opera .entry-meta .date a:before,

body.opera .comments-link a:before, body.opera .comment-count a:before,

body.opera .entry-meta .author a:before,

body.opera .categories-links a:first-child:before,

body.opera .tags-links a:first-child:before,

body.opera .edit-link a:before,

body.opera .taxonomies-links:before {

  top: -5px;

}

body.opera #work-grid .taxonomies-links:before {

  top: -8px;

}



/*-----------------------------------------------------------------------------------*/

/* PRINT STYLESHEET

/*-----------------------------------------------------------------------------------*/

@media print {

  * {

    background: transparent !important;

    color: black !important;

    text-shadow: none !important;

    filter: none !important;

    -ms-filter: none !important;

  }



  a, a:visited {

    color: #444 !important;
  }

  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;

  }



  p, h2, h3 {

    orphans: 3;

    widows: 3;

  }



  h2,

  h3 {

    page-break-after: avoid;

  }



  .sidebar, .site-header,

  .page-navigation,

  .post-navigation,

  .wp-prev-next,

  .respond-form,

  .comments-link,

  #respond,

  nav, .edit-link, .site-footer, #sidebar-footer {

    display: none;

  }



  .site-header hgroup {

    min-height: 0;

  }

}
#ie7 .site-header #logo {display: none;}

@media screen and (max-width: 1029px) {
	.entry-header, .entry-meta, .entry-content, .entry-summary, .comments-title, .comment-list, #reply-title, #respond #commentform, #respond iframe, body.error404 #main {
    width: 88%;
	margin: 0 auto;
}
.page-title, .separator, .flex-caption .entry-title, .work-meta .entry-title {
  	margin: 0 auto;
  	width: 88%;
}
}

@media screen and (max-width: 219px) {
	body {
		width: 500px;
		margin: 0 auto;
		overflow-x: visible;
}}