/* -------------- Retina extras (opt) -------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {

	/* here it goes */

}


/* -------------- Style reset -------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0 auto;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus { outline: 0;}
div { margin: 0; padding: 0; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
input, textarea, select {-webkit-appearance: none; -webkit-font-weight: 400; -webkit-border-radius: 0;}
pre { font-family: "Courier New", Courier, monospace; padding: 6px 12px; display: block; font-size: 12px; line-height: 18px;white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
hr { height: 1px; border: 1px solid rgba(0,0,0,0.05); display: block; margin: 30px 0;  }
.sticky {}
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
a { color: #e39d3a; text-decoration: underline !important; cursor: pointer; }
a:hover { text-decoration: none !important; }
b, strong { font-weight: bold; }

/* -------------- All-page styles -------------------- */

html, body
{
	background: #f4f4f2;
	background-image: url(../img/page-bg.png);
	font-family: 'Fenix', serif;
	font-size: 13px;
	line-height: 1.5;
	color: #5d5256;
	max-width: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: none; /* prevent WebKit-based browsers from resizing text */
	position: relative;	
	margin: 0 auto;
}

/* -------------- COMMON STYLES -------------------- */

.float_left { float: left; max-width: 33% !important; min-width: 150px !important; margin-right: 16px; padding-bottom: 16px; margin-top: 4px; }
.float_right { float: right; max-width: 33% !important; min-width: 150px !important; margin-left: 16px; padding-bottom: 16px; margin-top: 4px; }
.center { text-align: center; }
.FancyBlue{ background: #7988d4 !important; color: white !important; text-shadow: none;}
.Greeny{ background: #009c36 !important; color: white !important; text-shadow: none;}
.BlueGrass{ background: #008a93 !important; color: white !important; text-shadow: none;}
.GreenPlaster{ background: #35c553 !important; color: white !important; text-shadow: none;}
.DarkGreen{ background: #649f71 !important; color: white !important; text-shadow: none;}
.SkyBlue{ background: #19a5cd !important; color: white !important; text-shadow: none;}
.RoyalBlue{ background: #4d74df !important; color: white !important; text-shadow: none;}
.Lila{ background: #bb91cf !important; color: white !important; text-shadow: none;}
.PinkyRed{ background: #ef5298 !important; color: white !important; text-shadow: none;}
.FlowerBlue{ background: #405e99 !important; color: white !important; text-shadow: none;}
.PurpleHaze{ background: #994064 !important; color: white !important; text-shadow: none;}
.Mandarine{ background: #dc9237 !important; color: white !important; text-shadow: none;}
.BrickRed{ background: #bf4823 !important; color: white !important; text-shadow: none;}
.DarkGrey{ background: #535151 !important; color: white !important; text-shadow: none;}
.DarkRed{ background: #a91919 !important; color: white !important; text-shadow: none;}
.Yellow{ background: #b2b410 !important; color: white !important; text-shadow: none;}
.Brown{ background: #7d4040 !important; color: white !important; text-shadow: none;}
.Grey { background: #616060 !important; color: white !important; text-shadow: none;}
.Light { background: rgba(0,0,0,0.05) !important; color: inherit !important;}
.Transparent { background-color: transparent; text-shadow: none !important; color: #6b6b6b !important; border: 1px solid #8b8b8b;}
ul.icony li {padding: 4px 0;}
ul.icony li img.icona {width: 28px !important; display: inline-block; margin-bottom: -9px; margin-right: 12px;margin-top: 6px;opacity: 0.75;}
ul.dotted {margin-left: 25px;list-style:disc;}
ul.dotted li {padding: 2px 0;}
ul.number {margin-left: 25px;list-style:decimal;}
ul.number li {padding: 2px 0;}

h1, h2, h3, h4, h5, h6 { line-height: 1.25; letter-spacing: -0.25px; display: block; padding: 0; color: #4c515a; margin: 0; text-decoration: none !important; font-weight: bold; }

h1 { font-size: 26px; margin: 14px 0; }
h2 { font-size: 22px; margin: 12px 0; }
h3 { font-size: 20px; margin: 10px 0; }
h4 { font-size: 17px; margin: 8px 0; }
h5 { font-size: 15px; margin: 6px 0; }
h6 { font-size: 13px; margin: 4px 0; }

.twocol
{
	width: 45%;
	padding: 0 2%;	
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: -2%;
}

.threecol
{
	width: 29%;
	padding: 0 2%;	
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: -2%;
}

.fourcol
{
	width: 21.3%;
	padding: 0 2%;	
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: -2%;
}

article .icon
{
	width: auto !important;
	display: inline-block;
	float: left;
	vertical-align: bottom;
	margin-top: -14px;
}

table
{
	display: table;
	text-align: center;	
	margin: 0 auto;
	background: rgba(255,255,255,0.075);
	border: 1px dashed rgba(255,255,255,0.175);
	width: 100%;
}

table thead tr { background: rgba(0,0,0,0.05); }

table thead tr td {font-weight:bold;}
table tr { text-align: center; }


table td
{
	padding: 8px 20px;	
	text-align: center;	
	border: 1px solid rgba(0,0,0,0.05);
}

input[type=text], textarea
{
	background-color: transparent;
	display: block;	
	margin: 0;
	border: 1px solid rgba(0,0,0,0.25);
	padding: 2%;
	letter-spacing: -0.3px;
	font-size: 13px;
	width: 95%;
	min-width: 50%;
	margin-bottom: 20px;
	margin-left: 2px;
}

textarea { height: 100px; }
input[type=text]:hover, textarea:hover { border: 1px solid rgba(0,0,0,0.35); background-color: rgba(0,0,0,0.025); }
input[type=text]:focus, textarea:focus { border: 1px solid rgba(0,0,0,0.35); background-color: rgba(0,0,0,0.025);  }
input[type=submit]:hover, input[type=button]:hover { background: #5b7e88; }

input[type=submit], input[type=button]
{
	background: #5d5256;
	display: inline-block;
	border: none;	
	color: #fff;
	padding: 8px 16px;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
}

label { font-weight: bold; }
form { margin-top: 30px; width: 100%; overflow: hidden; }

.toggle
{
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: normal !important;
	cursor: pointer;
}

.container
{
	display: block;
	padding: 6px 12px;	
	font-size: 12px;
}

#searchform 
{
	-webkit-transition: all 450ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition: all 450ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition: all 450ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition: all 450ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition: all 450ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	
	-webkit-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			
		-webkit-transform: perspective(0) translate(0, -70%);
		-moz-transform: translate(0, -70%);	
		-ms-transform: translate(0, -70%);
		-o-transform:  translate(0, -70%);
		transform: translate(0, -70%);
		opacity: 0;
		z-index: 1000000000000000;
}

#searchform.moved
{
	-webkit-transform: perspective(0) translate(0, 0%);
		-moz-transform: translate(0, 0%);	
		-ms-transform: translate(0, 0%);
		-o-transform:  translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1;
}

#searchform
{
	background: #e4b73a;
	
	position: absolute;
	right: 20px;
	top: 60px;
	width: 280px;
	padding: 2px 0;
	border: none;
	margin: 0px auto;
}

#searchform-text
{
	padding-left: 12px;
	width: 188px;
	margin: 0;
	background-color: transparent;
	border: none;
	display: inline-block;
	color: #fff;
	font-weight: bold !important;
}

#searchform-submit
{
	background: #696969;
	color: #fff;
	border: none;

	text-transform: capitalize;
	font-size: 13px;
	padding: 8px 8px;
	display: inline-block;
	margin: -1px;
	margin-right: -20px !important;
}

#searchform-submit:hover { background: #19a5cd; }

/* -------------- HEADER -------------------- */

#header
{
	background-image: linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -o-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -webkit-gradient(linear,	left bottom,left top,color-stop(0, rgb(239,238,234)),color-stop(0.03, rgb(235,233,229)),color-stop(0.99, rgb(244,243,239)),color-stop(0.99, rgb(255,255,255)));
	
	width: 100%;
	position: relative;
	height: 44px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 -2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 -2px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 -2px 2px rgba(0,0,0,0.5);
}

	#header_right a img { width: 34px; }
	#a-menu {  height: 26px; }
	#a-menu img { width: 34px;   }

	#header_left { position: absolute; left: 10px; top: 8px; display: block;}
	#header_right { position: absolute; right: 10px; top: 8px; display: block;  }

	#header_title
	{
		display: inline-block;	
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}

		#header_title h1
		{
			line-height: 2;
			font-size: 16px !important;
			font-weight: normal;
			text-transform: uppercase;
			color: #757575;
			text-shadow: 0px 1px rgba(255,255,255,0.75);
			margin: 0 auto;
			margin-top: 8px;
			letter-spacing: normal;
			max-width: 70% !important;
			height: 25px;
			overflow-x: hidden;
		}

/* -------------- WRAPPERS -------------------- */

#page-wrapper /* viewport menu|_| */
{
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index:0;
}

	#content-wrapper
	{
	-webkit-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition: all 350ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	
	-webkit-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			
		-moz-box-shadow: -10px 0px 17px -7px rgba(0,0,0,0.35);
		-webkit-box-shadow:  -10px 0px 17px -7px rgba(0,0,0,0.35);
		box-shadow: -10px 0px 17px -7px rgba(0,0,0,0.35);
			
		position: relative;
		left: 0px;	
		-webkit-transform: perspective(0) translate(0, 0);
		-moz-transform: translate(0, 0);	
		-ms-transform: translate(0, 0);
		-o-transform:  translate(0, 0);
		transform: translate(0, 0);
		background: #f4f4f2;
		background-image: url(../img/page-bg.png);
	}
	
	#content-wrapper.moved
	{
		-webkit-transform: perspective(0) translate(270px, 0);
		-moz-transform: translate(270px, 0);	
		-ms-transform: translate(270px, 0);	
		-o-transform:  translate(270px, 0);	
		transform: translate(270px, 0);	
	}

/* -------------- Menu -------------------- */
	
#menu
{
	background: #e3e1db;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	width: 270px;
	overflow-x: auto;
	overflow-y: auto;
	z-index: -100000000000 !important;
}

	#menu h4
	{
		background-image: linear-gradient(bottom, rgb(136,138,128) 0%, rgb(169,170,156) 100%);
		background-image: -o-linear-gradient(bottom, rgb(136,138,128) 0%, rgb(169,170,156) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(136,138,128) 0%, rgb(169,170,156) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(136,138,128) 0%, rgb(169,170,156) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(136,138,128) 0%, rgb(169,170,156) 100%);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(136,138,128)),color-stop(1, rgb(169,170,156)));
		margin: 0;
		display: block;
		padding: 12px 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #7a776f;
		text-align: center;
		font-weight: normal;
		letter-spacing: normal;
		font-size: 18px;
		color: #fff;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.175);
		border-top: 1px solid #c2bfb4;
	}

	#menu ul {}
	
		#menu ul span
		{
			margin-left: 6px;	
			font-size: 13px;
			text-transform: uppercase;
			margin-top: 2px;
			display: inline-block;
			margin-right: 20px;
			color: #97948c;
			vertical-align: middle;
		}
	
		#menu ul li.item
		{
			padding: 8px 15px;	
			padding-bottom: 5px;
			line-height: 1.25;	
			border-bottom: 1px solid #cdcbc6;
			border-top: 1px solid #efede7;
			background-color: #e5e6df;
		}
	
		#menu ul li.item img.icon
		{
			height: 40px; 
			width: auto;
			opacity: 0.45;	
			vertical-align: middle;
			margin-top: -1px;
			margin-bottom: 2px;
		}
	
		#menu ul li.item.active span { color: #494949; }
		#menu ul li.item.active img.icon { opacity: 0.6; }
		
		#menu ul li.item:hover span { color: #494949; }
		#menu ul li.item:hover img.icon { opacity: 0.6; }

/* -------------- CONTENT -------------------- */

#content 
{
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
}

/* -------------- ARTICLES -------------- */

	article p { margin: 0; }
	.masonry { width: 246px; }
	article img, article iframe  { width: 100% !important; height: auto; }

	article .article_title h2, article .article_title
	{
		font-size: 18px !important;
		text-transform: capitalize !important;
		line-height: 1.25;
		display: block;
		padding: 0;
		color: #4c515a;
		margin: 0;
		text-decoration: none !important;
		margin-top: 10px;
		margin-bottom: -10px;
	}

	
/* -------------- PORTFOLIO -------------- */

#portfolio { margin: 15px auto; }

#portfolio-categories
{
	display: block;
	position: relative;
	margin: 30px auto;
	margin-top: 40px;
	text-align: center;
	max-width: 800px;
	padding: 0 10px;
}

	#portfolio-categories span
	{
		display: inline-block;	
		background: #d2cd3d;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px 7px 2px 7px;
		margin: 1px 0px;
	}

	#portfolio-categories ul
	{
		text-align: center;
		display: inline-block;	
		margin: 0;
		padding: 0;	
	}
	
	#portfolio-categories ul li { display: inline-block; }
	
	#portfolio-categories ul li a
	{
		display: inline-block;
		background: #e11f27;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: 4px 7px 2px 7px;
		margin: 1px 0px;
		text-decoration: none !important;
	}

article
{
	padding: 0px;
	border-bottom: 1px solid #eeeeeb;
	margin: 11px 7px;
	background: #fcfcfa;
	-moz-box-shadow: 0 10px 20px -15px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 10px 20px -15px rgba(0,0,0,0.25);
    box-shadow: 0 10px 20px -15px rgba(0,0,0,0.25);
}

	article.masonry { }
	article p { margin: 15px 0; }
	
	.article_meta
	{
		margin-top: 20px !important;
		margin-bottom: 9px;
		display: block;
	}
	
		.article_meta span
		{
			display: block;
		}
	
	article img, article iframe
	{

	}

		.article_title h2, .article_title
		{
			font-size: 10px !important;
			text-transform: capitalize !important;
			line-height: 1.25;
			display: block;
			padding: 0;
			color: #4c515a;
			margin: 0 12px;
			text-decoration: none !important;
			margin-top: 9px !important;
			margin-bottom: -3px !important;
		}
		
/* -------------- SINGLE -------------- */
		
article.single
{
	max-width: 660px;
	margin: 40px auto !important;
	margin: 11px 7px;
	padding: 0;
}

	article.single img, article.single iframe  { width: 100%; }
	article.single p { margin: 15px 0 !important; font-size: 16px; }

	.article-single-image
	{
		max-width: 660px;
		width: auto;
		display: block;
	}

	.article-single-box
	{
		max-width: 660px;
		display: block;
		padding: 15px 35px;
	}
	
		.article-single-box h2
		{
			font-size: 22px;
			line-height: 1.33;
			margin: 30px 0 0 0px;
		}
		
		.article-single-box .article-single-info
		{
			font-size: 13px;
			margin: 25px 0;
			font-family: Arial, Helvetica, sans-serif;
			border-top: 1px solid #d2d2d2;
			padding-top: 25px;
		}
		
			.article-single-box .article-single-info div
			{
				margin: 5px 0 !important;
				padding: 0 !important;
				display: block;
			}
		
			.article-single-box .article-single-info-icon
			{
				width: 28px !important;
				vertical-align: middle;
				opacity: 0.25;
				margin-top: -2px;
				margin-left: -5px;
			}
			
			.article-single-box .article-single-info-title
			{
				display: inline-block;
				width: 120px;
				font-weight: bold;
			}
			
			.article-single-box .article-single-info-data
			{
				
			}
			
		.article-list-box
		{
			max-width: 660px;
			display: block;
			padding: 5px 25px;
		}
	

		.article-single-nav
		{
			text-align: left;
			margin: 21px 0px;
			margin-bottom: -5px;
			cursor: default;
		}
		
			.article-single-nav a
			{
				padding: 3px 4px 3px 4px;
				margin-right: 0px;	
				transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;
				display: inline-block;
				background: #e4b73a;
			}
				
			.article-single-nav img
			{
				width: 18px !important;	
				vertical-align: middle;
			}
			
			.article-single-nav a:hover
			{
				background: #19a5cd !important;
			}
		
		.article-single-share
		{
			text-align: right;
			margin: 25px 0px;
			margin-top: -5px;
			cursor: default;
		}
		
			.article-single-share a
			{
				padding: 2px 4px 4px 4px;
				margin-right: -1px;
				background: #09F;	
				transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;
				display: inline-block;
			}
		
			.article-single-share img
			{
				width: 18px !important;	
				vertical-align: middle;
			}
			
			.article-single-share a:hover
			{
				background: #000 !important;
			}
			 
/* -------------- COMMENTS -------------- */

#comments
{
	max-width: 660px;
	display: block;
	padding: 0px 35px;
	border-top: 1px solid #d2d2d2;
	padding-top: 20px;
	margin-top: -15px;
}

	.comments-title-main
	{
		margin-bottom: 25px;
		display: block;
	}

	.comment-avatar
	{
		width: auto;
		height: 44px;
		float: left;
		margin-right: 12px;
	}
	
	.comment-meta	
	{
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		color: #999;
		font-weight: normal;
	}
	
	.comment-content
	{
		margin: 0;
		padding: 0;
		margin-top: -7px;
	}
	
	.comment-content p
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px !important;
	}
	
	.nocomments
	{
		padding-bottom: 15px;	
	}

/* -------------- CONTACT -------------- */

#contact_report h3
{
	font-size: 12px;
	padding: 10px;	
	margin: 30px 0;
	display: block;
	line-height: 22px;
	font-weight: normal;
}

/* -------------- FOOTER -------------------- */

#footer
{	
	background-image: linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -o-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(239,238,234) 0%, rgb(235,233,229) 3%, rgb(244,243,239) 99%, rgb(255,255,255) 99%);
	background-image: -webkit-gradient(linear,	left bottom,left top,color-stop(0, rgb(239,238,234)),color-stop(0.03, rgb(235,233,229)),color-stop(0.99, rgb(244,243,239)),color-stop(0.99, rgb(255,255,255)));
	background: #5d5256;
	padding: 0 15px;
	margin-top: 35px;
	clear: both;
	font-size: 11px;
	width: 100%;
	line-height: 15px;
	height: 45px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
	
	#footer-content
	{
		max-width: 70%;
		padding: 5px 0;	
		margin: 0 auto;
		color: #f3ece6;
	}
	
		#footer-content-left
		{
			display: inline-block;
		}
		
			#footer-content-logo
			{
				width: 90px;
				vertical-align: top;
				margin-top: 1px;
			}
			
			#footer-content-left span
			{
				margin-left: 16px;
				margin-top: 9px;
				display: inline-block;
			}

		#footer-content-right
		{
			display: inline-block;
			text-align: right;
			float: right;
			margin-top: 9px;
		}

	

/* -------------- MASONRY ANIMATIONS -------------------- */

.masonry,.masonry .masonry-brick {-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-ms-transition-duration: 0.7s;-o-transition-duration: 0.7s;transition-duration: 0.7s;}
.masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.masonry .masonry-brick { -webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-ms-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}

/* -------------- ISOTOPE ANIMATIONS -------------------- */

.isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;
}

/* -------------- FLEXSLIDER STYLE -------------------- */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* -------------- PAGE LOADER -------------------- */ 
/* If you want to disactivate page loading animation read help file */

#page-wrapper
{
	-webkit-transition: all 500ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition: all 500ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition: all 500ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition: all 500ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition: all 500ms cubic-bezier(0.665, 0.165, 0.130, 0.715);
	-webkit-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
	   -moz-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		-ms-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
		 -o-transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			transition-timing-function: cubic-bezier(0.665, 0.165, 0.130, 0.715);
			
		-moz-box-shadow: -10px 0px 17px -7px rgba(0,0,0,0.35);
		-webkit-box-shadow:  -10px 0px 17px -7px rgba(0,0,0,0.35);
		box-shadow: -10px 0px 17px -7px rgba(0,0,0,0.35);
			
		position: relative;
		left: 0px;	
		-webkit-transform: perspective(0) translate(-100%, 0);
		-moz-transform: translate(-100%, 0);	
		-ms-transform: translate(-100%, 0);
		-o-transform:  translate(-100%, 0);
		transform: translate(-100%, 0);
}

#page-wrapper.active
{
	-webkit-transform: perspective(0) translate(0, 0);
	-moz-transform: translate(0, 0);	
	-ms-transform: translate(0, 0);	
	-o-transform:  translate(0, 0);	
	transform: translate(0, 0);	
}
 
#loading
{             
    top: 0;
	left: 0;
    margin: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f4f4f2;
	background-image: url(../img/page-bg.png);           
}

.bokeh
{
	font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 0 auto;
	position: relative;
	top: 35%;
    border-radius: 50%;
    border: .01em solid rgba(150,150,150,0.1);
    list-style: none;
	z-index: 10000000000000;
}

.bokeh li
{
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.bokeh li:nth-child(1)
{
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #00C176;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -o-animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    animation: rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
}

.bokeh li:nth-child(2)
{
    top: 50%; 
    right: 0;
    margin: -.1em 0 0 0;
    background: #FF003C;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -moz-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -ms-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -o-animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    animation: rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
}

.bokeh li:nth-child(3)
{
    left: 50%; 
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #FABE28;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
	animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;}

.bokeh li:nth-child(4)
{
    top: 50%; 
    left 0;
    margin: -.1em 0 0 0;
    background: #88C100;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -moz-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -ms-animation:  rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -o-animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    animation: rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota { to { -webkit-transform: rotate(360deg); }}
@-moz-keyframes rota { to { -moz-transform: rotate(360deg); }}
@-ms-keyframes rota { to { -ms-transform: rotate(360deg); }}
@-o-keyframes rota { to { -o-transform: rotate(360deg); }}
@keyframes rota { to { transform: rotate(360deg); }}

@-webkit-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }	
}

/********* RESPONSIVE STATES **************/

@media (min-width: 1025px) { /* Hi-res desktop 1025px+ */

	
}

@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Tablets landscape */


}
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Tablets portrait */

	.masonry { width: 300px !important; }

}
@media (max-width: 755px) { /* Mobiles */

	.article-single-image { width: 100% !important; }
	#portfolio article p { font-size: 15px; }
	#portfolio .article_title h2, #portfolio .article_title { font-size: 22px !important; }
	.article-single-box { padding: 15px 20px; }
	
	article.recent h4 { margin: 20px 25px !important; }
	
	article.recent li
	{
		margin: 5px 10px;
		margin-bottom: 10px;
		height: 120px;
	}

	#footer
	{
		text-align: center;	
		height: auto;
		margin: 0;
		padding: 10px 0;
		margin: 0;
		margin-top: 10px;
	}
	
	#footer-content-left { text-align: center; }

	#footer-content-right
	{
		float: none;	
		text-align: center;
		display: block;
	}

}


@media (max-width: 399px) { .masonry { width: 258px; } }
@media (min-width: 400px) and (max-width: 449px) { .masonry { width: 345px; } }
@media (min-width: 450px) and (max-width: 499px) { .masonry { width: 395px; } }
@media (min-width: 500px) and (max-width: 549px) { .masonry { width: 425px; } }
@media (min-width: 550px) and (max-width: 599px) { .masonry { width: 465px; } }
@media (min-width: 600px) and (max-width: 641px) { .masonry { width: 505px; } }
@media (min-width: 642px) and (max-width: 779px) { .masonry { width: 246px; } }
@media (min-width: 780px) and (max-width: 930px) { .masonry { width: 310px; } }
@media (max-width: 680px) { article.single { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } }