@charset "UTF-8";
/*

	Theme Name: Yin and Yang
	Theme URI: http://onioneyethemes.com/yin-and-yang/
	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
  Text Domain: yin-and-yang
	Version: 3.1.0
	
	Designed & Handcrafted by OnionEye 
	
*/
/*  Table of Contents 
    ==========================================================================
	
	  01. Main Base Styles
	  02. Fonts
	  03. Common and Reusable Styles
	  04. Links
	  05. Images
	  06. Technical and Creative Typography 
    07. Forms  
  	08. Page Structure
  	09. Drop-down Page
  	10. Header
  	11. Portfolio Page Template
  	12. Portfolio Gallery  	
  	13. Single Portfolio Item
  	14. Blog
  	15. Comment Styles
  	16. Comment Form Styles
  	17. Widgets
  	18. Content Styles
  	19. Search & 404 Not Found
  	20. Footer  	
  	21. Plugins
  	22. Media Queries
  	
*/
/*  01. Main Base Styles
    ========================================================================== */
*,
*:before,
*:after {
  box-sizing: border-box;
}

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

html,
body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

html {
  overflow-y: scroll;
}

body {
  background: #fdfdfd;
  overflow-y: hidden;
}

body:before {
  /* Top border */
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 5px;
  background: #313236 url(images/drop-down-bg.png);
  content: " ";
  z-index: 1;
}

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: #DF3528;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #DF3528;
  color: #fff;
  text-shadow: none;
}

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

figure {
  position: relative;
  margin: 0;
}

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

/*  02. Fonts
    ========================================================================== */
@font-face {
  font-family: 'Lato';
  src: url("fonts/lato-regular/lato-regular-webfont.eot");
  src: url("fonts/lato-regular/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-regular/lato-regular-webfont.woff2") format("woff2"), url("fonts/lato-regular/lato-regular-webfont.woff") format("woff"), url("fonts/lato-regular/lato-regular-webfont.ttf") format("truetype"), url("fonts/lato-regular/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("fonts/lato-italic/lato-italic-webfont.eot");
  src: url("fonts/lato-italic/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-italic/lato-italic-webfont.woff2") format("woff2"), url("fonts/lato-italic/lato-italic-webfont.woff") format("woff"), url("fonts/lato-italic/lato-italic-webfont.ttf") format("truetype"), url("fonts/lato-italic/lato-italic-webfont.svg#latoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url("fonts/lato-bold/lato-bold-webfont.eot");
  src: url("fonts/lato-bold/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-bold/lato-bold-webfont.woff2") format("woff2"), url("fonts/lato-bold/lato-bold-webfont.woff") format("woff"), url("fonts/lato-bold/lato-bold-webfont.ttf") format("truetype"), url("fonts/lato-bold/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("fonts/lato-bolditalic/lato-bolditalic-webfont.eot");
  src: url("fonts/lato-bolditalic/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lato-bolditalic/lato-bolditalic-webfont.woff2") format("woff2"), url("fonts/lato-bolditalic/lato-bolditalic-webfont.woff") format("woff"), url("fonts/lato-bolditalic/lato-bolditalic-webfont.ttf") format("truetype"), url("fonts/lato-bolditalic/lato-bolditalic-webfont.svg#latobold_italic") format("svg");
  font-weight: 700;
  font-style: italic;
}

/*  03. Common and Reusable Styles
    ========================================================================== */
/* Caps */
.caps, .item-sidebar .item-metadata.item-url li a, .post .post-content .read-btn .read-more, .cart-text, #dropdown-trigger, .header .menu-container li a, .header .branding .mobile-menu > li .menu-button, .header .branding .mobile-menu .menu li a, .portfolio-header h2,
.customer-showcase h2, .filter-btn-container .filter-btn, .portfolio-filter li a, .portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-title, .mobile-nav-container .mobile-nav-btn, .item-sidebar .item-metadata li:first-child, .post .post-content .secondary-post-time, .main-content .widget .tp_recent_tweets li a.twitter_time,
.slide-out-div .widget .tp_recent_tweets li a.twitter_time, .slide-out-div .footer-widgets .footer-widget .widgettitle, html .woocommerce span.onsale, .product-metadata__title, html .woocommerce table.shop_table th, html .woocommerce table.shop_table.cart thead th {
  font-family: "Lato", "Open Sans", "HelveticaNeue", helvetica, arial, sans-serif;
  color: #222;
  font-size: 11px;
  font-size: 0.687rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/**
	 * Divider lines
	 */
.sep, #comments {
  position: relative;
  padding-bottom: 1.75em;
  /* 28px */
  margin-bottom: 1.75em;
  /* 28px */
}

.sep: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, .oy-flexslider .oy-flex-direction-nav a, .oy-flexslider .oy-flex-control-paging li a {
  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;
      -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
	 */
.portfolio-item .project-link .thumb-container .thumb-overlay {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap, .mobile-nav-container .mobile-nav-btn:after, .mobile-nav-container .mobile-nav-btn span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
	 * Button styles
	 */
.item-sidebar .item-metadata.item-url li a, .post .post-content .read-btn .read-more {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 4px;
  border: 2px solid #313233;
  background: none;
  color: #313233;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.no-touch .item-sidebar .item-metadata.item-url li a:hover, .item-sidebar .item-metadata.item-url li .no-touch a:hover, .no-touch .post .post-content .read-btn .read-more:hover, .post .post-content .read-btn .no-touch .read-more:hover {
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.item-sidebar .item-metadata.item-url li a:active, .post .post-content .read-btn .read-more:active {
  position: relative;
  top: 1px;
}

/*  04. Links
    ========================================================================== */
a {
  color: #858b96;
  text-decoration: none;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

.no-touch a:hover {
  color: #DF3528;
}

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

/*  06. 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", "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,
.item-title {
  font-size: 28.430px;
  font-size: 1.777rem;
  line-height: 1.477em;
  margin-bottom: 0.984em;
}

h3,
.h3 {
  font-size: 19px;
  font-size: 1.187rem;
  line-height: 1.473em;
  margin-bottom: 1.473em;
}

h4,
.h4,
html .woocommerce table.shop_table.woocommerce-checkout-review-order-table th {
  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,
.item-title,
.h3,
.h4,
html .woocommerce table.shop_table.woocommerce-checkout-review-order-table th,
.h5,
.h6 {
  font-family: "Open Sans", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #3c3c3c;
}

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

textarea {
  height: 180px;
}

input,
textarea {
  padding: 5px 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: 500px;
  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
	 */
input[type="submit"],
button,
input[type="button"] {
  display: inline-block;
  padding: 10px 12px 8px;
  border-radius: 5px;
  border: none;
  border-bottom: solid 1px #F5E383;
  box-shadow: #BE9144 0 2px 0;
  background: #FFD46E;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffd46e), color-stop(1, #ffe88a));
  background-image: -moz-linear-gradient(center bottom, #ffd46e 0%, #ffe88a 100%);
  color: #3c3c3c;
  font-weight: 700;
  text-shadow: #FFF0AC 0 1px 0;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

input[type="submit"]:hover,
button:hover,
input[type="button"]:hover {
  border-bottom: solid 1px #FFF9B6;
  box-shadow: #DCB759 0 2px 0;
  background: #FFFDA5;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fae67f), color-stop(1, #fdffba));
  background-image: -moz-linear-gradient(center bottom, #fae67f 0%, #fdffba 100%);
  color: #545454;
}

input[type="submit"]:active,
button:active,
input[type="button"]:active {
  position: relative;
  top: 1px;
  box-shadow: #DCB759 0 1px 0;
}

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

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
  padding: 5px 10px;
  max-width: 500px;
  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 {
  background: #fdfdfd;
  -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;
}

/* Custom select element */
.bit-select-container {
  display: inline-block;
  position: relative;
}

.bit-select-container select {
  display: inline-block;
  padding: 3px 30px 3px 10px;
  border-radius: 2px;
  border: 1px solid #d2d2d2;
  box-shadow: inset 0px -15px 10px -12px rgba(0, 0, 0, 0.03);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: inherit;
}

.bit-select-container select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.bit-select-container select::-ms-expand {
  display: none;
}

.bit-select-container select:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.03);
}

.bit-select-container select:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.bit-select-container::after {
  /* Select input arrow */
  position: absolute;
  content: ' ';
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 13px;
  margin-top: 1px;
  width: 9px;
  height: 6px;
  background: url(images/main.png) no-repeat -100px 0;
  opacity: .8;
  pointer-events: none;
}

/*  08. Page Structure
    ========================================================================== */
.main-container,
.slide-out-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 2.5em 1.875em;
}

.main-container .main-content {
  padding: 3.5em 0;
}

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

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

.logged-in.admin-bar .main-container {
  margin-top: 32px;
}

.logged-in.admin-bar #dropdown-wrapper {
  border-bottom: 32px solid #1E1E1E;
}

.logged-in.admin-bar #dropdown-wrapper + .main-container {
  position: relative;
  margin-top: 0;
}

.logged-in.admin-bar .header .menu-container .menu > li.backLava,
.logged-in.admin-bar .header .menu-container .menu > li.selectedLava {
  border-top-color: #23282d;
}

/*  09. Drop-down Page (and the cart icon)
    ========================================================================== */
/**
	 * Cart icon
	 */
.cart-wrapper {
  float: right;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin: 7px 0 7px 0;
}

.cart-icon {
  width: 22px;
  height: 22px;
  margin-right: 6px;
}

.cart-text {
  color: #858b96;
  -webkit-transition: inherit;
  transition: inherit;
}

.cart-wrapper .cart-text:hover {
  color: #423a35;
}

/**
	 * Drop-down page
	 */
#dropdown-wrapper {
  height: 0;
  background-color: #313236;
  background: url("images/border-img.png") repeat-x 0 5px, url("images/drop-down-bg.png") repeat left top;
  overflow: hidden;
  color: #bdbdbd;
}

#dropdown-wrapper .dropdown-page {
  max-width: 1170px;
  margin: 0 auto;
  padding: 2.625em 2.5em;
}

.tabbed-content {
  color: #999;
}

.tabbed-content h1,
.tabbed-content h2,
.tabbed-content h3,
.tabbed-content h4,
.tabbed-content h5,
.tabbed-content h6 {
  /**
			 * Headings in the drop-down page, and the footer slide out 
			 */
  color: #fdfdfd;
}

.tabbed-content a {
  /**
			 * Links in the drop-down page, and the footer slide out 
			 */
  color: #db5348;
}

.tabbed-content a:visited {
  color: #db5348;
}

.no-touch .tabbed-content a:hover {
  color: #DF3528;
}

.tabbed-content a:active {
  color: #d15334;
}

.tabbed-content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.tabbed-content textarea,
.tabbed-content select {
  border: 1px solid #313236;
}

.tabbed-content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
.tabbed-content textarea:focus,
.tabbed-content select:focus {
  border-color: white;
}

/**
	 * Drop-down tab trigger
	 */
#dropdown-trigger {
  float: right;
  display: inline-block;
  position: relative;
  padding: 6px 29px 7px 18px;
  margin-left: 15px;
  margin-bottom: 7px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #313236;
  background: url("images/drop-down-bg.png") repeat left top;
  z-index: 9;
  cursor: pointer;
  color: #E4E4E4;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.no-touch #dropdown-trigger:hover {
  color: #ffffff;
}

#dropdown-trigger .drop-down-arrows {
  position: absolute;
  margin: 11px 0 0 6px;
  width: 9px;
  height: 8px;
  background: url("images/main.png") no-repeat 0 0;
}

#dropdown-trigger .drop-down-arrows.arrow-up {
  background-position: 0 -50px;
}

