/*

	Theme Name: Bref
	Theme URI: http://nicethemes.com/theme/bref/
	Description: Designed by <a href="http://nicethemes.com">NiceThemes</a>
	Version: 1.0.7
	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

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

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

	0.	CSS Reset
	1.	Document Setup
	2.	Header Styles
	3.	Navigation & Menus
	4.	Main Content Styles
	5.	Comments
	6.	Grid Styles
	7.	Post Content Styles
	8.	Slider
	9.	Pagination
	10.	Footer Styles
	11.	Page Templates & Special styles
	12.	Contact form
	13.	Widgets
	14.	Responsive

*/

/*-------------------------------------------------------------------------------------------*/
/* 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.	Document Setup
/*-----------------------------------------------------------------------------------*/

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

body {
	font: 14px/28px 'Open Sans','Helvetica Neue', Helvetica, sans-serif;
	background: #fff;
	color: #424242;
}

#container {
	position: relative;
	-webkit-backface-visibility: hidden;
}
#container{
	margin: 0 75px 0 330px;
	max-width: 1050px;
	padding-top: 30px;
}

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

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

input,
textarea {
	font-size: 12px;
	background: #fff;
	color: #999;
	border: 1px solid #fff;
}

input[type="submit"] { letter-spacing: -1px; }

.hidden { display: none; }

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

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

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

a {
	text-decoration: none;
	color: #e85152;

	padding-bottom: 1px;
	border-bottom: 1px solid transparent;
	outline: 0;
}

a:focus {}

a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a:hover { border-bottom: 1px solid #d4d0ce; }

a img { border: none; }

a > img {
	vertical-align: bottom;
}

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

.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: 500;
	padding: 0;
	letter-spacing: -0.5px;
	text-align: left;
	font-family: 'Raleway';
}

h1 {
	font-size: 36px;
	line-height: 46px;
}

h2{
	font-size: 32px;
	line-height: 42px;
}

h3 {
	font-size: 28px;
	line-height: 38px;
}

h4 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 15px;
}

h5 {
	font-size: 18px;
	line-height: 28px;
}

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

h1 a, h1 a:hover,
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover,
h5 a, h5 a:hover,
h6 a, h6 a:hover { border: none; }

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

body.sidebar-right #container {
	max-width: 1050px;
	padding: 0 330px 0 75px;
	position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header
/*-----------------------------------------------------------------------------------*/

#header {
	-webkit-backface-visibility: hidden;
	position: fixed;
	height: 100%;
	float: left;
	background-color: #556270;
	background-image: url(images/bg.png);
	width: 300px;
	padding: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;
	z-index: 300;
	text-align: center;
}

#header #logo {
	float: none;
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#header h1 { text-align: center; }
#header a { border: none; }

#header #logo a .text-logo {
	font: 300 48px 'Raleway', 'Helvetica Neue', sans-serif;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 48px;
	width: 100%;
	padding: 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;

	zoom:1; /* required for the filters */
	background: rgb(0, 0, 0); /* Fallback for web browsers that doesn't support RGBa */
	background: transparent; /* clear solid background for ie */
	background: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000)";

}

body.sidebar-right #header {
	float: right;
	right: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Navigation */
/*-----------------------------------------------------------------------------------*/

.backtotop {
	bottom: -41px;
	border: none;
	color: #ccc;
	display: block;
	font-size: 35px;
	height: 40px;
	min-width: 29px;
	position: fixed;
	right: 25px;
	text-align: center;
	-webkit-transition: all 0.1s linear;
	-moz-transition:	all 0.1s linear;
	-o-transition:	  all 0.1s linear;
	transition:		 all 0.1s linear;
	z-index: 999;
}

.backtotop:hover {
	color: #8a8a8a;
	border: none;
}

.backtotop i.icon-angle-up {
	display: inline-block;
	margin: 5px 1px 0 0;
}

#navigation { margin: 20px 0; padding: 15px 0; float: left; width: 100%; }
#navigation ul, .nav { z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; width: 100%; }
#navigation .nav li a {
position: relative; font: 300 13px 'Raleway',arial,sans-serif ; color: #333; display: inline-block; z-index: 100; margin-top: 2px; padding: 3px 9px; line-height: 18px; text-decoration: none; text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
  }
#navigation .nav li:hover a,
#navigation .nav li.current_page_item a,
#navigation .nav li.current-menu-item a,
#navigation .nav li.sfHover {
	color: #fff !important;
	background-color: #E85152;
}
#navigation .nav li  { position: relative; }
#navigation .nav > li {
	margin: 0;
	padding: 0;
}
#navigation .nav li a.sf-with-ul { padding-right: 20px; }
#navigation .nav li:last-child { margin-right: 0; }

