/*

	Theme Name: Netelier
	Theme URI: http://nicethemes.com/theme/netelier/
	Description: Designed by <a href="http://nicethemes.com">NiceThemes</a>
	Version: 1.0.8
	Author: NiceThemes
	Author URI: http://nicethemes.com
	Tags: light, gray, white, one-column, two-columns, right-sidebar, left-sidebar, flexible-width, custom-menu, featured-images, full-width-template, theme-options, translation-ready, threaded-comments
	Text Domain: nicethemes
	Domain Path: /lang/

	Copyright: (c) 2014 NiceThemes.
	License: GNU/GPL Version 2 or later.
	License URI: http://www.gnu.org/licenses/gpl.html

	*************************************************************************

	WARNING! DO NOT EDIT THIS FILE!

	To make it easy to update your theme, you should not edit the styles in this file.

	Instead:

	* Create a child theme, or
	* Use the custom.css file to add your styles.

	You can copy a style from this file and paste it in custom.css and it will override the style in this file.

	*************************************************************************

	0.0 - CSS Reset
	1.0 - Document Setup
	2.0 - Header Styles
	3.0 - Navigation & Menus
	4.0 - Main Content Styles
	5.0 - Comments
	6.0 - Content
		6.1 - Portfolio Content Styles
		6.2 - Post Content Styles
	7.0 - Grid
	8.0 - Slider
	9.0 - Pagination
	10.0 - Footer Styles
	11.0 - Page Templates & Special styles
	12.0 - Contact form
	13.0 - Widgets
	14.0 - Responsive

*/

/*-------------------------------------------------------------------------------------------*/
/* 0.0 - RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/

body,html{height:100%;}
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
:focus{outline:0;}
ins { text-decoration: none; }
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* Floating & Alignment  */
.fl, .alignleft {float:left;}
.fr, .alignright{float:right;}
.ac{text-align:center;}
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both;}
.ar{text-align:right;}

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/*-----------------------------------------------------------------------------------*/
/*	1.0 - Document Setup
/*-----------------------------------------------------------------------------------*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

body {
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color: #8a8a8a;
}

#wrapper {
	background: #fff;
}

#container {
	max-width: 960px;
	margin: 0 auto;
	padding: 35px 0;
}

#content {
	width: 64.583%;
	float: left;
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 31.25%;
	overflow: hidden;
}

input,
textarea {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color: #999;
	border: 1px solid #fff;
}

.hidden { display: none; }

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}

hr {
	background-color: #e3e3e3;
	border: 0 none;
	height: 1px;
	margin-bottom: 20px;
}

ol, ul {
	list-style: none outside none;
}

a {
	text-decoration: none;
	color: #355871;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

a:hover { color: #036; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio { margin-bottom: 20px; }

.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 40px; }

.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
	color: #535353;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2{
	font-size: 20px;
	line-height: 24px;
}

h3 {
	font-size: 18px;
	line-height: 20px;
}

h4 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;
}

h5 {
	font-size: 14px;
	line-height: 16px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

.full-width {
	width: 100% !important;
}

.col-full {
	margin: 0 auto;
	max-width: 960px;
}

body.sidebar-left #content { float: right; }
body.sidebar-left #sidebar { float: left;  }

/*-----------------------------------------------------------------------------------*/
/*	2.0 - Header
/*-----------------------------------------------------------------------------------*/

#header #top{
	height: auto;
	padding: 10px 0;
}

#header  {
	background: #4a4e54;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);
}

#header #top #logo a .text-logo{
	color: #fff;
	display: inline-block;
	padding: 8px 0;
}

#header #top #logo #retina-logo { display: none; }

/* Retina logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	#header #top #logo #retina-logo { display: inline-block; height: 40px; }
	#header #top #logo #default-logo { display: none; }
}

/*-----------------------------------------------------------------------------------*/
/*	3.0 -Navigation */
/*-----------------------------------------------------------------------------------*/

.backtotop {
	bottom: -30px;
	display: block;
	font-size: 21px;
	height: 29px;
	min-width: 32px;
	position: fixed;
	right: 17px;
	z-index: 999;
	border: none;
}

.backtotop:hover { border: none; }

.backtotop i {
	display: inline-block;
	position: relative;
	width: 32px;
	color: #aaa;
	height: 20px;
	margin: 5px 0 0;
}

#header #top #toggle-nav {
	display: none;
	height: 45px;
	position: relative;
	float: right;
	right: 0;
	text-align: center;
	width: 45px;
	background: rgba(0,0,0,0.2);
	-webkit-border-radius: 	2px;
	-moz-border-radius:		2px;
	border-radius:		 	2px;
	color: #ddd;
	font-size: 24px;
	line-height: 45px;
}

#header #top #toggle-nav:before,
#header #top #toggle-nav:after {
	content: '';
	left: 7px;
	position: absolute;
}

#navigation { font-size: 12px; padding: 10px 0 0; float: right; }
.nav { z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; }
#navigation .nav li a {
	position: relative;
	color: #ccc;
	display: block;
	z-index: 100;
	padding: 5px 10px;
	line-height: 18px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#navigation .nav > li:hover a,
#navigation .nav > li.current_page_item a,
#navigation .nav > li.current_page_parent a,
#navigation .nav > li.current-menu-ancestor a,
#navigation .nav > li.current-menu-item a,
#navigation .nav > li.sfHover {
	color: #fff;
	background: #3e3e3e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #535659;
	-webkit-box-shadow: 1px 1px 1px #535659;
	box-shadow: 1px 1px 1px #535659;
}
#navigation .nav li {
	float: left;
	width: auto;
	margin: 0;
}

