/*

Theme Name: Agera
Theme URI: http://www.mpcraetion.pl/themeforest/agera/
Description: This is a Minimalistic FullScreen Portfolio WordPress Theme
Author: massivePixelCreation
Author URI: http://www.blog.mpcreation.pl
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Version: 1.2.5

*/

/*-----------------------------------------------------------------------------------*/
/*	Global styles
/*-----------------------------------------------------------------------------------*/

html { height: 100%; }

body {
	margin:0;
	padding:0;
	height:100%;
	margin-bottom: 1px;
	background: #ffffff;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #515151;
	font-weight: 300;
	overflow: hidden;
}

i { font-style: italic!important; }


* html body a {
	outline: none;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

* html body a:hover {
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

#main-container {
	position:relative;
	height: 100%;
	overflow: hidden;
}

* html #main-container {
	height:100%
}

#header {
	/*overflow: hidden;*/
	/*padding: 0px 0px 2px 0px;*/
        
}

#content {
	position: relative;
	padding-bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: left;
	z-index: 0;
	overflow: hidden;
	background-size: cover !important;
	background-position: center center !important;
	margin-bottom: -21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* html #content {
	height:1px;
}

#content:after {
	content:" ";
	display:block;
	clear:both;
}

#agera_footer {
	position: absolute;
	bottom:0;
	width:100%;
	visibility: hidden;
	background: #FFFFFF;
}

h2, h3, h4, h5 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	color: #414141
}

h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
h5 { font-size: 18px; }
h4 { font-size: 22px; }
h3 { font-size: 26px; }
h2 { font-size: 30px; }
h1 { font-size: 36px; font-weight: bold; }
h1, h2, h3, h4, h5 { margin-bottom: 1em; }
h3.mpc-middle { margin-top: 20px; margin-bottom: 30px; }

a { text-decoration: none; }

strong { font-weight: bold; }

p { margin-bottom: 1.5em; line-height: 1.5em; }

#slogan { overflow: hidden; min-height: 70px;}
#slogan .agera_text_logo {
	line-height: 37px;
}

h2.page-title.author { margin-top: 20px; }

pre {
	font-family: Courier;
	font-size: 12px;
	border: 1px solid #EAEAEA;
	padding: 10px;
	display: block;
	overflow: hidden;
	word-wrap: break-word;
	margin-bottom: 1.5em;
}

#slogan h1 a {
	float: left;
	width: 88px;
	height: 37px;
	margin: 27px 0px 30px 32px;
}

#slogan p {
	font-size: 11px;
	float:left;
	margin-top: 69px;
	margin-left: 12px;
}

#header-container {
	position: relative;
	overflow: visible;
	box-shadow: 0px 0px 17px -1px rgba(100, 100, 100, 0.5);
        
	/*height: 90px;*/
	z-index: 1;
}

#main-container #header {
	width: 100%;
	height: 100%;

}


/* Page */

div.page-container div.page-content {
	position: relative;
	float: right;
	width: 60%;
	padding: 33px 4.5% 33px 3%;
	box-shadow: -3px 5px 17px -5px rgba(0, 0, 0, 0.5);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: white;
	max-height: 80%;
	max-width: 700px;
}

div.page-container.full-width { max-width: 100%; width: 100%; min-width: 100%; max-height: 100%}
div.page-container.full-width .page-content { min-width: 100%; max-height: 80%;}

div.page-container.full-width div.page-content {
	float: none;
	padding: 0px;
	width: 100%;
	box-shadow: 0px;
	max-height: 100%;
	height: 100%;
}

div.page-container.full-width div.page-content div.mpc-article {
	padding: 33px 4.5% 33px 4.5%;
	width: 91%;
}

/*-----------------------------------------------------------------------------------*/
/*	Top Navigation / Menu
/*-----------------------------------------------------------------------------------*/

#nav-select {
	position: absolute;
	top: 35px;
	right: 35px;
	float: right;
	display: none;
	margin-bottom: 30px;
}

ul#nav {
	float: right;
	height: 35px;
	margin-top: 30px;
	position: relative;
	z-index: 10;
	margin-right: 20px;
	margin-bottom: 30px;
}

ul#nav > li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	text-align: center;
	position: relative;
	z-index: 300;
	margin-left: 0px;
}

ul#nav > li > a { text-decoration: none; }

ul#nav > li.current-menu-item > a {
	background: #000000;
	color: #FFFFFF;
}

ul#nav > li > a:hover {
	background: #000000;
	color: #FFFFFF!important;
}

ul#nav > li {
	background:none;
	float:left;
	list-style:none;
	padding: 0px;
	padding-bottom: 20px;
}

ul#nav li a {
	display:block;
	font-size:14px;
	padding: 6px 15px;
	text-decoration:none;
	color: #414141;
}

/* Drop Down */
ul.sub-menu {
	position: absolute;
	margin-top: 5px;
	padding: 5px 16px 6px 0px;
	background: #ffffff;
    border: 1px solid #e0e0e0;
}

ul.parent_menu_item {
	position: absolute;
	z-index: 500;
}

ul.parent_menu_item li {
	position: relative;
	z-index: 500;
}

ul.sub-menu > li {
	list-style: none;
	position: relative;
	padding:0 5px;
	width: 80%;
	float: none;
	border-bottom: 1px solid #F5F5F5;
	margin-left: 15px;
	margin-right: 20px;
}

ul.sub-menu > li.last-item {
	border-bottom: 0;
}

ul.sub-menu li a{
	border-top:none;
	height:auto;
	float: none;
	width: 100%;
	line-height: 20px;
	display: block;
	text-align: left;
	margin-right: 3px;
	white-space: nowrap;
	font-weight: normal;
	font-size: 12px!important;
	padding-left: 0px!important;
	margin-left: -5px;
	padding-right: 30px!important;
}

ul.sub-menu li a:hover {
	color: #000000!important;
}

/* Drop Down - Third Level */
ul.sub-menu li ul {
	position: absolute;
	z-index: 20;
	margin-top: -33px;
	margin-left: 5px;
}

ul.sub-menu li ul li ul { margin-left: 1px; }

ul#nav ul.dropmenu li.parent_menu_item > a{ background:transparent url('images/active_arrow.png') no-repeat right; }

ul.sub-menu { display: none; }

ul#nav ul.dropmenu ul.sub-menu li.parent_menu_item  { background:#fafafa url('images/active_arrow2.png') no-repeat 95% 50%; }

ul#nav ul.dropmenu ul.sub-menu li.parent_menu_item > a { background: none; }

/*-----------------------------------------------------------------------------------*/
/*	Page Containers settings
/*-----------------------------------------------------------------------------------*/

div.posts-container,
div.page-container {
	width: 100%;
	text-align: left;
	position: relative;
	height: 100%;
}

div.page-container {
	position: relative;
	overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	Blog styles
/*-----------------------------------------------------------------------------------*/

aside.sidebar { display: none; }

#main #content {
	text-align: left;
	margin-left: 3px;
	float: left;
}

/*div.blog { opacity: 0; }*/

div.posts-container.blog {
	/*padding-left: 20px;*/
	overflow: auto !important;
	overflow-x: hidden !important;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
}