.nav li ul {
	position: absolute; left: -999em; width: 200px; z-index:999; margin:0;
	padding-top: 16px;
	background-color: #e85152;
	background-image: url(images/bg-nav.png);
	background-position: center top;
	margin: -2px 0 0 -45px;
}
.nav li ul li {
	border: none;
	display:block;
	background-image: none;
}

.nav li ul li:hover a {
	background-image: none;

}

#top #navigation .nav li ul li a {
	background: none;
	border-radius: 0px;
	padding: 8px 10px;
	width: 180px;
	color: #fff;
	font-size: 12px;
	text-shadow: none !important;
	background: #333;
	margin: 0;
}

#top #navigation .nav li ul li:hover a,
.nav li ul ul li:hover a { background: #2a2928; }

#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; }
#top #navigation .nav li ul ul { margin: -34px 0 0 200px; padding: 0; }
#top #navigation .nav li ul ul li a { background: #333 !important; }
#top #navigation .nav li ul ul li:hover a { background: #2a2928 !important; }

.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; }
/* sf, not implemented yet. */
.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 {}


.responsive-nav { margin-top: 20px !important; }
.responsive-nav select {
	display: inline-block;
	font-size: 12px;
	display: none;
	padding: 8px;
	width: 100%;
	background: #fff;
	border-color: #fff;
	color: #555;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	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-style: italic;
	margin-left: 15px;
	padding: 0 40px;
	color: #999;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong { font-weight: bold; color: #000; }

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 #d4d0ce;
	-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;
	}
}

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;
	box-shadow: 0 1px 2px #eee inset;
	-webkit-box-shadow: 0 1px 2px #eee inset;
	-moz-box-shadow: 0 1px 2px #eee inset;
}

input[type="submit"] { box-shadow: 0 0 0; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

#comments, #respond-container { position: relative; margin: 0; padding: 0; }
#comments { margin: 10px 0 20px; }
#comments a {
	border-bottom: 1px solid #d4d0ce;
	padding-bottom: 1px;
}
#comments a:hover { border-bottom-color: #ccc; }
#comments h3, h3.respond  { margin: 30px 0; font-size: 24px; color: #111; }
#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.bypostauthor .avatar img { border-color: #d4d0ce;  }
#comments .comment { width: 100%; list-style-type: none; }
#comments .comment .comment-container  { position: relative; padding: 20px 0; }
#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; }
#comments .avatar img{ margin: 0; vertical-align: middle; display: block; padding: 0; }
#comments .comment-head .name { margin: 0; font-size: 16px; color: #111; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 12px; }
#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%; line-height: 26px; }
#comments .reply { font-size: 12px; float: right; margin-left: 10px;  text-transform: uppercase; }
#wrapper #comments .reply a { padding: 6px 8px; border: none; color: #828282; border: 1px solid #d4d0ce; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; }

#comments h5.nocomments { padding: 20px; font-size: 12px; color: #444444; font-weight: normal; }

#comments ul.children { padding: 0px 0 0 45px; margin: 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 h3#pings { margin-top: 25px; }
#comments .pingbacks li.pingback { margin: 10px 0; }
#comments .pingbacks li.pingback .reply { display: none; }

#comments .nocomments { font-size: 16px; margin-top: 30px; }

#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"]  {
	width: auto;
	padding: 12px 18px;
	line-height: 25px;
	font-size: 18px;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	background-color: #e85152;
	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;
}

.nice-contact-form input[type="submit"]:hover,
#commentform .button:hover {
	background: #333;
}

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

/*-------------------------------------------------------------------------------------------*/
/* 6.  Grid Styles */
/*-------------------------------------------------------------------------------------------*/

ul.three-col-grid { padding: 25px 0; list-style: none; margin: 0 auto; }
ul.three-col-grid li { width: 30.5%; margin-right: 3.9%; float: left; margin-bottom: 30px; display: inline-block; overflow: hidden; }
ul.three-col-grid li:nth-child(3n) { margin-right: 0; }
ul.three-col-grid li.last { margin-right:0 !important; }
ul.three-col-grid img {
	overflow: hidden;
	background: #fff;
	width: 100%;
}

.thumb img {
	width: 100%;
	/*height: 100%;*/
	-webkit-transition: all .3s ease;
	 -moz-transition: all .3s ease;
	   -o-transition: all .3s ease;
	  -ms-transition: all .3s ease;
		  transition: all .3s ease;
}

