@charset "UTF-8";
/*

	Theme Name: Yama
	Theme URI: http://themeforest.net/user/onioneye
	Description: A Premium Portfolio Wordpress Theme.
	Author: OnionEye
	Author URI: http://themeforest.net/user/onioneye
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.0
	
	Designed & Handcrafted by OnionEye 
	
*/
/*  Table of Contents 
    ==========================================================================
	
	01. Main Base Styles
	02. Common and Reusable Styles
	03. Links
	04. Images
	05. Technical and Creative Typography 
    06. Forms  
  	07. Page Structure
  	08. Header
  	09. Portfolio Gallery
  	10. Single Portfolio Item
  	11. Blog
  	12. Comment Styles
  	13. Comment Form Styles
  	14. Widgets
  	15. Content Styles
  	16. Search & 404 Not Found
  	17. Footer
  	18. Plugins
  	19. Media Queries
  	20. Animations
  	
*/
/*  01. Main Base Styles
    ========================================================================== */
*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

html,
body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

html {
  overflow-y: auto;
}

body {
  min-height: 100vh;
  position: relative;
  background-color: #fff;
}

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

small {
  font-size: 80%;
}

/* Remove empty paragraphs */
p:empty {
  display: none;
}

/* Highlighted text */
::-moz-selection{
  background: #191919;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #191919;
  color: #fff;
  text-shadow: none;
}

/* Simple fluid media */
object,
embed {
  max-width: 100%;
  height: auto;
}

figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
  max-width: 100%;
  display: block;
}

/*  02. Common and Reusable Styles
    ========================================================================== */
/* Caps */
.caps, input[type="submit"],
button,
input[type="button"],
.url-button, .shifter .header .shifter-handle,
.header .header-buttons .oy-prev-link,
.header .header-buttons .oy-next-link, .shifter-navigation .menu li a, .filter-container .portfolio-filter li .filter-button,
.filter-container .portfolio-filter li a, .portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-title, .post .post-link .main-post-content .content-align .post-time, .single-post .post-time, .main-content .widget .tp_recent_tweets li a.twitter_time, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span ~ span, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.older-entries:only-child, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.newer-entries:only-child, .footer.no-content .copyright {
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
  color: #222;
  font-size: 12.003px;
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .2em;
}

/**
 * Divider lines
 */
.sep, .post .post-link .main-post-content .content-align .post-time, .single-post .post-time, #comments {
  position: relative;
  padding-bottom: 1.75em;
  /* 28px */
  margin-bottom: 1.75em;
  /* 28px */
}
.sep:after, .post .post-link .main-post-content .content-align .post-time:after, .single-post .post-time:after, #comments:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: #dcdcdc;
  content: " ";
}

.table {
  display: table;
  width: 100%;
  position: relative;
}

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

.overflow-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/* highlighting search term on search page */
mark,
.search-term {
  background: #EBE16F;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Vertically align elements on the page
 */
.header, .shifter-navigation, .portfolio-item .project-link .thumb-container .thumb-overlay, .post .post-link .main-post-content, .adjacent-post-links {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.header .header-buttons, .header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .oy-prev-link:after,
.header .header-buttons .oy-next-link:after, .header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .oy-prev-link span,
.header .header-buttons .oy-next-link span, .shifter-navigation .menu-container, .portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap, .post .post-link .main-post-content .content-align, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Button styles
 */
input[type="submit"],
button,
input[type="button"],
.url-button {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 4px;
  border: 2px solid #313233;
  background: none;
  color: #313233;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.no-touch input[type="submit"]:hover,
.no-touch button:hover,
.no-touch input[type="button"]:hover,
.no-touch .url-button:hover {
  border-color: #bfbfbf;
  color: #bfbfbf;
}
input[type="submit"]:active,
button:active,
input[type="button"]:active,
.url-button:active {
  position: relative;
  top: 1px;
}

    /**
	 * H1 post title. Utilized when the background cover image is not displayed. 
	 */
.post-title-no-bg {
  margin-bottom: 1.108em;
  /* 42px / 37.897px */
  text-align: center;
}

    /**
	 * Text colors which are applied when one or both of the cover images (header and footer) are displayed. 
	 */
#bg-hook .oy-light-bg {
  color: #222;
}

.background--light {
  color: #222 !important;
}

#bg-hook .oy-dark-bg {
  color: white;
}

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

    /**
	 * Toggle the logo and the prev/next/menu buttons, based on the brightness of the background. This code is utilized only when the header cover image is displayed.
	 */
#header-bg-check .shifter-handle.oy-light-bg:after {
  background-position: 0 0;
}
#header-bg-check .shifter-handle.background--light:after {
  background-position: 0 0 !important;
}
#header-bg-check .shifter-handle.oy-dark-bg:after {
  background-position: 0 -50px;
}
#header-bg-check .shifter-handle.background--dark:after {
  background-position: 0 -50px !important;
}
#header-bg-check .oy-prev-link.oy-light-bg:after {
  background-position: -100px 0;
}
#header-bg-check .oy-prev-link.background--light:after {
  background-position: -100px 0 !important;
}
#header-bg-check .oy-prev-link.oy-dark-bg:after {
  background-position: -100px -50px;
}
#header-bg-check .oy-prev-link.background--dark:after {
  background-position: -100px -50px !important;
}
#header-bg-check .oy-next-link.oy-light-bg:after {
  background-position: -150px 0;
}
#header-bg-check .oy-next-link.background--light:after {
  background-position: -150px 0 !important;
}
#header-bg-check .oy-next-link.oy-dark-bg:after {
  background-position: -150px -50px;
}
#header-bg-check .oy-next-link.background--dark:after {
  background-position: -150px -50px !important;
}
#header-bg-check .dark-logo.oy-light-bg {
  display: block;
  opacity: 1;
}
#header-bg-check .background--light .dark-logo {
  display: block !important;
  opacity: 1 !important;
}
#header-bg-check .light-logo.oy-light-bg {
  display: none;
  opacity: 0;
}
#header-bg-check .background--light .light-logo {
  display: none !important;
  opacity: 0 !important;
}
#header-bg-check .dark-logo.oy-dark-bg {
  display: none;
  opacity: 0;
}
#header-bg-check .background--dark .dark-logo {
  display: none !important;
  opacity: 0 !important;
}
#header-bg-check .light-logo.oy-dark-bg {
  display: block;
  opacity: 1;
}
#header-bg-check .background--dark .light-logo {
  display: block !important;
  opacity: 1 !important;
}

/**
 * Swap the scroll arrow based on the brightness of the header cover image. 
 */
.bg-cover-img .scroll-indicator.oy-light-bg {
  background-position: -350px 0;
}

.bg-cover-img .scroll-indicator.background--light {
  background-position: -350px 0 !important;
}

.bg-cover-img .scroll-indicator.oy-dark-bg {
  background-position: -350px -50px;
}

.bg-cover-img .scroll-indicator.background--dark {
  background-position: -350px -50px !important;
}

/**
 * Footer link colors, utilized when the footer cover image is displayed.
 */
#footer-bg-check.oy-light-bg a {
  color: #222;
}

#footer-bg-check .background--light a {
  color: #222 !important;
}

#footer-bg-check.oy-dark-bg a {
  color: white;
}

#footer-bg-check .background--dark a {
  color: white !important;
}

/**
 * Toggle the mail icon depending on the brightness of the background
 */
#footer-bg-check.oy-light-bg .mail-link:after {
  background-position: -300px 11px;
}

#footer-bg-check .background--light .mail-link:after {
  background-position: -300px 11px !important;
}

#footer-bg-check.oy-dark-bg .mail-link:after {
  background-position: -300px -39px;
}

#footer-bg-check .background--dark .mail-link:after {
  background-position: -300px -39px !important;
}

/**
 * Toggle the telephone icon depending on the brightness of the background
 */
#footer-bg-check.oy-light-bg .tel-link:after {
  background-position: -250px 9px;
}

#footer-bg-check .background--light .tel-link:after {
  background-position: -250px 9px !important;
}

#footer-bg-check.oy-dark-bg .tel-link:after {
  background-position: -250px -41px;
}

#footer-bg-check .background--dark .tel-link:after {
  background-position: -250px -41px !important;
}

/**
 * Footer border colors, utilized when the footer cover image is displayed.
 */
#footer-bg-check .sep:after, #footer-bg-check .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-bg-check .post-time:after, #footer-bg-check .single-post .post-time:after, .single-post #footer-bg-check .post-time:after, #footer-bg-check #comments:after {
  opacity: .5;
}

.no-footer-cover-image #footer-bg-check .sep:after, .no-footer-cover-image #footer-bg-check .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align .no-footer-cover-image #footer-bg-check .post-time:after, .no-footer-cover-image #footer-bg-check .single-post .post-time:after, .single-post .no-footer-cover-image #footer-bg-check .post-time:after, .no-footer-cover-image #footer-bg-check #comments:after {
  /* Reset the opacity of the border in the footer, if the footer cover image is not defined */
  opacity: 1;
}

#footer-bg-check.oy-light-bg .sep:after, #footer-bg-check.oy-light-bg .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-bg-check.oy-light-bg .post-time:after, #footer-bg-check.oy-light-bg .single-post .post-time:after, .single-post #footer-bg-check.oy-light-bg .post-time:after, #footer-bg-check.oy-light-bg #comments:after {
  background: #b4b4b4;
}

#footer-bg-check .sep.background--light:after, #footer-bg-check .post .post-link .main-post-content .content-align .background--light.post-time:after, .post .post-link .main-post-content .content-align #footer-bg-check .background--light.post-time:after, #footer-bg-check .single-post .background--light.post-time:after, .single-post #footer-bg-check .background--light.post-time:after, #footer-bg-check .background--light#comments:after {
  background: #b4b4b4 !important;
}

#footer-bg-check.oy-dark-bg .sep:after, #footer-bg-check.oy-dark-bg .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-bg-check.oy-dark-bg .post-time:after, #footer-bg-check.oy-dark-bg .single-post .post-time:after, .single-post #footer-bg-check.oy-dark-bg .post-time:after, #footer-bg-check.oy-dark-bg #comments:after {
  background: #e2e2e2;
}

#footer-bg-check .sep.background--dark:after, #footer-bg-check .post .post-link .main-post-content .content-align .background--dark.post-time:after, .post .post-link .main-post-content .content-align #footer-bg-check .background--dark.post-time:after, #footer-bg-check .single-post .background--dark.post-time:after, .single-post #footer-bg-check .background--dark.post-time:after, #footer-bg-check .background--dark#comments:after {
  background: #e2e2e2 !important;
}

/*  03. Links
    ========================================================================== */
a {
  color: #b3b3b3;
  text-decoration: none;
  -webkit-transition: .2s all ease;
          transition: .2s all ease;
}
.no-touch a:hover {
  color: #2e2e2e;
}

/*  04. Images
    ========================================================================== */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*  05. Technical and Creative Typography
    ========================================================================== */
/* Modular Scale    ---------------------- 16px @ 1:1.333 perfect fourth	   15px @ 1:1.333  ----------------------*/
/* Fontbase         ---------------------- 16px = 1em	  					                   ----------------------*/
/* Line Height Base ---------------------- 28px = 1.75em     halved baseline = 14px / 0.875em  ----------------------*/
/* maxvoltar.com/archive/-webkit-font-smoothing */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
textarea {
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 28px;
  line-height: 1.75em;
  /* 28px */
  color: #676767;
}

b,
strong {
  font-weight: 500;
  color: #191919;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 28px 0;
  margin-bottom: 1.75em;
}

h1,
.h1 {
  font-size: 37.897px;
  font-size: 2.368rem;
  line-height: 1.108em;
  margin-bottom: 0.7388em;
}

h2,
.h2 {
  font-size: 28.430px;
  font-size: 1.777rem;
  line-height: 1.477em;
  margin-bottom: 0.984em;
}

h3,
.h3 {
  font-size: 21.328px;
  font-size: 1.333rem;
  line-height: 1.312em;
  margin-bottom: 1.312em;
}

h4,
.h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75em;
}

h5,
.h5,
h6,
.h6 {
  font-size: 15px;
  font-size: 0.938rem;
  line-height: 1.866em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #3c3c3c;
}

/*  06. Forms
    ========================================================================== */
fieldset {
  margin: 0 0 1.75em 0;
  padding: 0;
  border: none;
}

input,
textarea {
  padding: 8px 10px;
}

input,
textarea,
select {
  margin: 0;
  /* webkit browsers add a 2px margin outside the chrome of form elements */
  border-radius: 2px;
  outline: none;
}

select,
input,
textarea,
button {
  font-family: inherit;
  font-size: 100%;
}

select {
  max-width: 600px;
  padding: 4px 4px 4px 0;
  border: 1px solid #e3e5e5;
  background: white;
}

label {
  display: inline-block;
  margin-bottom: 5px;
}

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
  /* hand cursor on clickable input elements */
}

/**
 * Buttons
 */
.main-search-submit:active {
  /* Reset the styles for the main search button in the active state */
  position: static;
  top: 0;
}

input[type="submit"] {
  display: inline;
  vertical-align: top;
}

input[type="submit"],
button,
input[type="button"] {
  border-radius: 2px;
}

/**
 * Text inputs and select
 */
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
input[type="text"],
textarea {
  width: 100%;
  appearance: none;
  line-height: 1;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
  padding: 10px 8px;
  max-width: 520px;
  display: block;
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  background: white;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea,
select {
  -webkit-transition: all .2s ease-in;
          transition: all .2s ease-in;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.008);
  border-color: #bebebe;
}

/*  07. Page Structure
    ========================================================================== */
.touch.shifter-open,
.touch .shifter-open {
  /* Disable scrolling when the menu is open (only on mobile devices) */
  overflow: hidden !important;
}

.shifter-open .shifter-page *,
.shifter-open .shifter-header * {
  pointer-events: none !important;
}

.shifter-page {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  min-height: 100%;
  background-color: white;
  overflow: hidden;
  z-index: 1;
}

.shifter-page,
.shifter-header {
  -webkit-transform: translate3D(0px, 0px, 0px);
      -ms-transform: translate3D(0px, 0px, 0px);
          transform: translate3D(0px, 0px, 0px);
}

