/*
Theme Name: Omm	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: 9999.0.1 (Custom)
Designed & Handcrafted by OnionEye
*/

/*  Table of Contents     ........................................................................................................................................		01. Main Base Styles	02. Links	03. Images	04. Technical and Creative Typography     05. Forms    06. Common and Reusable Styles  	07. Main Content  	08. Header  	09. Portfolio Gallery  	10. Single Portfolio Item  	11. Blog  	12. Comment Styles  	13. Comment Form Styles  	14. Widgets  	15. Content Styles  	16. Plugins  	17. Search  	18. Footer  	19. Media Queries  	20. Animations  	21. Internet Explorer  	*/

/*  01. Main Base Styles    ........................................................................................................................................ */

*,
*:before,
*:after {
	box-sizing: border-box;
}
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
html,
body {
	padding: 0;
	margin: 0;
}
html {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	background-color: #fff;
}
ol,
ul {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}
small {
	font-size: 80%;
}
small small {
	display: block;
	font-size: 90%;
}
.copyright {
	line-height: normal;
	text-transform: capitalize;
}
.copyright small {
	font-size: 70%;
}
/* Remove empty paragraphs */

p:empty {
	display: none;
}
/* Highlighted text */

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

object,
embed {
	max-width: 100%;
	height: auto;
}
figure {
	position: relative;
}
figure img,
figure object,
figure embed,
figure video {
	max-width: 100%;
	display: block;
}
/*  02. Links    ........................................................................................................................................ */

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

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/*  04. Technical and Creative Typography    ........................................................................................................................................ */

/* Modular Scale    ---------------------- 16px @ 1:1.333	                   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;
}
body,
button,
input,
textarea {
	/* font-family: 'Noto Sans', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; */
	/* font-family: 'Open Sans', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; */
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	line-height: 28px;
	line-height: 1.75em;
	/* 28px */
	color: #222;
}
b,
strong {
	/* font-weight: 500 */
	/* font-weight: 500 */
	color: #191919;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 28px 0;
	margin-bottom: 1.75em;
	/* 28px */
}
h1,
.h1 {
	font-size: 37.897px;
	font-size: 2.214em;
	line-height: 1.108em;
	/* 42px */
	margin-bottom: 0.7388em;
	/* 28px */
}
h2,
.h2 {
	font-size: 28.430px;
	font-size: 1.777rem;
	line-height: 1.477em;
	/* 42px */
	margin-bottom: 0.984em;
	/* 28px */
}
h3,
.h3 {
	font-size: 21.328px;
	font-size: 1.333rem;
	line-height: 1.312em;
	/* 28px */
	margin-bottom: 1.312em;
	/* 28px */
}
h4,
.h4 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75em;
	/* 28px */
}
h5,
.h5,
h6,
.h6 {
	font-size: 15px;
	font-size: 0.938rem;
	line-height: 1.866em;
	/* 28px */
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 300;
	color: #222;
}
/*  05. Forms    ........................................................................................................................................ */

fieldset {
	margin: 0 0 1.75em 0;
	/* 28px */
	padding: 0;
	border: none;
}
input,
textarea {
	padding: 8px 10px;
}
input,
textarea,
select {
	margin: 0;
	/* webkit browsers add a 2px margin outside the chrome of form elements */
	border-radius: 2px;
	outline: none;
}
select,
input,
textarea,
button {
	font-family: inherit;
	font-size: 100%;
	font-weight: 300;
}
select {
	max-width: 600px;
	padding: 4px 4px 4px 0;
	border: 1px solid #e3e5e5;
	background: #fff;
}
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"],
.url-button,
.read-more {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 4px;
	border: 2px solid #313233;
	background: none;
	color: #313233;
	font-size: .75rem;
	/* font-weight: 500 */
	text-transform: uppercase;
	letter-spacing: .2em;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover,
button:hover,
input[type="button"]:hover,
.read-btn .read-more:hover,
.project-meta .url-button:hover {
	border-color: #bfbfbf;
	color: #bfbfbf;
}
input[type="submit"]:not(.main-search-submit):active,
button:active,
input[type="button"]:active,
.read-more:active,
.read-more:focus,
.url-button:active,
.url-button:focus {
	position: relative;
	top: 1px;
}
input[type="submit"] {
	display: inline;
	vertical-align: top;
}
input[type="submit"],
button,
input[type="button"] {
	border-radius: 2px;
}
/**	 * Text inputs and select	 */

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
input[type="text"],
textarea {
	width: 100%;
	appearance: none;
	line-height: 1;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
	padding: 10px 8px;
	max-width: 450px;
	display: block;
	border: 1px solid #d7d7d7;
	background: #fff;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea,
select {
	transition: all .2s ease-in;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
	border-radius: 2px;
}
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);
}
input[type="text"]:focus,
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
	border-color: #bebebe;
}
/*  06. Common and Reusable Styles    ........................................................................................................................................ */

.caps {
	font-size: 12.003px;
	font-size: 0.75rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .2em;
}
.table {
	display: table;
	width: 100%;
	position: relative;
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.overflow-wrap {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* highlighting search term on search page */

mark,
.search-term {
	background: #EBE16F;
}
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */

.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
/*  07. Main Content    ........................................................................................................................................ */

.main-container {
	padding: 0 0 0 4em;
	/* 64px */
}
.full-height {
	background: #f5f5f5;
}
.main-content {
	float: left;
	width: 100%;
	min-height: 100vh;
	/* 100vh = the full height of the window */
	border-left: 250px solid white;
	padding-top: 2.625em;
	/* 42px */
	padding-bottom: 0.875em;
	/* 14px */
	background: #f5f5f5;
	/* light grey main content color */
}
.page-template-template-portfolio-php .main-content,
.tax-portfolio_category .main-content {
	/* remove the top and bottom padding for both the portfolio and the taxonomy page, where there is no spacing on any side of the thumbnails */
	padding-top: 0;
	padding-bottom: 0;
}
.single-portfolio .main-content {
	padding-bottom: 0;
}
.page-content,
.blog-container,
.page-container,
.single-portfolio-container {
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 3.75em;
	/* 60px */
}
.page-container > .page-content {
	/* page with sidebar */
	padding-left: 0;
	padding-right: 0;
}
.page-content {
	width: 100%;
	padding-bottom: 1.75em;
	/* 28px */
}
.page-template-template-page-with-sidebar-php .page-content {
	width: 70%;
	float: left;
	padding-right: 1.875em;
	/* 30px */
}
.sidebar {
	width: 28%;
	float: right;
}
/*  08. Header    ........................................................................................................................................ */

/**	 * Drop-down tagline and menu	 */

.dropdown-container {
	position: relative;
	overflow: hidden;
	height: 0;
	background: #222 url("images/dark_wall.png");
}
.dropdown-container .close-button {
	position: absolute;
	right: 1.333em;
	/* 40px / 30px */
	top: 14px;
	width: 40px;
	height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	text-align: right;
	color: #a7abb1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	cursor: pointer;
	transition: .2s color ease;
}
.no-touch .dropdown-container .close-button:hover {
	color: #fdfdfd;
}
.dropdown-container .dropdown-content {
	padding: 3.5em 2.5em;
	/* 56px 40px */
	margin: 0 auto;
	max-width: 940px;
	text-align: center;
}
.dropdown-content .mobile-menu {
	color: #a7abb1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	font-size: 21.328px;
	font-size: 1.333rem;
}
/**	 * Logo, social icons, and search	 */

.header {
	float: left;
	width: 250px;
	margin-right: -250px;
	position: fixed;
	padding: 0 4em 0.875em 0;
	/* 0 64px 14px 0 */
	background: white;
}
.tagline {
	font-size: 1.125em;
}
/**		 * Logo		 */

.logo {
	margin: 1.185em 0 0.3em 0;
	/* 42px 0 28px 0 */
}
.logo a {
	display: block;
	vertical-align: bottom;
	color: #222;
	/* text-indent: -8000px;				background: url(images/logo.png) 0px 0px no-repeat;				width: 100%;				height: 74px; */
}
.logo .textual-logo {
	display: block;
	/* color: #222;					font-weight: 400;					font-size: 35.528px;							font-size: 2.221rem; 					line-height: 1.182em; */
	/* 42px */
}
.no-touch .logo a:hover {
	/* animation: tinywiggle 220ms ease-out; */
}
/**		 * Divider lines		 */

.sep {
	position: relative;
	padding-bottom: 1.75em;
	/* 28px */
	margin-bottom: 1.75em;
	/* 28px */
}
.sep:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 1px;
	background: #dcdcdc;
	content: " ";
}
/**			 * Header links, header titles, and main search field text styles			 */

.header-title,
.menu a,
.portfolio-filter a,
.social-networking a,
#main-search-form #main-search-field {
	display: block;
	position: relative;
	color: #333;
	/* font-size: 12.003px; */
	font-size: 0.875em;
	font-weight: 400;
	/* letter-spacing: .2em; */
}
#main-search-form #main-search-field {
	font-size: 1.000em;
}
.header-title {
	margin: 0 0 1.0em;
	/* 14px */
	font-size: 1.125em;
	color: #333;
}
/**				 * Icon links				 */

.current-menu-item > a:after,
.portfolio-filter .active a:after,
.social-networking a:after,
.contact-info a:after {
	display: block;
	position: absolute;
	left: -29px;
	top: 0;
	width: 29px;
	height: 100%;
	content: " ";
	opacity: .25;
	transition: .2s opacity ease;
}
.current-menu-item > a:after,
.portfolio-filter .active a:after {
	background-image: url('images/main.png');
	background-position: -200px 8px;
	background-repeat: no-repeat;
}
.no-touch .menu a:hover:after,
.no-touch .portfolio-filter .active a:hover:after,
.no-touch .social-networking a:hover:after,
.no-touch .contact-info a:hover:after {
	opacity: 1;
}
.portfolio-filter .icons {
	padding-top: 45px;
	text-align: center;
}
.portfolio-filter .icons:after {
	content: "";
	display: table;
	clear: both;
}
.portfolio-filter .icons a {
	float: left;
	display: inline-block;
	margin-right: 15px;
	width: 29px;
	height: 29px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -8000px;
	background-size: 100% 100%;
}
.portfolio-filter .icons a:last-child {
	margin-right: 0;
}
.portfolio-filter .icons a:hover {
	opacity: 0.75;
}
.portfolio-filter .icons .icon_instagram {
	background-image: url(images/icon_instagram.svg);
}
.portfolio-filter .icons .icon_linkedin {
	background-image: url(images/linkedin.png);
}
.portfolio-filter .icons .icon_twitter {
	background-image: url(images/icon_twitter.svg);
	background-position: center 4px;
	background-size: 100% auto;
}
@media only screen and (max-width: 960px) {
	.portfolio-filter .icons a {
		float: none;
		margin: 0 7px;
	}
	.portfolio-filter .icons .icon_instagram {
		background-image: url(images/icon_instagram_wh.svg);
	}
	.portfolio-filter .icons .icon_linkedin {
		/* background-image: url(images/icon_linkedin_wh.svg); */
	}
	.portfolio-filter .icons .icon_twitter {
		background-image: url(images/icon_twitter_wh.svg);
	}
}
/**			 * Main Search Form			 */

#main-search-form {
	position: relative;
}
#main-search-form #main-search-field {
	width: 100%;
	height: 28px;
	padding: 0 !important;
	border-width: 0 !important;
	background: none !important;
	line-height: 2.333em !important;
	/* = 28px  Input font size is 12.003px */
}
/* Input placeholders */

#main-search-field::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #8d8d8d;
	font-weight: 400;
}
#main-search-field:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #8d8d8d;
	font-weight: 400;
}
#main-search-field::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #8d8d8d;
	font-weight: 400;
}
#main-search-field:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #8d8d8d;
	font-weight: 400;
}
#main-search-submit {
	display: block;
	position: absolute;
	left: -30px;
	bottom: 1px;
	float: right;
	width: 30px;
	height: 19px;
	padding: 0;
	border: none;
	background: url("images/main.png") no-repeat -50px 0px;
	appearance: none;
	opacity: .25;
	transition: .2s opacity ease;
}
.no-touch #main-search-field:hover + #main-search-submit,
.no-touch #main-search-submit:hover {
	opacity: 1;
}
#main-search-submit:active {
	position: absolute;
	top: auto;
	bottom: 1px;
}
/**			 * Mobile search form			 */