#navigation .nav > li {
	margin-right: 10px;
}

#navigation .nav li a.sf-with-ul:after {
	font-family: 'FontAwesome';
	content: '\f107';
	display: inline-block;
	text-decoration: inherit;
	margin-left: 5px;
}

#navigation .nav li ul li a.sf-with-ul:after {
	margin-right: 5px;
	content: '\f105';
	float: right;
}

.nav li ul {
	background: #3e3e3e;
	position: absolute;
	left: -999em;
	width: 180px;
	z-index: 999;
	margin: 0;
	-webkit-border-bottom-right-radius: 5px;
	margin-top: -2px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.nav li ul li  {
	border-bottom: 1px solid #4f4f4f;
	border: none;
	padding: 0 10px;
	display:block;
	background-image: none;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.nav li ul li:hover a  {
	background-image: none;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.nav li ul li:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#top #navigation .nav li ul li a {
	background: none;
	border-radius: 0;
	padding: 8px 10px;
	width: 160px;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #4f4f4f;
	text-shadow: none !important;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
#top #navigation .nav li ul li:last-child a { border: none; }
.nav li ul li a.sf-with-ul { padding: 5px 10px; }
#top #navigation .nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { color: #fff; }
.nav li ul ul { margin: -35px 0 0 170px; }
.nav li ul ul li a  { }
.nav li ul li ul li a { }

.nav li:hover,.nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left: auto; }
.nav .sf-sub-indicator { position: absolute; display: block; right: 0.4em; top: 0.9em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator {}

/*-----------------------------------------------------------------------------------*/
/*	4.0 -Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

blockquote {
	min-height: 40px;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
	margin-left: 15px;
	padding: 0 40px;
	color: #999;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 11px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
	font: 12px/18px Courier, "Courier New", monospace;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding: 0;
	border: 1px solid #e8e8e8;
	clear: both;
	line-height: 19px;
}

code {
	padding: 3px;
	background: #f5f5f5;
}

ul,
ol,
dl { margin-left: 30px; }

table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

table .even { background: #F4F4F4; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

input,
textarea,
button {
	background: #f5f5f5;
}

input, textarea, select { -moz-appearance: none; -webkit-appearance: none; }

input,
textarea,
select {
	padding: 5px;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

button {
	padding: 2px 10px;
	cursor: pointer;
}

select {
	background: url(images/select.png) no-repeat scroll right top #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #b3b3b3;
	height: 35px;
	padding: 8px;
	width: auto;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	select {
		background-size: 33px 33px;
		background-image: url(images/select@2x.png) !important;
		background-repeat: no-repeat;
		background-position: right top;
	}
}

select:hover {
	border: 1px solid #B3B3B3;
}

select option {
	cursor: pointer;
	padding: 5px 7px;
}

input:focus,
textarea:focus,
button:hover {
}

input:focus,
textarea:focus { color: #444; }

input,
textarea {
	background: #fff;
	border: 1px solid #dcdcdc;
}

/*-------------------------------------------------------------------------------------------*/
/* 5.0 - COMMENTS */
/*-------------------------------------------------------------------------------------------*/

#comments, #respond-container { position: relative; margin: 0; padding: 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#comments { margin:10px 0 20px; }
#comments a {
	border-bottom: 1px solid #eee;
	padding-bottom: 1px;
}
#comments a:hover { border-bottom-color: #ccc; }
#comments h3, h3.respond  { margin: 20px 0; font-size: 18px; color: #3b3b3b; }
#comments ol { margin: 0;}
#comments .comment.thread-even {}
#comments .comment.bypostauthor .comment-container {  }
#comments .comment.bypostauthor .comment-entry { background: none;  }
#comments .comment.bypostauthor .avatar { background: #ddd;  }
#comments .comment { width: 100%; list-style-type: none;}
#comments .comment .comment-container  { position: relative; padding: 15px 0; border-bottom: 1px solid #eee; }
#comments .comment:last-child .comment-container  { border-bottom: none; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .avatar  { float: left; margin: 0 10px 10px 0; padding: 5px; background: #eee; }
#comments .avatar img { margin: 0; vertical-align: middle; display: block; padding: 0; border: 2px solid #fff; }
#comments .comment-head .name  { margin: 0; font-size: 13px; font-weight: bold; color: #555; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font: italic 11px/20px Georgia,serif; }
#comments .comment-head .date a { color: #777; }
#comments .comment-entry { margin-left: 85px; padding: 0; }
#comments .comment-entry p  { margin: 0 0 10px 0; font-size: 105%; }
#comments .reply { font: italic 11px/20px Georgia,serif; float: right; margin-left: 10px; padding-right: 10px; }
#wrapper #comments .reply a { padding: 6px 3px 3px 6px; border: none; color: #777; }

#comments h5.nocomments { padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: normal; }

#comments ul.children{ margin: 0 0 0 25px; padding: 0; }
#comments ul.children li { }
#comments .cancel-comment-reply{margin: 10px 0;}

#comments .navigation {}
#comments .navigation a { display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top: 25px; }
#comments .pingbacks li.pingback { margin: 10px 0; }
#comments .pingbacks li.pingback .reply { display: none; }

#comments .nocomments { font-size: 14px; font-weight: bold; margin-top: 20px; }

#respond {  }
#comments li #respond { margin-left: 85px; }
#respond h3  { color: #333; font-weight: normal; margin-bottom: 20px; }
#respond .left { float: left; width: 200px; margin-right: 15px; }
#respond .right { float: left; width: 380px; }
#respond label { color: #777; }

#commentform p { margin: 0;}
#commentform label  { position: relative; display: inline; vertical-align: top; display: inline-block; margin-top: 5px; }
#commentform label span.required { font-weight: bold; }
#commentform input.txt, #commentform textarea {}
#commentform input.txt  { color: #666; width: 240px; margin: 0 5px 10px 0; padding: 5px 7px; height: 20px; }
#commentform textarea  { color: #666; width: 94% !important; padding: 5px 7px; }

input[type=submit], button,
#commentform .button,
.nice-contact-form input[type="submit"]  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: auto;
	padding: 0 10px;
	line-height: 12px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #d5d5d5;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
			box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	background-image: linear-gradient(bottom, rgb(240,240,240) 37%, rgb(247,246,243) 69%, rgb(250,249,247) 85%);
	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 37%, rgb(247,246,243) 69%, rgb(250,249,247) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 37%, rgb(247,246,243) 69%, rgb(250,249,247) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 37%, rgb(247,246,243) 69%, rgb(250,249,247) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 37%, rgb(247,246,243) 69%, rgb(250,249,247) 85%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(240,240,240)),
		color-stop(0.69, rgb(247,246,243)),
		color-stop(0.85, rgb(250,249,247))
	);
	color: #555555;
}