.shifter-page,
.shifter-header,
.shifter-navigation {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.main-container {
  position: relative;
  margin: 0 auto;
}
.main-container,
.main-container .main-content {
  background: white;
}
.no-header-cover-img .main-container,
.main-container .no-header-cover-img .main-content, .no-header-cover-img
.main-container .main-content,
.main-container .main-content .no-header-cover-img .main-content {
  background-color: transparent;
}
.main-container .main-content {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 7em 2.5em 5.25em;
  z-index: 10;
}
.no-header-cover-img .main-container .main-content {
  padding-top: 5.25em;
  /* 84px */
}

.page-template-template-portfolio-php .main-container .main-content,
.tax-portfolio_category .main-container .main-content {
  /* reset the padding and the max-width for both the portfolio and the taxonomy page */
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.page-content,
.blog-container,
.page-container,
.single-portfolio-container {
  margin: 0 auto;
}

.page-container > .page-content {
  /* page with sidebar */
  padding-left: 0;
  padding-right: 0;
}

.page-content {
  width: 100%;
}

.page-template-template-page-with-sidebar-php .page-content {
  width: 70%;
  float: left;
  padding-right: 1.875em;
}

.sidebar {
  width: 25%;
  float: right;
}

/*  08. Header
    ========================================================================== */
/**
 * Logo, the prev/next links, and the menu button
 */
.header {
  position: fixed;
  width: 100%;
  padding: 0.625em 2.5em;
  z-index: 1;
}
#header-bg-check .header.no-header-cover-img {
  position: relative;
}
.header .oy-logo {
  float: left;
  position: relative;
  padding: 0.625em 0;
  z-index: 9;
}
.header .oy-logo a {
  display: block;
  vertical-align: top;
  /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
}
.no-touch .header .oy-logo a:hover {
  -webkit-animation: tinywiggle 220ms ease-out;
          animation: tinywiggle 220ms ease-out;
}
.header .oy-logo img {
  display: block;
  max-height: 70px;
}
#header-bg-check .header .oy-logo img.max-size-header {
  width: auto;
}
.header .oy-logo .textual-logo {
  display: block;
  margin: 0 auto;
  color: #222;
  font-style: italic;
  font-size: 28.430px;
  font-size: 1.777rem;
  line-height: 1.477em;
}
.header.headhesive .dark-logo {
  max-height: 45px;
}
.header.headhesive .dark-logo.max-size-fixed-bar {
  width: auto;
}
.header.headhesive .light-logo {
  /* Hide the light logo from the view in the fixed header because it will never be displayed */
  display: none !important;
}
.header.headhesive .main-nav-buttons, .shifter .header.headhesive .shifter-handle,
.header.headhesive .header-buttons .oy-prev-link,
.header.headhesive .header-buttons .oy-next-link {
  color: #222 !important;
}
.header.headhesive .textual-logo {
  color: #222 !important;
}
.header .header-buttons {
  position: absolute;
  right: 2.5em;
  width: 300px;
  height: 36px;
}
.header .main-nav-buttons, .shifter .header .shifter-handle,
.header .header-buttons .oy-prev-link,
.header .header-buttons .oy-next-link {
  display: block;
  position: relative;
  float: right;
  padding: 5px 0;
  margin-left: 20px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
  z-index: 99999;
  cursor: pointer;
  content: '';
  line-height: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity ease .2s;
          transition: opacity ease .2s;
}
.no-touch .header .main-nav-buttons:hover, .no-touch .shifter .header .shifter-handle:hover, .shifter .no-touch .header .shifter-handle:hover,
.no-touch .header .header-buttons .oy-prev-link:hover,
.no-touch .header .header-buttons .oy-next-link:hover {
  opacity: .7 !important;
}
.header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .oy-prev-link:after,
.header .header-buttons .oy-next-link:after {
  position: absolute;
  top: 18px;
  right: 0;
  width: 15px;
  height: 11px;
  background: url("images/main.png") no-repeat 0 0;
  content: '';
}
.header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .oy-prev-link span,
.header .header-buttons .oy-next-link span {
  display: block;
  margin-right: 25px;
}
.shifter .header .shifter-handle {
  /* Make the menu button appear as disabled until the menu plugin is activated */
  opacity: 0.3;
}
.header .header-buttons .oy-prev-link:after {
  left: 0;
  background-position: -100px 0;
}
.header .header-buttons .oy-prev-link span {
  margin-right: 0;
  margin-left: 17px;
}
.header .header-buttons .oy-next-link:after {
  width: 9px;
  background-position: -150px 0;
}
.header .header-buttons .oy-next-link span {
  margin-right: 16px;
}

/**
 * Fixed header – clone of the .header element
 */
.header.headhesive {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.96);
  z-index: 99;
  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

/**
 * Header background cover image  
 */
.bg-img-container {
  position: relative;
}
.bg-img-container,
.bg-img-container .site-header-bg-img {
  height: 600px;
  height: 86vh;
}
.bg-img-container .site-header-bg-img {
  position: fixed;
  top: 0;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -10;
}
.touch .bg-img-container .site-header-bg-img {
  /* Absolutely position the header cover image for touch devices */
  position: absolute;
}
.bg-img-container .main-title {
  /* The main title of the page, displayed on the cover image. */
  position: absolute;
  bottom: 40px;
  bottom: 2.5rem;
  left: 0;
  max-width: 800px;
  padding: 0 40px;
  padding: 0 2.5rem;
  /* 0 40px */
  margin-bottom: 0;
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 37.897px;
  font-size: 2.369rem;
  line-height: 1.266em;
  /* 48px */
  font-weight: 500;
  font-style: italic;
  text-align: left;
  color: #222;
}
.bg-img-container .main-title:before {
  position: relative;
  content: "\2014";
  /* em dash */
}

/**
 * Navigation overlay
 */