/* Blog Post */
article.blog-post {
	/*margin: 20px;*/
	/*padding: 20px 10px 0px 10px;*/
	padding: 0px 10px 20px 10px;
	width: 450px;
	text-align: left;
	clear: both;
	/*float: left;*/
	display: block;
	/*position: absolute;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.blog-post .post-content-wrap {
	position: relative;
	box-shadow: 1px 2px 7px -2px rgba(0, 0, 0, 0.5);
	padding: 20px;
	background: white;
}

div.posts-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

div.mpc-fix {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 45px;
	top: 0px;
	display: block;
}

div.posts-container .post-asset { width: 100%; }

div.posts-container .post-content {
	width: 66%;
	margin: 33px 3% 33px 4.5%;
	float: left;
}

div.posts-container .mpc-post {
	position: relative;
	height: 100%;
}

div.posts-container aside.post-meta {
	position: relative;
	right: 4.5%;
	margin-top: 94px;
	width: 20%;
	float: right;
	background: #F8F8F8;
	margin-bottom: 40px;
	min-width: 170px;
}

div.posts-container aside.post-meta div.meta-content  {
	margin: 20px;
	font-size: 13px;
	z-index: 10;
}

iframe {
	position: relative;
	z-index: 0;
}

aside.post-meta div.meta-content  ul li {
	margin-bottom: 10px;
	list-style: none;
	margin-left: 0px;
}

aside.post-meta div.meta-content  ul li em {
	font-weight: bold;
	color: #414141;
}

aside.post-meta div.meta-content  ul li a { color: #414141; }

aside.post-meta div.meta-content  ul li a:hover { color: #F9625B; }

aside.post-meta .previous-post {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 13px;
	height: 13px;
	background: transparent url('images/icons/other/next.png');
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-right: 4px;
}

aside.post-meta .next-post {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 13px;
	height: 13px;
	background: transparent url('images/icons/other/next.png');
	margin-left: 4px;
}

aside.post-meta .previous-container a,
aside.post-meta .next-container  a { color: #515151; }

aside.post-meta .previous-container a:hover,
aside.post-meta .next-container a:hover { color: #F9625B; }

aside.post-meta .next-previous a {
	display: inline-block;
	margin: 0px 5px;
}

aside.post-meta .previous-container {
	position: absolute;
	left: 20px;
	display: inline-block;
	bottom: 12px;
}

aside.post-meta .next-container {
	position: absolute;
	right: 20px;
	display: inline-block;
	bottom: 12px;
}

h2.mpc-page-title,
h2.mpc-post-title {
	display: inline-block;
	width: 100%;
	padding-bottom: 31px;
	border-bottom: 1px solid #F5F5F5;
	line-height: 30px;
	color: #313131;
}

h2.mpc-page-title a { color: #313131; }

aside.post-meta .zilla-share {
	top: -32px;
	position: relative;
	left: 50px;
	width: 90%;
	margin-bottom: 0px;
	padding-bottom: 60px;
	height: 100%;
	overflow: visible;
}

aside.post-meta .zilla-share iframe:last-child {
	padding-bottom: 25px;
}

.zilla-share iframe,
.zilla-share div {
	clear: both!important;
	float: left!important;
	display: block!important;
	width: 100%!important;
}

.zilla-share > div.fb_edge_widget_with_comment { top: 5px!important; }

#___plusone_0 {
	position: relative;
	top: 7px;
}

.zilla-share > iframe:last-child {
	position: relative;
	top: 12px;
}

aside.post-meta li.mpc-like { margin-bottom: 0px!important; }

aside.post-meta li.mpc-like-big { margin-bottom: 35px!important; }

aside.post-meta .zilla-likes-count {
	color: #515151;
	top: 1px;
	position: relative;
}

div.posts-container .post-content:after {
	content: " ";
	display: block;
	clear: both;
}

div.posts-container.sidebar-none article.blog-post { width: 960px; }

article.blog-post small, article.blog-post small a {
	font-size: 11px;
	font-weight: normal;
	color: #515151;
}

article.blog-post h1 { font-size: 21px; }

hr {
	display: block;
    height: 1px;
    padding: 0px;
	background-color: #F5F5F5;
	height: 1px;
	margin: 0px 0px 1.5em 0px;
	border: none;
}

.single article.blog-post { border-bottom: none; }


article.blog-post.last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

/* Blog heading  */

article.blog-post h3.page-title {
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 0px;
}

article.blog-post h2 a { text-decoration: none; }

article.blog-post h2 a:hover {
	text-decoration: none;
	color: #F75F5A;
}

/* Blog data line: date, author, comments etc.*/

article.blog-post small {
	/* color: #8f8f8f; */
	float:left;
	width: 100%;
	margin-bottom: 15px;
}
article.blog-post small a { text-decoration: none; }

article.blog-post small a:hover { text-decoration: none; color: #F75F5A; }

/* Blog Image */

article.blog-post img {
	/*margin: -1px 0 0 -1px;*/
	margin-bottom: 5px;
	max-width: 100%;
	height: auto;
}
article.blog-post .wp-caption {
	max-width: 100%;
}

/* Read More */
.mpc-read-more {
	display: inline-block;
	width: 46px;
	height: 46px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: transparent url('images/icons/other/triangle_orange.png') no-repeat;
}

.mpc-read-more .plus {
	position: relative;
	display: inline-block;
	top: 24px;
	left: 25px;
	overflow: hidden;
	width: 16px;
	height: 16px;
}

.mpc-read-more .plus-white {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url('images/icons/other/plus_white.png') no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}

.mpc-read-more .plus-hover {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url('images/icons/other/plus_hover.png') no-repeat;
	position: relative;
	top: -5px;
	left: 0px;
}

.post-image .wp-post-image {
	width: 100%;
	height: auto;
}

/*-----------------------------------------------------------------------------------*/
/*	Blockquote
/*-----------------------------------------------------------------------------------*/

blockquote {
    background: url("images/quote_q.png") no-repeat scroll 0 0 transparent;
    font-size: 15px;
    font-style: italic;
    line-height: 200%;
    padding: 0;
    clear: both;
}

blockquote p {
    margin-bottom: 0;
    padding: 8px 0px 23px 30px;
    position: relative;
    margin-top: 0px;
}

blockquote.bq-no-sidebar {
	padding-bottom: 20px;
	padding-top: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#agera_footer {
	left: -9000px;
	min-height : 47px;
	background: #FFFFFF;
	position: fixed;
	bottom: 0px;
	z-index: 1;
}

#agera_footer ul.social-icons {
	float: right;
	position: relative;
	right: 13px;
	bottom: -12px;
}

#agera_footer .social-icons li{
	list-style: none;
	background:none;
	cursor:pointer;
	float:left;
	margin: 0 4px 0 4px;
	height: 25px;
	width: 25px;
}