.contactform button:hover,
#commentform .button:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
			box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

input[type=submit], button,
#commentform .button:active,
.nice-contact-form input[type="submit"]:active { margin-top: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* 6.0 - Content Styles */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 6.1 - Portfolio Content Styles */
/*-------------------------------------------------------------------------------------------*/

body.single-portfolio .post{
	padding-bottom: 0;
}
/*
body.page-template-template-portfolio-php #content{
	margin: 0 auto;
	padding-top: 40px;
	width: 960px;
}*/

body.page-template-template-portfolio-php .portfolio{
	position: relative;
}

.portfolio-categories, .portfolio-categories a {
	color: #999;
	font: italic 14px/20px Georgia,serif;
}
div.returnto {
width: 300px;
height: 20px;
margin: 20px 0 20px;
}
div.othercats {
width: 250px;
height: 24px;
margin: 10px 0 0 1px;
}
#filter {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
	font-size: 12px;
}

#filter li {
	color: #444;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	margin-left: 5px;
}

#container #filter a {
	color: #777;
	display: block;
	height: 26px;
	padding: 0 10px;
	position: relative;
	z-index: 30;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
}

#container #filter li a:hover,
#container #filter li.active a {
	background: #e5e5e5;
}

body.page-template-template-portfolio-php .portfolio {
	position: relative;
}

.portfolio-grid {
	margin-top: 25px;
}

.portfolio-grid .portfolio-item {
	display: inline-block;
}

.portfolio-grid [class*='columns-'] {
	padding-bottom: 3%;
}

.portfolio-grid .thumb{
	max-width: 100%;
}

/***************** Isotope ******************/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.7s;
	 -moz-transition-duration: 0.7s;
	  -ms-transition-duration: 0.7s;
	   -o-transition-duration: 0.7s;
		  transition-duration: 0.7s;
}

.isotope {
  -webkit-transition-property: height;
	 -moz-transition-property: height;
	  -ms-transition-property: height;
	   -o-transition-property: height;
		  transition-property: height;
}

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

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

/**** Isotope filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/*
ul.portfolio-grid{ width: 1000px; }*/
ul.four-col-grid { padding: 25px 0; list-style: none; margin: 0 auto; }
ul.four-col-grid li { width:215px; margin-right: 33.3px; float: left; margin-bottom: 30px; display: inline-block; overflow: hidden; }
ul.four-col-grid li:nth-child(4n+4) { margin-right: 0; }
ul.four-col-grid li.last { margin-right:0 !important; }
ul.four-col-grid img,
.portfolio-grid img {
	overflow: hidden;
	background: #fff;
	width: 100%;
	height: auto;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

ul.four-col-grid a > img:hover,
.portfolio-grid a > img:hover {
	opacity: .6; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

ul.four-col-grid .post-thumb,
.portfolio-grid .post-thumb {
	margin-bottom: 5px;
}

#container ul.four-col-grid .entry-title,
#container .portfolio-grid .entry-title {
	font-size: 13px;
	font-weight: bold;
	color: #717171;
}

#container ul.four-col-grid .entry-title a,
#container .portfolio-grid .entry-title a {
	color: #717171;
}

#container ul.four-col-grid .entry-title a:hover,
#container .portfolio-grid .entry-title a:hover {
	color: #616161;
}

/*-------------------------------------------------------------------------------------------*/
/* 6.2  Post */
/*-------------------------------------------------------------------------------------------*/
.post {
	display: block;
	margin: 0 0 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
}

.sticky {}

.post-meta {
	margin: 0 0 20px;
	color: #bbb;
}

.post-meta i {
	margin-right: 4px;
	font-size: 15px;
}

#container .post-meta a,
#container .post-meta a:link,
#container .post-meta a:visited {
	color: #999;
}

.post-meta span {
	margin-right: 5px;
}

.entry-title {
	font-size: 30px;
}

body.single .post-meta {
	font-size: 15px;
	padding: 3px 0 8px;
	margin: 0 0 20px;
}


.post .post-content {
	padding-top: 20px;
	display: block;
}

.post h2 {
	font-size: 26px;
	margin-bottom: 10px;
}

#container .post h2 a {
	color: #535353;
}

.post .wp-post-image {
}