.shifter-navigation {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 2.5em;
  /* 40px */
  background: rgba(34, 34, 34, 0.9);
  opacity: 0.1;
  pointer-events: none;
  z-index: 99998;
  -webkit-transform: translate3D(0px, -100%, 0px);
      -ms-transform: translate3D(0px, -100%, 0px);
          transform: translate3D(0px, -100%, 0px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/**
 * Opened navigation
 */
.shifter-open .shifter-navigation {
  pointer-events: all;
  z-index: 1\9;
}

/**
 * Close Button
 */
.shifter-close {
  display: block;
  position: absolute;
  padding: 12px;
  width: 17px;
  height: 17px;
  top: 1.75em;
  /* 28px */
  right: 1.75em;
  /* 28px */
  box-sizing: content-box;
  background-image: url("images/main.png");
  background-repeat: no-repeat;
  background-position: -38px -38px;
  opacity: .7;
  z-index: 99999;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all ease .4s;
          transition: all ease .4s;
}
.no-touch .shifter-close:hover {
  opacity: 1;
}

/**
 * Main menu links
 */
.shifter-navigation .menu {
  text-align: center;
}
.shifter-navigation .menu li {
  display: inline-block;
  padding: 0 0.9375em;
  /* 15px */
  vertical-align: top;
  /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
  list-style: none;
}
.shifter-navigation .menu li.parent {
  position: relative;
}
.shifter-navigation .menu li.parent > a {
  /* Sub menu indicator generated by the Superfish jQuery plugin */
  position: relative;
  padding-right: 18px;
}
.shifter-navigation .menu li.parent > a:after {
  /* note: the "parent" class is generated by a custom walker */
  content: " ";
  text-indent: -9999px;
  position: absolute;
  margin: 11px 0 0 7px;
  width: 12px;
  height: 7px;
  background: url("images/main.png") no-repeat -400px 0;
  opacity: .5;
  -webkit-transition: .2s all ease;
          transition: .2s all ease;
}
.shifter-navigation .menu li a {
  display: block;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  margin-right: -0.15em;
  color: #9e9e9e;
}
.shifter-navigation .menu li a:hover {
  color: white;
}
.shifter-navigation .menu li a:hover:after {
  opacity: 1;
}
.shifter-navigation .menu li.current-menu-item > a,
.shifter-navigation .menu li .sub-menu .current-menu-item > a {
  color: #fff;
}
.shifter-navigation .menu li .sub-menu {
  /**
   * Drop-down menu
   */
  display: none;
  position: absolute;
  margin: 0;
  padding-top: 14px;
  min-width: 130px;
  text-align: left;
  z-index: 9999;
}
.shifter-navigation .menu li .sub-menu li {
  display: block;
  padding: 0;
  margin-left: 0;
}
.shifter-navigation .menu li .sub-menu li a {
  display: block;
  color: #999;
  font-size: 12.003px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  /* Stop text wrapping and creating multi-line dropdown items */
  -webkit-transition: all .35s ease-in-out;
          transition: all .35s ease-in-out;
  /* HOVER OFF */
}
.shifter-navigation .menu li .sub-menu li a:hover {
  /* Set links styles for dropdown when items are hovered */
  color: #fff;
  -webkit-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
  /* HOVER ON */
}

/**
 * Copyright
 */
.copyright {
  position: absolute;
  left: 3.076em;
  /* 40px */
  bottom: 3.076em;
  /* 40px */
  margin-bottom: 0;
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.812rem;
}

/*  09. Portfolio Gallery
    ========================================================================== */
    /**
	 * The main portfolio grid
	 */
.pf-gallery-container {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 1.875em 0.5em;
  /* 0 30px 8px */
}
.pf-gallery-container .portfolio-gallery {
  width: 100%;
}

    	/**
		 * Filter 
		 */
.filter-container {
  /* font size (12px) declared above. */
  position: absolute;
  top: 0;
  width: 100%;
  width: calc(100% - 40px);
}
.filter-container .portfolio-filter {
  float: left;
  position: relative;
  padding: 20px 40px 20px 30px;
  z-index: 998;
}
.filter-container .portfolio-filter li {
  float: left;
}
.filter-container .portfolio-filter li.filter-category {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.filter-container .portfolio-filter li .filter-button,
.filter-container .portfolio-filter li a {
  display: table-cell;
  vertical-align: middle;
  height: 38px;
  padding: 0 1.333em;
  /* 0 16px */
  background: white;
  font-weight: 600;
  line-height: 28px;
  color: #4b4b4b;
}
.filter-container .portfolio-filter li .filter-button {
  position: relative;
  padding-right: 3.166em;
  /* 38px */
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
}
.filter-container .portfolio-filter li .filter-button:after {
  position: absolute;
  right: 15px;
  top: 13px;
  width: 11px;
  height: 12px;
  background: url("images/main.png") no-repeat -200px -49px;
  content: " ";
  text-indent: -9999px;
}
.filter-container .portfolio-filter li .filter-button:hover {
  background: white;
}
.filter-container .portfolio-filter li .filter-button.filter-active:after {
  top: 14px;
  background-position: -200px 0;
}
.filter-container .portfolio-filter li a:hover {
  background: #f4f4f4;
}
.filter-container .portfolio-filter li.active a, .filter-container .portfolio-filter li.active a:hover {
  background: #222;
  color: #e4e4e4;
}

    	/**
		 * Portfolio thumbnail widths and heights. 
		 * Note: the code for thumbnail dimensions for different screen sizes is found under the "media queries" section.  
		 */
.onioneye-grid-sizer,
.portfolio-gallery .isotope-item {
  width: 25%;
  /* 4 columns */
}

.portfolio-gallery .isotope-item {
  height: 238px;
}
.portfolio-gallery .isotope-item.wide {
  width: 50%;
}
.portfolio-gallery .isotope-item.tall {
  height: 476px;
}
.portfolio-gallery .isotope-item.wide_tall {
  width: 50%;
  height: 476px;
}

/**
 * A single grid item in the portfolio grid
 */
.portfolio-item {
  float: left;
  padding: 0 10px 20px 10px;
  overflow: hidden;
}
.portfolio-item .project-link {
  display: block;
}
.portfolio-item .project-link,
.portfolio-item .project-link .thumb-container,
.portfolio-item .project-link .preview-img {
  height: 100%;
}
.portfolio-item .project-link .preview-img,
.portfolio-item .project-link .thumb-overlay,
.portfolio-item .project-link .thumb-overlay .project-info-wrap {
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
          transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.no-touch .portfolio-item .project-link:hover .preview-img, .no-touch .portfolio-item .project-link:hover .thumb-overlay, .no-touch .portfolio-item .project-link:hover .thumb-overlay .project-info-wrap {
  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
          transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
}
.no-touch .portfolio-item .project-link:hover .preview-img {
  -webkit-transform: translate3d(0px, 100%, 0px);
          transform: translate3d(0px, 100%, 0px);
}
.no-touch .portfolio-item .project-link:hover .thumb-overlay {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.no-touch .portfolio-item .project-link:hover .thumb-overlay .project-info-wrap {
  opacity: 1;
}
.portfolio-item .project-link .thumb-container {
  position: relative;
  overflow: hidden;
}
.portfolio-item .project-link .thumb-container .preview-img {
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.portfolio-item .project-link .thumb-container .thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0px, -100%, 0px);
          transform: translate3d(0px, -100%, 0px);
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap {
  width: 100%;
  position: absolute;
  padding: 0 1.666em;
  /* 0 20px */
  margin-bottom: 0;
  z-index: 2;
  opacity: 0;
  text-align: center;
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-title {
  margin-bottom: 0;
  font-size: 0.8125em;
  /* 13px */
  line-height: 1.769em;
  /* 23px */
  font-weight: 700;
  color: #4b4b4b;
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-categories {
  font-size: 0.875em;
  /* 14px */
  line-height: 1.785em;
  /* 25px */
  font-style: italic;
  color: #959595;
}

/**
 * Isotope Filtering
 */
.isotope-gallery {
  /* Animate the isotope container's dimensions while filtering */
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: height, width;
          transition-property: height, width;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

/*  10. Single Portfolio Item
    ========================================================================== */
.single-portfolio-container {
  position: relative;
  margin-bottom: 1.75em;
  /* 28px */
}

/**
 * Meta Post Info (Client, Skills...) 
 */
.project-meta {
  padding: 3.5em 0 0;
  /* 56px 0 0 */
}
.project-meta .meta-column {
  float: left;
  width: 100%;
  text-align: center;
}
.project-meta .meta-column:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.project-meta .meta-column span:first-child {
  display: block;
  font-size: 15px;
  font-size: 0.937rem;
  /* 15px */
  font-style: italic;
  color: #959595;
}
.project-meta .meta-column .url-button {
  padding: 8px 24px;
  margin-top: 5px;
}
.project-meta.oy-1-cols .meta-column {
  /* one item */
  width: 100%;
}
.project-meta.oy-2-cols .meta-column {
  /* two items */
  width: 50%;
  padding: 0 1%;
}
.project-meta.oy-3-cols .meta-column {
  /* three items */
  width: 32%;
  margin-right: 2%;
}
.project-meta.oy-4-cols .meta-column {
  /* four items */
  width: 25%;
  padding: 0 1%;
}

/*  11. Blog
    ========================================================================== */
.blog-with-sidebar {
  float: left;
  width: 70%;
  padding-right: 1.875em;
}

/**
 * Blog posts grid 
 */
.post {
  display: block;
}
.post.odd-post .main-post-content, .post.even-post .post-featured-img {
  float: left;
}
.post.even-post .main-post-content, .post.odd-post .post-featured-img {
  float: right;
}
.post .post-link {
  display: block;
  height: 27.5em;
  /* 440px */
  color: #808080;
}
.post .post-link,
.post .post-link .post-featured-img,
.post .post-link .post-title {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.no-touch .post .post-link:hover {
  color: #808080;
}
.no-touch .post .post-link:hover .post-featured-img {
  opacity: .6;
}
.no-touch .post .post-link:hover .post-title {
  color: #838383 !important;
}
.post .post-link .main-post-content,
.post .post-link .post-featured-img {
  width: 50%;
  height: 100%;
}
.post .post-link .main-post-content {
  padding: 0 4.375em;
  /* 70px */
}
.post .post-link .main-post-content .content-align .post-title {
  margin-bottom: 0;
  line-height: 1.301em;
  /* 37px */
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: italic;
  color: #222;
}
.post .post-link .main-post-content .content-align .post-time {
  display: block;
  color: #959595;
}
.post .post-link .main-post-content .content-align .excerpt-content p {
  margin-bottom: 1.312em;
}
.post .post-link .main-post-content .content-align .read-more {
  font-style: italic;
  text-transform: capitalize;
}
.post .post-link .post-featured-img {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}

/**
 * Single Post
 */
.single-post .post {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}
.single-post h1 {
  margin-bottom: 0.369em;
}
.single-post .post-time {
  display: block;
  color: #818181;
}

/* Handle sticky posts */
.sticky h2,
.sticky .excerpt-content {
  font-weight: bold;
  font-style: italic;
  color: #131313;
}

.bypostauthor {
  overflow: visible;
}

.blog-pager {
  display: none;
}

/*  12. Comment Styles
    ========================================================================= */
/* h3 comment title */
#comments {
  margin-top: 5.25em;
  /* 84px */
  padding-top: 1.75em;
  /* 28px */
  margin-bottom: 0;
  text-transform: none;
}
#comments:after {
  width: 100px;
  top: 0;
  height: 4px;
  background: #e4e4e4;
}
#comments span {
  /* number of comments span */
  font-weight: 600;
}

.commentlist {
  margin: 0 0 3.5em 0;
  /* 56px */
}
.commentlist li {
  position: relative;
  list-style-type: none;
  clear: both;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-left: 1.875em;
  /* 30px */
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul {
  /* Inner lists within .commentlist */
  margin: 0;
}
.commentlist li .comment-body {
  margin-bottom: 1.75em;
  /* 28px */
  padding: 0.937em 0.937em 0 0.625em;
  /* 15px 15px 10px */
  border: 1px solid #eee;
  background: #fff;
}
.commentlist li .comment-body .comment-author + .help {
  margin: 0;
  margin-left: 4.375em;
  /* 70px */
}
.commentlist li .comment-body .vcard {
  margin-left: 4.375em;
  /* 70px */
  margin-bottom: 0.937em;
  /* 15px */
}
.commentlist li .comment-body .vcard .avatar {
  position: absolute;
  left: 1.25em;
  /* 20px */
  margin-top: 5px;
  padding: 2px;
  border: 1px solid #EDEFEE;
  background: #fff;
}
.commentlist li .comment-body .vcard cite.fn {
  display: inline-block;
  margin-top: -4px;
  font-style: normal;
}
.commentlist li .comment-body .vcard time a {
  color: #999;
  text-decoration: none;
}
.no-touch .commentlist li .comment-body .vcard time a:hover {
  text-decoration: underline;
}
.commentlist li .comment-body .vcard .comment-meta {
  font-size: 12px;
}
.commentlist li .comment-body .vcard .comment-meta .comment-reply-link {
  text-decoration: none;
}
.commentlist li .comment-body .comment_content {
  margin-left: 4.375em;
  /* 70px */
}
.commentlist li .comment-body .comment_content p {
  font-size: 1em;
}

/*  13. Comment Form Styles
    ========================================================================== */
#respond {
  padding: 0 1.562em 1.25em 0;
  /* 0 25px 20px 0 */
}
.post-content + #respond {
  margin-top: 0.937em;
  /* 15px */
}
.comment-body + #respond {
  padding: 0;
}
#respond #reply-title {
  margin-bottom: 0.4em;
  /* 10px */
  text-transform: none;
  font-size: 1.562rem;
  /* 25px */
}
#respond #reply-title #cancel-comment-reply-link {
  display: block;
}
#respond form[method=post] label,
#respond form[method=post] .required {
  display: none;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond textarea {
  padding: 8px 10px;
}
#respond #comment {
  /* comment textarea */
  width: 100%;
  max-width: 600px;
  height: 180px;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
  max-width: 300px;
}

/*  14. Widgets 
    ========================================================================== */
.widget {
  padding: 0 0;
  margin: 0 0 3.5em;
  /* 56px */
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}
.widget .widgettitle {
  margin-bottom: 1.4em;
  /* 28px */
  font-size: 19.995px;
  font-size: 1.25rem;
  line-height: 1.400em;
  /* 28px */
}
.widget li {
  margin-bottom: 0.75em;
}
.widget li ul {
  margin-top: 0.75em;
  padding-left: 1em;
  /* indented children lists */
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_links li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_rss li a,
.widget_meta li a {
  display: block;
}

/* Search widget */
.widget_search .search-form .field {
  width: 100%;
}

/* Menu widget */
.widget .menu > li {
  padding: 0;
}

.widget .menu .current-menu-item a:after {
  display: none;
  /* hide the current menu item indicator */
}

/* Fast Flickr */
.widget_fastflickrwidget .flickr_photo {
  -webkit-transition: 0.4s -webkit-transform ease, 0.4s opacity ease;
          transition: 0.4s transform ease, 0.4s opacity ease;
  opacity: 0.8;
  position: relative;
}
.no-touch .widget_fastflickrwidget .flickr_photo:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 10;
}

/* Calendar widget */
#wp-calendar thead {
  border-bottom: 1px solid #222;
}
#wp-calendar th,
#wp-calendar tbody td {
  padding: 3px 6px;
  text-align: center;
}
#wp-calendar th {
  font-weight: 400;
}
#wp-calendar tfoot td {
  padding-top: 3px;
}
#wp-calendar caption {
  margin-bottom: 0.750em;
  /* 15px */
  font-size: 19.995px;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
}