/*  10. Header
    ========================================================================== */
.header {
  padding-bottom: 6px;
  /* Offset the total header height by the height of the dotted border */
  background: url("images/border-img.png") left bottom repeat-x;
}

.header .menu-container {
  /**
			 * Main menu
			 */
  float: left;
  position: relative;
  z-index: 99;
}

.header .menu-container .menu > li {
  display: inline-block;
  margin-right: 0.75em;
  /* 12px */
  border-top: 5px solid transparent;
  border-radius: 1px;
}

.header .menu-container .menu > li.backLava, .header .menu-container .menu > li.selectedLava {
  /* Top animated line */
  border-top: 5px solid #fdfdfd;
}

.header .menu-container li {
  position: relative;
}

.header .menu-container li.parent {
  position: relative;
}

.header .menu-container li.parent > a {
  /* Sub menu indicator generated by the Superfish jQuery plugin */
  position: relative;
  padding-right: 16px;
}

.header .menu-container li.parent > a:after {
  /* note: the "parent" class is generated by a custom walker */
  content: " ";
  text-indent: -9999px;
  position: absolute;
  margin: 8px 0 0 7px;
  width: 9px;
  height: 6px;
  background: url("images/main.png") no-repeat -100px 0;
  opacity: .8;
}

.header .menu-container li.parent > a:hover:after {
  background-position: -100px -50px;
}

.header .menu-container li a {
  /* Menu links / set the menu font size here */
  display: inline-block;
  padding: 20px 0.437em;
  border: 1px solid transparent;
  line-height: 20px;
  color: #858b96;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.header .menu-container li.current-menu-item > a {
  /* Current top level menu item */
  color: #4f4640;
}

.header .menu-container li .sub-menu .current-menu-item > a {
  /* Current sub level menu item */
  color: white;
}

.header .menu-container li a:hover,
.header .menu-container li.current-menu-item > a:hover,
.header .menu-container li.selectedLava > a {
  /* Top level menu links */
  color: #423a35;
}

.header .menu-container li .sub-menu {
  /**
						 * Drop-down menu
						 */
  display: none;
  position: absolute;
  margin: 0;
  min-width: 130px;
  text-align: left;
  z-index: 9999;
}

.header .menu-container li .sub-menu li {
  display: block;
  padding: 0;
  margin-left: 0;
  margin-top: 0;
}

.header .menu-container li .sub-menu li a {
  display: block;
  padding: 4px 9px;
  margin-right: 0;
  border: 1px solid #262626;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom: none;
  background-color: #222;
  color: #999;
  font-size: 12.003px;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: none;
  white-space: nowrap;
  /* Stop text wrapping and creating multi-line dropdown items */
  letter-spacing: normal;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  /* HOVER OFF */
}

.header .menu-container li .sub-menu li a:hover {
  /* Set links styles for dropdown when items are hovered */
  border: 1px solid transparent;
  border-bottom: none;
  background-color: #939393;
  color: #fff;
  opacity: 1;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  /* HOVER ON */
}

.header .menu-container li .sub-menu li:last-child a {
  border: 1px solid #262626;
  border-color: rgba(0, 0, 0, 0.2);
}

.header .menu-container li .sub-menu li:last-child a:hover {
  border: 1px solid transparent;
  border-color: transparent;
}