#agera_footer .social-icons li a{
	display:block;
	width: 25px;
	height: 25px;
	position: relative;
	overflow: hidden;
}

#agera_footer  p.copyrights {
	display: inline-block;
	color: #515151;
	position: absolute;
	left: 0px;
	text-align: center;
	top: 15px;
	font-size: 14px;
	width: 100%;
}

#agera_footer .social-icons li span {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
}

#agera_footer .social-icons li span.icon-color {
	position: absolute;
	top: 25px;
	left: 0px;
}

.mpc-footer-ribbon {
	position: fixed;
	left: 0px;
	bottom :0px;
	background: #FFFFFF;
	opacity: 0.7;
	width: 47px;
	height: 47px;
	z-index: 100;
	cursor: pointer;
	transition: opacity 0.3s ease-out;
}

.mpc-footer-ribbon > span {
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px;
	top: 17px;
	left: 15px;
}

.mpc-footer-ribbon .plus { background: transparent url('images/icons/other/plus.png') no-repeat; }
.mpc-footer-ribbon .minus { background: transparent url('images/icons/other/minus.png') no-repeat; opacity: 1; }

.mpc-footer-ribbon:hover { opacity: 1; }


#agera_footer .social-icons li.twitter .icon { background:transparent url('images/icons/social/round/twitter.png') no-repeat ; }
#agera_footer .social-icons li.facebook .icon { background:transparent url('images/icons/social/round/facebook.png') no-repeat; }
#agera_footer .social-icons li.google .icon { background:transparent url('images/icons/social/round/google.png') no-repeat; }
#agera_footer .social-icons li.flickr .icon { background:transparent url('images/icons/social/round/flickr.png') no-repeat; }
#agera_footer .social-icons li.dribbble .icon { background:transparent url('images/icons/social/round/dribbble.png') no-repeat; }
#agera_footer .social-icons li.rss .icon { background:transparent url('images/icons/social/round/rss.png') no-repeat; }
#agera_footer .social-icons li.vimeo .icon { background:transparent url('images/icons/social/round/vimeo.png') no-repeat; }
#agera_footer .social-icons li.forrst .icon { background:transparent url('images/icons/social/round/forrst.png') no-repeat; }
#agera_footer .social-icons li.deviant .icon { background:transparent url('images/icons/social/round/deviant.png') no-repeat; }
#agera_footer .social-icons li.digg .icon { background:transparent url('images/icons/social/round/digg.png') no-repeat; }
#agera_footer .social-icons li.linkedin .icon { background:transparent url('images/icons/social/round/linkedin.png') no-repeat; }
#agera_footer .social-icons li.picaso .icon { background:transparent url('images/icons/social/round/picaso.png') no-repeat; }
#agera_footer .social-icons li.stumbel .icon { background:transparent url('images/icons/social/round/stumbel.png') no-repeat; }
#agera_footer .social-icons li.instagram .icon { background:transparent url('images/icons/social/round/instagram.png') no-repeat; }

#agera_footer .social-icons li.twitter .icon-color { background:transparent url('images/icons/social/round/twitter_color.png') no-repeat ; }
#agera_footer .social-icons li.facebook .icon-color { background:transparent url('images/icons/social/round/facebook_color.png') no-repeat; }
#agera_footer .social-icons li.google .icon-color { background:transparent url('images/icons/social/round/google_color.png') no-repeat; }
#agera_footer .social-icons li.flickr .icon-color { background:transparent url('images/icons/social/round/flickr_color.png') no-repeat; }
#agera_footer .social-icons li.dribbble .icon-color { background:transparent url('images/icons/social/round/dribbble_color.png') no-repeat; }
#agera_footer .social-icons li.rss .icon-color { background:transparent url('images/icons/social/round/rss_color.png') no-repeat; }
#agera_footer .social-icons li.vimeo .icon-color { background:transparent url('images/icons/social/round/vimeo_color.png') no-repeat; }
#agera_footer .social-icons li.forrst .icon-color { background:transparent url('images/icons/social/round/forrst_color.png') no-repeat; }
#agera_footer .social-icons li.deviant .icon-color { background:transparent url('images/icons/social/round/deviant_color.png') no-repeat; }
#agera_footer .social-icons li.digg .icon-color { background:transparent url('images/icons/social/round/digg_color.png') no-repeat; }
#agera_footer .social-icons li.linkedin .icon-color { background:transparent url('images/icons/social/round/linkedin_color.png') no-repeat; }
#agera_footer .social-icons li.picaso .icon-color { background:transparent url('images/icons/social/round/picaso_color.png') no-repeat; }
#agera_footer .social-icons li.stumbel .icon-color { background:transparent url('images/icons/social/round/stumbel_color.png') no-repeat; }
#agera_footer .social-icons li.instagram .icon-color { background:transparent url('images/icons/social/round/instagram_color.png') no-repeat; }

/*-----------------------------------------------------------------------------------*/
/*	Comment form & Contact Form
/*-----------------------------------------------------------------------------------*/

#contact_form {
	overflow: hidden;
	margin-bottom: 2em;
}

div.post-comments {
	overflow: hidden;
	clear: both;
	width: 66%;
	margin: 0px 3% 33px 4.5%;
	float: left;
}

#comments { margin-bottom: 20px; }

h3#reply-title,
#comments h2 {
	font-size: 25px;
	color: #313131;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #F5F5F5;
}

#comments .commentlist { margin-bottom: 54px; margin-top: 5px; }
#comments .commentlist .comment { margin-left: 0px; list-style: none; }
#comments .commentlist .comment .children { margin-left: 20px; }
.mpc-comments-nav .mpc-prev-comments { float: left; }
.mpc-comments-nav .mpc-next-comments { float: right; }
.mpc-comments-nav .mpc-prev-comments a,
.mpc-comments-nav .mpc-next-comments a { display: inline-block; margin-bottom: 20px; }

#comments h4.comments_author {
	font-size: 20px;
	font-weight: normal;
	text-transform: capitalize;
	margin-bottom: 5px;
	display: inline-block;
	margin-top: 5px;
}

div.agera_comment_gravatar {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	float: left;
	border: 1px solid #F5F5F5;
}

.comment_meta {
	font-size: 12px;
	font-weight: normal;
	color: #515151;
}

.comment_meta a { color: #515151; }
.comment_meta a:hover { color: #F9625B; }
#comments .comment-reply-link { text-transform: lowercase; }
#comments span.author { color: #F9625B; }
#comments .agera_message { margin-left: 77px; }
.comments_holder { margin-bottom: 40px; }

/* Respond Form */
#respond { margin-bottom: 80px; }

#contact_form textarea,
#respond textarea#comment {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #F8F8F8;
	width: 100%;
	height: 100px;
	overflow: hidden;
	padding: 10px;
	font-size: 13px;
	color: #616161;
	font-weight: normal;
	clear: both;
}

#contact_form .comment-from-who,
#respond .comment-from-who {
	position: relative;
	overflow: hidden;
}

#contact_form .comment-from-who input,
#respond .comment-from-who input {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #F8F8F8;
	font-size: 13px;
	color: #616161;
	font-weight: normal;
	padding: 8px 3px 8px 10px;
	line-height: 13px;
	width: 100%;
}

#respond textarea.error,
#contact_form .comment-from-who input.error,
#respond .comment-from-who input.error {
	background: #F9625B;
	color: #ffffff;
}

#contact_form .cf-success {
	position: relative;
	top: -20px;
	font-style: italic;
	font-size: 13px;
	color: #5C966E;
}

#contact_form .comment-from-who p.mpc-name,
#contact_form .comment-from-who p.email,
#respond .comment-from-who p.contact-name,
#respond .comment-from-who p.contact-email { margin-right: 5%; position: relative;}
#respond .comment-textarea { position: relative; }
#contact_form .comment-from-who > p,
#respond .comment-from-who > p {
	width: 30%;
	display: inline-block;
	float: left;
}

#contact_form label.error,
#respond label.error {
	color: #F9625B;
	font-style: italic;
	font-size: 12px;
	margin-left: 0px;
	position: absolute;
	bottom: -21px;
	left: 0px;
}

#contact_form input#reset,
#contact_form input#submit,
#respond input#submit {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	background: #F9625B;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
}

#contact_form p.mess { margin-bottom: 15px; position: relative; }

#contact_form input#reset { margin-right: 15px; }

#respond a#cancel-comment-reply-link { color: #F9625B; }
#respond a#cancel-comment-reply-link:hover { color: #313131; }

#contact_form input#reset:hover,
#contact_form input#submit:hover,
#respond input#submit:hover { color: #242424; }

#respond p.logged-in-as a { color: #515151; }
#respond p.logged-in-as a:hover { color: #F9625B; }

#respond p.comment-notes,
#respond p.form-allowed-tags { display: none; }

#respond textarea:focus,
#respond input:focus,
#contact_form textarea:focus,
#contact_form input:focus { background: #F0F0F0; }

#comments .depth-2,
#comments .depth-3,
#comments .depth-4,
#comments .depth-5 { margin-left: 82px; }

#contact_form textarea.error {
	background: #F9625B!important;
	color: #ffffff!important;
}

.comment-subscription-form,
.comment-subscription-form { display: none; }

/*-----------------------------------------------------------------------------------*/
/*	Portfolio
/*-----------------------------------------------------------------------------------*/

div.portfolio-cont {
	overflow: hidden;
	top: 0px;
	margin-bottom: -44px !important;
}

.portfolio-item {
	position: absolute;
	/* display: block; */
	margin: 0px;
	top: 0px;
	left: 0px;
}

div.portfolio {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	min-height: 300px;
	top: 0px;
	opacity: 0;
}

div.portfolio-content {
	position: relative;
	overflow: hidden;
}

.clear {
	width: 100%;
	clear: both;
	height: 0px;
}

div.portfolio-item-thumb {
	-webkit-perspective: 1000;
	-moz-perspective: 1000px;
	-o-perspective: 1000;
	perspective: 1000;
}

div.portfolio.flip div.portfolio-item-thumb .mpc-card {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.portfolio.flip div.portfolio-item-thumb:hover .mpc-card .face.front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
div.portfolio.flip div.portfolio-item-thumb:hover .mpc-card .face.back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip .mpc-card .face {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

div.portfolio.flip .mpc-card .face.front {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
div.portfolio.flip .mpc-card .face.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

div.portfolio.flip .mpc-card .face.back {
	display: block;
	color: white;
	text-align: center;
	background-color: #F9625B;
}

div.portfolio.no-flip .face.back { opacity: 0; color: #FFFFFF; visibility: hidden; }

.mpc-card .face.back .zilla-likes {
	position: absolute;
	left: 7%;
	bottom: 7%;
	background: transparent url('images/icons/other/like_big.png') no-repeat;
	margin-bottom: 0px !important;
	z-index: 2;
}

.mpc-card .face.back .zilla-likes:hover {
	background: transparent url('images/icons/other/like_big_active.png') no-repeat;
}

.mpc-card .face.back .zilla-likes.active {
	background: transparent url('images/icons/other/like_big_active.png') no-repeat;
}

.mpc-card .face.back .zilla-likes-count {
	margin-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	position: relative;
	top: 3px;
}


.mpc-card .face.back h2 {
	font-size: 30px;
	line-height: 33px;
	/*position: relative;*/
	text-align: left;
	display: block;
	margin: 6% 6% 3% 6%;
	/*left: 6%;*/
	/*top: 15px;*/
	color: #FFFFFF;
	overflow: hidden;
	/*width: 90%;*/
}

.mpc-card .face.back p.mpc-excerpt {
	text-align: left;
	/*width: 90%;*/
	/*margin-left: 6%;*/
	overflow: hidden;
	padding: 0px 6%;
}

.mpc-card .face.back a.view-details {
	font-weight: bold;
	position: absolute;
	right: 7%;
	bottom: 7%;
	color: #FFFFFF;
	text-decoration: none;
	width: 19px;
	height: 19px;
	background: url('images/icons/other/link.png') no-repeat;
	z-index: 2;
}

.mpc-card .face.back a.mpc-fancybox {
	position: absolute;
	right: 15%;
	bottom: 7%;
	color: #FFFFFF;
	text-decoration: none;
	width: 19px;
	height: 19px;
	background: url('images/icons/other/zoom.png') no-repeat;
	z-index: 2;
}

.mpc-card .face.back a.mpc-fancybox:hover,
.mpc-card .face.back a.view-details:hover { opacity: 0.8; }

.mpc-card .mpc-viniet {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	pointer-events: none;
	z-index: 2;
}

div.mpc-portfolio-categories {
	/*height: 37px;*/
	/*position: relative;*/
	/*top: 38px;*/
	margin-top: 5px;
	background: #FBFBFB;
}

div.mpc-portfolio-categories ul {
	position: relative;
	padding-left: 33px;
	top: 0px;
	text-align: left;
	margin-bottom: 0px;
}

div.mpc-portfolio-categories ul li {
	/*float: left;*/
	display: inline-block;
	font-weight: bold;
	position: relative;
	top: 0px;
	margin-left: 0px;
}

div.mpc-portfolio-categories ul li a {
	display: inline-block;
	padding: 10px 15px;
	color: #414141;
	cursor: pointer;
}

div.mpc-portfolio-categories ul li a.active,
div.mpc-portfolio-categories ul li a:hover {
	background: #F9625B;
	color: white;
}

#mpc_load_more {
	color: #515151;
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 48px;
	padding: 13px 13px 13px 13px;
	background: white;
	font-size: 18px;
	opacity: 0.7;
	cursor: pointer;
	font-weight: bold;
    z-index: 10;
}

#mpc_load_more:hover {
	opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	Search Page
/*-----------------------------------------------------------------------------------*/

div.page-container.search-page article.blog-post.last-child { margin-bottom: 80px; }

article.no-results { margin-top: 33px; }

header.search-result > h3 {
	margin-top: 35px;
	margin-bottom: -20px;
}

#searchform {
	width: 200px;
	height: 47px;
	background: white url('images/icons/other/search.png') no-repeat 93% 15px;
	position: fixed;
	left: 0px;
	bottom: 50px;
	opacity: 0.7
}

#searchform:hover { opacity: 1; }

#searchsubmit { visibility: hidden; }
#searchform #s {
	position: relative;
	font-size: 15px;
	width: 150px;
	left: -14px;
	top: 11px;
}
/*-----------------------------------------------------------------------------------*/
/*	404
/*-----------------------------------------------------------------------------------*/

div.page-404 article.blog-post  {
	margin: 3% 2%;
	padding: 2% 2%;
	width: 92%;
}

/*-----------------------------------------------------------------------------------*/
/*	Other
/*-----------------------------------------------------------------------------------*/

.zilla-likes-count { color: #515151; }

#wpadminbar { visibility: visible; }

.wp-caption-text,
.wp-caption {
	font-size: 14px;
	text-transform: uppercase;
	color: #232323;
}

.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { margin: 0 auto; }

#page_background { width: 100%; }

.full-width.mpc-gallery iframe { display: block; }
.full-width.mpc-gallery img { display: block; }

/*-----------------------------------------------------------------------------------*/
/*	Responsive
/*-----------------------------------------------------------------------------------*/

@media only screen and  (max-width: 1240px ) {
	#agera_footer p.copyrights {
		position: relative;
		width: auto;
		float: left;
		margin-left: 51px;
	}
	#nav { display: inline-block; }
	#nav-select { display: none; }
}


@media only screen and  (max-width: 850px ) {
	#agera_footer p.copyrights {
		width: 100%;
		margin: 0px;
		padding-bottom: 30px;
	}

	#agera_footer ul.social-icons {
		width: 397px;
		bottom: 7px;
		padding: 5px 0px;
		margin: 0 auto;
		display: block;
		float: none;
		height: 25px;
		left: 0px;
	}

	#nav { display: none; }
	#nav-select { display: inline-block; }
}