.thumb img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.thumb { overflow: hidden; }

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

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

/*-------------------------------------------------------------------------------------------*/
/* 7.  Post */
/*-------------------------------------------------------------------------------------------*/
.post {
	display: block;
	margin: 0 0 30px;
	padding-bottom: 15px;
	border-bottom: 3px solid #424242;
}

.hentry, .sticky {
}

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

.post-content, .entry {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
}

.post .post-content {
	display: block;
}

.has-video { margin-top: 20px; }

.post .post-title {
	font-size: 36px;
	line-height: 46px;
}

.post .post-title a {
	color: #424242;
}

.post .wp-post-image {
}

.single .featured-image,
.post .featured-image {
	margin: 0 0 20px;
}

.single .featured-image:hover,
.post .featured-image:hover {
	transition-delay: .3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.single .featured-image a,
.post .featured-image a {
	 background: #e85152;
	 display: inline-block;
	 position: relative;
	 border: none;
	 padding: 0;
}

body.page-template-template-blog-php .featured-image img {
	width: 100% !important;
}

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

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

.entry-title { border-bottom: 1px solid #D4D0CE; margin-bottom: 20px; padding: 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-top: 3px solid #e85152;
	border-bottom: 3px solid #e85152;
	color: #333;
	margin: 20px 0;
	padding: 30px 20px 0;
	text-transform: uppercase;
	font-size: 20px;
	font-style: normal;
	text-align: center;
}

.entry blockquote cite { text-transform: capitalize; }

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

.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: 0 none;
}

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

.post-meta {
	font-size: 12px;
	color: #bbb;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
}

body.single .post-meta {
	/*color: #424242;
	border-bottom: 1px solid #d4d0ce;
	padding: 20px 0 8px;
	margin: 0 0 20px;*/
}

.post-meta:after {
	border-bottom: 1px solid #D4D0CE;
	bottom: 0;
	content: " ";
	display: block;
	left: 0;
	position: absolute;
	width: 90px;
}

.post-meta a {
	color: #777;
	border: none;
}

.post-meta a:hover {
	color: #757575;
	border: none;
}

/* Post formats */

article.format-standard h1,
article.type-portfolio h1 { font-size: 42px; margin-bottom: 15px;  }

article.format-quote h1,
article.format-quote h2 {
	line-height: 52px;
	margin-left: 60px;
	padding-top: 10px;
	font-size: 42px;
	text-align: left;
}

article.format-quote h1:before,
article.format-quote h2:before {
	content: '\201C';
	font-size: 110px;
	margin-left: -60px;
	margin-top: 20px;
	position: absolute;
}

article.format-quote .quote-author {
	margin-left: 60px;
	margin-bottom: 30px;
	font-size: 18px;
	margin-top: 20px;
}

article.format-video h1,
article.format-video h2.post-title { margin-top: 20px; }