.header .menu-container li .sub-menu li:first-child a {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.header .menu-container li .sub-menu li:last-child a {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.header .branding {
  display: table;
}

.header .branding .logo-container,
.header .branding .tagline-container {
  display: table-cell;
  width: 50%;
  padding-top: 2.625em;
  /* 42px */
  padding-bottom: 4.375em;
  /* 70px */
  vertical-align: middle;
}

.header .branding.no-top-nav .logo-container,
.header .branding.no-top-nav .tagline-container {
  padding-top: 4.687em;
  /* 75px */
}

.header .branding .logo-container {
  /**
				 * Logo
				 */
  padding-right: 2.5em;
}

.header .branding .logo-container a {
  display: inline-block;
  vertical-align: top;
  /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
}

.header .branding .logo-container a img,
.header .branding .logo-container a .textual-logo {
  position: relative;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.no-touch .header .branding .logo-container a:hover img,
.no-touch .header .branding .logo-container a:hover .textual-logo {
  opacity: .75;
  top: -3px;
}

.header .branding .logo-container a img {
  display: block;
}

.header .branding .logo-container a .textual-logo {
  display: block;
  margin: 0 auto;
  color: #444652;
  font-style: italic;
  font-size: 50.517px;
  font-size: 3.157rem;
  font-weight: 700;
  line-height: 1.108em;
  text-shadow: 1px 1px #fff, 0 0 #0E0E0E, 2px 3px 1px #E3E3E3;
}

.header .branding .tagline {
  /**
				 * Tagline, next to the logo
				 */
  float: right;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

.header .branding .tagline a {
  border-bottom: 2px solid #2D2D2D;
  background: #fff67a;
  color: #2D2D2D;
}

.header .branding .tagline a:hover {
  background: #db5348;
}

.header .branding .mobile-menu {
  /**
				 * Mobile menu
				 */
  display: none;
  margin-bottom: 1.75em;
  text-align: center;
}

.header .branding .mobile-menu > li {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  cursor: pointer;
}

.header .branding .mobile-menu > li .menu-button {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  font-size: 14px;
  font-size: 0.875em;
  font-weight: 600;
}

.header .branding .mobile-menu > li .menu-button:after {
  /* note: the "parent" class is generated by a custom walker */
  content: " ";
  text-indent: -9999px;
  position: absolute;
  margin: 11px 0 0 7px;
  width: 11px;
  height: 7px;
  background: url("images/main.png") no-repeat -50px -50px;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

.header .branding .mobile-menu > li .menu-button:hover {
  opacity: .5;
}

.header .branding .mobile-menu .menu {
  display: none;
  /* Hide the menu items on mobile by default */
  padding-top: 0.875em;
  text-align: center;
}

.header .branding .mobile-menu .menu li {
  display: block;
  vertical-align: top;
  /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
  list-style: none;
}

.header .branding .mobile-menu .menu li.parent {
  position: relative;
}

.header .branding .mobile-menu .menu li.parent > a {
  /* Sub menu indicator generated by the Superfish jQuery plugin */
  position: relative;
  padding-right: 18px;
}

.header .branding .mobile-menu .menu li.parent > a:after {
  /* note: the "parent" class is generated by a custom walker */
  content: " ";
  text-indent: -9999px;
  position: absolute;
  margin: 12px 0 0 7px;
  width: 12px;
  height: 7px;
  background: url("images/main.png") no-repeat -100px 0;
  opacity: .8;
  -webkit-transition: .2s all ease;
  transition: .2s all ease;
}

.header .branding .mobile-menu .menu li a {
  display: block;
  position: relative;
  padding: 0.25em 0;
  /* 4px */
  letter-spacing: 0.15em;
  margin-right: -0.15em;
  color: #858b96;
}

.header .branding .mobile-menu .menu li a:hover {
  color: #423a35;
}

.header .branding .mobile-menu .menu li a:hover:after {
  opacity: 1;
}

.header .branding .mobile-menu .menu li.current-menu-item > a,
.header .branding .mobile-menu .menu li .sub-menu .current-menu-item > a {
  color: #423a35;
  font-weight: 600;
}

.header .branding .mobile-menu .menu li .sub-menu {
  /**
							 * Drop-down menu
							 */
  display: none;
  position: relative;
  margin: 0;
  min-width: 130px;
  text-align: center;
  z-index: 9999;
}

.header .branding .mobile-menu .menu li .sub-menu li {
  display: block;
  padding: 0;
  margin-left: 0;
}

.header .branding .mobile-menu .menu li .sub-menu li a {
  display: block;
  color: #999;
  font-size: 12.003px;
  font-size: 0.75rem;
  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 */
}

.header .branding .mobile-menu .menu li .sub-menu li a:hover {
  /* Set links styles for dropdown when items are hovered */
  color: #423a35;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  /* HOVER ON */
}

/*  11. Portfolio Page Template
    ========================================================================== */
/**
	 * Portfolio and Client Headlines
	 */
.portfolio-header {
  margin: 0 10px 1.75em;
}

.portfolio-header h2,
.customer-showcase h2 {
  float: left;
  position: relative;
  margin: -19px 0 0;
  padding: 28px 0 28px 45px;
}

.customer-showcase h2 {
  margin-bottom: 1.75em;
}

.portfolio-header h2:after,
.customer-showcase h2:after {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  width: 35px;
  height: 35px;
  background: url("images/main.png") no-repeat -150px 0;
  content: " ";
}

.customer-showcase h2:after {
  background: url("images/main.png") no-repeat -150px -50px;
}

/**
	 * Client logos
	 */
.customer-showcase {
  margin-top: 3.125em;
  padding-top: 3.875em;
  background: url("images/border-img.png") left top repeat-x;
}

.customer-showcase .clients-content {
  display: block;
  clear: left;
}

.customer-showcase .clients-content .gallery {
  /* Reset the bottom margin on a default WP gallery, found within the clients section. */
  margin-bottom: 0;
}

/**
	 * Filter Button
	 */
.filter-btn-container {
  float: right;
}

.filter-btn-container .filter-btn {
  position: relative;
  top: -2px;
  display: none;
  vertical-align: middle;
  height: 38px;
  padding: 0 3.166em 0 1.333em;
  /* 0 38px 0 16px */
  background: #e3e3e3;
  z-index: 999;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  color: #595959;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.filter-btn-container .filter-btn: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-btn-container .filter-btn.filter-active:after {
  top: 14px;
  background-position: -200px 0;
}

/**
	 * Portfolio filter
	 */
.portfolio-filter {
  float: right;
}

.portfolio-filter li {
  float: left;
  margin-left: 0.75em;
}

.portfolio-filter li a {
  display: block;
  position: relative;
  color: #595959;
  z-index: 20;
}

.portfolio-filter li a .term-name {
  display: block;
  position: relative;
  padding: 3px 8px;
  background: #e3e3e3;
  z-index: 10;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.portfolio-filter li a .term-count,
.portfolio-filter li a:hover .term-name {
  background: #212121;
  color: #E4E4E4;
}

.portfolio-filter li a .term-count {
  visibility: hidden;
  display: block;
  position: absolute;
  left: 50%;
  top: -70%;
  min-width: 2.833em;
  /* 34px */
  margin-left: -1.416em;
  /* 17px */
  padding: 2px 3px;
  border-radius: 2px;
  text-align: center;
  z-index: 50;
  opacity: 0;
  color: #E4E4E4;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.portfolio-filter li a .term-count .triangle-down {
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 0;
  height: 0;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 3px solid #212121;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.portfolio-filter li.active a,
.portfolio-filter li.active .term-name,
.portfolio-filter li.active a:hover .term-name,
.portfolio-filter li.active .term-count {
  background: #fff67a;
  color: #2d2d2d;
}

.portfolio-filter li.active .term-count .triangle-down {
  border-top: 3px solid #fff67b;
}

.portfolio-filter li a:hover .term-count {
  visibility: visible;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  opacity: 1;
}

/*  12. Portfolio Gallery
    ========================================================================== */
/**
	 * The main portfolio grid
	 */
.pf-gallery-container {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}

.pf-gallery-container .portfolio-gallery {
  width: 100%;
}

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

/**
		 * 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.active-thumbnail-link {
  cursor: default;
}

.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.23s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  transition: all 0.23s 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.23s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
  transition: all 0.23s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;
}

.no-touch .portfolio-item .project-link:hover .preview-img,
.portfolio-item .project-link.active-thumbnail-link .thumb-container .preview-img {
  -webkit-transform: translate3d(0px, 100%, 0px);
          transform: translate3d(0px, 100%, 0px);
}

.no-touch .portfolio-item .project-link:hover .thumb-overlay,
.portfolio-item .project-link.active-thumbnail-link .thumb-container .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,
.portfolio-item .project-link.active-thumbnail-link .thumb-container .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 {
  display: block;
  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: #fdfdfd;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0px, -110%, 0px);
          transform: translate3d(0px, -110%, 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.75em;
  /* 12px */
  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.75em;
  /* 12px */
  line-height: 1.833em;
  /* 22px */
  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;
}

/*  13. Single Portfolio Item
    ========================================================================== */
.portfolio-item-wrapper {
  position: relative;
}

.portfolio-item-wrapper:before {
  display: block;
  content: " ";
  margin-top: -42px;
  height: 42px;
  visibility: hidden;
}

.portfolio-item-wrapper .single-portfolio-item {
  opacity: 0;
}

.single-portfolio .portfolio-item-wrapper .single-portfolio-item {
  opacity: 1;
  /* Show the portfolio item by default in the single portfolio view */
}

.portfolio-item-wrapper .single-portfolio-item .single-img-height {
  position: relative;
}

.portfolio-item-wrapper .single-portfolio-item .single-img-height .single-img-container {
  opacity: 0;
}

.portfolio-item-wrapper .single-portfolio-item .single-img-height .single-img-container .single-img {
  display: block;
}

.portfolio-item-wrapper .single-portfolio-item iframe,
.portfolio-item-wrapper .single-portfolio-item .single-img-loader {
  background: url("images/image-loader.gif") no-repeat 50% 50%;
  background-size: 24px 24px;
}

.portfolio-item-wrapper .single-portfolio-item .single-img-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.item-content {
  width: 75%;
  float: left;
  margin-bottom: 1.75em;
  padding-right: 5px;
}

.item-content .metabox-media-files,
.item-content .video-embed {
  margin-bottom: 1.75em;
}

/**
	 * Mobile portfolio post navigation 
	 */
.mobile-nav-container {
  display: none;
  margin-bottom: 0.875em;
}

.mobile-nav-container .mobile-nav-btn {
  display: block;
  position: relative;
  padding: 5px 0;
  height: 36px;
  font-size: 14px;
  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 .mobile-nav-container .mobile-nav-btn:hover {
  color: #222;
  opacity: .5;
}

.mobile-nav-container .mobile-nav-btn:after {
  position: absolute;
  top: 18px;
  right: 0;
  width: 15px;
  height: 11px;
  background: url("images/main.png") no-repeat 0 0;
  content: '';
}

.mobile-nav-container .mobile-nav-btn span {
  display: block;
  margin-right: 25px;
}

.mobile-nav-container .prev-portfolio-post,
.mobile-nav-container .prev-nav-placeholder {
  float: left;
}

.mobile-nav-container .prev-portfolio-post span,
.mobile-nav-container .prev-nav-placeholder span {
  margin-right: 0;
  margin-left: 17px;
}

.mobile-nav-container .prev-portfolio-post:after,
.mobile-nav-container .prev-nav-placeholder:after {
  left: 0;
  background-position: -350px -100px;
}

.mobile-nav-container .next-portfolio-post,
.mobile-nav-container .next-nav-placeholder {
  float: right;
}

.mobile-nav-container .next-portfolio-post span,
.mobile-nav-container .next-nav-placeholder span {
  margin-right: 16px;
}

.mobile-nav-container .next-portfolio-post:after,
.mobile-nav-container .next-nav-placeholder:after {
  width: 9px;
  background-position: -400px -100px;
}

.mobile-nav-container .prev-nav-placeholder,
.mobile-nav-container .next-nav-placeholder {
  opacity: 0.3;
}

.no-touch .mobile-nav-container .prev-nav-placeholder:hover, .no-touch
.mobile-nav-container .next-nav-placeholder:hover {
  opacity: .3;
}

/**
	 * Prev, Next, and Close buttons
	 */
.post-nav {
  position: relative;
  margin-bottom: 1.75em;
}

.post-nav li {
  float: right;
  margin-left: 7px;
}

.post-nav li span,
.post-nav li a {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.no-touch .post-nav li span:hover, .no-touch
.post-nav li a:hover {
  opacity: .5;
}

.post-nav li span:after,
.post-nav li a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("images/main.png") no-repeat;
  content: " ";
}

.post-nav li .prev-portfolio-post:after {
  background-position: -300px 0px;
}

.post-nav li .next-portfolio-post:after {
  background-position: -350px 0px;
}

.post-nav li .close-post:after {
  cursor: pointer;
  background-position: -400px 0px;
}

/**
	 * Single portfolio post item title
	 */
.item-title {
  margin-bottom: 0.984em;
  /* 28 / 28.430 */
}

/**
	 * Portfolio item sidebar 
	 */
.item-sidebar {
  width: 25%;
  float: right;
  padding-left: 1.875em;
  text-align: right;
}

.item-sidebar .item-title {
  text-align: right;
}

.item-sidebar .item-metadata {
  /**
			 * Categories, Date, Client, Project URL 
			 */
  margin-bottom: 2.125em;
}

.item-sidebar .item-metadata:last-child {
  margin-bottom: 3.5em;
}

.item-sidebar .item-metadata li {
  margin-bottom: 0;
}

.item-sidebar .item-metadata li:first-child {
  color: #6e6e6e;
}

.item-sidebar .item-metadata li:not(:first-child) {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: italic;
}

.item-sidebar .item-metadata.item-url li {
  margin-bottom: 0.875em;
}

.item-sidebar .item-metadata.item-url li:first-child {
  display: none;
  /* Hide the "Project URL" label on mobile */
}

.item-sidebar .item-metadata.item-url li a {
  /* Visit Site button */
  padding: 5px 20px;
  font-style: normal;
}

/* Portfolio item double dotted border at the bottom */
.portfolio-border {
  clear: both;
  height: 6px;
  margin-bottom: 2.937em;
  /* 47px */
  background: url("images/border-img.png") 0 0 repeat;
}

/*  14. Blog
    ========================================================================== */
.post {
  /**
		 * Single blog post in a list of posts
		 */
  margin-bottom: 5.25em;
  /* 84px */
}

.blog-with-sidebar .post .date-circle {
  display: none;
}

.blog-with-sidebar .post .post-content .secondary-post-time {
  display: block;
}

.blog-with-sidebar .post .h1 {
  margin-bottom: 0.369em;
  /* 14 / 37.897 */
}

.blog-with-sidebar .post .post-content {
  float: left;
  width: 100%;
}

.post .date-circle {
  /**
			 * Post Date
			 */
  float: left;
  width: 25%;
}

.no-touch .post .date-circle:hover .post-time {
  opacity: .9;
  -webkit-transform: scale(1.03) rotate(10deg);
          transform: scale(1.03) rotate(10deg);
}

.post .date-circle .post-time {
  display: block;
  float: left;
  padding-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 116px;
  height: 116px;
  border-radius: 58px;
  border: 3px solid #434343;
  color: #2e2e2e;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.post .date-circle .post-time .day {
  display: block;
  margin-bottom: 7px;
  font-family: "Open Sans", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 57px;
  font-weight: 300;
  line-height: 40px;
}

.post .date-circle .post-time .month-and-year {
  color: #222;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.post .post-content {
  /**
			 * Post Content
			 */
  float: right;
  width: 75%;
}

.post .post-content .post-title-link {
  color: #2e2e2e;
}

.no-touch .post .post-content .post-title-link:hover {
  color: #DF3528;
}

.post .post-content .secondary-post-time {
  display: none;
  margin-bottom: 1.75em;
  font-size: 12px;
  font-size: 0.75rem;
  color: #959595;
}

.post .post-content .featured-img-link {
  display: block;
}

.post .post-content .featured-img-link img {
  margin: 0 0 1.75em 0;
  display: block;
}

.post .post-content .additional-post-meta {
  list-style-type: none;
  margin-bottom: 1.25em;
  /* 20px */
}

.post .post-content .additional-post-meta li {
  float: left;
}

.post .post-content .read-btn {
  display: block;
  margin-top: 1.25em;
  /* 20px */
}

.post .post-content .read-btn .read-more {
  margin-top: 0.9375em;
  /* 15px */
}

/**
	 * Next/Prev Links 
	 */
.prev-page {
  float: left;
}

.next-page {
  float: right;
}

.pager-link, .pager a {
  display: block;
  font-weight: 700;
  font-style: italic;
}

/**
	 * Single post 
	 */
.no-touch .single-post .date-circle:hover .post-time {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.no-touch .single-post .post-content .post-title-link:hover {
  color: inherit;
}

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

.bypostauthor {
  overflow: visible;
}

.blog-pager {
  display: none;
}

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

/*  16. 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:not([for="wp-comment-cookies-consent"]),
#respond form[method=post] .required {
  display: none;
}

#respond form[method=post] label[for="wp-comment-cookies-consent"] {
  margin-bottom: 0;
  margin-left: 10px;
  position: relative;
  top: 1px;
}

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

/*  17. 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:before,
.widget_fastflickrwidget:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.widget_fastflickrwidget:after {
  clear: both;
}

.widget_fastflickrwidget .flickr_photo {
  box-sizing: content-box;
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
  padding: 6px 7px 6px 6px;
  background: url("images/border-img.png") repeat left top;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.no-touch .widget_fastflickrwidget .flickr_photo:hover {
  background-color: #0a0a0a;
}

/* 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,
.slide-out-div .widget .tp_recent_tweets {
  float: none;
  clear: none;
}

.main-content .widget .tp_recent_tweets li,
.slide-out-div .widget .tp_recent_tweets li {
  background: url("images/twitter-main.png") no-repeat 0 8px;
  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,
.slide-out-div .widget .tp_recent_tweets li:last-child {
  padding-bottom: 0;
}

.main-content .widget .tp_recent_tweets li a,
.slide-out-div .widget .tp_recent_tweets li a {
  font-weight: normal;
}

.main-content .widget .tp_recent_tweets li a.twitter_time,
.slide-out-div .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, .no-touch
.slide-out-div .widget .tp_recent_tweets li a.twitter_time:hover {
  color: #DF3528;
}

.slide-out-div .widget .tp_recent_tweets li {
  background-image: url("images/twitter-alt.png");
}

/*  18. 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 1.75em 1.75em;
}

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

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

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

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

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

/**
	 * WordPress captions
	 */
.wp-caption {
  display: inline-block;
  width: auto !important;
  /* Force the caption to be responsive with width and max-width properties */
  max-width: 100% !important;
  margin-bottom: 1.75em;
  text-align: center;
  vertical-align: top;
}

.wp-caption img,
.wp-caption img a {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption.aligncenter img {
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  display: block;
  padding: 0.5em 0;
  text-align: center;
  font-style: italic;
}

/**
	 * Default WordPress Gallery
	 */
.gallery {
  margin-bottom: 1.75em;
}

.gallery-item {
  display: inline-block;
  width: 100%;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
}

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

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

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

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

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

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

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  padding: 0.5em 0;
  text-align: center;
  font-style: italic;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/**
	 * Text meant only for screen readers.
	 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.wp-link-pages {
  margin-bottom: 30px;
}

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

.search-post-title {
  text-align: center;
  margin: 0;
  font-family: "Lato", "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;
}

/*  20. Footer
    ========================================================================== */
.footer {
  padding: 3.875em 0 1.75em;
  /* 62px 0 28px */
  background: url("images/border-img.png") left top repeat-x;
}

.footer .social-networking {
  /**
			 * Social networking buttons
			 */
  float: left;
  margin-bottom: 0.5em;
  /* 8px */
}

.footer .social-networking li {
  float: left;
  margin-bottom: 10px;
}

.footer .social-networking li a {
  display: block;
  position: relative;
  padding: 0 10px 0 0;
}

.footer .social-networking li a,
.footer .social-networking li a .social-icon {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.no-touch .footer .social-networking li a:hover .social-icon {
  opacity: .6;
}

.no-touch .footer .social-networking li a:hover .inner {
  -webkit-transform: scale(1.18);
          transform: scale(1.18);
}

.footer .social-networking li a span {
  display: block;
  width: 26px;
  height: 26px;
}

.footer .social-networking li a span.inner {
  display: block;
  box-sizing: content-box;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -21px;
  border-radius: 50%;
  background: #e1e1e1 url("images/social-bg.png");
  z-index: -1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.footer .social-networking li a span.social-icon {
  position: relative;
  border-radius: 50%;
  background: url("images/drop-down-bg.png");
  opacity: .85;
}

.footer .social-networking li a span.social-icon:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("images/main.png") no-repeat;
  content: " ";
}

.footer .social-networking li a span.facebook-icon:after {
  background-position: 10px -93px;
}

.footer .social-networking li a span.twitter-icon:after {
  background-position: -42px -92px;
}

.footer .social-networking li a span.googleplus-icon:after {
  background-position: -93px -92px;
}

.footer .social-networking li a span.pinterest-icon:after {
  background-position: -142px -93px;
}

.footer .social-networking li a span.instagram-icon:after {
  background-position: -193px -93px;
}

.footer .social-networking li a span.youtube-icon:after {
  background-position: -243px -94px;
}

.footer .social-networking li a span.vimeo-icon:after {
  background-position: -293px -92px;
}

.footer .social-networking li a span.tumblr-icon:after {
  background-position: 8px -143px;
}

.footer .social-networking li a span.linkedin-icon:after {
  background-position: -43px -143px;
}

.footer .social-networking li a span.soundcloud-icon:after {
  background-position: -94px -141px;
}

.footer .social-networking li a span.behance-icon:after {
  background-position: -144px -142px;
}

.footer .social-networking li a span.dribbble-icon:after {
  background-position: -192px -145px;
}

.footer .copyright {
  float: right;
  margin-top: -3px;
}

.footer .copyright:only-child {
  float: none;
  margin-top: 0;
}

.slide-out-div {
  /**
		 * Footer Overlay Widgets Area
		 */
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 3px solid transparent;
  background-color: #313236;
  background: url("images/overlay-bg.png");
  background: url("images/border-img.png") 0 5px repeat-x, url("images/border-img.png") left bottom repeat-x, url("images/overlay-bg.png") left bottom repeat;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

.slide-out-div:after {
  /* Top border */
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5px;
  height: 5px;
  background: #313236 url("images/overlay-bg.png");
  background-size: 25px 25px;
  content: " ";
  z-index: 1;
}

.slide-out-div .footer-widgets {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 2.625em;
  /* 42px */
  margin-bottom: 0.875em;
  /* 14px */
}

.slide-out-div .footer-widgets .footer-widget {
  float: left;
  padding: 0 10px;
}

.slide-out-div .footer-widgets .footer-widget.widget-grid-4 {
  width: 25%;
}

.slide-out-div .footer-widgets .footer-widget.widget-grid-3 {
  width: 33.333%;
}

.slide-out-div .footer-widgets .footer-widget.widget-grid-2 {
  width: 50%;
}

.slide-out-div .footer-widgets .footer-widget.widget-grid-1 {
  width: 100%;
  padding: 0;
}

.slide-out-div .footer-widgets .footer-widget .widget:last-child {
  margin-bottom: 0;
}

.slide-out-div .footer-widgets .footer-widget .widgettitle {
  /* Widget headings */
  font-size: 13px;
  color: #fdfdfd;
}

.slide-out-div .overlay-handle {
  /**
			 * Footer widgets trigger
			 */
  display: block;
  position: absolute;
  left: -1px;
  top: -70px;
  width: 69px;
  height: 70px;
  background: url("images/main.png") no-repeat 0 -170px;
  pointer-events: all;
  z-index: 1000;
  cursor: pointer;
}

.slide-out-div.inactive .overlay-handle {
  background-position: 0 -195px;
}

.slide-out-div.active .overlay-handle {
  background-position: -200px -195px;
}

.no-touch .slide-out-div.inactive .overlay-handle:hover {
  background-position: -100px -195px;
}

.no-touch .slide-out-div.active .overlay-handle:hover {
  background-position: -300px -195px;
}

.slide-out-div #back-to-top {
  /**
			 * Back to top button
			 */
  display: none;
  position: absolute;
  width: 38px;
  height: 38px;
  cursor: pointer;
  pointer-events: all;
  z-index: 1000;
}

.slide-out-div #back-to-top.main-top-button {
  top: -52px;
  right: 11px;
}

.slide-out-div #back-to-top.alternative-top-button {
  position: fixed;
  bottom: 15px;
  right: 10px;
}

.no-touch .slide-out-div #back-to-top:hover .inner {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.slide-out-div #back-to-top .inner {
  display: block;
  box-sizing: content-box;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  height: 46px;
  margin: -23px 0 0 -23px;
  border-radius: 50%;
  background: #e1e1e1 url("images/social-bg.png");
  z-index: -1;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.slide-out-div #back-to-top .arrow-up-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url("images/drop-down-bg.png");
  opacity: .85;
}

.slide-out-div #back-to-top .arrow-up-icon:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("images/main.png") no-repeat -40px 12px;
  content: " ";
}

.close-slide-out {
  /**
		* Close button for the footer widgets area
	 	*/
  display: none;
  position: fixed;
  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: -237px 12px;
  opacity: 0;
  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 .close-slide-out:hover {
  opacity: 1 !important;
}

/**
	 * Overlay loading indicator
	 */
.overlay-loader {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 59px;
  height: 59px;
  margin-top: -30px;
  margin-left: -30px;
  border-radius: 50%;
  background: url("images/overlay-loader.gif") no-repeat center center, url("images/drop-down-bg.png") repeat left top;
  background-size: 31px 31px, 25px 25px;
  visibility: hidden;
  z-index: 9999;
}

/*  21. Plugins
    ========================================================================== */
/**
	 * Woocommerce 
	 */
/**
	 * Shop page
	 */
html .woocommerce .products ul,
html .woocommerce ul.products {
  margin-right: -20px;
  margin-bottom: 0px;
}

html .woocommerce ul.products li.product,
html .woocommerce-page ul.products li.product {
  margin-right: 0;
  margin-bottom: 20px;
  width: 25%;
  padding-right: 20px;
}

html .woocommerce ul.products li.product a img {
  margin-bottom: 10px;
}

html .woocommerce ul.products li.product .woocommerce-loop-category__title,
html .woocommerce ul.products li.product .woocommerce-loop-product__title,
html .woocommerce ul.products li.product h3 {
  padding-top: 0;
  padding-bottom: 0;
}

html .woocommerce ul.products li.product .price {
  color: #898989;
  margin-bottom: 0;
}

html .woocommerce span.onsale {
  height: 50px;
  width: 50px;
  padding: 0;
  top: -.9em;
  left: -.5em;
  line-height: 50px;
  color: #fff;
}

html .woocommerce ul.products li.product .onsale {
  margin: -.92em 0.92em 0 0;
}

@media only screen and (max-width: 500px) {
  html .woocommerce ul.products[class*=columns-] li.product,
  html .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
}

/**
	 * Woocommerce - product page 
	 */
html .woocommerce #content div.product div.images,
html .woocommerce div.product div.images,
html .woocommerce-page #content div.product div.images,
html .woocommerce-page div.product div.images {
  width: 75%;
  float: left;
  margin-bottom: 4.375em;
  padding-right: 5px;
}

html .woocommerce #content div.product div.summary,
html .woocommerce div.product div.summary,
html .woocommerce-page #content div.product div.summary,
html .woocommerce-page div.product div.summary {
  width: 25%;
  float: right;
  padding-left: 1.875em;
  margin-bottom: 4.375em;
  text-align: right;
}

html .woocommerce #content div.product div.summary + *,
html .woocommerce div.product div.summary + *,
html .woocommerce-page #content div.product div.summary + *,
html .woocommerce-page div.product div.summary + * {
  clear: both;
}

html .woocommerce-message {
  border-top-color: #77a464;
}

html .woocommerce-message:before {
  color: #77a464;
}

html .woocommerce div.product .product_title,
html .woocommerce .product_title {
  font-size: 1.777rem;
  line-height: 1.477em;
  margin-bottom: 2.125rem;
}

html .woocommerce .site-main > .product_title {
  display: none;
}

html .woocommerce div.product p.price,
html .woocommerce div.product span.price {
  margin-bottom: 20px;
}

.woocommerce div.product form.cart {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

html .woocommerce div.product form.cart div.quantity {
  margin-left: auto;
}

.woocommerce div.product form.cart .input-text {
  width: 50px;
  border: 1px solid #ed342e;
  margin-bottom: 5px;
}

html .woocommerce div.product form.cart .single_add_to_cart_button {
  margin-bottom: 5px;
  background: #ed342e;
  color: white;
}

.woocommerce .posted_in,
.woocommerce .tagged_as {
  display: block;
}

.woocommerce .posted_in a,
.woocommerce .tagged_as a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: italic;
}

.woocommerce .posted_in + .tagged_as {
  margin-top: 2.125em;
}

.product-metadata__title--additional-info {
  margin-bottom: 5px;
}

table.woocommerce-product-attributes.shop_attributes {
  font-size: 14px;
  font-size: 0.875rem;
}

.woocommerce table.shop_attributes th {
  width: auto !important;
}

.wc-prev-next-links {
  margin-bottom: 2.125rem;
}

.wc-prev-link-container {
  float: left;
}

.wc-next-link-container {
  float: right;
}

.wc-prev-link-container a,
.wc-next-link-container a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.wc-next-link-container a:after {
  margin-left: 7px;
  width: 26px;
  height: 26px;
  background: url(images/main.png) no-repeat;
  background-position: -350px 0px;
  content: " ";
}

.wc-prev-link-container a:before {
  margin-right: 7px;
  width: 26px;
  height: 26px;
  background: url(images/main.png) no-repeat;
  background-position: -300px 0px;
  content: " ";
}

.product-metadata {
  margin-bottom: 2.125em;
}

.product-metadata:last-child {
  margin-bottom: 3.5em;
}

.product-metadata__title {
  display: block;
  color: #6e6e6e;
}

.product-metadata__title--quantity {
  margin-bottom: 3px;
}

.product-metadata__content {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: italic;
}

.product-metadata__content.price {
  font-size: 19px !important;
  font-size: 1.187rem !important;
  font-style: normal !important;
  line-height: 1.473em !important;
}

@media only screen and (max-width: 890px) {
  html .woocommerce #content div.product div.images,
  html .woocommerce div.product div.images,
  html .woocommerce-page #content div.product div.images,
  html .woocommerce-page div.product div.images {
    width: 100%;
    float: none;
    margin-bottom: 2.625em;
    padding-right: 0;
  }
  html .woocommerce #content div.product div.summary,
  html .woocommerce div.product div.summary,
  html .woocommerce-page #content div.product div.summary,
  html .woocommerce-page div.product div.summary {
    width: 100%;
    float: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding-left: 0;
    margin-bottom: 2.625em;
  }
  html .woocommerce #content div.product div.summary .product-metadata,
  html .woocommerce div.product div.summary .product-metadata,
  html .woocommerce-page #content div.product div.summary .product-metadata,
  html .woocommerce-page div.product div.summary .product-metadata {
    margin-bottom: 0;
  }
  html .woocommerce #content div.product div.summary .product-metadata.product_meta,
  html .woocommerce div.product div.summary .product-metadata.product_meta,
  html .woocommerce-page #content div.product div.summary .product-metadata.product_meta,
  html .woocommerce-page div.product div.summary .product-metadata.product_meta {
    margin-bottom: 20px;
  }
  html .woocommerce #content div.product div.summary > *,
  html .woocommerce div.product div.summary > *,
  html .woocommerce-page #content div.product div.summary > *,
  html .woocommerce-page div.product div.summary > * {
    width: 25%;
    padding-right: 15px;
  }
  html .woocommerce #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(4n + 1) {
    padding-right: 0;
  }
  .woocommerce .posted_in + .tagged_as {
    margin-top: 20px;
  }
  html .woocommerce div.product .product_title {
    display: none;
  }
  html .woocommerce .site-main > .product_title {
    display: block;
  }
  html .woocommerce div.product form.cart div.quantity {
    margin-left: 0;
  }
}

@media only screen and (max-width: 800px) {
  html .woocommerce #content div.product div.summary > *,
  html .woocommerce div.product div.summary > *,
  html .woocommerce-page #content div.product div.summary > *,
  html .woocommerce-page div.product div.summary > * {
    width: 33.333%;
  }
  html .woocommerce #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(4n + 1) {
    padding-right: 15px;
  }
  html .woocommerce #content div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(3n + 1) {
    padding-right: 0;
  }
}

@media only screen and (max-width: 580px) {
  html .woocommerce #content div.product div.summary,
  html .woocommerce div.product div.summary,
  html .woocommerce-page #content div.product div.summary,
  html .woocommerce-page div.product div.summary {
    -webkit-box-pack: center;
            justify-content: center;
  }
  html .woocommerce #content div.product div.summary > *,
  html .woocommerce div.product div.summary > *,
  html .woocommerce-page #content div.product div.summary > *,
  html .woocommerce-page div.product div.summary > * {
    width: 45%;
    padding: 0 10px;
  }
  html .woocommerce #content div.product div.summary > *:nth-child(4n + 1), html .woocommerce #content div.product div.summary > *:nth-child(3n + 1), html .woocommerce #content div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(2n + 1) {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 400px) {
  html .woocommerce #content div.product div.summary,
  html .woocommerce div.product div.summary,
  html .woocommerce-page #content div.product div.summary,
  html .woocommerce-page div.product div.summary {
    -webkit-box-pack: center;
            justify-content: center;
  }
  html .woocommerce #content div.product div.summary form.cart,
  html .woocommerce div.product div.summary form.cart,
  html .woocommerce-page #content div.product div.summary form.cart,
  html .woocommerce-page div.product div.summary form.cart {
    -webkit-box-pack: center;
            justify-content: center;
  }
  html .woocommerce #content div.product div.summary > *,
  html .woocommerce div.product div.summary > *,
  html .woocommerce-page #content div.product div.summary > *,
  html .woocommerce-page div.product div.summary > * {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  html .woocommerce #content div.product div.summary > *:nth-child(4n + 1), html .woocommerce #content div.product div.summary > *:nth-child(3n + 1), html .woocommerce #content div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page #content div.product div.summary > *:nth-child(2n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(4n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(3n + 1),
  html .woocommerce-page div.product div.summary > *:nth-child(2n + 1) {
    padding-right: 0;
  }
}

/**
	 * WooCommerce cart page
	 */
html .woocommerce table.shop_table {
  position: relative;
  border: none;
  border-radius: 0;
  border-collapse: collapse;
  background: transparent;
}

html .woocommerce table.shop_table tr:nth-of-type(odd),
html .woocommerce table.shop_table tr:nth-of-type(even) {
  background: transparent;
}

html .woocommerce table.shop_table th,
html .woocommerce table.shop_table td {
  border: none;
}

html .woocommerce table.shop_table th {
  color: inherit;
  font-size: 12px;
  vertical-align: middle !important;
}

html .woocommerce table.shop_table.cart {
  margin-bottom: 40px;
}

@media (min-width: 769px) {
  html .woocommerce table.shop_table.cart:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
  }
}

html .woocommerce table.shop_table.cart thead {
  border-bottom: 1px solid #dcdcdc;
}

html .woocommerce table.shop_table.cart thead th {
  padding-bottom: 20px;
  color: inherit;
  font-size: 12px;
}

html .woocommerce table.shop_table.cart thead th.product-remove:before {
  content: "Remove";
}

html .woocommerce table.shop_table.cart thead th.product-thumbnail:before {
  content: "Photo";
}

@media (min-width: 769px) {
  html .woocommerce table.shop_table.cart td {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  html .woocommerce table.shop_table.cart td.actions {
    padding-bottom: 30px;
  }
}

html .woocommerce table.shop_table.cart td.product-quantity {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media (min-width: 769px) {
  html .woocommerce table.shop_table.cart td.product-quantity {
    display: table-cell;
  }
}

@media (min-width: 769px) {
  html .woocommerce table.shop_table.cart tbody tr:first-child td {
    padding-top: 40px;
  }
}

html .woocommerce table.shop_table.cart.cart img {
  width: 100px;
  margin-bottom: 0;
}

html .woocommerce table.shop_table.cart .input-text {
  height: 100% !important;
  padding: 6px !important;
}

@media (min-width: 400px) {
  html .woocommerce table.shop_table.cart .input-text {
    width: 126px !important;
  }
}

html .woocommerce table.shop_table.cart .input-text.qty {
  padding: 3px !important;
  width: auto !important;
}

@media (min-width: 769px) {
  html .woocommerce table.shop_table.cart .input-text.qty {
    width: 100% !important;
    padding: 6px !important;
  }
}

.cart_totals h2 {
  display: block;
}

@media (min-width: 769px) {
  .cart_totals h2 {
    display: none;
  }
  .cart_totals .checkout-button.button.alt {
    display: inline-block;
    float: right;
  }
}

html .woocommerce #respond input#submit.alt,
html .woocommerce a.button.alt,
html .woocommerce button.button.alt,
html .woocommerce input.button.alt {
  background-color: #ed342e;
}

html .woocommerce #respond input#submit.alt:hover, html .woocommerce #respond input#submit.alt:focus,
html .woocommerce a.button.alt:hover,
html .woocommerce a.button.alt:focus,
html .woocommerce button.button.alt:hover,
html .woocommerce button.button.alt:focus,
html .woocommerce input.button.alt:hover,
html .woocommerce input.button.alt:focus {
  background-color: #ed342e;
}

/**
	 * WooCommerce checkout page
	 */
#customer_details {
  margin-bottom: 30px;
}

.woocommerce-checkout .input-text {
  max-width: none !important;
}

html .woocommerce form .form-row {
  margin-bottom: 14px;
}

html .woocommerce form .form-row#billing_country_field, html .woocommerce form .form-row#billing_state_field {
  margin-bottom: 20px;
}

html .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
  margin-bottom: 30px;
}

html .woocommerce table.shop_table.woocommerce-checkout-review-order-table th {
  text-transform: none;
  letter-spacing: normal;
}

html .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody .cart_item .product-name,
html .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody .cart_item .product-total {
  padding-bottom: 8px;
}

html .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody .cart_item:last-child .product-name {
  padding-bottom: 18px;
}

html .woocommerce-checkout #payment {
  background: #f7f6f7;
  border-radius: 0;
}

html .woocommerce-error {
  border-top-color: #ed342e;
}

html .woocommerce-error:before {
  color: #ed342e;
}

html .woocommerce-info {
  border-top-color: #313236;
}

html .woocommerce-info:before {
  color: #313236;
}

/**
	 * Flexslider Resets
	 */
.oy-flex-container a:hover,
.oy-flex-slider a:hover,
.oy-flex-container a:focus,
.oy-flex-slider a:focus {
  outline: none;
}

.oy-slides,
.oy-slides > li,
.oy-flex-control-nav,
.oy-flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.oy-flex-pauseplay span {
  text-transform: capitalize;
}

/**
	 * Flexslider Base Styles
	 */
.oy-flexslider {
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}

.oy-flexslider .oy-slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.oy-flexslider .oy-slides > li img {
  display: block;
}

.oy-flexslider .oy-slides:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "\0020";
  line-height: 0;
}

html[xmlns] .oy-flexslider .oy-slides {
  display: block;
}

* html .oy-flexslider .oy-slides {
  height: 1%;
}

.no-js .oy-flexslider .oy-slides > li:first-child {
  display: block;
}

/**
	 * Flexslider Default Theme
	 */
.oy-flexslider {
  position: relative;
  margin: 0;
  zoom: 1;
}

.no-touch .oy-flexslider:hover .oy-flex-direction-nav .oy-flex-prev,
.no-touch .oy-flexslider:hover .oy-flex-direction-nav .oy-flex-next {
  opacity: 0.4;
}

.touch .oy-flexslider .oy-flex-direction-nav .oy-flex-prev,
.touch .oy-flexslider .oy-flex-direction-nav .oy-flex-next {
  opacity: 0.4;
}

.no-touch .oy-flexslider:hover .oy-flex-direction-nav .oy-flex-prev:hover,
.no-touch .oy-flexslider:hover .oy-flex-direction-nav .oy-flex-next:hover {
  opacity: 0.8;
}

.oy-flexslider .oy-slides {
  zoom: 1;
}

.oy-flexslider .oy-slides img {
  height: auto;
}

.oy-flexslider .oy-flex-img-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("images/image-loader.gif") no-repeat 50% 50%;
  background-size: 24px 24px;
}