/* Twitter widget */
.main-content .widget .tp_recent_tweets {
  float: none;
  clear: none;
}
.main-content .widget .tp_recent_tweets li {
  background-image: url("images/main.png");
  background-repeat: no-repeat;
  background-position: -400px -41px;
  padding-left: 1.562em;
  /* 25px */
  padding-bottom: 1.25em;
  /* 20px */
  float: none;
  clear: none;
  line-height: 1.75em;
  /* 28px */
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
.main-content .widget .tp_recent_tweets li:last-child {
  padding-bottom: 0;
}
.main-content .widget .tp_recent_tweets li a {
  font-weight: normal;
}
.main-content .widget .tp_recent_tweets li a.twitter_time {
  color: #999;
  font-style: normal;
  font-weight: normal;
}
.no-touch .main-content .widget .tp_recent_tweets li a.twitter_time:hover {
  color: #2e2e2e;
}

/*  15. Content Styles
    ========================================================================== */
.the-content {
  font-size: 1.062em;
  /* 17px */
}

.the-content img,
.post-content img {
  margin-bottom: 1.75em;
  /* 28px */
}

.the-content p a:last-child img,
.post-content p a:last-child img {
  margin-bottom: 0;
}

.the-content ul,
.the-content ol,
.the-content table,
.the-content dl {
  margin: 1.75em 0;
  /* 28px */
}
.the-content ul,
.the-content ol {
  margin-right: 2.2em;
}
.the-content ul li,
.the-content ol li {
  margin-bottom: 0.75em;
}
.the-content ul {
  list-style-type: square;
}
.the-content ul ul {
  /* Lists within lists */
  margin-left: 1.75em;
}
.the-content ol {
  list-style-type: decimal;
}
.the-content ol ol {
  /* Lists within lists */
  margin-left: 1.75em;
}
.the-content blockquote {
  margin: 0;
  margin-left: 28px;
  font-style: italic;
}
.the-content blockquote:before {
  /* This adds the quote before the blockquote */
  float: left;
  margin-left: -.7em;
  padding: 0 5px 0 0;
  font-family: Georgia, serif;
  font-size: 2.75em;
  opacity: 0.8;
  content: "“";
}
.the-content dl {
  margin: 1.75em 0 1.75em;
}
.the-content dl dt {
  margin-top: 1.25em;
  font-weight: 500;
}
.the-content dl dd {
  margin-top: 0.5em;
  font-style: italic;
}
.the-content table {
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  background: #fff;
  text-shadow: none;
}
.the-content table tr:nth-of-type(odd) {
  background-color: #eff3f4;
  /* zebra style table */
}
.the-content table th,
.the-content table td {
  padding: 0.562em 1.375em;
  border: 1px solid #e9e9e9;
}
.the-content table th {
  text-transform: uppercase;
  font-weight: normal;
}
.the-content table caption {
  font-size: 19.995px;
  font-size: 1.25rem;
  font-weight: bold;
}
.the-content pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  width: 99%;
  word-wrap: break-word;
  overflow: auto;
  overflow-y: hidden;
  border-left: 6px solid #F5D995;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background: #fff url("images/pre-code-bg.png") repeat left top;
  text-shadow: none;
}
.the-content pre code {
  margin: 0 0 0 2.5em;
  padding: 1.125em 0;
  display: block;
  color: #443325;
}
.the-content video {
  display: block;
  margin: 1.75em 0;
  max-width: 100%;
}
.the-content object {
  display: block;
  margin: 1.75em 0;
  max-width: 100%;
}