article.format-link h1 a { float: left; border-bottom: 2px solid transparent; }
article.format-link h1 a:hover { border-bottom: 2px solid #D4D0CE; }
article.format-link h1 span {
	background-image: url(images/icons.png);
	background-position: -120px 7px;
	float: left;
	height: 50px;
	width: 50px;
	margin-left: 10px;
}

/* post details */

.post-details {
	font-size: 12px;
	color: #bbb;
}

.post-details ul {
	margin: 0 0 20px;
}

.post-details li {
	display: inline-block;
	margin-right: 15px;
}

li [class^="icon-"], li [class*=" icon-"] {
	display: inline-block;
	text-align: center;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}

[class^="icon-"], [class*=" icon-"] {
	background-image: url(images/icons.png);
	background-position: 0 0;
	background-repeat: repeat;
	display: inline;
	height: auto;
	vertical-align: middle;
	width: auto;
}


span.icon-author { 	background-position: 1px -57px; }
span.icon-standard { background-position: 1px -57px; }
span.icon-image { 	background-position: -233px -57px; }
span.icon-video { 	background-position: -84px -57px; }
span.icon-gallery { 	background-position: -291px -57px; }
span.icon-link { 	background-position: -414px -57px;}
span.icon-comments { background-position: -175px -57px;}
span.icon-time { 	background-position: -206px -57px;}


/* Post Author */
#post-author { padding: 0 15px 20px 0; clear: both; border-bottom: 1px solid #D4D0CE; }
#post-author h4 { margin-bottom: 10px; }
#post-author .profile-image { float: left; margin: 0 15px 5px 0; }
#post-author .profile-image img{ display: block; margin: 0; padding: 0; }
#post-author .profile-content { margin-left: 100px; font-size: 16px; line-height: 28px; }
#post-author .profile-link { margin-top: 20px; }

/* Post Navigation*/

.post-nav { margin: 30px 0; }

.post-nav .nav-prev,
.post-nav .nav-next {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #333333;
	font-size: 26px;
	line-height: 26px;
	padding: 12px 1.5% 8px;
	width: 47%;
}

.post-nav .nav-prev { text-align: left; }
.post-nav .nav-next { text-align: right;}


.post-nav .nav-prev:hover .meta-nav-arrow, .post-nav .nav-prev:active .meta-nav-arrow,
.post-nav .nav-next:hover .meta-nav-arrow, .post-nav .nav-next:active .meta-nav-arrow { color: #E85152; }

.post-nav .meta-title {
	display: block;
	font-size: 14px;
	color: #999;
}
.post-nav .meta-nav-arrow {
	color: #ddd;
	font-size: 90px;
	font-family: 'Pt Serif';
}

.post-nav .nav-prev .meta-nav-arrow {
	float: left;
}
.post-nav .nav-next .meta-nav-arrow {
	float: right;
}

.post-nav .nav-prev .meta-title, .post-nav .nav-prev .meta-nav {
	display: block;
	padding-left: 60px;
}
.post-nav .nav-next .meta-title, .post-nav .nav-next .meta-nav {
	display: block;
	padding-right: 60px;
}

.post-nav .nav-prev .meta-nav, .post-nav .nav-next .meta-nav { color: #333; }

/*-----------------------------------------------------------------------------------*/
/*	8.  Slider
/*-----------------------------------------------------------------------------------*/
.slider { max-width: 1050px; }
.flexslider { margin: 0; padding: 0; }
.flexslider a { border: none; }
.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; }

.flexslider .slides img:hover {
	transition-delay: .3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

ul.flex-direction-nav li { list-style-type: none !important; }

/* 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 20px; position: relative; 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; margin: 0; }

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

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

/* Direction Nav */
.flex-direction-nav { position: absolute; bottom: 10px; right: 130px; }
.flex-direction-nav a { width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 11px 7px; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; background-color: #E85152; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.flex-direction-nav a:hover { background-color: rgba(0, 0, 0, 0.7); }
.flex-direction-nav .flex-next { background-position: -36px 7px; left: 75px; }
.flex-direction-nav .flex-prev { left: 30px; }
.flex-direction-nav .disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: auto; position: absolute; bottom: 3%; right: 2%; margin: 0; display: none; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 8px; height: 7px; display: block; background: #222; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.flex-control-paging li a:hover { background: #ddd; }
.flex-control-paging li a.flex-active { background: #ddd; 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-caption {
	position: absolute;
	bottom: 2%;
	left: 2%;
	display: none;
	padding: 15px 20px 0 0;
	max-width: 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px black;
}

.flex-caption h2,
.flex-caption p {
	text-align: left;
	background: rgba(0, 0, 0, 0.5);
}

.flex-caption h2 {
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	padding: 15px;
}

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

.flex-caption p a { border-bottom: 1px solid #e85152; color: #eee; }

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

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

.entry .flexslider ul li {
	list-style-type: none;
}

.entry .flexslider { margin: 0 0 20px; }

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

.wp-pagenavi {
	clear: both;
	padding-bottom: 30px;
	font-size: 16px;
}

.wp-pagenavi span.pages {
	background: none;
	border: none;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.wp-pagenavi a, .wp-pagenavi span {
	background: #f8f8f8;
	padding: 0 10px !important;
	border: none !important;
	color: #777;
	height: 26px;
	line-height: 24px;
	display: inline-block;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #eee !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.wp-pagenavi span.current { font-weight: normal !important; background-color: #e85152 !important; color: #fff; }

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

.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 {
	font-size: 13px;
	max-width: 1050px;
	margin: 30px 75px 0 330px;
	position: relative;
}

body.sidebar-right #footer {
	margin: 30px 330px 0 75px;
}

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

#footer h4 {
	color: #fefefe;
	font-size: 18px;
	text-shadow: 1px 1px black;
	border-bottom: 1px dotted #555555;
	padding: 15px 0;
}

#extended-footer { color: #888; padding: 20px 0; border-top: 1px solid #eee; }
#extended-footer .inner { margin: 0 auto; max-width: 100%; display: block; }
#extended-footer p { margin: 0px; }
#extended-footer a { color: #e85152; }
#extended-footer a:hover { color: #e85152; }


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

.entry { }

.home-block { position: relative; }

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

.welcome-message h1 {
	color: #424242;
	font: 300 36px/48px 'Raleway', 'Helvetica Neue', sans-serif;
}

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

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

/* Home Page Template Elements */

section#blog .home-block-header h2 { margin-bottom: 25px; }

section#recent-work .home-block-header h2 { margin-bottom: 20px; }

.infobox ul.grid { padding-top: 0px; }
.infobox li {
	width: 30.73% !important;
}

.infobox li.last,
.pre-footer-widgets div.last { margin: 0; }

.infobox .entry-title {
	font-size: 18px;
	display: block;
	margin: 0 0 15px;
	border-top: 5px solid #e85152;
	padding-top: 15px;
}

.infobox .entry-title a { color: #333; border: none; }
.infobox .entry-title a:hover { border: none; }
.infobox .entry-excerpt { margin-top: 15px; color: #656565;}
.infobox .entry-excerpt p { margin-bottom: 15px; }

.infobox .entry-excerpt a { display: block; color: #fff; padding: 7px 7px 7px 10px; font-size: 13px; background: #e85152; border: none; }

.infobox .thumb a { position: relative; display: inline-block; border: none; padding: 0; }

.archive-header,
.blog-header {
	position: relative;
	border-bottom: 1px solid #d4d0ce;
	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;
}

.two-col {}
.col-1, .col-2 { width: 48%; }
.col-1 { float: left;  }
.col-2 { float: right; }

.pre-footer-widgets .widget-section {
	float: left;
	margin-bottom: 5%;
	display: inline-block;
	overflow: hidden;
	margin: 0 5% 0 0;
	width: 30%;
}

/* Gallery */
.gallery-container {}

/* Fancybox */
.fancybox-overlay a { border: none; }

/* portfolio filter*/
#filter {
	margin: 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
	font-size: 13px;
}

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

#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;
	border: none;
}

#filter li a:hover,
#filter li.active a {
	background-color: #E85152;
	color: #fff;
	border: none;
}

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

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

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

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


/*
	hover
*/

.view {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
}

.view .mask, .view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

.view img {
	display: block;
	position: relative
}
.view h2 {
	color: #fff;
	position: relative;
	font-size: 18px;
	margin: 10px;
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	font: 300 24px/34px 'Raleway','Helvetica Neue', sans-serif;
	padding-bottom: 12px;
}

.view p {
	font-size: 14px;
	position: relative;
	color: #fff;
	padding: 5px 10px 10px;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	background: #E85152;
	color: #fff;
	border: none !important;
}

.view a.info:hover { border: none !important; }

.view-item img {
	-webkit-transition: all 0.3s ease-in-out 0.3s;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out 0.3s;  /* Firefox 4-15 */
	   -o-transition: all 0.3s ease-in-out 0.3s;  /* Opera 10.50?12.00 */
		  transition: all 0.3s ease-in-out 0.3s;
}
.view-item .mask,
.view-more .mask {
	zoom:1; /* required for the filters */
	background: rgb(0, 0, 0); /* Fallback for web browsers that doesn't support RGBa */
	background: transparent; /* clear solid background for ie */
	background: rgba(0, 0, 0, 0.3); /* RGBa with 0.3 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	opacity: 0;

}
.view-item h2 {
	opacity: 0;
	background: transparent;
	-webkit-backface-visibility: hidden;
}

.view-item h2 a {
	color: #fff;
}

.view-item p {
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out 0.2s;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out 0.2s;  /* Firefox 4-15 */
	   -o-transition: all 0.3s ease-in-out 0.2s;  /* Opera 10.50?12.00 */
	transition: all 0.3s ease-in-out 0.2s;
	-webkit-backface-visibility: hidden;
}

.view-item a.info {
	-webkit-backface-visibility: hidden;
	opacity:0;
	-webkit-transform: translateY(100px);  /* Chrome, Safari 3.1+ transform: translateY(100px);  */
	 -moz-transform: translateY(100px);  /* Firefox 3.5-15 */
	  -ms-transform: translateY(100px);  /* IE 9 */
	   -o-transform: translateY(100px);  /* Opera 10.50-12.00 */
		  transform: translateY(100px);
	-webkit-transition: all 0.3s ease-in-out 0.1s;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out 0.1s;  /* Firefox 4-15 */
	   -o-transition: all 0.3s ease-in-out 0.1s;  /* Opera 10.50?12.00 */
		  transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	position: absolute;
	left: 5%;
	bottom: 7%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.view-item:hover .mask,
.view-more:hover .mask {
	opacity: 0.5;
	transition-delay: 0s;
}

.view-item:hover img,
.view:hover img {
	transition-delay: 0s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}

.view-item:hover h2 {
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out 0.3s;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out 0.3s;  /* Firefox 4-15 */
	   -o-transition: all 0.3s ease-in-out 0.3s;  /* Opera 10.50?12.00 */
		  transition: all 0.3s ease-in-out 0.3s;
}

.view-item:hover p {
	opacity: 1;
	transform: scale(1);

}
.view-item:hover a.info {
	opacity: 1;
	-webkit-transform: translateY(0px);  /* Chrome, Safari 3.1+ transform: transform: translateY(0px);  */
	 -moz-transform: translateY(0px);  /* Firefox 3.5-15 */
	  -ms-transform: translateY(0px);  /* IE 9 */
	   -o-transform: translateY(0px);  /* Opera 10.50-12.00 */
		  transform: translateY(0px);
	transition-delay: 0.3s;
}


.view-more a.info {
	display: inline-block;
	padding: 15px;
	background-color: rgba( 0, 0, 0, 0.6 );
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -999em;
	width: 10%;
	height: 10%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	left: 40%;
	top: 40%;
	position: absolute;
	border: none;
}

.view-more .mask { background: url(images/more.png) no-repeat center center; }

.view-more a.info {
	opacity:0;
	transform: scale(0);
	transition: all 0.2s ease-in-out 0.2s;
	border: none;
}

.view-more:hover a.info {
	opacity:1;
	transform: scale(1);
	transition-delay: 0.2s;
}

.view-more a.info:hover {
	border: none;
	opacity: 1;
	transform: scale(1);
	background-color: #E85152;
}

.view-tumblog-image a.info,
.view-tumblog-gallery a.info {

	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: inherit !important;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	padding: 12px 16px;
	border: none;
	display: inline-block;
	height: auto;

}

.view-tumblog-image a.info span.icon,
.view-tumblog-gallery a.info span.icon {
	float: left;
	background-image: url(images/icons.png);
	width: 30px;
	height: 30px;
}

.view-tumblog-image a.info span.icon { background-position: -61px -6px; }
.view-tumblog-gallery a.info span.icon { background-position: 0 -6px; }

.view-tumblog-image a.info span.text,
.view-tumblog-gallery a.info span.text {
	float: left;
	margin-left: 12px;
	padding-top: 1px;
}

.blog-paging {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
	font-size: 75%;
	color: #999;
}

.blog-paging .number-pages {
	position: relative;
	float: left;
}

.blog-paging nav {
	float: right;
	margin-left: 15px;
	display: inline-block;
}

.blog-paging nav a {
	display: inline-block;
	color: #d4d0ce;
	padding: 0 5px;
}

.blog-paging .meta-nav-arrow { width: 15px; height: auto; display: inline-block; text-indent: -999em; }

.blog-paging .nav-prev .meta-nav-arrow { background: url(images/left-arrow.png) no-repeat scroll center center transparent; }

.blog-paging .nav-next .meta-nav-arrow { background: url(images/right-arrow.png) no-repeat scroll center center transparent; }

/*-----------------------------------------------------------------------------------*/
/*	12.  Contact Form
/*-----------------------------------------------------------------------------------*/

.nice-contact-map { width: 100%; margin-bottom: 20px; }

.nice-contact-form label {
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	color: #777;
	font-size: 16px;
}

span.required {
	color: #e85152;
	margin-left: 5px;
}

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

.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 {
	background: #48B855;
	color: #fff;
	float: left;
	font-size: 15px;
	margin-bottom: 20px;
	padding: 10px;
	width: 95%;
	display: none;
}
.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;
	box-shadow: 0 0 0 ;
}

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

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


.nice-contact-form input.valid {
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: right center;
}

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

.widget h3 {
	font-size: 22px;
	margin: 0 0 15px;
}

.widget {
	clear: both;
	margin: 0 0 2em;
	text-align: left;
}

.widget ul {
	clear: both;
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;

}

.widget ul li {
	border-bottom: 1px solid #eee;
	padding: 8px 8px 8px 0;
	-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;
}

#header .widget ul li {
	border-bottom-color: rgba(255,255,255,0.1);
}

.widget ul li a { border: none; }

.widget ul li a:hover, .widget ul li a:focus  { border: none; }

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

.widget select {
	font-size: 12px;
	color: #8a8a8a;
	width: 100%;
}

/* 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 {
	border-bottom: 1px solid #D4D0CE;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

.widget input#s {
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	font-size: 12px;
	padding: 10px 10px 10px 30px;
	box-shadow: none;
}

@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: 100%; }

.widget #s:focus {}

.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 */
.widget_nice_flickr h3 span { color: #0061d8; padding: 0; }
.widget_nice_flickr h3 span span{ color: #ff1183; padding: 0; }
.widget_nice_flickr .wrap  { position: relative; padding: 0; }
.widget_nice_flickr .flickr_badge_image { float: left; margin: 5px; }
.widget_nice_flickr .flickr_badge_image:hover {
	transition-delay: .3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n) { margin-rigth: 0px; }
.widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n+1) { margin-left: 0px;  }

.widget_nice_flickr a img {
	float: left;
	margin: 0;
	display: block;
}

/* Calendar */
.widget #calendar_wrap {
	border: 1px solid #D4D0CE;
}

.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 { padding: 8px 0; }
.widget_nice_twitter ul li:hover { background: #fff; }
.widget_nice_twitter p.tw-follow { margin-top: 10px; margin-bottom: 0px; color: #888; }
.widget_nice_twitter .one-tweet { font-size: 16px; }


/* BLOG AUTHOR */

.widget_nice_blogauthor .left { float: left; padding-right: 15px; }
.widget_nice_blogauthor .right { float: right; padding-left: 15px; }
.widget_nice_blogauthor img {}

/* NiceTABS */
#tabs { height: auto; display: block; }
#tabs ul.niceTabs { padding: 0px; }
#tabs ul.niceTabs li {
	float: left; display: inline; color: #fff;
	margin: 0px; cursor: pointer;
	padding:0;
	border:0 none;
	background: #f8f8f8;
}
#tabs ul.niceTabs li a { color: #bbb; display: block; float: left; padding: 10px 8px; text-transform: none; font-size: 13px; border: 1px solid #d4d0ce; border-width: 1px 1px 1px 0; }
#tabs ul.niceTabs li a.active { padding-bottom: 11px; color: #555; }
#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 #d4d0ce; 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 #d4d0ce; padding: 12px; list-style: none; background: #fff; }
#tabs .inside li a { color: #535353; font-size: 13px; padding: 0; }
#tabs .inside a:hover {}
#tabs .inside .tags a { padding: 4px 8px; margin: 3px 1px; display: inline-block; background: #dbdbdb; color: #fff; font-size: 12px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; }
#tabs .inside .tags a:hover { text-decoration: none; background-color: #e85152; }
#tabs .inside li span.meta { display: block; font-size: 11px; text-transform: normal; color: #bbb; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { float: left; margin: 0 10px 0 0; }
#tabs .inside li:hover img.avatar, #tabs .inside li:hover img.thumbnail { transition-delay: .3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in; }

.widget_nice_social #social {
	margin: 0;
	background: none;
	padding: 0;
}

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

.widget_nice_social #social {
	list-style: none;
	margin: 0;
}

.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-bottom: 2%;
}

.widget_nice_social #social > li a,
#social > li a {
	color: #fff;
	height: 41px;
	width: 42px;
	line-height: 41px;
	font-size: 20px;
	display: block;
	text-align: center;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: none;
	margin-right: 5px;
	zoom: 1; /* required for the filters */
	background-color: rgb(0, 0, 0); /* Fallback for web browsers that doesn't support RGBa */
	background: transparent; /* clear solid background for ie */
	background-color: rgba(0, 0, 0, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000)";
	background-repeat: no-repeat;
}

.widget_nice_social #social > li:last-child a, #social > li:last-child a { margin: 0; }

.sidebar-widgets .social-links {
	list-style: none outside none;
	margin: 0 auto;
	max-width: 300px;
	text-align: center;
}

.sidebar-widgets #social > li {
	display: inline-block;
	position: relative;
}

