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

Stylesheet: Main Stylesheet

******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300italic,400italic);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

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

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

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

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

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

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

dd {
  margin: 0 0 0 40px; }

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

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

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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; }

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

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves 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; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

b, strong, .strong {
  font-weight: bold; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

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

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

/*********************
COLORS
*********************/
/*********************
CLEARFIXIN'
*********************/
.cf, .clearfix {
  zoom: 1; }
  .cf:before, .cf:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .cf:after, .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

.inline-block, .blog-wrapper article, .bx-pager .bx-pager-item {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.tran-delay, .site-overlay, .bt-menu-trigger span, .bt-menu-trigger span:before, .bt-menu-trigger span:after, .sb-search-input {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  /* Safari */ }

.tran, input[type="submit"], .site-overlay, .pushy-active .site-overlay, .bt-menu-trigger span, .bt-menu-trigger span:before, .bt-menu-trigger span:after, .blog-wrapper article, .sb-search-input, .sb-search-open .sb-search-input {
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms; }

.tb-bx {
  -moz-box-shadow: inset 0 8px 8px -8px #172023, inset 0 -8px 8px -8px #172023;
  -webkit-box-shadow: inset 0 8px 8px -8px #172023, inset 0 -8px 8px -8px #172023;
  box-shadow: inset 0 8px 8px -8px #172023, inset 0 -8px 8px -8px #172023; }

.arrow_box {
  position: relative; }
  .arrow_box :after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f2f2f2;
    border-width: 50px;
    margin-left: -50px; }

.text-shadow {
  text-shadow: 1px 0px 15px rgba(23, 32, 35, 0.8); }

.vidrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .vidrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.content-section h2.text-center {
  text-align: center; }

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

body {
  font-family: "Lato", "Helvetica", sans-serif;
  line-height: 1.5;
  color: #555555;
  min-width: 319px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Lato", "Helvetica", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: #333333;
  font-family: "Lato", "Helvetica", sans-serif; }

h1 {
  font-size: 1.5em;
  font-weight: 900; }
  @media only screen and (min-width: 868px) {
    h1 {
      font-size: 2.25em; } }

a {
  -webkit-transition: ease all 300ms;
  -moz-transition: ease all 300ms;
  -ms-transition: ease all 300ms;
  -o-transition: ease all 300ms;
  transition: ease all 300ms;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none; }

@media only screen and (min-width: 868px) {
  .content-section h2.bigger-h2 {
    font-size: 2.5em; } }

p {
  -ms-word-break: break-all;
  -ms-word-wrap: break-all;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3; }

.bold {
  font-weight: bold; }

.smaller-text, .smaller {
  font-size: 0.74em; }

.entry-content h2, .entry-content h3, .entry-content p {
  max-width: 700px;
  margin: 0.5em auto; }
.entry-content h2 {
  text-align: center;
  font-weight: 900;
  font-size: 2.5em;
  max-width: 900px;
  font-weight: bold; }
.entry-content p {
  font-size: 1.5em;
  margin: 1em auto; }
  .entry-content p.quotey {
    font-size: 2em;
    font-style: italic;
    padding: 0 1em; }

/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px; }
    .pagination ul li {
      padding: 0;
      margin: 0;
      float: left;
      display: inline;
      overflow: hidden; }
      .pagination ul li a, .pagination ul li span {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1em;
        font-size: 1em;
        font-weight: normal;
        padding: .5em;
        min-width: 1em;
        display: block; }
      .pagination ul li span.current {
        font-weight: bold; }

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

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* vcard */
/*********************
SIDEBARS & ASIDES
*********************/
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both; }

@media only screen and (min-width: 868px) {
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em; }

  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }

  .widget {
    padding: 0 10px;
    margin: 2.2em 0; }
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; } }
/******************************************************************
Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
ALERTS
*********************/
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

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

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

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

/*********************
GENERAL STYLES
*********************/
html, body {
  -webkit-tap-highlight-color: transparent;
  /* disable webkit tap highlight */ }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto; }

