@charset "UTF-8";
/*

	Theme Name: Yin and Yang
	Theme URI: http://themeforest.net/user/onioneye
	Description: A Premium Portfolio Wordpress Theme.
	Author: OnionEye
	Author URI: http://themeforest.net/user/onioneye
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 3.0.4
	
	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, #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 {
  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;
  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;
  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 {
  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,
.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: -moz-linear-gradient(center bottom, #ffd46e 0%, #ffe88a 100%);
  color: #3c3c3c;
  font-weight: 700;
  text-shadow: #FFF0AC 0 1px 0;
  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: -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;
  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;
}

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

/*  09. Drop-down Page
    ========================================================================== */
/**
	 * 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: 3px 29px 4px 18px;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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 */
  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;
  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: transparent;
}

.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;
  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;
  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;
  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 {
  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 {
  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 */
  transition-duration: 0.2s;
  transition-property: height, width;
  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;
  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;
  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;
  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;
  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,
#respond form[method=post] .required {
  display: none;
}

#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond textarea {
  padding: 8px 10px;
}

#respond #comment {
  /* comment textarea */
  width: 100%;
  max-width: 600px;
  height: 180px;
}

#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
  max-width: 300px;
}

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

/*  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 {
  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;
  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;
  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;
  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
    ========================================================================== */
/**
	 * 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;
  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;
  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;
  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;
  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;
  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 (min--moz-device-pixel-ratio: 1.5), (-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 {
    /* 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;
    transition: all .2s ease-in-out;
    /* HOVER OFF */
  }
  .portfolio-filter .filter-category a .term-name {
    padding: 0 5px;
    background: 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;
    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 */
  }
}