.single .featured-image,
.post .featured-image {
	background: #eee;
	padding: 5px;
	margin-top: 20px;
}

.single-portfolio .featured-image {
	margin-top: 0;
}

a[href$=".jpg"], a[href$=".jpg"]:hover {
	border-bottom: none !important;
}

.single .featured-image img, .post .featured-image img {
	height: auto;
	margin: 0;
	max-width: 100%;
	border: 2px solid #fff;
}

.single .featured-image img, .post .featured-image img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

.entry-title { margin: 0 0 20px; }
.entry ul { margin-bottom: 1.5em; padding: 0; }
.entry ul ul { margin: 0 15px; }
.entry ul li {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0; }
.entry ol ol  { margin: 0 15px; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	line-height: 1.5em;
	margin: 0 0 0.5em;
}

.entry blockquote {
	border-left: 3px solid #ddd;
	color: #999;
	font-size: 14px;
	margin: 0 20px;
	padding: 0 20px;
}

.post-content a{
	padding-bottom: 1px;
	border-bottom: 1px solid #eee;
}

.post-content a img{
	padding: 0;
	border: none;
}

.post-content a:hover{
	border-bottom-color: #ccc;
}

.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

.wp-caption-text { padding-bottom: 5px; }

.wp-caption {
	text-align: center;
	font-style: italic;
	color: #999;
	font-size: 11px;
	max-width: 500px;
	background: #f2f2f2;
}

.wp-caption img.size-large {
	margin: 10px 0 0 -180px;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}

.wp-caption p.wp-caption-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 5px;
}

.wp-caption img{
	padding: 5px 5px 0;
	margin-bottom: 0;
}

.entry-content img { max-width: 680px; }

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.size-large { margin: 10px 0 20px -180px; }

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption img.size-large {
	margin: 10px 0 0 -180px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}

.gallery-columns-2 dl { width: 50%; }
.gallery-columns-3 dl { width: 33%; }
.gallery-columns-4 dl { width: 25%; }
.gallery-columns-5 dl { width: 20%; }
.gallery-columns-6 dl { width: 16%; }
.gallery-columns-7 dl { width: 14%; }
.gallery-columns-8 dl { width: 12%; }
.gallery-columns-9 dl { width: 11%; }

body.single .post-meta {
	border-bottom: 1px solid #e6e6e6;
	font-size: 13px;
	padding: 3px 0 8px;
	margin: 0 0 20px;
}

/* Post Author */
#post-author {  padding: 0 15px 15px 0; clear: both; }
#post-author h4 { margin-bottom: 5px; }
#post-author .profile-image { float: left; margin: 0 15px 5px 0; padding: 5px; background: #eee; }
#post-author .profile-image img{ display: block; margin: 0; padding: 0; border: 2px solid #fff; }
#post-author .profile-link { margin-top: 15px; }

/*-------------------------------------------------------------------------------------------*/
/* 7.  Grid Styles */
/*-------------------------------------------------------------------------------------------*/

.grid {
	overflow: hidden;
	margin-left: -3%; /* same as your gutter */
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 20px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.row{
	padding-bottom: 3%;
}

[class*='columns-'] {
	float: left;
	padding-left: 3%;
}

[class*='columns-']:last-of-type {
	padding-right: 0;
}

[class*='columns-'] {
}

[class*='columns-'] img{
	max-width: 100%;
	height: auto;
}

.col-2-3 {
	width: 66.66%;
}

.columns-1 {
	width: 100%;
}

.columns-2 {
	width: 50%;
}

.columns-3 {
	width: 33.33%;
}

.columns-4 {
	width: 25%;
}

.columns-5 {
	width: 20%;
}

.columns-6 {
	width: 16.66%;
}

.columns-7 {
	width: 14.28%;
}

.columns-8 {
	width: 12.5%;
}

.columns-9 {
	width: 11.11%;
}

.columns-10 {
	width: 10%;
}

.columns-11 {
	width: 9.09%;
}

.columns-12 {
	width: 8.33%;
}


/*-----------------------------------------------------------------------------------*/
/*	8.  Slider
/*-----------------------------------------------------------------------------------*/
.slider { max-width: 960px;}
.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; border: 2px solid #fff; }
.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 auto 30px; position: relative; zoom: 1; padding: 5px; background: #eee; }
.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; margin: 0;}

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

.flexslider .slides li h2{
	color: #fff;
}