#social #facebook:hover a		{ background-color: #4064af !important; }
#social #twitter:hover a		{ background-color: #46c7f4 !important; }
#social #dribbble:hover a		{ background-color: #e94c89 !important; }
#social #vimeo:hover a			{ background-color: #87c8ee !important; }
#social #tumblr:hover a			{ background-color: #33526f !important; }
#social #flickr:hover a			{ background-color: #ed1e83; }
#social #google:hover a			{ background-color: #db4a38 !important; }
#social #youtube:hover a		{ background-color: #c4302a !important; }
#social #linkedin:hover a		{ background-color: #0f76a8 !important; }
#social #dropbox:hover a		{ background-color: #4c96d1 !important; }
#social #envato:hover a			{ background-color: #799e3e !important; }
#social #foursquare:hover a		{ background-color: #00b9e0 !important; }
#social #instagram:hover a		{ background-color: #634d40 !important; }
#social #pinterest:hover a		{ background-color: #c9222d !important; }
#social #skype:hover a			{ background-color: #2aace3 !important; }
#social #skype:hover a			{ background-color: #2aace3 !important; }
#social #bitbucket:hover a		{ background-color: #205081 !important; }
#social #github:hover a			{ background-color: #444 !important; }
#social #stack-exchange:hover a	{ background-color: #3A6DA6 !important; }
#social #stack-overflow:hover a	{ background-color: rgba(217,163,46,1); }
#social #trello:hover a			{ background-color: #24688F !important; }

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