#main-search-form .input-wrap {
	width: 0;
	margin: 0;
	position: absolute;
	right: 85px;
	height: 32px;
	overflow: hidden;
	transition: width .4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.header-buttons #main-search-form #main-search-field {
	width: 180px;
	height: 32px;
	border-width: 0 0 2px 0 !important;
	border-color: #e3e5e5;
	text-transform: none;
	letter-spacing: normal;
	font-size: 0.875rem;
	opacity: 0;
	transition: opacity .4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.header-buttons #main-search-field::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #d3d3d3;
}
.header-buttons #main-search-field:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #dcdcdc;
}
.header-buttons #main-search-field::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #dcdcdc;
}
.header-buttons #main-search-field:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #dcdcdc;
}
.header-buttons #main-search-form #main-search-field:focus {
	border-color: #e3e5e5;
}
/* On Search Button Click/Activate */

.search-active + .search-icon {
	opacity: 1;
}
.search-active + .search-icon .close-search {
	opacity: 1;
	transform: rotate(180deg);
}
.search-active .input-wrap {
	width: 180px !important;
}
.search-active #main-search-field {
	opacity: 1 !important;
}
/**	 * Menu and Search mobile buttons	 */

.header-buttons {
	display: none;
	/* hide the header buttons on desktop */
	position: absolute;
	right: 0;
	top: 0;
	width: 72px;
	height: 56px;
}
.header-buttons .search-button,
.header-buttons .menu-button {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 2px solid #222;
	cursor: pointer;
	transition: .2s all ease;
}
.no-touch .header-buttons .search-button:hover,
.no-touch .header-buttons .menu-button:hover {
	animation: boing 220ms ease-out;
}
.header-buttons .search-button {
	float: right;
	background: url("images/main.png") no-repeat -43px 7px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
}
.header-buttons .menu-button {
	position: relative;
	left: 40px;
	background: url("images/main.png") no-repeat 7px 9px;
}
/**		 * Main Menu		 */

.menu li {
	list-style: none;
}
/**			 * Sub Menu			 */

.header .sub-menu {
	padding-left: 12px;
}
.header .sub-menu a {
	font-size: 12.003px;
	font-size: 0.75rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}
.header .sub-menu .current-menu-item a:after {
	/* adjust the positioning of the current menu item indicator, in sub menus */
	left: -42px;
}
/**	     * Drop-down mobile menu		 */

.mobile-menu {
	display: none;
	max-width: 220px;
	margin: 0 auto;
}
.mobile-menu li {
	margin-bottom: 10px;
}
.mobile-menu .menu {
	margin-bottom: 0;
}
.mobile-menu .sub-menu {
	padding-left: 0;
}
.mobile-menu .header-title {
	margin: 1.166em 0;
	/* 14px */
	color: #6b6b6b;
	text-shadow: none;
}
.mobile-menu * + .header-title {
	padding-top: .75em;
}
.mobile-menu .social-networking li,
.mobile-menu .social-networking li a {
	float: none;
	width: auto;
}
.mobile-menu .social-networking a {
	text-indent: 0px;
	margin-right: 0px;
	background: none;
	opacity: 1;
	height: auto;
	width: auto;
}
.mobile-menu .portfolio-filter,
.mobile-menu .social-networking {
	margin-bottom: 0;
	padding-bottom: 0;
}
.mobile-menu .portfolio-filter:after,
.mobile-menu .social-networking:after {
	display: none;
	/* hide the bottom dividers in the mobile menu */
}
.mobile-menu .menu a,
.mobile-menu .portfolio-filter a,
.mobile-menu .social-networking a {
	color: #a7abb1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	transition: background 0.32s, box-shadow 0.3s;
}
.mobile-menu .social-networking .active a,
.mobile-menu .current-menu-item a {
	position: relative;
	color: #a7abb1;
}
.no-touch .mobile-menu .menu a:hover,
.no-touch .mobile-menu .portfolio-filter a:hover,
.no-touch .mobile-menu .social-networking a:hover {
	padding-left: 0;
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.03);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
.mobile-menu .current-menu-item a:after,
.mobile-menu .social-networking .active a:before,
.mobile-menu nav + .social-networking:before {
	display: none;
	/* hide the menu icons in the mobile view */
}
/**	     * Social networking links 		 */

.social-networking {
	margin-bottom: 1.75em;
}
.social-networking li,
.social-networking li a {
	float: left;
}
.social-networking a {
	text-indent: -8000px;
	margin-right: 20px;
	background-image: url('images/social.png');
	background-repeat: no-repeat;
	opacity: 0.25;
	transition: opacity 0.2s ease 0s;
	height: 20px;
}
.social-networking a:hover {
	opacity: 1.0;
}
.social-networking li:last-child a {
	margin: 0;
}
.social-networking a:after {
	display: none;
	right: 0;
	left: 0;
	width: 24px;
	left: 0px;
	background-image: url('images/social.png');
	/* background-size: 100%; */
	/* background-image: url('images/main.png'); */
	/* background-image: url("images/main_@2x.png"); */
	/* background-size: 500px 200px; */
}
.social-networking .facebook-link {
	background-position: 0 0px;
	width: 11px;
}
.social-networking .twitter-link {
	background-position: -40px 0;
	width: 23px;
}
.social-networking .googleplus-link:after {
	background-position: -200px -99px;
}
.social-networking .pinterest-link {
	background-position: -90px 0;
	width: 14px;
}
.social-networking .instagram-link:after {
	background-position: -400px -99px;
}
.social-networking .youtube-link:after {
	background-position: -500px -99px;
}
.social-networking .vimeo-link {
	background-position: -130px 0;
	width: 18px;
}
.social-networking .tumblr-link {
	background-position: -199px 0;
}
.social-networking .linkedin-link {
	background-position: -180px 0;
	width: 18px;
}
.social-networking .soundcloud-link:after {
	background-position: -200px -199px;
}
.social-networking .behance-link {
	background-position: -230px 0;
	width: 25px;
}
/**	     * Telephone and Email 		 */

.contact-info a {
	display: block;
	position: relative;
	font-size: 0.875rem
	/* 14px */
}
.contact-info a:after {
	right: -5px;
	background-image: url('images/main.png');
}
.contact-info .tel-link:after {
	background-position: -100px 9px;
}
.contact-info .mail-link:after {
	background-position: -150px 11px;
}
/*  09. Portfolio Gallery    ........................................................................................................................................ */

.portfolio-gallery {
	width: 100%;
}
.portfolio-gallery .portfolio-item {
	float: left;
	width: 33.333%;
	overflow: hidden;
}
.portfolio-gallery .project-link {
	display: block;
}
.project-link .thumb-container {
	position: relative;
}
.portfolio-gallery .preview-img-wrap {
	transition: .4s all ease;
}
.project-link:hover .preview-img-wrap,
.no-touch .project-link:hover .preview-img-wrap {
	opacity: .1;
}
.project-link .preview-img {
	vertical-align: bottom;
	transition: .4s all ease;
}
.portfolio-gallery .project-title {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-10%);
	padding: 0 1.666em;
	/* 0 20px */
	margin-bottom: 0;
	opacity: 0;
	font-size: 12.003px;
	font-size: .75rem;
	line-height: 2.333em;
	/* 28px */
	font-weight: 600;
	text-align: center;
	color: #555555;
	transition: .4s all ease;
}
.project-link:hover .project-title,
.no-touch .project-link:hover .project-title {
	opacity: 1;
	transform: translateY(-50%);
}
.portfolio-gallery .project-title span {
	display: inline-block;
	padding: 1px 6px;
	border: 1px solid #222;
	letter-spacing: 0.1em;
	margin-top: 4px;
}
/**	 * Isotope Filtering	 */

.pf-gallery-container {
	margin-top: -25px;
}
.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	transition-duration: 0.45s;
}
.isotope {
	/* margin-top: -25px; */
	transition-property: height, width;
}
.isotope .isotope-item {
	transition-property: transform, opacity;
}
.isotope-item {
	z-index: 100;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/* disabling Isotope CSS3 transitions */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	transition-duration: 0s;
}
/*  10. Single Portfolio Item    ........................................................................................................................................ */

.single-portfolio-container {
	position: relative;
	margin-bottom: 1.75em;
	/* 28px */
}
.single-portfolio .post-title {
	margin-bottom: 1.108em
	/* 42px / 37.897px */
}
/**		 * Meta Post Info (Client, Skills...) 		 */

.project-meta {
	padding: 3.5em 0 7em;
	/* 56px 0 112px */
}
.meta-column {
	float: left;
	width: 100%;
	text-align: center;
}
.project-meta.oy-0-cols {
	padding: 0;
}
/* one item */

.project-meta.oy-1-cols .meta-column {
	width: 100%;
}
/* two items */

.project-meta.oy-2-cols .meta-column {
	width: 50%;
	padding: 0 1%;
}
/* three items */

.project-meta.oy-3-cols .meta-column {
	width: 32%;
	margin-right: 2%;
}
/* four items */

.project-meta.oy-4-cols .meta-column {
	width: 25%;
	padding: 0 1%;
}
.meta-column:last-child {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.meta-column strong {
	display: block;
	font-size: .78em;
	/* font-weight: 500 */
}
/*	11. Blog    ........................................................................................................................................ */

.blog-with-sidebar {
	float: left;
	width: 70%;
	padding-right: 1.875em;
	/* 30px */
}
.post {
	margin-bottom: 5.25em;
	/* 84px */
}
.blog-with-sidebar .post .post-time {
	display: none;
}
.blog-with-sidebar .post-content {
	float: left;
	width: 100%;
}
.post-content {
	float: right;
	width: 75%;
}
/**			 * Post Date			 */

.date-circle {
	float: left;
	width: 25%;
}
.post .post-time {
	display: block;
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 115px;
	height: 115px;
	border-radius: 65px;
	border: 2px solid #2e2e2e;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	transition: all .3s ease-in-out;
}
.no-touch .date-circle:hover .post-time {
	animation: boing 220ms ease-out;
}
.post-time .day {
	display: block;
	margin-bottom: 7px;
	font-size: 57px;
	line-height: 40px;
}
.post-time .month-and-year {
	font-size: 12px;
	/* font-weight: 500 */
}
/**			 * Post Content			 */

.post-title-link {
	color: #2e2e2e;
}
.featured-img-link {
	display: block;
}
.featured-img-link img {
	margin: 0 0 1.75em 0;
	display: block;
}
.post .additional-post-meta {
	list-style-type: none;
	margin-bottom: 1.25em;
	/* 20px */
}
.post .additional-post-meta li {
	float: left;
}
.read-btn {
	display: block;
	margin-top: 1.25em;
	/* 20px */
}
.post-content .read-more,
.blog-post .read-more {
	/* font-family: 'Noto Sans', sans-serif; */
	margin-top: 0.9375em;
	/* 15px */
}
/**	 * Next/Prev Links 	 */

.pager {
	padding: 0 0 2.333em;
	/* 28px */
	/* font-family: 'Noto Sans', sans-serif; */
	font-size: 12px;
	font-size: .75rem;
	/* font-weight: 500 */
	text-transform: uppercase;
	letter-spacing: .2em;
}
.prev-page {
	float: left;
}
.next-page {
	float: right;
}
.pager-link,
.pager a {
	display: block;
}
.arrows {
	font-family: 'Merriweather', Georgia, serif;
	position: relative;
	top: -1px;
}
/**	 * Single Post	 */

.single-post-content {
	margin-bottom: 5.25em;
	/* 84px */
}
/* WordPress built-in class for handling sticky posts */

.sticky {} .bypostauthor {}
/*	12. Comment Styles    ........................................................................................................................................ */

/* h3 comment title */

#comments {
	text-transform: none;
}
/* number of comments span */

#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 .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 .comment-author + .help {
	margin: 0;
	margin-left: 4.375em;
	/* 70px */
}
.commentlist .vcard {
	margin-left: 4.375em;
	/* 70px */
	margin-bottom: 0.937em;
	/* 15px */
}
.commentlist .vcard cite.fn {
	display: inline-block;
	margin-top: -4px;
	font-style: normal;
}
.commentlist .vcard time a {
	color: #999;
	text-decoration: none;
}
.no-touch .commentlist .vcard time a:hover {
	text-decoration: underline;
}
.commentlist .vcard .avatar {
	position: absolute;
	left: 1.25em;
	/* 20px */
	margin-top: 5px;
	padding: 2px;
	border: 1px solid #EDEFEE;
	background: #fff;
}
.commentlist .comment-meta {
	font-size: 12px;
}
.commentlist li .comment_content {
	margin-left: 4.375em;
	/* 70px */
}
.commentlist li .comment_content p {
	font-size: 1em;
}
.commentlist li ul {
	margin: 0;
}
.commentlist .comment-reply-link {
	text-decoration: none;
}
/*	13. Comment Form Styles    ........................................................................................................................................ */

#respond {
	padding: 0 1.562em 1.25em 0;
	/* 0 25px 20px 0 */
}
.post-content + #respond {
	margin-top: 0.937em;
	/* 15px */
}
.comment-body + #respond {
	padding: 0;
}
#reply-title {
	margin-bottom: 0.4em;
	/* 10px */
	text-transform: none;
	font-size: 1.562rem;
	/* 25px */
}
#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 {
	width: 100%;
	max-width: 600px;
	height: 180px;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
	max-width: 300px;
}
/*	14. Widgets    ........................................................................................................................................ */

.widget {
	padding: 0 0;
	margin: 0 0 3.5em;
	/* 56px */
}
.widget:before,
.widget:after {
	content: " ";
	display: table;
}
.widget:after {
	clear: both;
}
.widget li {
	margin-bottom: 0.75em;
}
.widget li ul {
	margin-top: 0.75em;
	padding-left: 1em;
	/* indented children lists */
}
.widgettitle {
	margin-bottom: 1.4em;
	/* 28px */
	font-size: 19.995px;
	font-size: 1.25rem;
	line-height: 1.400em;
	/* 28px */
}
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_links li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_rss li a,
.widget_meta li a {
	display: block;
}
/* Search widget */

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

.widget .menu > li {
	padding: 0;
}
.widget .menu .current-menu-item a:after {
	display: none;
	/* hide the current menu item indicator */
}
/* Fast Flickr */

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

.Simple_Flickr_Photos a {
	display: block;
	border-bottom: none;
}
.no-touch .Simple_Flickr_Photos a:hover {
	background: none;
}
.Simple_Flickr_Photos #flickr .flickr_badge_image {
	float: left;
}
.Simple_Flickr_Photos #flickr img {
	display: block;
	width: 65px;
	height: 65px;
	margin: 0;
	padding: 0 7px 7px 0;
	border: none;
}
.opacity .Simple_Flickr_Photos img {
	position: relative;
	opacity: 0.8;
	transition: 0.4s transform ease, 0.4s opacity ease;
}
.no-touch.opacity #flickr img:hover {
	opacity: 1;
}
.no-touch.csstransforms #flickr img:hover {
	transform: scale(1.4);
	z-index: 10;
}
/* Popular posts widget */

.widget.popular-posts ul {
	clear: both;
}
.widget.popular-posts ul:before,
.widget.popular-posts ul:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.widget.popular-posts ul:after {
	clear: both;
}
.popular-posts ul li {
	position: relative;
	clear: both;
}
.popular-posts .wpp-post-title {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.05em;
}
.popular-posts .wpp-thumbnail {
	float: left;
	margin: 2px 7px 0 0;
	padding: 6px 7px 6px 6px;
	background: url('images/border-img.png') repeat left top;
}
.no-touch .popular-posts a:hover .wpp-thumbnail {
	background-color: #0a0a0a;
}
.popular-posts .post-stats {
	display: block;
	font-size: 0.92em;
	font-weight: normal;
}
.popular-posts .wpp-author {
	font-style: normal;
}
/* Calendar widget */

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

.main-content .widget .tp_recent_tweets {
	float: none;
	clear: none;
}
.main-content .widget .tp_recent_tweets li {
	background-image: url('images/main.png');
	background-repeat: no-repeat;
	background-position: -348px -41px;
	padding-left: 1.562em;
	/* 25px */
	padding-bottom: 1.25em;
	/* 20px */
	float: none;
	clear: none;
	line-height: 1.75em;
	/* 28px */
	white-space: -moz-pre-wrap;
	/* Mozilla */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word;
	/* IE */
}
.main-content .widget .tp_recent_tweets ul li:last-child {
	padding-bottom: 0;
}
.main-content .widget .tp_recent_tweets li a {
	font-weight: normal;
}
.main-content .widget .tp_recent_tweets .twitter_time {
	color: #999;
	font-size: 12.003px;
	font-size: 0.75rem;
	font-style: italic;
	font-weight: normal;
}
/*	15. Content Styles    ........................................................................................................................................ */

.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 {
	list-style-type: square;
}
.the-content ol {
	list-style-type: decimal;
}
.the-content li {
	margin-bottom: 0.75em;
}
.the-content ol ol,
.the-content ul ul {
	margin-left: 1.75em;
}
.the-content blockquote {
	margin: 0;
	margin-left: 28px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* this adds the quote before the blockquote */

.the-content blockquote:before {
	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;
	/* 28px 0 28px */
}
.the-content dt {
	margin-top: 1.25em;
	/* font-weight: 500 */
}
.the-content dd {
	margin-top: 0.5em;
	font-style: italic;
}
/* table */

.the-content table {
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
	background: #fff;
	text-shadow: none;
}
.the-content tr:nth-of-type(odd) {
	background-color: #eff3f4;
	;
	/* zebra style table */
}
.the-content th,
.the-content td {
	padding: 0.562em 1.375em;
	/* 9px 22px */
	border: 1px solid #e9e9e9;
}
.the-content th {
	text-transform: uppercase;
	font-weight: normal;
}
.the-content caption {
	font-size: 19.995px;
	font-size: 1.25rem;
	font-weight: bold;
}
.the-content b,
.the-content strong {
	/* font-weight: 500 */
}
/* pre { white-space: pre; /* CSS2 */

white-space:pre-wrap;

/* CSS 2.1 */

white-space:pre-line;

/* CSS 3 (and 2.1 as well, actually) */

word-wrap:break-word;

/* IE */

}
*/ .the-content pre {
	overflow-x: auto;
	/* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap !important;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera */
	width: 99%;
	word-wrap: break-word;
	/* IE */
}
.the-content pre {
	overflow: auto;
	overflow-y: hidden;
	/* Hides vertical scroll created by IE */
	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;
	/* 0 0 0 40px */
	padding: 1.125em 0;
	/* 18px 0 */
	display: block;
	color: #443325;
}
.the-content video {
	display: block;
	margin: 1.75em 0;
	/* 28px */
	max-width: 100%;
}
.the-content object {
	display: block;
	margin: 1.75em 0;
	/* 28px */
	max-width: 100%;
}
/**	 * WordPress built-in image-related classes	 */