.oy-flexslider .oy-flex-direction-nav {
  *height: 0;
}

.oy-flexslider .oy-flex-direction-nav a {
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  position: absolute;
  top: 50%;
  background: url("images/main.png") no-repeat;
  opacity: 0;
  overflow: hidden;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.oy-flexslider .oy-flex-direction-nav a.oy-flex-prev {
  left: 20px;
  background-position: -300px -50px;
}

.oy-flexslider .oy-flex-direction-nav a.oy-flex-prev.oy-flex-prev.background--dark {
  background-position: -400px -50px;
}

.oy-flexslider .oy-flex-direction-nav a.oy-flex-next {
  right: 20px;
  background-position: -350px -50px;
  text-align: right;
}

.oy-flexslider .oy-flex-direction-nav a.oy-flex-next.oy-flex-next.background--dark {
  background-position: -450px -50px;
}

.oy-flexslider .oy-flex-direction-nav .oy-flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.oy-flexslider .carousel li {
  margin-right: 5px;
}

.oy-flexslider .oy-flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.oy-flexslider .oy-flex-pauseplay a:before {
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 20px;
  content: '\f004';
}

.oy-flexslider .oy-flex-pauseplay a:hover {
  opacity: 1;
}

.oy-flexslider .oy-flex-pauseplay a.oy-flex-play:before {
  content: '\f003';
}

.oy-flexslider .oy-flex-control-nav {
  position: absolute;
  top: 18px;
  right: 22px;
  z-index: 99;
  text-align: center;
}

.oy-flexslider .oy-flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.oy-flexslider .oy-flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 20px;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.oy-flexslider .oy-flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.oy-flexslider .oy-flex-control-paging li a.oy-flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.oy-flexslider .oy-flex-control-paging.background--dark li a {
  background: rgba(255, 255, 255, 0.25);
}

.oy-flexslider .oy-flex-control-paging.background--dark li a:hover {
  background: rgba(255, 255, 255, 0.6);
}

.oy-flexslider .oy-flex-control-paging.background--dark li a.oy-flex-active {
  background: rgba(255, 255, 255, 0.75);
}

.oy-flexslider .oy-flex-control-thumbs {
  position: static;
  margin: 5px 0 0;
  overflow: hidden;
}

.oy-flexslider .oy-flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.oy-flexslider .oy-flex-control-thumbs li img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.oy-flexslider .oy-flex-control-thumbs li img:hover {
  opacity: 1;
}

.oy-flexslider .oy-flex-control-thumbs li img.oy-flex-active {
  opacity: 1;
  cursor: default;
}

.oy-flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.oy-loading .oy-flex-viewport {
  max-height: 300px;
}

.oy-flex-caption {
  width: 100%;
  padding: 10px 20px;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(90, 90, 90, 0.5);
  text-align: center;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.no-touch .oy-flexslider:hover .oy-flex-caption,
.no-touch .single-img-container:hover .oy-flex-caption {
  background: rgba(0, 0, 0, 0.5);
}

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

/*  22. Media Queries
    ========================================================================== */
/**
    * Target Retina Devices
	*/
@media (-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,
  .menu-container .menu li.parent > a:after,
  .mobile-menu .menu li.parent > a:after,
  .mobile-menu > li .menu-button:after,
  .post-nav a:after,
  .post-nav span:after,
  .mobile-nav-container .mobile-nav-btn:after,
  .oy-flexslider .oy-flex-direction-nav a,
  .portfolio-header h2:after,
  .customer-showcase h2:after,
  .view-button,
  #dropdown-trigger .drop-down-arrows,
  .overlay-handle,
  #back-to-top .arrow-up-icon:after,
  .filter-btn-container .filter-btn:after,
  .filter-btn-container .filter-btn.filter-active:after,
  .contact-icon,
  .social-networking .social-icon:after,
  .close-slide-out,
  .bit-select-container::after,
  .wc-prev-link-container a:before,
  .wc-next-link-container a:after {
    /* Reference the @2x Sprite */
    background-image: url("images/main_@2x.png") !important;
    /* Translate the @2x sprite's dimensions back to 1x */
    background-size: 500px 275px !important;
  }
  .portfolio-item-wrapper .single-portfolio-item iframe,
  .portfolio-item-wrapper .single-portfolio-item .single-img-loader,
  .oy-flexslider .oy-flex-img-loader {
    background-image: url("images/image-loader_@2x.gif") !important;
  }
  body:before,
  #dropdown-wrapper,
  #dropdown-trigger,
  .slide-out-div {
    background-size: auto, auto, 25px 25px;
  }
  .social-networking .social-icon,
  #back-to-top .arrow-up-icon {
    background-size: 25px 25px !important;
  }
  .social-networking .inner {
    background-color: #f6f6f6 !important;
  }
  #back-to-top .inner {
    background-color: transparent !important;
  }
  .main-content .widget .tp_recent_tweets li {
    background-image: url("images/twitter-main_@2x.png");
    background-size: 16px 13px;
  }
  .slide-out-div .widget .tp_recent_tweets li {
    background-image: url("images/twitter-alt_@2x.png");
    background-size: 16px 13px;
  }
  /**
	    * Adjust icon positions for the retina screen
		*/
  #dropdown-trigger .drop-down-arrows {
    margin-top: 12px;
  }
  .slide-out-div #back-to-top .arrow-up-icon:after {
    background-position: -40px 13px;
  }
  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
  textarea {
    border: 1px solid #dadada;
  }
  input[type="text"]:focus,
  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
  textarea:focus,
  select:focus {
    border-color: #bcbcbc;
  }
  /* Slider pagination */
  .metaslider .flex-control-paging li a {
    background: #e0e0e0;
    box-shadow: none;
  }
}