#pre-footer-widgets .widget ul li:last-child {
	border-bottom: none;
}

#pre-footer-widgets .last {
	clear: right;
	margin-right: 0 !important;
}

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

.post .video {
	position: relative;
	padding-bottom: 56.25%;
	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) {

	#container,
	#footer{ margin: 0 30px 0 330px; }
	body.sidebar-right #container,
	body.sidebar-right #footer { margin: 0 330px 0 30px; }

	.view-item h2 {
		opacity: 1;
		transform: scale(1);
	}

	.view-item a.info {
		opacity: 1;
		-webkit-transform: translateY(0px);  /* Chrome, Safari 3.1+ transform: transform: translateY(0px);  */
		 -moz-transform: translateY(0px);  /* Firefox 3.5-15 */
		  -ms-transform: translateY(0px);  /* IE 9 */
		   -o-transform: translateY(0px);  /* Opera 10.50-12.00 */
			  transform: translateY(0px);
	}

	.view-item img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
	}
	.view p { display: none; }
	.view h2 { border: none;}
	.view-item .mask { opacity: 0.7; }

	.backtotop {
		display: none
	}

}

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

	.flexslider .slides img { width: 100%; }

	#container, body.sidebar-right #container,
	#footer, body.sidebar-right #footer {
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* Firefox */
		-webkit-box-sizing: border-box; /* Safari */
		margin: 0 auto 25px !important;
		padding: 30px;
		width: 100%;
	}

	#header {
		position: relative;
		width: 100%;
		float: none !important;
	}

	#header #logo {
		margin: 0 auto;
	}

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

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

	.single .featured-image img, .post .featured-image img {
		max-width: 100%;
	}

	.post .wp-post-image {
		background: none;
		padding: 0;
	}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

	nav#navigation, nav#navigation ul, .sidebar-widgets {
		display: none;
	}

	.responsive-nav,
	.infobox, .home-block {
		margin: 0 auto;
	}

	.responsive-nav select {
		display: inline-block;
	}

	.widget #s {
		width: 93%;
	}

	#pre-footer-widgets .widget-section { width: 31%; margin-right: 3.5%; }
	#pre-footer-widgets .last { margin-right: 0; }

	#pre-footer-widgets .widget-section {
		border: none;
		padding: 0 1.7%;
		width: 31% !important;
	}

	ul.three-col-grid img { width: 100%; }

	ul.three-col-grid li.first,
	.pre-footer-widgets .first { padding-left: 0 !important;}
	ul.three-col-grid li.last,
	.pre-footer-widgets .last { padding-right: 0 !important;}

	.gallery-container { width: 100%; }

	.blog-header { display: none; }

	/* OLD */
	#content, .slider, #sidebar, .col-full, #extended-footer .inner { width: 100%; }
	#extended-footer .inner, #footer { width: 100%; }
	#sidebar { padding: 0; }

	.post .video {
		height: 100%;
	}

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

}

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

	#content, .slider, #sidebar, .col-full, #extended-footer .inner {
		width: 100% !important;
	}

	#header,
	#container, body.sidebar-right #container,
	#footer, body.sidebar-right #footer { padding: 4%; }

	.content { width: 80%; padding-top: 20px; }

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

	#filter { display: none; }

}

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

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

	.widget #s {
		width: 90%;
	}

	ul.three-col-grid li,
	.pre-footer-widgets .widget-section { width: 100% !important; padding: 0 !important; }

	.nice-contact-sidebar,
	.nice-contact-form { width: 100%}

	.col-1, .col-2 {
		width: 100%;
	}

}

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

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

	#commentform textarea {
		width: 90%;
	}

}

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

	.widget #s { width: 83.5%; }

}