img.alignright,
.wp-caption.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
img.alignleft,
.wp-caption.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
img.aligncenter,
.wp-caption.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
a img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
a img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	width: auto !important;
	max-width: 100% !important;
	margin-bottom: 1.75em;
	/* 28px */
	text-shadow: none;
	text-align: center;
	font-style: italic;
}
.wp-caption img,
.wp-caption img a {
	margin: 0 !important;
	padding: 0;
	border: 0 none;
}
.wp-caption .wp-caption-text {
	padding: 0 4px 5px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/**	 * Default WordPress Gallery	 */

.gallery {
	float: left;
	margin-bottom: 1.75em !important;
	/* 28px */
}
.gallery br {
	display: none;
}
.gallery .gallery-item {
	margin: 0 !important;
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.gallery-columns-2 .gallery-item {
	width: 50% !important;
}
.gallery-columns-3 .gallery-item {
	width: 33.3% !important;
}
.gallery-columns-4 .gallery-item {
	width: 25% !important;
}
.gallery-columns-5 .gallery-item {
	width: 20% !important;
}
.gallery-columns-6 .gallery-item {
	width: 16.666% !important;
}
.gallery-columns-7 .gallery-item {
	width: 14.285% !important;
}
.gallery-columns-8 .gallery-item {
	width: 12.5% !important;
}
.gallery-columns-9 .gallery-item {
	width: 11.111% !important;
}
.gallery-icon {
	margin-top: 0 !important;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.gallery .gallery-caption {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	padding: 3px 5px;
	color: #fff;
}
.gallery-item a {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}
.gallery-item a:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	content: "";
	transition: 0.3s all ease;
}
.no-touch .gallery-item a:hover:after {
	opacity: 1;
	padding: 0;
}
.gallery-item img {
	margin: 0 !important;
	padding: 0;
	transition: 0.3s all ease;
}
.gallery .gallery-icon img {
	display: block;
	border: none !important;
}
/*  16. Plugins    ........................................................................................................................................ */

/**	 * Soliloquy Slider Plugin	 */

.soliloquy-container img {
	margin-bottom: 0;
}
/**	 * Lightbox Plugin	 */

html #swipebox-caption,
#swipebox-action {
	border-color: transparent !important;
}
html #swipebox-action {
	top: -50px;
	bottom: auto !important;
}
html #swipebox-action.visible-bars {
	top: 0;
	bottom: auto !important;
}
html #swipebox-action.force-visible-bars {
	top: 0 !important;
	bottom: auto !important;
}
html #swipebox-caption {
	bottom: -50px;
	top: auto !important;
}
html #swipebox-caption.visible-bars {
	bottom: -50px;
	top: auto !important;
}
html #swipebox-caption.force-visible-bars {
	bottom: -50px !important;
	top: auto !important;
}
/**	 * Metaslider Plugin	 */

.metaslider img {
	margin-bottom: 0;
}
.metaslider ol,
.metaslider ul {
	margin: auto;
	line-height: 0;
}
/* Prev/Next */

.metaslider .flex-direction-nav a {
	margin: -17px 0 0;
	opacity: .4;
	border-radius: 50px;
	transition: all .3s ease;
	background: #fefefe;
}
.metaslider .flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: 10px;
}
.metaslider .flex-direction-nav .flex-prev {
	left: 10px;
}
.metaslider .flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}
.metaslider .flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}
.metaslider .flex-direction-nav a:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
}
.metaslider .flex-direction-nav .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 .flex-next:after {
	margin-left: -2px;
	border-top: 6px solid transparent;
	border-left: 6px solid #333;
	border-bottom: 6px solid transparent;
}
/* Slider pagination */

.metaslider .flex-control-paging li a {
	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-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: #ff0000;
}
/* Disable the default margin introduced by WordPress' admin bar */

html[lang] {
	margin-top: 0 !important;
}
/*  17. Search    ........................................................................................................................................ */

.search-post-title {
	text-align: center;
	margin: 0;
}
.search-post-title a {
	display: block;
	padding: 0.703em 0;
	/* 20px / 28.430px */
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
}
.search-results .search-post-title:first-child a {
	border-top: 1px solid #e6e6e6;
}
.search-results .search-post-title:last-child a {
	border-bottom: none;
}
.no-touch .search-post-title a:hover {
	background: #fff;
	padding-left: 20px;
}
/*  18. Footer    ........................................................................................................................................ */

.footer {
	display: none;
	position: relative;
	padding: 1.75em 0 0 0;
	/* 28px 0 0 0 */
}
.footer p {
	text-align: center;
}
.footer small {
	display: block;
}
/*  19. Media Queries    ........................................................................................................................................ */

/**    * Target Retina Devices	*/

@media (min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
	.search-container a:after,
	.menu-indicator span,
	.contents .widget .tp_recent_tweets li,
	.current-menu-item > a:after,
	.portfolio-filter .active a:after,
	.social-networking a:after,
	#main-search-submit,
	.contact-info a:after,
	.header-buttons .menu-button,
	.header-buttons .search-button {
		/* Reference the @2x Sprite */
		background-image: url("images/main_@2x.png");
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 500px 200px;
	}
	.full-height,
	.main-content {
		background: #f9f9f9;
		/* light grey main content color */
	}
	.dropdown-container {
		background-image: url("images/dark_wall_@2X.png");
		background-size: 300px;
	}
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
	textarea {
		border: 1px solid #e3e5e5;
	}
	input[type="text"]:focus,
	input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
	textarea:focus,
	select:focus {
		border-color: #cecece;
	}
	/* Slider pagination */
	.metaslider .flex-control-paging li a {
		background: #e0e0e0;
		box-shadow: none;
	}
}
@media only screen and (max-width: 1240px) {
	.main-container {
		padding-left: 3em;
	}
	.page-content,
	.blog-container,
	.page-container,
	.single-portfolio-container {
		padding: 0 3em;
	}
	.header {
		width: 220px;
		margin-right: -220px;
		padding-right: 3em;
	}
	.main-content {
		border-left-width: 220px;
	}
}
/**    * The main breakpoint	*/