@media only screen and (min-width: 960px) {
  /**
	    * Reset the visibility of the portfolio filter for desktop screen sizes
		*/
  .portfolio-filter {
    display: block !important;
    opacity: 1 !important;
    -webkit-transform: translate(0px) !important;
            transform: translate(0px) !important;
  }
}

@media only screen and (max-width: 960px), only screen and (max-height: 600px) {
  .slide-out-div {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0 2.5em;
    background: url("images/overlay-bg.png") left bottom repeat;
    background-size: 25px 25px;
    pointer-events: none;
    z-index: 99998;
  }
  .slide-out-div:after {
    display: none;
  }
  .slide-out-div.active {
    pointer-events: all;
    z-index: 1\9;
  }
  .slide-out-div.scroll-enabled {
    overflow-y: auto;
  }
  .slide-out-div .footer-widgets {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 2.625em;
    /* 42px */
    margin-bottom: 0.875em;
    /* 14px */
  }
  .slide-out-div .footer-widgets .footer-widget {
    float: none;
    padding: 0 10px;
    margin: 0 auto 1.75em;
  }
  .slide-out-div .footer-widgets .footer-widget.widget-grid-4, .slide-out-div .footer-widgets .footer-widget.widget-grid-3, .slide-out-div .footer-widgets .footer-widget.widget-grid-2, .slide-out-div .footer-widgets .footer-widget.widget-grid-1 {
    max-width: 400px;
    width: 100%;
    padding: 0;
  }
  .slide-out-div .footer-widgets .footer-widget .widget:last-child {
    margin-bottom: 0;
  }
  .slide-out-div #back-to-top {
    top: -48px;
  }
  .slide-out-div.active ~ .close-slide-out {
    display: block !important;
    opacity: 1 !important;
  }
}