/* Direction Nav */
.flex-direction-nav { margin-bottom: 0; }
.flex-direction-nav a { width: 36px; height: 39px; margin: -20px 0 0; display: block; /*background: url(images/bg_direction_nav.png) no-repeat 0 0; */position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; background-color: rgba(0, 0, 0, 0.5);}
.flex-direction-nav .flex-next { background-position: 0 -39px; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 1; right: 0; }
.flexslider:hover .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 95%; position: absolute; bottom: 3%; left: 3%; margin: 0; }
.flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #333; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #bbb; }
.flex-control-paging li a.flex-active { background: #f0f0f0; cursor: default; position: relative; }

.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 .active { opacity: 1; cursor: default; }

.flex-direction-nav a:before {
	font-family: "FontAwesome";
	font-size: 17px;
	display: inline-block;
	content: '\f053';
	color: #fff;
	left: 32%;
	position: absolute;
	text-indent: 0;
	top: 28%;
}

.flex-direction-nav a.flex-next:before { content: '\f054'; }

.flex-caption {
	position: absolute;
	top: 5%;
	left: 2%;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	padding: 15px 20px;
	max-width: 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.flex-caption h2,
.flex-caption p {
	text-align: left;
}

.flex-caption p {
	color: #eee;
	margin: 10px 0;
}

.flex-active-slide .flex-caption {
	display: block;
}

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

/*-----------------------------------------------------------------------------------*/
/*	9.  Navigation
/*-----------------------------------------------------------------------------------*/

.wp-pagenavi {
	clear: both;
	padding-bottom: 20px;
}

.wp-pagenavi span.pages {
	background: none;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-pagenavi a, .wp-pagenavi span {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f1f1f1;
	padding: 0 10px !important;
	border: none !important;
	color: #777;
	height: 26px;
	line-height: 27px;
	display: inline-block;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #e5e5e5 !important; }

.wp-pagenavi span.current { font-weight: normal !important; }

body.single-portfolio {
	margin-top: 30px;
}

.post-entries {
	padding: 0 0 20px;
	float: right;
	width: 40px;
	margin-top: 20px;
}

.post-entries a {
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	background-repeat:no-repeat;
	background-position: 5px center;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	width: 18px;
	text-indent: -999;
}

.post-entries .nav-prev a {
	float: left;
	background-image: url(images/left-arrow.png);
}

.post-entries .nav-next a {
	float: right;
	background-image: url(images/right-arrow.png);
}

.post-entries a:hover { background-color: #e5e5e5; }

/*-----------------------------------------------------------------------------------*/
/*	10.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	background: #333;
	font-size: 12px;
	color: #c9c9c9;
	clear: both;
	margin: 0 auto;
}

#footer a {
	color: #fff;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#footer a:hover {
	color: #ccc;
}

#extended-footer { padding: 20px 0; color: #888; background: #272727; }
#extended-footer .inner { margin: 0 auto; max-width: 960px; display: block; }
#extended-footer p { margin: 0; }
#extended-footer a { color: #aaa; }

/*-----------------------------------------------------------------------------------*/
/*	11.  Page Templates & special styles
/*-----------------------------------------------------------------------------------*/

/* Home Page Template Elements */

.infobox li { text-align: center; }

.infobox .entry-title {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	display: block;
	margin: 0 0 10px;
}

.welcome-message {
	margin-bottom: 30px;
	padding: 20px 0;
	border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;
}

.welcome-message h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
	letter-spacing: -1px;
	color:  #717171;
}

.welcome-message a {
	padding-bottom: 2px;
	border-bottom: 2px solid #eee;
}

.welcome-message a:hover {
	border-bottom: 2px solid #355871;
}

.infobox .thumb { background-color: transparent; }
.infobox .thumb:hover { background-color: transparent; }

.thumb {
	padding: 5px;
	background: #eee;
	display: inline-block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.thumb:hover { background: #e4e4e4; }

.thumb img {
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
	display: block;
}

.archive-header {
	border-bottom: 1px solid #eee;
	display: block;
	float: left;
	font-size: 18px;
	margin: 0 0 30px;
	padding: 0 0 10px;
	width: 100%;
}

span.rss { text-indent: -999em; margin-top: 7px; }
span.rss a {
	background: url(images/rss.png) no-repeat;
	height: 20px;
	width: 20px;
	display: block;
}

span.rss a:hover {
	background-position: 0 -30px;
}

.home-block-header h2 {
	background: url(images/bg-heading.jpg) repeat-x scroll right 4px ;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 20px;
	line-height: 18px;
}

.home-block-header h2 span {
	background: #fff;
	padding: 0 10px 0 0;
}

.two-col{}
.col-1, .col-2 { width: 48%;}
.col-1 { float: left;  }
.col-2 { float: right; }
/*-----------------------------------------------------------------------------------*/
/*	12.  Contact Form
/*-----------------------------------------------------------------------------------*/

.nice-contact-form { width: 100%; }

.nice-contact-form label {
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	clear: both;
}

.nice-contact-form input,
.nice-contact-form textarea {
	width: 94%;
	padding: 10px 0 10px 10px;
	margin: 1px 0 0;
	font-size:100%;
	display: block;
}

.nice-contact-form input:focus, .nice-contact-form textarea:focus,
.nice-contact-form input:active, .nice-contact-form textarea:active {
	color:#3B3636;
}

.nice-contact-form textarea {
	height: 150px;
}
.nice-contact-form #node {
	float: left;
	width: 100%;
	display: none;
	color: #fb6022;;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.nice-contact-form #success {
	float: left;
	width: 100%;
	color: #48B855;
	display: none;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.nice-contact-form input[type=submit] {
	width: 150px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	clear: both;
	height: auto;
	text-transform: uppercase;
	padding: 10px;
}

.nice-contact-form input[type=submit]:active {
	margin-top: 1px;
}

.nice-contact-form label.error {
	color: #bbb;
	width: 350px;
}

/*-------------------------------------------------------------------------------------------*/
/* 13. Widgets */
/*-------------------------------------------------------------------------------------------*/

#sidebar .widget h3 {
	font-size: 21px;
	margin: 0 0 20px;
	background: url(images/bg-heading.jpg) repeat-x right 4px;
}

#sidebar .widget h3 span {
	background: #fff;
	padding: 0 10px 0 0;
}

.widget {
	clear: both;
	margin: 0 0 2em;
}

.widget ul {
	clear: both;
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 8px;
	background: #f0f0f0;
}

.widget ul li {
	border-bottom: 1px solid #ececec;
	padding: 8px;
	background: #fff;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.widget ul li a { color: #8a8a8a; }

.widget ul li:hover {
	background: #f2f2f2;
}

.widget ul li:last-child { border-bottom: none; }

.widget select {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #8a8a8a;
	width: 100%;
}

.textwidget img{
	max-width: 100%;
	height: auto;
}

#footer-widgets .thumb img { border-color: #3f3f3f; background: #4f4f4f; }
#footer-widgets .thumb { background-color: #4f4f4f; }

/* SEARCH */
/* Assistive text */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.widget a.screen-reader-text:active,
.widget a.screen-reader-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

.widget input#s {
	background: url(images/search.png) no-repeat 7px 7px;
	font-size: 12px;
	padding: 7px 10px 7px 30px;
	width: 100%;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	.widget input#s {
		background-size: 16px 18px;
		background-image: url(images/search@2x.png) !important;
	}
}

.widget input#searchsubmit { display: none; }

.widget #s { width: 86%; }

.widget #s:focus {
	background-color: #f9f9f9;
}

.widget #searchsubmit { display: none; }

.widget .only-search #searchform {
	top: 5px;
	z-index: 1;
}

.widget .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}