@media only screen and (max-width: 960px) {
	body {
		background: #f5f5f5;
	}
	.header {
		background: none;
	}
	.main-container {
		margin: 0.875em 2.5em 0 2.5em;
		padding: 0;
		position: relative;
	}
	.full-height {
		background: none;
	}
	.main-content {
		display: block;
		min-height: 0;
		height: auto !important;
		max-width: 100% !important;
		width: auto !important;
		float: none !important;
		margin: 0 auto;
		border-left: none;
		padding: 0;
		background: none;
	}
	.page-content,
	.blog-container,
	.page-container {
		padding: 0;
	}
	.single-portfolio-container {
		padding: 0 2.5em;
		/* 40px */
	}
	/**		 * Adjusts margins on the main portfolio page, and the single portfolio posts		 */
	.page-template-template-portfolio-php .main-container,
	.single-portfolio .main-container,
	.tax-portfolio_category .main-container {
		margin-left: 0;
		margin-right: 0;
	}
	.page-template-template-portfolio-php .header,
	.page-template-template-portfolio-php .footer,
	.single-portfolio .header,
	.single-portfolio .footer,
	.tax-portfolio_category .header,
	.tax-portfolio_category .footer {
		margin-left: 2.5em;
		/* 40px */
		margin-right: 2.5em;
		/* 40px */
	}
	.page-template-template-portfolio-php .header-buttons,
	.single-portfolio .header-buttons,
	.tax-portfolio_category .header-buttons {
		margin-right: 2.5em;
		/* 40px */
	}
	/**		 * Mobile Menu and Search buttons		 */
	.header-buttons {
		display: block;
	}
	.header-buttons.menu-and-search .search-button {
		position: relative;
		right: 40px;
	}
	.header-buttons.search-only #main-search-form .input-wrap {
		right: 45px;
	}
	/**		 * Header		 */
	.header {
		float: none;
		position: relative;
		display: block;
		width: auto;
		padding: 0 0 1.75em 0;
		/* 0 0 28px 0 */
		margin: 3.5em 0 3.5em 0;
		/* 56px 0 56px 0 */
	}
	.header:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 60px;
		margin-left: -30px;
		height: 2px;
		background: #222;
		content: " ";
	}
	.logo,
	.header-secondary {
		display: block;
	}
	/**				 * Logo				 */
	.logo {
		width: auto;
		margin-top: 0;
		text-align: center;
	}
	.logo a {
		display: inline-block;
	}
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.logo .textual-logo {
		text-align: center;
	}
	.header .search-container,
	.header .header-title,
	.header nav,
	.header .social-networking,
	.header .portfolio-filter,
	.header .copyright {
		display: none;
		/* hide the search, titles, navigation, copyright, and the portfolio filter in the header */
	}
	.tagline {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.contact-info {
		margin-bottom: 1.75em;
		padding-bottom: 0;
	}
	.contact-info:after {
		display: none;
	}
	.contact-info li {
		text-align: center;
	}
	.contact-info a {
		display: inline-block;
	}
	.contact-info .tel-link {
		margin-left: 12px;
	}
	.contact-info .mail-link {
		margin-left: 16px;
	}
	.contact-info a:after {
		width: 21px;
		left: -21px;
		opacity: .9;
	}
	.contact-info .mail-link:after {
		width: 24px;
		left: -24px;
	}
	/**					 * Portfolio					 */
	.pf-adjuster {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.item-title,
	.search-results p,
	.search-results a {
		text-align: center;
	}
	/**						* Meta Post Info (Client, Skills...) 						*/
	.meta-column {
		float: left;
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	/* one item */
	.project-meta.oy-1-cols .meta-column {
		width: 100%;
	}
	/* two items */
	.project-meta.oy-2-cols .meta-column {
		width: 50%;
		padding: 0 1%;
	}
	/* three items */
	.project-meta.oy-3-cols .meta-column {
		width: 32%;
		margin-right: 2%;
	}
	/* four items */
	.project-meta.oy-4-cols .meta-column {
		width: 25%;
		padding: 0 1%;
	}
	.meta-column:last-child {
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	.meta-column strong {
		display: block;
	}
	.meta-column .colon {
		display: none;
	}
	/**		 * Not found paragraph 		 */
	.not-found {
		text-align: center;
	}
	/**		 * Copyright 		 */
	.footer {
		display: block;
	}
}
@media only screen and (max-width: 710px) {
	.page-template-template-page-with-sidebar-php .page-content,
	.blog-with-sidebar {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.page-template-template-page-with-sidebar-php .sidebar,
	.sidebar {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 600px) {
	.main-container {
		margin: 0.875em 1.875em 0 1.875em;
		/* 14px 30px 0 30px */
	}
	.dropdown-container .close-button {
		right: 1em;
		/* 30px / 30px */
	}
	.single-portfolio-container {
		padding: 0 1.875em;
		/* 30px */
	}
	/**		 * Adjusts margins on the main portfolio page, and the single portfolio posts		 */
	.page-template-template-portfolio-php .main-container,
	.single-portfolio .main-container,
	.tax-portfolio_category .main-container {
		margin-left: 0;
		margin-right: 0;
	}
	.page-template-template-portfolio-php .header,
	.page-template-template-portfolio-php .footer,
	.single-portfolio .header,
	.single-portfolio .footer,
	.tax-portfolio_category .header,
	.tax-portfolio_category .footer {
		margin-left: 1.875em;
		/* 30px */
		margin-right: 1.875em;
		/* 30px */
	}
	.page-template-template-portfolio-php .header-buttons,
	.single-portfolio .header-buttons,
	.tax-portfolio_category .header-buttons {
		margin-right: 1.875em;
		/* 30px */
	}
	/**			 * Blog			 */
	.post-content {
		float: none;
		width: 100%;
	}
	.post,
	.single-post-content {
		margin-bottom: 3.5em;
		/* 56px */
	}
	.date-circle {
		display: none;
	}
}
@media only screen and (max-width: 580px) {
	.project-meta {
		padding: 0.875em 0 3.5em;
		/* 14px 0 56px */
	}
	.project-meta .meta-column {
		width: 100% !important;
		padding-bottom: 0.875em !important;
		/* 14px */
	}
}
@media only screen and (max-width: 470px) {
	.pager li {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
	.pager li a {
		text-align: center;
	}
	.pager li span {
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 380px) {
	.main-container {
		margin: 0.875em 1.333em 0 1.333em;
		/* 14px 20px 0 20px */
	}
	.dropdown-container .close-button {
		right: 0.666em;
		/* 20px / 30px */
	}
	.single-portfolio-container {
		padding: 0 1.333em;
		/* 20px */
	}
	/**		 * Adjusts margins on the main portfolio page, and the single portfolio posts		 */
	.page-template-template-portfolio-php .main-container,
	.single-portfolio .main-container,
	.tax-portfolio_category .main-container {
		margin-left: 0;
		margin-right: 0;
	}
	.page-template-template-portfolio-php .header,
	.page-template-template-portfolio-php .footer,
	.single-portfolio .header,
	.single-portfolio .footer,
	.tax-portfolio_category .header,
	.tax-portfolio_category .footer {
		margin-left: 1.333em;
		/* 20px */
		margin-right: 1.333em;
		/* 20px */
	}
	.page-template-template-portfolio-php .header-buttons,
	.single-portfolio .header-buttons,
	.tax-portfolio_category .header-buttons {
		margin-right: 1.333em;
		/* 20px */
	}
}
@media only screen and (max-width: 350px) {
	.gallery .gallery-item {
		margin: 0 0 20px 0 !important;
		width: 100% !important;
		float: none;
	}
}
/**	 * Portfolio grid 	 */

@media only screen and (max-width: 400px) {
	.portfolio-gallery .portfolio-item {
		width: 100%;
		/* full width */
	}
}
@media only screen and (min-width: 401px) and (max-width: 1080px) {
	.portfolio-gallery .portfolio-item {
		width: 50%;
		/* 2 columns */
	}
}
@media only screen and (min-width: 1081px) and (max-width: 1480px) {
	.portfolio-gallery .portfolio-item {
		width: 33.333%;
		/* 3 columns */
	}
}
@media only screen and (min-width: 1481px) and (max-width: 1880px) {
	.portfolio-gallery .portfolio-item {
		width: 25%;
		/* 4 columns */
	}
}
@media only screen and (min-width: 1881px) and (max-width: 2280px) {
	.portfolio-gallery .portfolio-item {
		width: 20%;
		/* 5 columns */
	}
}
@media only screen and (min-width: 2281px) and (max-width: 2680px) {
	.portfolio-gallery .portfolio-item {
		width: 16.666%;
		/* 6 columns */
	}
}
@media only screen and (min-width: 2681px) and (max-width: 3080px) {
	.portfolio-gallery .portfolio-item {
		width: 14.285%;
		/* 7 columns */
	}
}
/*  20. Animations    ........................................................................................................................................ */

@media only screen and (max-width: 960px) {
	.cssanimations .logo {
		animation: bounceInLeft .7s .9s 1 both ease-in-out;
	}
}
.cssanimations .header-buttons {
	animation: fadeInTop .6s .9s 1 both ease-in-out;
}
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	80% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes fadeInTop {
	0% {
		transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes tinywiggle {
	25%,
	50%,
	75%,
	100% {
		transform-origin: top center;
	}
	25% {
		transform: rotate(4deg)
	}
	50% {
		transform: rotate(-2deg)
	}
	75% {
		transform: rotate(1deg)
	}
	100% {
		transform: rotate(0deg)
	}
}
@keyframes wiggle {
	25%,
	50%,
	75%,
	100% {
		transform-origin: top center;
	}
	25% {
		transform: rotate(8deg)
	}
	50% {
		transform: rotate(-4deg)
	}
	75% {
		transform: rotate(1deg)
	}
	100% {
		transform: rotate(0deg)
	}
}
@keyframes boing {
	0% {
		transform: scale(1)
	}
	35% {
		transform: scale(1.15)
	}
	70% {
		transform: scale(0.9)
	}
	100% {
		transform: scale(1)
	}
}
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
/*  21. Internet Explorer    ........................................................................................................................................ */

/* IE10 and IE11 specific styles */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.current-menu-item > a:after,
	.portfolio-filter .active a:after {
		top: -1px;
		/* Adjust the position of the current menu item indicator (x) */
	}
}
.main-content .addthis-toolbox {
	clear: both;
	text-align: center;
}
.clear:after {
	content: '';
	display: table;
	clear: both;
}
.main-content .ft_widgets {
	margin-right: 0 !important;
	list-style: none !important;
}
.main-content .ft_widgets > li {
	float: left;
	display: inline-block;
	max-width: 50%;
	box-sizing: border-box;
	padding: 0 5%;
}
.instagram-pics {
	padding-bottom: 20px !important;
	margin: 13px -10px 0 !important;
}
.instagram-pics:after {
	content: '';
	display: table;
	clear: both;
}
.instagram-pics li {
	display: block !important;
	width: 25% !important;
	padding: 0 0 10px 10px !important;
	float: left !important;
	border: none !important;
	margin: 0 !important;
}
.instagram-pics img {
	display: block !important;
	width: 100% !important;
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	margin: 0;
}
.instagram-pics a:hover img {
	opacity: .6;
}
.instagram-pics li:nth-child(4n + 1) {
	clear: left !important;
}
@media only screen and (max-width: 640px) {
	.main-content .ft_widgets > li {
		float: left;
		max-width: 100%;
	}
}
.clientsPage {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	/*width: 1060px;	margin-left: -3.75em;	margin-right: -3.75em;*/
}
.clientsPage .col {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: table;
	float: left;
	width: 20%;
	height: 200px;
}
.clientsPage .col span {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 0 20px;
}
.the-content .clientsPage .col span img {
	margin-bottom: 0;
}
@media only screen and (max-width: 399px) {
	.clientsPage {
		width: 100%;
		margin: 0;
	}
	.clientsPage .col {
		width: 100%;
	}
}
@media only screen and (min-width: 400px) and (max-width: 650px) {
	.clientsPage {
		width: 100%;
		margin: 0;
	}
	.clientsPage .col {
		width: 50%;
	}
}
@media only screen and (min-width: 651px) and (max-width: 1080px) {
	.clientsPage {
		width: 100%;
		margin: 0;
	}
	.clientsPage .col {
		width: 33.333%;
	}
}
@media only screen and (min-width: 1081px) and (max-width: 1480px) {
	.clientsPage {
		width: 100%;
		margin: 0;
	}
	.clientsPage .col {
		width: 25%;
	}
}
@media only screen and (min-width: 1481px) and (max-width: 1880px) {
	.clientsPage .col {
		width: 20%;
	}
}
@media only screen and (min-width: 1881px) {
	.clientsPage .col {
		width: 16.66666%;
	}
	.page-content .clientsPage .col {
		width: 20%;
	}
}
.post .meta {
	display: inline-block;
	margin-bottom: 20px;
}
.portfolio-tags {
	margin-bottom: 40px !important;
	font-size: 15px;
}
.portfolio-tags b {
	display: inline-block;
	padding-right: 5px;
}
.portfolio-tags a {
	display: inline-block;
	padding: 0 12px;
	color: #FFF;
	background-color: rgba(0, 153, 204, 0.55);
	height: 29px;
	line-height: 27px;
	border-radius: 15px;
	font-size: 13px;
	margin: 0 8px 12px 0;
}
.portfolio-tags a:hover {
	color: #FFF;
	background-color: rgba(0, 153, 204, 1);
}