@media only screen and (max-width: 700px ) {
	div.posts-container aside.post-meta {
		position: relative;
		float: none;
		background: #F8F8F8;
		margin-bottom: 0px;
		clear: both;
		left: 4.5%;
		width: 50%;
		padding: 1px;
		margin-top: 0px;
	}

	.mpc-post aside.post-meta {
		margin-bottom: 25px!important;
		top: -25px!important;
	}

	div.posts-container .post-content {
		width: 88%;
		margin: 33px 3% 33px 5%;
	}

	div.post-comments { width: 89%; }
	#nav { display: none; }
	#nav-select { display: inline-block; }
}

@media only screen and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#mpc_load_more { bottom: 20px; }

	div.page-container div.page-content {
		width: 91%;
		max-height: 100%;
		height: 100%;
		padding: 33px 4% 33px 5%;
	}

	.column {
		width: 100%!important;
		margin: 0px;
	}

	div.posts-container .post-content {
		width: 88%;
		margin: 33px 3% 33px 5%;
	}

	div.post-comments { width: 89%; }

	#comments .depth-2,
	#comments .depth-3,
	#comments .depth-4,
	#comments .depth-5 { margin-left: 0px; }
	#nav { display: none; }
	#nav-select { display: inline-block; }

	div.posts-container aside.post-meta {
		position: relative;
		float: none;
		background: #F8F8F8;
		margin-bottom: 0px;
		clear: both;
		left: 4.5%;
		width: 50%;
		padding: 1px;
		margin-top: 0px;
	}

	.mpc-post aside.post-meta {
		margin-bottom: 25px!important;
		top: -25px!important;
	}

	div.page-container,
	div.page-content {
		float: none!important;
		max-width: 100%!important;
		width: 92.5%;
		max-height: 100%!important;
		height: 100%!important;
	}

	div.page-container { width: 100%; }

	body {
		overflow: auto;
		height: auto;
	}

	div.portfolio {
		overflow: auto;
	}

	div.portfolio-cont {
		margin-bottom: 0px !important;
	}

	#content {
		padding-bottom: 0px !important;
	}

	.mpc-footer-ribbon {
		display: none;
	}

	#agera_footer {
		position: static;
		visibility: visible !important;
	}

	#agera_footer ul.social-icons {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#agera_footer .social-icons li {
		float: none;
		display: inline-block;
	}

	div.posts-container.blog {
		height: auto !important;
	}
}

/* ---------------------------------------------------------------- */
/* Defaults
/* ---------------------------------------------------------------- */

h6 {
	margin-bottom: 1em;
}

.wp-caption.alignleft,
img.alignleft {
	float: left;
	margin-right: 15px;
}
.wp-caption.alignright,
img.alignright {
	float: right;
	margin-left: 15px;
}
.wp-caption.aligncenter,
img.aligncenter {
	display: block;
	margin-left: 0px auto;
}
.wp-caption.alignnone,
img.alignnone {
	display: block;
}

table {
	margin-bottom: 1.5em;
}
table th {
	font-weight: bold;
	padding: 2px 5px;
}
table td {
	padding: 2px 5px;
}
table tr.even {
	background: rgba(0, 0, 0, 0.025);
}

dl {
	margin-bottom: 1.5em;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 1.5em;
	font-style: italic;
}

ul {
	margin-bottom: 1.5em;
}
ul ul {
	margin-bottom: 0;
}
ul li {
	list-style: disc;
	margin-left: 1.5em;
}

ol {
	margin-bottom: 1.5em;
}
ol ol {
	margin-bottom: 0;
}
ol li {
	list-style: decimal;
	margin-left: 1.5em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}
sub {
	position: relative;
	bottom: -0.5em;
	font-size: 0.8em;
}

code {
	font-family: monospace;
}

article.blog-post embed,
article.blog-post iframe {
	max-width: 100%;
}

div.portfolio {
	opacity: 1;
	filter: alpha(opacity=100);
}

.portfolio-content .portfolio-item {
	position: relative;
	width: 20%;
	float: left;
	overflow: hidden;
}
.portfolio-content .portfolio-item .portfolio-item-thumb {
	width: 100.25%;
	height: 100%;
}
.portfolio-content .portfolio-item .front.face > img {
	width: 100.25%;
	height: auto;
	display: block;
}
.portfolio-content .portfolio-item .front.face {
	position: relative;
}
.portfolio-content .portfolio-item .back.face {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#mpcth_load_info {
	display: none;
}

.page-template-portfolio-no-flip-php #header-container,
.page-template-portfolio-php #header-container {
	border-bottom: 1px solid #AAAAAA;
	box-shadow: 0px 2px 21px 2px rgba(100, 100, 100, 0.5);
}

.flexslider ul li {
	list-style: none;
	margin-left: 0px;
}

.post-thumbnail .iframe-wrap {
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 56.25%;
	margin-bottom: 5px;
}
.post-thumbnail .iframe-wrap iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
}

.post-excerpt-hidder {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 22%;
	z-index: 1;
	box-shadow: 0px -5px 10px -5px rgba(0, 0, 0, 0.4);
}

.post-link-layer {
	background: black;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.mpc-post .post-content img {
	max-width: 100%;
	height: auto;
}
.mpc-post .post-content .wp-caption {
	max-width: 100%;
}

@media (min-width: 1281px) {
	.portfolio-content .portfolio-item {
		width: 25%;
	}
	.portfolio-content.big-portfolio .portfolio-item {
		width: 33.333%;
	}
	article.blog-post {
		width: 33.333%;
	}
}
@media (min-width: 1680px) {
	.portfolio-content .portfolio-item {
		width: 20%;
	}
	.portfolio-content.big-portfolio .portfolio-item {
		width: 25%;
	}
	article.blog-post {
		width: 25%;
	}
}
@media (max-width: 1280px) {
	.portfolio-content .portfolio-item {
		width: 33.333%;
	}
	.portfolio-content.big-portfolio .portfolio-item {
		width: 50%;
	}
	article.blog-post {
		width: 50%;
	}
}
@media (max-width: 960px) {
	.portfolio-content .portfolio-item {
		width: 50%;
	}
	article.blog-post {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.portfolio-content .portfolio-item {
		width: 100%;
	}
	.portfolio-content.big-portfolio .portfolio-item {
		width: 100%;
	}
	article.blog-post {
		width: 100%;
	}
}
@media (max-width: 480px) {
	article.blog-post,
	.portfolio-content .portfolio-item {
		width: 100%;
	}
	#agera_footer p.copyrights {
		float: none;
	}
	#agera_footer ul.social-icons {
		width: 100% !important;
	}
	#agera_footer .social-icons li {
		margin-bottom: 4px;
	}
	div.mpc-portfolio-categories ul {
		padding-left: 10px;
	}
	div.mpc-portfolio-categories {
		margin-top: 0px;
	}
	#slogan h1 a {
		width: 100%;
		margin: 10px auto;
	}
	#nav-select {
		position: relative;
		top: 0px;
		right: 0px;
		float: none;
	}
	#contact_form .comment-from-who > p,
	#respond .comment-from-who > p {
		display: block;
		width: auto;
		float: none;
		margin-right: 0px !important;
	}
	#comments .commentlist .comment .children {
		margin-left: 0px;
	}
}