.widget .only-search #s,
.widget .only-search #s:focus {
	width: 85%;
}

.widget .only-search #s:focus { background-color: #bbb; }

/* FLICKR */
#sidebar .widget_nice_flickr h3 span span { color: #0061d8; padding: 0; }
#sidebar .widget_nice_flickr h3 span span span { color: #ff1183; padding: 0; }
.widget_nice_flickr .wrap { position: relative; padding: 0; }
.widget_nice_flickr .flickr_badge_image { float: left; margin: 6px; background:#eee; padding: 5px;}
.widget_nice_flickr .flickr_badge_image:hover { background: #ddd; }
#footer-widgets .widget_nice_flickr .flickr_badge_image { background: #4f4f4f; }
#footer-widgets .widget_nice_flickr .flickr_badge_image:hover { background: #3f3f3f; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n) { margin-rigth: 0; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n+1) { margin-left: 0;  }

#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n) { margin-rigth: 0; }
#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n+1) { margin-left: 0;}

.widget_nice_flickr a img {
	float: left;
	border: 2px solid #fff;
	margin: 0;   display: block;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}


#footer-widgets .widget_nice_flickr h3 span { color: #0061d8;}
#footer-widgets .widget_nice_flickr h3 span span { color: #ff1183;}

#footer-widgets .widget_nice_flickr a img { border-color: #3f3f3f; background: #4f4f4f; }
#footer-widgets .widget_nice_flickr a:hover img { background: #3b444b; }

/* Calendar */
.widget #calendar_wrap {
	padding: 10px;
	background: #eee;
}

.widget_calendar #wp-calendar {
	color: #555;
	width: 100%;
	text-align: center;
	border: none;
	background: #fff;
	margin: 0 auto;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	background: #fff;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ECECEC;
}

.widget_calendar #wp-calendar tr {
	border: none;
}

/* twitter */
.widget_nice_twitter ul li { background: #fff; padding: 8px; }
.widget_nice_twitter ul li:hover { background: #fff; }
.widget_nice_twitter p.tw-follow { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 10px; }
.widget_nice_twitter p.tw-follow:before {
	font-family: 'FontAwesome';
	content: '\f099';
	padding-right: 10px;
}
.widget_nice_twitter .one-tweet { font-size: 16px; }

/* FEEDBACK */
.widget_nice_feedback .feedback { /*padding: 5px 15px 0;*/ }
.widget_nice_feedback .feedback img { float: left; }
.widget_nice_feedback .feedback .quote { padding: 0 0 10px; float: left; }
.widget_nice_feedback .feedback blockquote { line-height: 18px; font-size: 14px; margin-left: 25px; }
.widget_nice_feedback .feedback blockquote.no-img  { font-size: 16px; margin: 0; padding: 0; }
.widget_nice_feedback .feedback cite { float: right; }
.widget_nice_feedback .feedback .feedback-url { display: block; text-align: right; }
.widget_nice_feedback .feedback .pagination { overflow: auto; padding: 5px 0 10px; float: right; width:40px; }
.widget_nice_feedback .feedback .pagination a { display: block; width: 18px; height: 0; overflow: hidden; padding-top: 18px; }

/* PORTFOLIO */
.widget_nice_portfolio .portfolio { margin-bottom: 20px; }
.widget_nice_portfolio .portfolio .quote { padding: 0 0 10px; }
.widget_nice_portfolio .portfolio blockquote { margin: 0 0 5px; line-height: 18px; }
.widget_nice_portfolio .portfolio .portfolio-url { display: block; text-align: right; }
.widget_nice_portfolio .portfolio .pagination { overflow: auto; padding: 5px 0 10px; float: right; width: 40px; position: relative; }
.widget_nice_portfolio .portfolio .pagination a { display: block; width: 18px; height: 0; overflow: hidden; padding-top: 18px; }
.widget_nice_portfolio .portfolio img {
	background: #fff;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	margin: 0;
	padding: 0;
	display: block;
	border: 2px solid #fff;
	width: 286px;
}

.widget_nice_portfolio .portfolio img:hover {
	opacity: .7;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: 2px solid #fff;
}
.widget_nice_portfolio .portfolio .pagination a,
.widget_nice_feedback .feedback .pagination a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 5px center;
	position: relative;
}
.widget_nice_portfolio .portfolio .pagination a.btn-next,
.widget_nice_feedback .feedback .pagination a.btn-next { float: right; }
.widget_nice_portfolio .portfolio .pagination a.btn-prev,
.widget_nice_feedback .feedback .pagination a.btn-prev { float: left; }

.widget_nice_portfolio .portfolio .pagination a:before,
.widget_nice_feedback .feedback .pagination a:before {
	font-family: "FontAwesome";
	font-size: 8px;
	display: inline-block;
	color: #999;
	text-indent: -999em;
	left: 6px;
	position: absolute;
	text-indent: 0;
	top: 0;
}
.widget_nice_portfolio .portfolio .pagination .btn-prev:before,
.widget_nice_feedback .feedback .pagination .btn-prev:before { content: '\f053'; }
.widget_nice_portfolio .portfolio .pagination .btn-next:before,
.widget_nice_feedback .feedback .pagination .btn-next:before { content: '\f054'; }

#footer-widgets .widget_nice_portfolio .portfolio img { max-width: 205px; }

/* BLOG AUTHOR */

.widget_nice_blogauthor .left { float: left; padding-right: 15px; }
.widget_nice_blogauthor .right { float: right; padding-left: 15px; }
.widget_nice_blogauthor img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* NiceTABS */
#tabs {	background: #f0f0f0; height: auto; display: block; padding: 7px; }
#tabs ul.niceTabs { padding: 0; }
#tabs ul.niceTabs li {
	float: left;
	display: inline;
	color: #fff; margin: 0; cursor: pointer;
	padding:0;
	border:0 none;
	background: #f4f4f4;
}
#tabs ul.niceTabs li a { color: #777; display: block; float: left; padding: 10px 8px; text-transform: none; font: 12px/18px "Helvetica Neue", sans-serif; border: 1px solid #e6e6e6; border-width: 1px 1px 1px 0;}
#tabs ul.niceTabs li a.active { padding-bottom: 11px; }
#tabs ul.niceTabs li a.active,
#tabs ul.niceTabs li a:hover { background: #fff; text-decoration: none; border-width: 1px 1px 0 0; }
#tabs ul.niceTabs li:first-child a { border-width: 1px 1px 0 1px;}