#container {
  width: 96%;
  max-width: 1500px;
  margin: auto; }

.wrap-1140 {
  max-width: 1140px;
  margin: auto; }

.mw-960 {
  max-width: 960px;
  margin: auto; }

.mw-850-auto {
  max-width: 850px;
  margin: auto; }

.inline-block, .blog-wrapper article, .bx-pager .bx-pager-item, .dib, .single .widget li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.bxsh {
  -webkit-box-shadow: 0 0 0.3em 0.15em #bfbfbf;
  -moz-box-shadow: 0 0 0.3em 0.15em #bfbfbf;
  box-shadow: 0 0 0.3em 0.15em #bfbfbf; }

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #333333;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #555555; }
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
IMAGE STYLES
*********************/
img {
  width: auto;
  max-width: 100%;
  display: block; }

/*********************
RESPONSIVE SHOWING/HIDING STYLES
*********************/
.from-m-up {
  display: none !important; }

.from-l-up {
  display: none; }

.from-m-down {
  display: block; }

@media only screen and (min-width: 868px) {
  .from-m-up {
    display: block !important; }

  .from-m-down {
    display: none; } }
@media only screen and (min-width: 1200px) {
  .from-l-up {
    display: block; } }
/*********************
ALL STYLES
*********************/
/***for popup***/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8;
  /*filter:alpha(opacity=80)*/ }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/** /for popup**/
/*********************
FOOTER
*********************/
footer {
  background-color: #f2f2f2;
  padding: 3em;
  padding-bottom: 2em; }
  footer #inner-footer {
    padding-bottom: 3em; }
    footer #inner-footer ul {
      margin-top: 0; }
    footer #inner-footer a {
      color: #333333; }
    footer #inner-footer img {
      width: 80%;
      max-width: 180px;
      display: block; }
      @media only screen and (max-width: 867px) {
        footer #inner-footer img {
          margin: auto; } }

.margin-bottom-1em {
  margin-bottom: 1em; }

.margin-top--1em {
  margin-top: -1em !important; }

.padding {
  padding: 1em; }

.nav {
  z-index: 91; }

.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #333333;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */ }

.pushy a {
  display: block;
  text-decoration: none;
  color: #f2f2f2;
  padding: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.2em; }

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -moz-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  -o-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0); }

.pushy-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.container-push, .push-push {
  -webkit-transform: translate3d(200px, 0, 0);
  -moz-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  -o-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0); }

/* Menu Transitions */
.pushy, #container, .push {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  /* improves performance issues on mobile*/
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

/* Site Overlay */
.site-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.pushy-active .site-overlay {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 5px 0 15px -5px rgba(0, 0, 0, 0.8); }

.nav-bar {
  background-image: url("/wp-content/themes/mike/library/images/camera-logo.png");
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 0.5em 0;
  padding: 0.3em; }
  @media only screen and (min-width: 868px) {
    .nav-bar {
      height: 100px;
      margin: 1em; } }

.bt-menu-trigger {
  position: relative;
  top: 2px;
  left: 10px;
  display: block;
  width: 30px;
  height: 50px;
  cursor: pointer; }
  @media only screen and (min-width: 868px) {
    .bt-menu-trigger {
      height: 100px;
      width: 80px;
      left: 5px; } }
  .bt-menu-trigger span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    margin-top: -2px;
    background-color: #333333;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media only screen and (min-width: 868px) {
      .bt-menu-trigger span {
        height: 10px; } }
    .bt-menu-trigger span:before, .bt-menu-trigger span:after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background: #333333;
      content: ''; }
    .bt-menu-trigger span:before {
      -webkit-transform: translateY(-250%);
      -moz-transform: translateY(-250%);
      -ms-transform: translateY(-250%);
      -o-transform: translateY(-250%);
      transform: translateY(-250%); }
    .bt-menu-trigger span:after {
      -webkit-transform: translateY(250%);
      -moz-transform: translateY(250%);
      -ms-transform: translateY(250%);
      -o-transform: translateY(250%);
      transform: translateY(250%); }

.pushy-active .bt-menu-trigger span {
  background-color: transparent; }
  .pushy-active .bt-menu-trigger span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg); }
  .pushy-active .bt-menu-trigger span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg); }

.pushy > ul > li > a {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

.pushy ul .menu-item-has-children ul {
  display: none;
  background-color: #4d4d4d; }
  .pushy ul .menu-item-has-children ul a {
    font-size: 100%;
    padding-left: 20%; }

.pushy .sub-menu {
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms; }

.home-link {
  width: 150px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -75px; }

.blog-wrapper {
  text-align: center; }
  .blog-wrapper article {
    width: 96%;
    height: 247px;
    max-width: 400px;
    position: relative; }
    .blog-wrapper article:hover {
      -webkit-filter: sepia(0.2);
      filter: sepia(0.2); }
    @media only screen and (min-width: 637px) {
      .blog-wrapper article {
        width: 47%;
        margin: 0.5%; } }
    @media only screen and (min-width: 1047px) {
      .blog-wrapper article {
        width: 32%; } }
    @media only screen and (min-width: 1200px) {
      .blog-wrapper article {
        width: 24%;
        margin: 0.2%; } }
    .blog-wrapper article .link-cover {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1; }
    .blog-wrapper article p {
      margin: 0;
      color: white;
      line-height: 1.9; }
    .blog-wrapper article .byline {
      font-weight: 300;
      font-style: italic;
      position: relative;
      font-size: 1.2em; }
      .blog-wrapper article .byline:before, .blog-wrapper article .byline:after {
        position: absolute;
        border-top: 1px solid white;
        display: block;
        height: 1px;
        content: " ";
        width: 13%;
        left: 12%;
        top: 50%; }
      .blog-wrapper article .byline:after {
        right: 12%;
        left: auto; }
  .blog-wrapper h1 {
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 0.4em;
    line-height: 1; }
    .blog-wrapper h1 a {
      color: white;
      opacity: 1; }
      .blog-wrapper h1 a:hover {
        opacity: 0.8;
        color: white; }
    @media only screen and (min-width: 868px) {
      .blog-wrapper h1 {
        font-size: 1.9em; } }
  .blog-wrapper .background-post {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 109px;
    background-image: url("/wp-content/themes/mike/library/images/bkgd-grad.png");
    background-size: cover; }

#sidebar1 h4 {
  font-family: "Lato", "Helvetica", sans-serif;
  color: #cc6055;
  font-size: 1.3em;
  line-height: 1; }

.widgettitle {
  border-bottom-color: #e4a9a3; }

#authorarea {
  background: #f0f0f0;
  border: 3px solid #cc6055;
  padding: 15px;
  max-width: 90%;
  overflow: hidden;
  color: #333;
  border-radius: 0.3em; }
  #authorarea h3 {
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 10px 10px 5px 120px; }
    @media only screen and (max-width: 638px) {
      #authorarea h3 {
        padding-left: 0; } }
    #authorarea h3 a {
      text-decoration: none;
      font-weight: bold;
      font-style: italic; }
  #authorarea img {
    margin: 0;
    float: left;
    border: 3px solid #999;
    width: 100px;
    height: 100px;
    border-radius: 100%; }
    @media only screen and (max-width: 638px) {
      #authorarea img {
        float: none;
        margin: auto; } }
    @media only screen and (min-width: 637px) {
      #authorarea img {
        margin-top: 0.7em; } }
  #authorarea p {
    color: #333;
    margin: 0;
    padding: 0px 10px 10px 0px; }