@media only screen and (max-width: 960px) {
  .menu-container {
    display: none;
    /* hide the main desktop menu */
  }
  .main-container .main-content {
    padding: 2.625em 0;
  }
  .portfolio-header {
    margin-bottom: 0.875em;
  }
  .customer-showcase {
    margin-top: 2.25em;
    padding-top: 3em;
  }
  .footer {
    padding-top: 3em;
    /* 42px + 6px = 48px */
  }
  .header .branding {
    display: block;
    padding-top: 2.625em;
    padding-bottom: 0.875em;
  }
  .header .branding .logo-container,
  .header .branding .tagline-container {
    display: block;
    width: 100%;
    padding-top: 0;
    padding-bottom: 1.75em;
    vertical-align: top;
  }
  .header .branding.no-top-nav .logo-container,
  .header .branding.no-top-nav .tagline-container {
    padding-top: 0;
  }
  .header .branding .logo-container {
    /**
				 * Logo
				 */
    padding-right: 0;
    text-align: center;
  }
  .header .branding .logo-container a {
    margin: 0 auto;
  }
  .header .branding .tagline {
    /**
				 * Tagline, next to the logo
				 */
    float: none;
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
  }
  .header .branding .tagline a {
    border-bottom: 2px solid #2D2D2D;
    background: #fff67a;
    color: #2D2D2D;
  }
  .header .branding .tagline a:hover {
    background: #db5348;
  }
  .header .branding .mobile-menu {
    display: block;
  }
  .filter-btn-container .filter-btn {
    display: table-cell;
  }
  .portfolio-filter {
    /**
			 * Drop-down menu
			 */
    display: none;
    float: none;
    position: absolute;
    top: 3.5em;
    right: 10px;
    margin: 0;
    min-width: 130px;
    opacity: 0;
    z-index: 9999;
    text-align: right;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  .portfolio-filter .filter-category {
    display: block;
    float: none;
    padding: 0;
    margin-left: 0;
    margin-top: 0;
  }
  .portfolio-filter .filter-category a {
    display: block;
    padding: 3px 9px;
    margin-right: 0;
    border: 1px solid #262626;
    border-color: rgba(0, 0, 0, 0.2);
    border-bottom: none;
    background-color: #222;
    color: #999;
    font-size: 12.003px;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: none;
    white-space: nowrap;
    /* Stop text wrapping and creating multi-line dropdown items */
    letter-spacing: normal;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /* HOVER OFF */
  }
  .portfolio-filter .filter-category a .term-name {
    padding: 0 5px;
    background: none;
    -webkit-transition: none;
    transition: none;
  }
  .portfolio-filter .filter-category a .term-count {
    display: none;
  }
  .portfolio-filter .filter-category a:hover .term-name,
  .portfolio-filter .filter-category.active .term-name,
  .portfolio-filter .filter-category.active a:hover .term-name {
    background: none;
    color: inherit;
  }
  .portfolio-filter .filter-category.active a,
  .portfolio-filter .filter-category.active a:hover {
    /* Set links styles for dropdown when items are hovered */
    border: 1px solid transparent;
    border-bottom: none;
    background-color: #939393;
    color: #fff;
    opacity: 1;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /* HOVER ON */
  }
  .portfolio-filter .filter-category a:hover {
    color: #fff;
  }
  .portfolio-filter .filter-category:last-child a {
    border: 1px solid #262626;
    border-color: rgba(0, 0, 0, 0.2);
  }
  .portfolio-filter .filter-category:last-child a:hover {
    border: 1px solid transparent;
    border-color: transparent;
  }
  .portfolio-filter .filter-category:first-child a {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
  }
  .portfolio-filter .filter-category:last-child a {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
  }
}

@media only screen and (max-width: 890px) {
  .mobile-nav-container {
    display: block;
  }
  .mobile-nav-container .item-title {
    margin-bottom: 0.492em;
    /* 14 / 28.430 */
  }
  .item-content,
  .item-sidebar {
    width: 100%;
    float: none;
  }
  .item-content {
    padding-right: 0;
  }
  .item-sidebar {
    padding-left: 0;
    text-align: left;
  }
  .item-sidebar .post-nav,
  .item-sidebar .item-title {
    display: none;
  }
  /**
		 * Meta Post Info (Client, Skills...) 
		 */
  .project-meta {
    padding: 1.75em 0 0;
  }
  .project-meta .item-metadata {
    float: left;
    width: 100%;
    text-align: center;
  }
  .project-meta .item-metadata:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .project-meta .item-metadata li:first-child {
    display: block;
    font-size: 15px;
    font-size: 0.937rem;
    /* 15px */
    font-style: italic;
    text-transform: none;
    letter-spacing: normal;
    color: #959595;
  }
  .project-meta .item-metadata li:first-child span {
    display: none;
    /* remove the arrows on meta labels */
  }
  .project-meta .item-metadata.item-categories .item-term {
    display: inline;
    line-height: normal;
  }
  .project-meta .item-metadata.item-url li {
    margin-bottom: 0.875em;
  }
  .project-meta .item-metadata.item-url li a {
    margin-top: 5px;
    padding: 8px 24px;
    font-style: normal;
  }
  .project-meta.oy-1-cols .item-metadata {
    /* one item */
    width: 100%;
  }
  .project-meta.oy-2-cols .item-metadata {
    /* two items */
    width: 50%;
    padding: 0 1%;
  }
  .project-meta.oy-3-cols .item-metadata {
    /* three items */
    width: 32%;
    margin-right: 2%;
  }
  .project-meta.oy-4-cols .item-metadata {
    /* four items */
    width: 25%;
    padding: 0 1%;
  }
}

@media only screen and (max-width: 768px) {
  /**
		 * WordPress gallery
		 */
  .gallery .gallery-item {
    max-width: 50% !important;
  }
  .footer .copyright {
    float: none;
    clear: left;
    margin-top: 0;
  }
}

@media only screen and (max-width: 710px) {
  .main-container .main-content {
    padding: 2.625em 0;
  }
  .header .branding {
    padding-top: 2.625em;
    padding-bottom: 0.875em;
  }
  .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;
  }
  .sidebar.sidebar-pages {
    margin-top: 3.5em;
  }
  .page-template-template-page-with-sidebar-php .sidebar,
  .sidebar {
    width: 100%;
    float: none;
  }
  /**
		 * Blog
		 */
  .single-post-content {
    margin-bottom: 3.5em;
    /* 56px */
  }
  .post {
    margin-bottom: 3.5em;
    /* 56px */
  }
  .post .date-circle {
    display: none;
  }
  .post .post-content .secondary-post-time {
    display: block;
  }
  .post .post-content {
    float: none;
    width: 100%;
  }
  .post .post-content .h1 {
    margin-bottom: 0.369em;
    /* 14 / 37.897 */
  }
  .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 only screen and (max-width: 600px) {
  .main-container,
  .slide-out-container,
  #dropdown-wrapper .dropdown-page {
    padding-left: 1.875em;
    /* 30px */
    padding-right: 1.875em;
    /* 30px */
  }
}

@media only screen and (max-width: 580px) {
  /**
		 * Single portfolio item meta information
		 */
  .project-meta {
    padding: 0;
    margin-bottom: 0.875em;
  }
  .project-meta .item-metadata {
    width: 100% !important;
    margin-bottom: 0.875em !important;
    /* 14px */
  }
  .close-slide-out {
    top: 0.625em;
    right: 0.625em;
  }
}

@media only screen and (max-width: 380px) {
  .main-container,
  .slide-out-container,
  #dropdown-wrapper .dropdown-page {
    padding-left: 1.333em;
    /* 20px */
    padding-right: 1.333em;
    /* 20px */
  }
}

@media only screen and (max-width: 319px) {
  /**
		 * WordPress gallery
		 */
  .gallery .gallery-item {
    max-width: 100% !important;
  }
}

/**
	 * Portfolio thumbnail dimensions 
	 */
@media only screen and (max-width: 500px) {
  .onioneye-grid-sizer,
  .portfolio-gallery .isotope-item {
    width: 100%;
    /* full width */
  }
}

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

@media only screen and (min-width: 801px) and (max-width: 1100px) {
  .onioneye-grid-sizer,
  .portfolio-gallery .isotope-item {
    width: 33.333%;
    /* 3 columns */
  }
}