#tabs .inside { background: #fff; border: 1px solid #e6e6e6; margin-top: -1px;  }
#tabs .inside ul, #tabs .inside .tags { margin: 0; padding: 0; display: none; }
#tabs .inside ul:first-child { display: inline; }
#tabs .inside .tags { border-width: 1px; padding:10px; }
#tabs .inside li { border-bottom: 1px solid #e6e6e6; padding: 12px; list-style: none; background: #fff;}
#tabs .inside li a { color: #535353; font: bold 12px/18px sans-serif; padding: 0;}
#tabs .inside a:hover {}
#tabs .inside .tags a { padding: 2px 4px; margin: 3px 1px; display: inline-block; background: #f0f0f0; font-size: 13px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#tabs .inside .tags a:hover { background: #e6e6e6; text-decoration: none; }
#tabs .inside li span.meta { display: block; font: italic 11px/20px Georgia, serif; text-transform: normal; color: #999; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { background-color: #eee; padding: 4px; float: left;	margin: 0 10px 0 0; }
#tabs .inside li:hover img.avatar, #tabs .inside li:hover img.thumbnail { background: #ddd; }

#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social {
	margin: 0;
	background: none;
	padding: 0;
}

.social-links {
	margin:0 auto;
	list-style: none;
}

#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social {
	list-style: none;
	margin: 0;
}

#footer-widgets .widget .widget_nice_social #social > li,
.widget_nice_social #social > li {
	display: inline-block !important;
	position: relative !important;
	background-image: none;
	padding: 0 !important;
	background-color: transparent;
	border: none !important;
	margin: 0 8px 8px 0;
}

#footer-widgets .widget_nice_social #social > li a,
.widget_nice_social #social > li a {
	background: #333;
	background-repeat: no-repeat;
	height: 34px;
	width: 34px;
	display: block;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
	transition: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff !important;
	line-height: 40px;
}

#footer-widgets .widget .widget_nice_social #social > li a i,
.widget_nice_social #social > li a i{
	font-size: 21px;
}

#social #facebook a		{ background-color: #4064af !important; }
#social #twitter a		{ background-color: #46c7f4 !important; }
#social #dribbble a		{ background-color: #e94c89 !important; }
#social #vimeo a		{ background-color: #87c8ee !important; }
#social #tumblr a		{ background-color: #33526f !important; }
#social #flickr a		{ background-color: #ed1e83 !important; }
#social #google a		{ background-color: #db4a38 !important; }
#social #youtube a		{ background-color: #c4302a !important; }
#social #linkedin a		{ background-color: #0f76a8 !important; }
#social #foursquare a	{ background-color: #0732a2 !important; }
#social #instagram a	{ background-color: #634d40 !important; }
#social #pinterest a	{ background-color: #c9222d !important; }
#social #skype a		{ background-color: #2aace3 !important; }
#social #bitbucket a	{ background-color: #205081 !important; }
#social #github a		{ background-color: #444 !important; }
#social #lastfm a		{ background-color: #d1594f !important; }


#footer-widgets {
	padding: 40px 0;
	display: block;
}

#footer-widgets .widget {
	font-style: normal;
	color: #c9c9c9;
}

#footer-widgets .widget-wrap { max-width: 960px; }
#footer-widgets .widget a { color: #ffffff; }
#footer-widgets .widget li a { color: #c9c9c9; }
#footer-widgets .widget li a:hover { color: #fff;}

#footer-widgets h4 {
	color: #dfdfdf;
	text-shadow: #222 1px 1px 1px;
	font-size: 20px;
	margin: 0 0 20px 0;
}

#footer-widgets .widget ul{
	padding: 0;
	background: none;
}