.authorinfo {
  padding-left: 120px; }
  @media only screen and (max-width: 638px) {
    .authorinfo {
      padding-left: 0; } }
  .authorinfo a {
    font-style: italic;
    color: #b74337; }

.header {
  position: relative;
  margin: 0 auto;
  min-height: 560px;
  width: 100%; }

.bg-img {
  overflow: hidden; }
  .bg-img .actual-bg-img {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    background-size: cover;
    background-position: center; }

.title {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  .title h1, .title p {
    text-shadow: 0 -1px 6px rgba(0, 0, 0, 0.6);
    color: white; }
  .title h1 {
    padding: 0 0 0.2em;
    margin: 0 auto;
    line-height: 1;
    text-shadow: 0 -1px 70px rgba(0, 0, 0, 0.6); }
  .title p {
    padding: 0 0 0.6em;
    font-weight: 300;
    font-size: 0.85em;
    margin: 0 auto;
    line-height: 1.2; }

.single-time {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 5%;
  font-size: 1.2em;
  text-shadow: 0 -1px 6px rgba(0, 0, 0, 0.9);
  color: white; }

.entry-content {
  position: relative; }

.photo-section-wrap {
  overflow: hidden;
  position: relative; }

.square-section {
  margin: 0; }
  .square-section li {
    width: 25%;
    padding-bottom: 25%;
    float: left;
    background-size: cover !important;
    background-position: center center; }
    @media only screen and (max-width: 867px) {
      .square-section li {
        width: 50%;
        padding-bottom: 50%; } }
    .square-section li:first-child {
      width: 50%;
      padding-bottom: 50%; }
      @media only screen and (max-width: 867px) {
        .square-section li:first-child {
          width: 100%;
          padding-bottom: 100%; } }

.four-section {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .four-section li {
    width: 25%;
    padding-bottom: 15%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }
    @media only screen and (max-width: 867px) {
      .four-section li {
        width: 50%;
        padding-bottom: 30%; } }

.four-section-tall {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .four-section-tall li {
    width: 25%;
    padding-bottom: 35%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.three-section {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .three-section li {
    width: 33.3333%;
    padding-bottom: 20%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.three-section-tall {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .three-section-tall li {
    width: 33.3333%;
    padding-bottom: 45%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.three-section-mix {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .three-section-mix li {
    width: 28%;
    padding-bottom: 45%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }
    .three-section-mix li:nth-child(2) {
      width: 44%;
      /* style */ }

.two-section {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .two-section li {
    width: 50%;
    padding-bottom: 30%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.two-diff-section {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .two-diff-section li:first-child {
    width: 70%;
    padding-bottom: 40%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }
  .two-diff-section li:last-child {
    width: 30%;
    padding-bottom: 40%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.two-diff-section-backwards {
  border: 5px solid white;
  border-top: 0;
  margin: 0; }
  .two-diff-section-backwards li:last-child {
    width: 70%;
    padding-bottom: 40%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }
  .two-diff-section-backwards li:first-child {
    width: 30%;
    padding-bottom: 40%;
    border: 5px solid white;
    float: left;
    background-size: cover !important;
    background-position: center center; }

.one-section {
  margin: auto;
  border: 5px solid white; }
  .one-section li {
    width: 100%;
    padding-bottom: 50%;
    background-size: cover !important;
    background-position: center center; }

.single footer {
  padding: 0.8em;
  margin: 0.5em; }
  .single footer span {
    font-size: 1.5em; }
.single .widget {
  text-align: center; }
  .single .widget h4 {
    display: none; }
  .single .widget li {
    background-color: #f2f2f2;
    margin: 0.8em;
    font-size: 1.5em;
    padding: 0.5em 1em;
    width: 230px;
    border-radius: 0.3em; }

.single-slider-wrap {
  position: relative;
  max-width: 1600px;
  margin: auto; }

.single-slider li {
  max-width: 100%; }
.single-slider img {
  max-width: 100%; }

.nav-circlepop div {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .nav-circlepop div.prev {
    left: 0; }
  .nav-circlepop div.next {
    right: 0; }
  .nav-circlepop div svg {
    display: block;
    margin: 0 auto;
    padding: 0; }

.color-3 {
  background: #cc6055; }

.nav-circlepop div {
  margin: 0 30px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%; }
  .nav-circlepop div::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
.nav-circlepop .icon-wrap {
  position: relative;
  display: block;
  margin: 10% 0 0 10%;
  width: 80%;
  height: 80%; }
.nav-circlepop div.next .icon-wrap {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.nav-circlepop .icon-wrap::before,
.nav-circlepop .icon-wrap::after {
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.nav-circlepop .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(30deg);
  transform: translateX(-50%) rotate(30deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
.nav-circlepop .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-30deg);
  transform: translateX(-50%) rotate(-30deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }
.nav-circlepop div:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }
.nav-circlepop div:hover .icon-wrap::before,
.nav-circlepop div:hover .icon-wrap::after {
  background: #cc6055; }
.nav-circlepop div:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }
.nav-circlepop div:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg); }

.next a, .prev a {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  color: transparent; }

.bx-caption {
  position: absolute;
  width: 100%;
  bottom: 1em;
  background-color: rgba(204, 96, 85, 0.8);
  color: white;
  padding: 0.5em 1em; }
  @media screen and (min-width: 1600px) {
    .bx-caption {
      width: 98.36%; } }

.bx-pager {
  text-align: center;
  margin-top: -1.7em;
  padding-bottom: 2.5em;
  z-index: 99;
  position: relative; }
  @media only screen and (max-width: 638px) {
    .bx-pager {
      margin-top: 0em; } }
  .bx-pager .bx-pager-item {
    margin: 0.1em; }
    .bx-pager .bx-pager-item a {
      display: block;
      color: transparent;
      border-radius: 100%;
      border: 1px solid white;
      height: 1em;
      width: 1em; }
      .bx-pager .bx-pager-item a.active {
        border-color: white;
        background-color: white; }
      .bx-pager .bx-pager-item a:hover {
        background-color: rgba(255, 255, 255, 0.3); }

@media only screen and (min-width: 868px) {
  .sb-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    min-width: 60px;
    height: 120px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden; } }
.sb-search-input {
  position: absolute;
  top: 60px;
  right: 0;
  border: none;
  outline: none;
  background: #fff;
  width: 100%;
  max-width: 300px;
  height: 0px;
  margin: 0;
  z-index: 10;
  padding: 0px 65px 0px 20px;
  font-family: inherit;
  font-size: 20px;
  color: #333333; }

.sb-search-input::-webkit-input-placeholder {
  color: #333333; }

.sb-search-input:-moz-placeholder {
  color: #333333; }

.sb-search-input::-moz-placeholder {
  color: #333333; }

.sb-search-input:-ms-input-placeholder {
  color: #333333; }

.sb-icon-search,
.sb-search-submit {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 60px;
  text-align: center;
  cursor: pointer; }

.sb-search-submit {
  background: #fff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1; }

.sb-icon-search {
  color: #172023;
  background: #fff;
  z-index: 90;
  font-size: 22px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }

.sb-icon-search:before {
  content: "\e000"; }

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%; }

.sb-search-open .sb-search-input {
  border: 4px solid rgba(0, 0, 0, 0.1);
  padding: 20px 65px 20px 20px;
  height: 60px; }

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #da6d0d;
  color: #fff;
  z-index: 11; }

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90; }

@media only screen and (max-width: 867px) {
  .sb-search, .sb-search form {
    position: relative;
    z-index: -1;
    margin-top: -59px; }

  .sb-search-input {
    position: relative;
    z-index: -1;
    width: 80%;
    height: 40px;
    padding: 0px 45px 0px 10px;
    font-size: 14px;
    background-color: #f2f2f2; }

  .sb-search-submit {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #172023;
    z-index: -1;
    float: right;
    width: 20%;
    height: 40px;
    margin-top: 20px; }

  .sb-search-open .sb-search-input {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0px 45px 0px 10px;
    height: 40px; }

  .sb-icon-search {
    display: none; } }
@media screen and (min-width: 868px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 5.801104972%; }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%; }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%; }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%; }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%; }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%; }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%; }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%; }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%; }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%; }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%; }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }

  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%; }

  .first {
    margin-left: 0; }

  .last {
    float: right; } }
@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;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

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

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

  thead {
    display: table-header-group; }

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

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

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

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

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, html, ::i-block-chrome, body {
    height: 100%;
    /* fixes focus scrolling in Safari (OS X) */ } }