/**
 * WordPress built-in image-related classes
 */
img.alignright,
.wp-caption.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter,
.wp-caption.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/**
 * WordPress captions
 */
.wp-caption {
  width: auto !important;
  max-width: 100% !important;
  margin-bottom: 1.75em;
  text-shadow: none;
  text-align: center;
  font-style: italic;
}
.wp-caption img,
.wp-caption img a {
  margin: 0 !important;
  padding: 0;
  border: 0 none;
}
.wp-caption .wp-caption-text {
  padding: 0 4px 5px;
  margin: 0;
}

/**
 * Default WordPress Gallery
 */
.gallery {
  float: left;
  margin-bottom: 1.75em !important;
  /* 28px */
}
.gallery br {
  display: none;
}
.gallery .gallery-item {
  margin: 0 !important;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item img {
  margin: 0 !important;
  padding: 0;
  -webkit-transition: 0.3s all ease;
          transition: 0.3s all ease;
}
.gallery .gallery-item .gallery-icon {
  margin-top: 0 !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item .gallery-icon a {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
.gallery .gallery-item .gallery-icon a:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  content: "";
  -webkit-transition: 0.3s all ease;
          transition: 0.3s all ease;
}
.no-touch .gallery .gallery-item .gallery-icon a:hover:after {
  opacity: 1;
  padding: 0;
}
.gallery .gallery-item .gallery-icon img {
  display: block;
  border: none !important;
}
.gallery .gallery-item .gallery-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 5px;
  color: #fff;
}

.gallery-columns-2 .gallery-item {
  width: 50% !important;
}

.gallery-columns-3 .gallery-item {
  width: 33.3% !important;
}

.gallery-columns-4 .gallery-item {
  width: 25% !important;
}

.gallery-columns-5 .gallery-item {
  width: 20% !important;
}

.gallery-columns-6 .gallery-item {
  width: 16.666% !important;
}

.gallery-columns-7 .gallery-item {
  width: 14.285% !important;
}

.gallery-columns-8 .gallery-item {
  width: 12.5% !important;
}

.gallery-columns-9 .gallery-item {
  width: 11.111% !important;
}

/*  16. Search & 404 Not Found
    ========================================================================== */
.item-title,
.search-results p {
  text-align: center;
}

.search-post-title {
  text-align: center;
  margin: 0;
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
}
.search-post-title a {
  display: block;
  padding: 0.703em 0;
  /* 20px / 28.430px */
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.no-touch .search-post-title a:hover {
  background: #fff;
  padding-left: 10px;
}
.search-post-title:first-child a {
  border-top: 1px solid #e6e6e6;
}
.search-post-title:last-child a {
  border-bottom: none;
}

/**
 * Not found paragraph 
 */
.not-found {
  text-align: center;
}

/*  17. Footer
    ========================================================================== */
    /**
	 * Next and Previous Post Links 
	 */
.adjacent-post-links .oy-adjacent-post {
  display: block;
  width: 50%;
  height: 11.25em;
  /* 180px */
  color: #222;
}
.adjacent-post-links .oy-adjacent-post,
.adjacent-post-links .oy-adjacent-post .post-transition {
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.no-touch .adjacent-post-links .oy-adjacent-post:not(.oy-no-link):hover {
  opacity: .75;
}
.adjacent-post-links .oy-adjacent-post .post-transition {
  width: 100%;
  height: 100%;
  position: relative;
}
.adjacent-post-links .oy-adjacent-post .post-transition .oy-align {
  padding: 2.5em;
  /* 40px */
}
.adjacent-post-links .oy-adjacent-post .post-transition .oy-align span {
  display: block;
  position: relative;
}
.adjacent-post-links .oy-adjacent-post .post-transition .oy-align span:first-child {
  font-size: 14px;
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.785em;
  /* 25px */
  font-style: italic;
  text-transform: capitalize;
  color: #959595;
}
.adjacent-post-links .oy-adjacent-post .post-transition .oy-align span ~ span, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.older-entries:only-child, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.newer-entries:only-child {
  line-height: 18px;
  line-height: 1.5em;
  font-weight: 600;
}
.adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.older-entries:only-child, .adjacent-post-links .oy-adjacent-post .post-transition .oy-align span.newer-entries:only-child {
  font-size: 14px;
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.785em;
  /* 25px */
  text-transform: none;
  letter-spacing: normal;
  color: #222;
}
.adjacent-post-links .oy-adjacent-post.oy-prev-post {
  float: left;
  background: #eee;
}
.no-touch .adjacent-post-links .oy-adjacent-post.oy-prev-post:hover .post-transition {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}
.adjacent-post-links .oy-adjacent-post.oy-prev-post span {
  text-align: right;
}
.adjacent-post-links .oy-adjacent-post.oy-next-post {
  float: right;
  background: #dcdcdc;
}
.no-touch .adjacent-post-links .oy-adjacent-post.oy-next-post:hover .post-transition {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
}
.adjacent-post-links .oy-adjacent-post.oy-next-post span {
  text-align: left;
}
.adjacent-post-links .oy-adjacent-post.oy-no-link {
  background: #eee;
}
.adjacent-post-links .oy-adjacent-post.oy-no-link.oy-prev-post {
  float: left;
}
.adjacent-post-links .oy-adjacent-post.oy-no-link.oy-next-post {
  float: right;
  background: #dcdcdc;
}

/**
 * The main footer section. Includes contact information and social networking links.  
 */
.footer {
  position: relative;
  padding: 5.25em 2.5em 5.25em 2.5em;
  /* 84px 40px 84px 40px */
  background: #f5f5f5;
  text-align: center;
}
.footer.no-content .copyright {
  position: static;
  text-align: center;
  color: #3c3c3c;
}
.footer > div {
  max-width: 1180px;
  margin: 0 auto;
}
.footer > div .oy-contact-details:only-child {
  padding-bottom: 0;
}
.footer .oy-contact-details {
  padding-bottom: 3.5em;
  /* 56px */
}
.footer .oy-contact-details .contact-column {
  float: left;
  width: 100%;
  padding-top: 3.5em;
  /* 56px */
  padding-bottom: 3.5em;
  /* 56px */
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0px, -50px, 0px);
          transform: translate3d(0px, -50px, 0px);
}
.footer .oy-contact-details .contact-column:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.no-touch .footer .oy-contact-details .contact-column:hover .contact-icon {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.no-touch .footer .oy-contact-details .contact-column:hover .contact-text {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.footer .oy-contact-details .contact-column .contact-icon,
.footer .oy-contact-details .contact-column .contact-text {
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.footer .oy-contact-details .contact-column .contact-icon {
  display: block;
  height: 40px;
  margin: 0 auto;
  background-image: url("images/main.png");
}
.footer .oy-contact-details .contact-column .contact-icon.tel-icon {
  width: 34px;
  background-position: -250px 0;
}
.footer .oy-contact-details .contact-column .contact-icon.mail-icon {
  width: 34px;
  background-position: -300px 0;
}
.footer .oy-contact-details .contact-column .contact-icon.address-icon {
  width: 34px;
  background-position: -350px 0;
}
.footer .oy-contact-details .contact-column .contact-text {
  display: block;
  font-style: italic;
  font-weight: 600;
  color: #222;
}
.footer .oy-contact-details.oy-1-cols .contact-column {
  /* one item */
  width: 100%;
}
.footer .oy-contact-details.oy-2-cols .contact-column {
  /* two items */
  width: 50%;
  padding-left: 1%;
  padding-right: 1%;
}
.footer .oy-contact-details.oy-3-cols .contact-column {
  /* three items */
  width: 32%;
  padding-right: 2%;
  box-sizing: content-box;
}
.footer .oy-contact-details + .menu-container {
  margin-bottom: 1.75em;
}
.footer .menu {
  text-align: center;
  opacity: 0;
}
.footer .menu li {
  display: inline-block;
  padding: 0 0.9375em;
  /* 15px */
  vertical-align: top;
  list-style: none;
}
.footer .menu li a {
  display: block;
  position: relative;
  padding: 2px 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: italic;
  letter-spacing: .2em;
  color: #222;
}
.no-touch .footer .menu li a:hover {
  opacity: .5;
}

/*  18. Plugins
    ========================================================================== */
/**
 * Soliloquy Slider Plugin
 */
.soliloquy-container img {
  margin-bottom: 0;
}

/**
 * Lightbox Plugin
 */
html #swipebox-caption,
#swipebox-action {
  border-color: transparent !important;
}

html #swipebox-action {
  top: -50px;
  bottom: auto !important;
}
html #swipebox-action.visible-bars {
  top: 0;
  bottom: auto !important;
}
html #swipebox-action.force-visible-bars {
  top: 0 !important;
  bottom: auto !important;
}

html #swipebox-caption {
  bottom: -50px;
  top: auto !important;
  font-family: "Lato", "Roboto", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
}
html #swipebox-caption.visible-bars {
  bottom: 0;
  top: auto !important;
}
html #swipebox-caption.force-visible-bars {
  bottom: 0 !important;
  top: auto !important;
}

/**
 * Metaslider Plugin
 */
.metaslider img {
  margin-bottom: 0;
}
.metaslider ol, .metaslider ul {
  margin: auto;
  line-height: 0;
}
.metaslider .flex-direction-nav a {
  /* Prev/Next */
  margin: -17px 0 0;
  opacity: .4;
  border-radius: 50px;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  background: #fefefe;
}
.metaslider .flex-direction-nav a.flex-next {
  background-position: 100% 0;
  right: 10px;
}
.metaslider .flex-direction-nav a.flex-next:after {
  margin-left: -2px;
  border-top: 6px solid transparent;
  border-left: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a.flex-prev {
  left: 10px;
}
.metaslider .flex-direction-nav a.flex-prev:after {
  margin-left: -4px;
  border-top: 6px solid transparent;
  border-right: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
}
.metaslider .flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.metaslider .flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.metaslider .flex-control-paging li {
  margin-bottom: 0;
}
.metaslider .flex-control-paging li a {
  /* Slider pagination */
  background: #c5c5c5;
  box-shadow: none;
}
.metaslider .flex-control-paging li a.flex-active {
  background: #2e2e2e;
}

/**
 * Cyclone Slider Plugin
 */
.cycloneslider.cycloneslider-template-standard {
  margin-bottom: 3.5em;
  /* 56px */
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager {
  bottom: -30px;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span {
  background: #e0e0e0;
  box-shadow: none;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
  background-color: #2e2e2e;
}

/**
 * MapPress Plugin
 */
.mapp-layout {
  border: none !important;
  margin: 0 0 1.75em 0 !important;
  /* 28px */
}
.mapp-layout .mapp-map-links {
  background-color: none !important;
  border: none !important;
}

/**
 * Contact Form 7 Plugin
 */
.wpcf7 p {
  margin-bottom: 1.75em;
  /* 28px */
}
.wpcf7 .wpcf7-form-control-wrap {
  /* span wrapper */
  display: inline !important;
}
.wpcf7 div.wpcf7-response-output {
  margin: 2em 0 1em;
}
.wpcf7 span.wpcf7-not-valid-tip {
  z-index: 100;
  background: none;
  border: none;
  font-size: 0.875em;
  /* 14px */
  width: 200px;
  padding: 0;
  color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-response-output, .dropdown-page .wpcf7 .wpcf7-response-output {
  padding: 0;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ok, .dropdown-page .wpcf7 .wpcf7-mail-sent-ok {
  border: none;
  color: #70c949;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ng, .dropdown-page .wpcf7 .wpcf7-mail-sent-ng {
  border: none;
  color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-spam-blocked, .dropdown-page .wpcf7 .wpcf7-spam-blocked {
  border: none;
  color: #ffa500;
}
.slide-out-div .wpcf7 .wpcf7-validation-errors, .dropdown-page .wpcf7 .wpcf7-validation-errors {
  border: none;
  color: #f4e50f;
}

/* Disable the default margin introduced by WordPress' admin bar */
html[lang] {
  margin-top: 0 !important;
}

/*  19. Media Queries
    ========================================================================== */
    /**
    * Target Retina Devices
	*/
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .search-container a:after,
  .contents .widget .tp_recent_tweets li,
  .shifter-close,
  .shifter-navigation .menu li.parent > a:after,
  .main-nav-buttons:after,
  .shifter .header .shifter-handle:after,
  .header .header-buttons .oy-prev-link:after,
  .header .header-buttons .oy-next-link:after,
  .filter-container .portfolio-filter li .filter-button:after,
  .filter-container .portfolio-filter li .filter-button.filter-active:after,
  .contact-icon,
  .main-content .widget .tp_recent_tweets li {
    /* Reference the @2x Sprite */
    background-image: url("images/main_@2x.png") !important;
    /* Translate the @2x sprite's dimensions back to 1x */
    background-size: 500px 200px !important;
  }

  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
  textarea {
    border: 1px solid #e3e5e5;
  }

  input[type="text"]:focus,
  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
  textarea:focus,
  select:focus {
    border-color: #cecece;
  }

  /* Slider pagination */
  .metaslider .flex-control-paging li a {
    background: #e0e0e0;
    box-shadow: none;
  }

  .footer {
    background: #f8f8f8;
  }
}
@media screen and (max-width: 1281px) {
  .main-container .main-content {
    padding-top: 5.25em;
    padding-bottom: 3.5em;
  }
  .no-header-cover-img .main-container .main-content {
    padding-top: 3.5em;
    /* 56px */
  }
}
@media screen and (max-width: 1050px) {
  .bg-img-container .main-title {
    font-size: 35.528px;
    font-size: 2.221rem;
    line-height: 1.182em;
    /* 42px */
  }
}
@media only screen and (max-width: 960px) {
  .header.headhesive .oy-logo {
    padding: 0;
  }

  .shifter-navigation .menu {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  .shifter-navigation .menu li {
    display: block;
    padding: 0.25em 0;
    /* 4px */
    vertical-align: top;
    /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
  }
  .shifter-navigation .menu li .sub-menu {
    /**
     * Drop-down menu
     */
    position: relative;
    padding-top: 0.25em;
    /* 4px */
    padding-bottom: 0.25em;
    /* 4px */
    text-align: center;
  }

  .filter-container .portfolio-filter li a {
    padding-left: 1em;
    /* 12px */
    padding-right: 1em;
    /* 12px */
  }
}
@media screen and (max-width: 960px) and (max-height: 550px) {
  .shifter-navigation .menu-container {
    position: static;
    top: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: 1.75em;
    /* 28px */
    margin-bottom: 1.75em;
    /* 28px */
  }

  .copyright {
    position: static;
    left: auto;
    bottom: auto;
    margin-bottom: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  /**
   * Blog posts
   */
  .post .post-link {
    height: auto;
  }
  .post .post-link .main-post-content,
  .post .post-link .post-featured-img {
    width: 100%;
  }
  .post .post-link .main-post-content {
    height: auto;
    margin-bottom: 1.75em;
  }
  .post .post-link .post-featured-img {
    height: 25em;
    /* 400px */
    margin-bottom: 1.75em;
  }
  .post .post-link .main-post-content {
    padding: 0;
  }
  .post .post-link .main-post-content .content-align {
    position: static;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .post .post-link .main-post-content .content-align .read-more {
    font-weight: 600;
  }

  .post:last-child .post-link .main-post-content {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 710px) {
  .main-container .main-content {
    padding-top: 4.375em;
    /* 70px */
    padding-bottom: 2.625em;
    /* 42px */
  }
  .no-header-cover-img .main-container .main-content {
    padding-top: 2.625em;
    /* 42px */
  }

  .project-meta {
    padding-top: 2.625em;
    /* 42px */
  }

  .page-template-template-page-with-sidebar-php .page-content,
  .blog-with-sidebar {
    width: 100%;
    float: none;
    padding-right: 0;
  }

  .page-template-template-page-with-sidebar-php .sidebar,
  .sidebar {
    width: 100%;
    float: none;
  }

  .bg-img-container .main-title {
    font-size: 28.430px;
    font-size: 1.777rem;
    line-height: 1.231em;
    /* 35px */
  }
  .bg-img-container .main-title:before {
    display: none;
    /* Hide the em dash */
  }

  .single-portfolio .post-title,
  .single-post h1 {
    font-size: 28.430px;
    font-size: 1.777rem;
    line-height: 1.477em;
    /* 42px */
    margin-bottom: 0.984em;
    /* 28px */
  }
}
@media screen and (max-width: 700px) {
  .post .post-link .post-featured-img {
    height: 21.875em;
    /* 350px */
  }

  .footer {
    padding-top: 3.5em;
    /* 56px */
    padding-bottom: 3.5em;
    /* 56px */
  }
  .footer .oy-contact-details {
    padding-bottom: 1.75em;
    /* 28px */
  }
}
@media only screen and (max-width: 600px) {
  .header .oy-logo {
    padding: 0;
  }

  .bg-img-container,
  .bg-img-container .site-header-bg-img {
    height: 90vh;
  }

  .main-container .main-content,
  .header,
  .footer,
  .adjacent-post-links .oy-adjacent-post .post-transition .oy-align {
    padding-left: 1.875em;
    /* 30px */
    padding-right: 1.875em;
    /* 30px */
  }

  .shifter-navigation {
    padding: 1.875em;
    /* 30px */
  }

  .header .header-buttons {
    right: 1.875em;
    /* 30px */
  }

  .bg-img-container .main-title {
    padding: 0 1.875rem;
    /* 30px */
    bottom: 1.25rem;
    /* 20px */
  }

  .pf-gallery-container {
    padding: 0 1.25em;
    /* 20px */
  }

  .shifter-close {
    top: 1.125em;
    /* 18px */
    right: 1.125em;
    /* 18px */
  }

  .copyright {
    left: 2.307em;
    /* 30px */
    bottom: 2.307em;
    /* 30px */
  }

  .footer {
    padding-top: 1.75em;
    /* 28px */
    padding-bottom: 1.75em;
    /* 28px */
  }
  .footer .oy-contact-details {
    padding-bottom: 1.75em !important;
    /* 28px */
  }
  .footer .oy-contact-details .contact-column {
    width: 100% !important;
    padding-top: 1.75em;
    /* 28px */
    padding-bottom: 0;
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
  }
  .footer .menu {
    opacity: 1;
  }
}
@media only screen and (max-width: 580px) {
  #header-bg-check .oy-prev-link,
  #header-bg-check .oy-next-link {
    display: none;
  }

  .single-portfolio .headhesive .oy-logo,
  .single .headhesive .oy-logo {
    visibility: hidden;
  }

  /**
   * Single portfolio item meta information
   */
  .project-meta {
    padding: 0;
  }
  .project-meta .meta-column {
    width: 100% !important;
    padding-bottom: 0.875em !important;
    /* 14px */
  }

  .post .post-link .post-featured-img {
    height: 17.5em;
    /* 280px */
  }
}
@media only screen and (max-width: 470px) {
  .main-container .main-content {
    padding-top: 3.5em;
    padding-bottom: 1.75em;
  }
  .no-header-cover-img .main-container .main-content {
    padding-top: 1.75em;
  }

  .pf-gallery-container {
    padding: 0 0.625em;
    /* 10px */
  }

  .post .post-link .main-post-content .content-align .post-title {
    font-size: 21.328px;
    font-size: 1.333rem;
    line-height: 1.312em;
  }
}
@media only screen and (max-width: 380px) {
  .main-container .main-content,
  .header,
  .footer,
  .adjacent-post-links .oy-adjacent-post .post-transition .oy-align {
    padding-left: 1.333em;
    /* 20px */
    padding-right: 1.333em;
    /* 20px */
  }

  .shifter-navigation {
    padding: 1.333em;
    /* 20px */
  }

  .header .header-buttons {
    right: 1.333em;
    /* 20px */
  }

  .bg-img-container .main-title {
    padding: 0 1.333rem;
    /* 20px */
  }

  .shifter-close {
    top: 0.5em;
    /* 8px */
    right: 0.5em;
    /* 8px */
  }

  .copyright {
    left: 1.538em;
    /* 20px */
    bottom: 1.538em;
    /* 20px */
  }
}
@media only screen and (max-width: 350px) {
  .post .post-link .post-featured-img {
    height: 15em;
    /* 240px */
  }

  /**
   * WordPress gallery
   */
  .gallery .gallery-item {
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    float: none;
  }
}
/**
 * Portfolio thumbnail dimensions 
 */
@media only screen and (max-width: 555px) {
  .onioneye-grid-sizer,
  .portfolio-gallery .isotope-item,
  .portfolio-gallery .isotope-item.wide,
  .portfolio-gallery .isotope-item.wide_tall {
    width: 100%;
    /* full width */
  }

  .portfolio-gallery .isotope-item,
  .portfolio-gallery .isotope-item.wide,
  .portfolio-gallery .isotope-item.wide_tall {
    height: 390px;
  }

  .portfolio-gallery .isotope-item.tall {
    height: 780px;
  }
}
@media only screen and (min-width: 556px) and (max-width: 850px) {
  .onioneye-grid-sizer,
  .portfolio-gallery .isotope-item {
    width: 50%;
    /* 2 columns */
  }

  .portfolio-gallery .isotope-item.wide,
  .portfolio-gallery .isotope-item.wide_tall {
    width: 100%;
  }

  .portfolio-gallery .isotope-item,
  .portfolio-gallery .isotope-item.wide {
    height: 300px;
  }

  .portfolio-gallery .isotope-item.tall,
  .portfolio-gallery .isotope-item.wide_tall {
    height: 600px;
  }
}
@media only screen and (min-width: 851px) and (max-width: 1200px) {
  .onioneye-grid-sizer,
  .portfolio-gallery .isotope-item {
    width: 33.333%;
    /* 3 columns */
  }

  .portfolio-gallery .isotope-item.wide {
    width: 66.666%;
  }

  .portfolio-gallery .isotope-item.wide_tall {
    width: 66.666%;
  }

  .portfolio-gallery .isotope-item,
  .portfolio-gallery .isotope-item.wide {
    height: 290px;
  }

  .portfolio-gallery .isotope-item.tall,
  .portfolio-gallery .isotope-item.wide_tall {
    height: 580px;
  }
}
/*  20. Animations
    ========================================================================== */
@-webkit-keyframes tinywiggle{
  25%, 50%, 75%, 100%{
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  25%{
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50%{
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75%{
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes tinywiggle {
  25%, 50%, 75%, 100% {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  25% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}