#footer-widgets .widget ul li {
	border-bottom: 1px solid #4F4F4F;
	background: none;
	padding: 8px 8px 8px 0;
	display: block;
}

/*-------------------------------------------------------------------------------------------*/
/* 14. Responsive */
/*-------------------------------------------------------------------------------------------*/

.post .video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.flexslider .video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.post .video iframe, .post .video object, .post .video embed,
.flexslider .video iframe, .flexslider .video object, .flexslider .video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {

	#content {
		float: none !important;
		overflow: hidden;
		width: 620px !important;
		margin: 0 auto;
	}

	#filter { display: none; }

	#container{
		padding: 30px 20px 20px;
	}

	#header #top {
		padding: 10px 15px;
	}

	#sidebar {
		float: none !important;
		width: 620px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.col-full {
		width: 620px;
	}

	.slider {
		width: 610px;
	}

	.single .featured-image {
		width: 100%;
	}

	#extended-footer .inner {
		width: 620px;
	}

	.post .video iframe, .post .video object, .post .video embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.widget_nice_portfolio .portfolio img {
		width: 10%;
	}

	.post .wp-post-image {
		background: none;
		padding: 0;
	}
	ul.four-col-grid { width: auto; }
	ul.four-col-grid li { width: 47%; margin-right: 5%; }
	ul.four-col-grid img { width: 100%; }
	ul.four-col-grid li:nth-child(2n+1) { margin-right: 5%; float: left; }
	ul.four-col-grid li:nth-child(2n) { margin-right: 0; float: right; }

	#logo {
		margin: 0;
	}

	.welcome-message,
	.infobox, .home-block {
		margin: 0 auto;
		max-width: 620px;
	}

	#header #top #toggle-nav {
		display: block;
	}

	#top #navigation .nav li a {
		border-radius: 0;
	}

	#top #navigation .nav li ul li a{
		padding: 15px 10px;
		width: auto;
	}

	#top #navigation .nav li ul li:last-child a {
		border-bottom: none;
	}

	#header #navigation{
		clear: both;
		display: none;
		float: none;
	}

	#header #navigation ul{
		width: 100%;
	}

	#header #navigation li{
		float: none;
		width: 100%;
	}

	#navigation .nav li a{
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding: 15px 10px;
		line-height: 20px;
		margin-right: 0;
	}

	#top #navigation .nav li ul li a,
	#top #navigation .nav li ul li a:hover { color: #ccc; }

	#navigation .nav li:last-child a {
		border-bottom: none;
	}

	#navigation .nav li a.sf-with-ul {
		background-image: none;
	}

	#header #navigation li ul {
		background-color: transparent;
		left: 0;
		margin-left: 30px;
		position: relative;
		top: 0;
		width: auto;
	}

	#navigation {
		margin: 0 auto;
		max-width: 100%;
	}

	.backtotop {
		display: none
	}

	.widget #s {
		width: 93%;
	}

	#footer-widgets .widget-section{ width: 50%; margin: 0; }
	#footer-widgets .even { margin-right: 0;}
	#footer-widgets .widget_nice_portfolio .portfolio img{ width: 247px; }
	#footer-widgets .widget {
		padding-right: 20px;
	}

}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {

	.entry p{ font-size: 105%; }

	#content, .slider, #sidebar, .col-full, #extended-footer .inner { max-width: 620px; }
	#extended-footer .inner, #footer { width: 100%; }
	#sidebar{ padding: 0;}

	.post .video {
		height: 100%;
	}

	#extended-footer .inner p { padding: 0 20px; }
	#footer-widgets .widget {
		padding: 0 20px;
	}

}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {

	#content {
		width: 100% !important;
	}

	.col-full, #sidebar {
		width: 100%;
	}

	.slider {
		width: 100%;
	}

	.entry p,
	.entry ul,
	.entry ol { font-size: 120%; }

	#extended-footer .inner, #footer { width: 100%; }
	.content { width: 80%; padding-top: 20px; }

	#footer-widgets .widget-section { width: 100%; }

	.widget_nice_portfolio .portfolio img {
		width: 48%;
	}

	.widget_nice_feedback .feedback blockquote {
		padding-right: 0;
	}
}

/* --- Kindle Landscape --- */
@media screen and (max-width : 600px) {

	.widget_nice_portfolio .portfolio img, #footer-widgets .widget_nice_portfolio .portfolio img { width: 85%; }

}

/* Android Landscape */
@media screen and (max-width: 515px) {

	.widget_nice_portfolio .portfolio img,
	#footer-widgets .widget_nice_portfolio .portfolio img {
		width: 71.5%;
	}

	.widget #s {
		width: 90%;
	}

}

/* iPhone Landscape */
@media screen and (max-width: 480px) {

	.widget_nice_portfolio .portfolio img,
	#footer-widgets .widget_nice_portfolio .portfolio img {
		width: 66%;
	}

	#commentform input.txt {
		width: 60%;
	}

	#commentform textarea {
		width: 90%;
	}

}

/* iPhone portrait */
@media screen and (max-width: 320px) {

	.flexslider .slides img { width: 100% }

	ul.four-col-grid li { width: 45%; margin-right: 10%; }
	ul.four-col-grid li { width: 100%; margin-right: 0; float:none; }
	ul.four-col-grid li:nth-child(even) { float:none; }
	ul.four-col-grid img {
		width: 100%;
	}

	.widget_nice_portfolio .portfolio img,
	#footer-widgets .widget_nice_portfolio .portfolio img {width: 48%;}

	.widget #s { width: 83.5%; }

}