/*
	Theme Name: Fency
	Theme URI: http://demo.mattiaviviani.com/fency/
	Description: Responsive Studio Portfolio WordPress Theme
	Author: Mattia Viviani
	Author URI: http://mattiaviviani.com
	Version: 1.0.1
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: responsive, modular homepage, custom background, custom menu, featured images, page templates, post formats, theme options, translation-ready

	01. HTML5 Reset Stylesheet
	02. General Styles
	03. Typography
	04. Embedded Content (images + thumb overlay)
	05. Forms
	06. Layout
	07. Header
	08. Footer
	09. Widgets
	10. Page Templates
	11. Blog
	12. Related Posts
	13. Misc

*/

/*-------------------------------------------------------------------------------------------*/
/* 01. =HTML5 Reset Stylesheet - http://html5doctor.com/html-5-reset-stylesheet/ */
/*-------------------------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#fef6d2;color:#000;text-decoration:none}
mark{background-color:#fef6d2;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #c6ccd1;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*-------------------------------------------------------------------------------------------*/
/* 02. =General Styles */
/*-------------------------------------------------------------------------------------------*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #51575b; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/* Selection */
::-webkit-selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }
::-moz-selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }
::selection { background: #39c; /* alternate */ color: #fff; text-shadow: none; }

body { margin: 0; padding: 0; color: #51575b; font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*-----------------------------------------------------------------------------------*/
/* 03. =Typography */
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202223; }

/*h1 { font-size: 30px; line-height: 36px; margin: 35px 0; }

h2 { font-size: 24px; line-height: 32px; margin: 25px 0; }

h3 { font-size: 16px; line-height: 22px; margin: 23px 0; }

h4 { font-size: 14px; line-height: 20px; margin: 25px 0; }

h5 { font-size: 13px; line-height: 18px; margin: 30px 0; }

h6 { font-size: 11px; line-height: 14px; margin: 36px 0; }*/

h1 { font-size: 48px; line-height: 40px; margin: 35px 0; }

h2 { font-size: 30px; line-height: 36px; margin: 25px 0; }

h3 { font-size: 22px; line-height: 26px; margin: 10px 0; }

h4 { font-size: 20px; line-height: 24px; margin: 25px 0; }

h5 { font-size: 18px; line-height: 22px; margin: 30px 0; }

h6 { font-size: 16px; line-height: 18px; margin: 36px 0; }

.page-title {  }

h1.page-title { margin-bottom: 36px; }

h1.page-title span { color: #8f969c; font-weight: 300; }

.entry-title { margin: 0 0 20px 0; }

h2.entry-title { float: left; width: 100%; }

h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a { color: #202223 !important; }

.entry-title a:hover { color: #39c !important; /* alternate */ }

.entry-content {  }

.page-template-page-templateshomepage-php .entry-content,
.page-template-page-templateshomepage-extended-php .entry-content { margin-bottom: 40px; }

p { margin-bottom: 25px; }

b, strong { font-weight: bold; color: #3b4045; }

abbr[title] { border-bottom: 1px dotted; }

blockquote {
	margin: 30px 35px;
	color: #8f969c;
	/*font-family: Georgia, sans-serif;*/
	font-style: italic;
	font-weight: 300;
}

blockquote:before, blockquote p:after { font-size: 18px !important }

blockquote:before {
	content: ' " ';
	float: left;
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	background: url(images/sprites.png) 0px -273px no-repeat;
	/*background-color: #fc0;*/
	margin-right: 10px;
}

blockquote p:after {
	content: ' " ';
	float: none;
	display: inline-block;
	width: 20px;
	height: 30px;
	text-indent: -99999px;
	background: url(images/sprites.png) 0px -317px no-repeat;
	/*background-color: #39c;*/
	margin-left: 10px;
	/*margin-bottom: 50px;*/

	display: none;
}

blockquote p { font-size: 21px; line-height: 30px; /*text-align: center; */}

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #c6ccd1; margin: 1em 0; padding: 0; }

ins { background: #fff9c0; color: #3b4045; text-decoration: none; }

mark { background: #ff0; color: #51575b; font-style: italic; font-weight: bold; }

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

/* Redeclare monospace font family: h5bp.com/j */
var, pre, code, kbd, samp { font-size: 1em; font: 11px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #f7f8f9; color: #3B4045; }

code { padding: 3px; }

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	margin-bottom: 24px;
	padding: 15px;
	background-color: #f7f8f9;
	/*border: 1px solid #d8dbdf;*/
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

address { margin-top: 10px; margin-bottom: 25px; color: #8f969c; font-size: 13px; font-family: Georgia, sans-serif; font-style: italic; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

big { font-size: 131.25%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/***** Table *****/

table {
	border-width: 1px;
	border-color: #d8dbdf;
	border-collapse: collapse;
	border-spacing: 0;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;*/
	margin-bottom: 25px;
}

table th, table td {
	border-width: 1px;
	padding: 10px 20px;
	border-style: solid;
	border-color: #d8dbdf;
}

table th { background-color: #f7f8f9; font-weight: 600; padding: 10px; text-transform: uppercase; }

table td { background-color: #fff; }

td { vertical-align: top; }


/***** Lists *****/

ul, ol { margin: 0; /*padding: 0;*/ padding: 0 0 0 0px; /* list-style-position: inside;*/ }

ul li, ol li { margin-bottom: 1px; }

ul ul, ol ol { margin-top: 5px; }

dl { margin: 0 20px; }

dd { margin: 0 0 15px 0; }

dt { margin-bottom: 3px; font-weight: bold; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

li > ul, li > ol { /*margin: 0;*/ }


/***** Links *****/

a, a:link, a:visited {
	color: #39c; /* alternate */
	text-decoration: none;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
	outline: none;
}

a:active, a:hover {}

a:focus { outline: none; }


/*-----------------------------------------------------------------------------------*/
/* 04. =Embedded Content (Images + Thumb Overlay) */
/*-----------------------------------------------------------------------------------*/

embed, iframe, object, video { max-width: 100%; }

/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

img {/* width: 100%;*/ max-width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }

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

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }

svg:not(:root) { overflow: hidden; } /* Correct overflow not hidden in IE9 */

/***** Images Overlay *****/

span.overlay {
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 210px;
	display: block;
	z-index: 5;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: background-color .3s linear 0s;
	-moz-transition: background-color .3s linear 0s;
	-o-transition: background-color .3s linear 0s;
	transition: background-color .3s linear 0s;
}

span.overlay:hover {
	background-color: #39c; /* alternate */
	background-image: url(images/overlay-plus.png);
	background-position: 50% 50%;
	background-color: rgba(0,0,0,0.3) !important;
	background-repeat: no-repeat;
}

.lightbox span.overlay:hover {
	background-image: url(images/overlay-lens.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

span.overlay:hover { background-image: url(images/overlay-plus.png); }
span.overlay.link:hover { background-image: url(images/overlay-link.png); }
span.overlay.gallery:hover { background-image: url(images/overlay-gallery.png); }

#primary span.overlay, #secondary span.overlay, #sidebar-footer span.overlay { width: 260px; height: 182px; }

span.view { font-weight: normal; display: none; }


/*-----------------------------------------------------------------------------------*/
/* 05. Forms */
/*-----------------------------------------------------------------------------------*/

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #3b4045;
}

/***** jQuery form validation *****/

label.error {
/*	display: block;*/
	color: #fd4141;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: normal;
}

input.required.error, textarea.required.error { border: 1px solid #fd9898 !important; }

/* 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/* 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers */

button, input, select, textarea {
	font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline: none !important;
	-webkit-appearance: none !important;
}

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/* 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; outline: none !important; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing */

textarea { overflow: auto; vertical-align: top; resize: vertical; height: 160px; line-height: 21px; }

/* Colors for form validity */
input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0d8db; }


/***** Inputs & Textareas *****/

/*input,*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	width: 99%;
	border: 1px solid #c6ccd1;
	margin: 0;
	padding: 10px;
	background-color: #fff !important;
	-webkit-box-shadow: inset 0 1px 2px #d8dbdf;
	-moz-box-shadow: inset 0 1px 2px #d8dbdf;
	-o-box-shadow: inset 0 1px 2px #d8dbdf;
	box-shadow: inset 0 1px 2px #d8dbdf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	-moz-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	-o-transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	transition: border-color .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
	margin: 0 2px;
	outline: none !important;
	-webkit-appearance: none !important;
}

input[type="text"], input[type="search"], input[type="password"] { height: 40px; }

#footer input[type="search"] { background-color: #fff; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	border-color: #39c; /* for older browsers, if rgba not supported */
	border-color: rgba(100, 173, 208, .7);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px rgba(100, 173, 208, .7);
	background-color: #fff;
}

input[type="search"] { background: #f7f8f9 url(images/sprites.png) 13px -218px no-repeat; padding-left: 40px; }
/**/

input[type="search"]:focus {  }

input[type=submit] { -webkit-appearance: none; }

/***** Post Password *****/

.post-password-required input[type="submit"] { padding: 8px 15px; margin-left: 1px; display: block; }

.post-password-required input[type="password"] { margin-bottom: 0; margin-top: 7px; font-size: 18px; }

/***** Button *****/

input[type="submit"] {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	border: 1px solid;	
	border-color: #acb6bb;
	background-color: #f5f8fa;
	color: #3B4045 !important;
	padding: 14px 24px;
	margin: 10px 10px 10px 0;
	display: inline-block;
	font-size: 18px;
	/*margin: 0 auto;*/
}

input[type="submit"]:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
	color: #fff !important;
}

/*-----------------------------------------------------------------------------------*/
/* 05. =Layout */
/*-----------------------------------------------------------------------------------*/

.wrapper { margin: 0 auto; width: 940px; }

#header, #footer, #main, #topbar, #sidebar-footer {
	background: #fff;
	margin: 0 auto;
	clear: both;
	width: 100%;
	min-width: 960px;
}

#main {
	padding-top: 36px; /* 36px because it fits in padding space for h1.page-title */
	background-color: transparent;
}

.page-template-page-templateshomepage-php #main .wrapper.modular,
.page-template-page-templateshomepage-extended-php #main .wrapper.modular { width: 100%; }

.page-template-page-templateshomepage-php #main,
.page-template-page-templateshomepage-extended-php #main { background-color: #fff; }


#content { margin-bottom: 20px; }

#content, #home-content { width: 620px; float: left; overflow: hidden; }

#content ul, #content ol, #home-content ul, #home-content ol { margin-bottom: 10px; }

#content ul, #home-content ul { list-style-type: square; }

#content.one-column {
	float: none !important;
	width: auto;
	background-image: none;
	border-right: none;
}

/***** Sidebars *****/

#primary,
#secondary {
	float: right;
	clear: right;
	width: 260px;
	margin-bottom: 40px;
}

#primary .widget-container:last-child, #secondary .widget-container:last-child {  }

#primary .widget-container, #secondary .widget-container { /*background-color: #fc0;*/ }


/***** Alternate Layout *****/

.layout-2cl #content, .layout-2cl #home-content { float: right; }

.layout-2cl #primary, .layout-2cl #secondary { float: left; clear: left; }

.layout-2cl #secondary { clear: left; }


/*-----------------------------------------------------------------------------------*/
/* 07. =Header */
/*-----------------------------------------------------------------------------------*/

#header { /*margin-top: 10px;*/ }

#header .wrapper {
	padding-top: 36px;
	padding-bottom: 36px;
	border-bottom: 1px solid #d8dbdf;
}

.page-template-page-templateshomepage-php #header .wrapper,
.page-template-page-templateshomepage-extended-php #header .wrapper { padding-bottom: 0px; border-bottom: none; }

#logo, #logo a { float: left; }

a h1#site-title {
	text-shadow: none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	-webkit-transition: color .2s linear 0s;
	-moz-transition: color .2s linear 0s;
	-o-transition: color .2s linear 0s;
	transition: color .2s linear 0s;
}

#sidebar-header {
	float: right;
	clear: right;
	text-align: right;
	font-size: 13px;
	line-height: 21px;
}

#sidebar-header,
#sidebar-header .wrapper,
#sidebar-header #header-first.widget-area { max-width: 370px; }


/***** Topbar *****/

#topbar {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
	line-height: 21px;
	background-color: #f7f8f9;
}

#topbar a { font-weight: bold; }

#topbar a:hover {  }

span.topbar_text { float: left; margin-right: 20px; max-width: 500px; }

#tagline {
	font-size: 14px;
	float: left;
	clear: left;
	margin-top: 8px;
}


/***** Menu *****/

#navi {
	z-index: 2000;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
	height: 36px; /* !important, otherwise it will mess up (relative to "#navi ul li a" and "#navi ul ul") */
}

#navi .custom-menu, #navi .menu { float: left; }

#navi ul li { display: inline-block; }

#navi .custom-menu ul ul li, #navi .menu ul ul li { margin-left: 0; }

#navi ul li a {
	font-weight: bold;
	color: #3b4045;
	padding: 6px 12px;
	display: block !important; /* otherwise the menu items jumps at page loading */
}

#navi ul li:last-child a { padding-right: 0; }

#navi ul li a:active, #navi ul li a:hover { color: #39c; /* alternate */ }

#navi ul li a.sf-with-ul {
	padding-right: 30px; /* distance between arrow and menu item */
}

a.sf-with-ul:hover { /*color: #fc0*/ }



/***** Submenu *****/

#navi .sf-with-ul { margin-bottom: 0 !important; }

#navi ul ul {
	top: 33px;
	left: 0;
	margin-top: 0 !important; /* Defines the space between main menu and submenu. also between submenus */
	background: #fff;
	border: 1px solid #c6ccd1;
	position: absolute;
	display: none;
	float: left;
	width: 160px;
	padding-top: 0;
	padding-left: 10px !important;
	padding-right: 10px !important;
	z-index: 999999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	/*box-shadow: 0 1px 5px rgba(0,0,0,.1);*/
}

#navi ul ul li { border-top: 1px solid #d8dbdf; border-right: none !important; }

#navi ul ul li:first-child { border-top: none; }

#navi ul ul li:last-child { border-bottom: none; }

#navi ul ul li a {
	padding: 12px 7px;
	font-weight: normal;
	font-size: 13px;
	color: #8f969c;
}

#navi ul ul li:hover > a {  }

#navi ul li.current-menu-item > a { color: #39c; /* alternate */ }

#navi ul li.current-menu-item > a:hover {  }

#navi ul ul li.current-menu-item > a {  }

/***** Submenu (2nd level) *****/

#navi ul ul ul {
	left: 100%;
	top: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding-top: 0;
}

#navi ul li:hover > ul { display: block; }

/***** Superfish - http://users.tpg.com.au/j_birch/plugins/superfish/ *****/

/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { position: relative; }

.sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/***** Superfish: DEMO SKIN *****/

.sf-menu a, .sf-menu a:visited  { /* color: #13a;*/ /* visited pseudo selector so IE6 applies text colour*/ }
.sf-menu li { background: transparent; }
.sf-menu li li {  }
.sf-menu li li li {  }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

/***** Superfish: ARROWS - be carefull here... ****/

.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/sprites.png) 0px -150px no-repeat;
}

/* give all except IE6 the correct values */
a > .sf-sub-indicator {
	top: 15px; /* arrow position from top */
	background-position: 0 -150px; /* use translucent arrow for modern browsers*/
}

/* arrow submenu */
ul ul li a > .sf-sub-indicator {
	top: 18px; /* position arrow up/down */
	background-position: 0px -120px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
#navi ul li:hover > a, /* super important!!! */
li:hover > a > .sf-sub-indicator/*,
li.sfHover > a > .sf-sub-indicator*/ {
	background-position: -10px -150px; /* arrow hovers for modern browsers*/
	/*background-color: #fc0;*/ /* !important - don't delete */
	color: #39c; /* alternate */
}


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px -120px; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 -120px; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -120px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {}
.sf-shadow ul.sf-shadow-off { background: transparent; }

/***** Responsive Menu (attached to css/media-queries.css) *****/

select.responsive_menu { display: none; }
select.responsive_menu:focus { outline: none; }
.menu-notice { display: none; }


/*-----------------------------------------------------------------------------------*/
/* 08. =Footer + Sidebar Footer */
/*-----------------------------------------------------------------------------------*/

#footer {
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 13px;
	line-height: 21px;
/*	border-top: 1px solid #d8dbdf;*/
	background: #f8f9f9;
}

#footer .custom-menu { margin-bottom: 8px; }

#footer .custom-menu ul li {
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 0;
	font-weight: bold;
}

#footer .custom-menu ul ul li { display: none; }

#footer .custom-menu ul { margin: 0; padding-left: 0; }

#sidebar-footer {  }

#sidebar-footer .wrapper { border-top: 1px solid #d8dbdf; padding-top: 40px; padding-bottom: 15px; }

#sidebar-footer .widget-area {
	width: 260px;
	float: left;
	margin-bottom: 20px;
	padding-right: 40px;
	margin-right: 40px;
}

#sidebar-footer .widget-container { border-bottom: none; /*background-color: #fc0;*/ }

#sidebar-footer #first {  }

#sidebar-footer #second {  }

#sidebar-footer #third { margin-right: 0; padding-right: 0; }

p.footer-text { margin-bottom: 0; }

p.footer-text.right { font-size: 14px; }

.footer-img { float: left; }

.footer-img.right { float: right; }


/***** Site Info *****/

#site-info {
	float: left;
	clear: left;
	font-size: 13px;
	line-height: 24px;
	max-width: 360px;
}

#site-info a {  }
#site-info a:hover {  }


/***** Site Generator *****/

#site-generator {
	float: right;
	clear: right;
	text-align: right;
	font-size: 13px;
	line-height: 24px;
	max-width: 540px;
}


/*-----------------------------------------------------------------------------------*/
/* 09. =Widgets */
/*-----------------------------------------------------------------------------------*/

h3.widget-title, h4.widget-title { margin-bottom: 20px; margin-top: 0; }

/*h3.widget-title:first-of-type, h4.widget-title:first-of-type { margin-top: 0; }*/

h3.widget-title a, h4.widget-title a { color: #202223; }

h3.widget-title a:hover, h4.widget-title a:hover { color: #39c; /* alternate */ }

span.title-bg { background-color: transparent; } /* it works also for related titles */

.widget-area {  }

.widget-area ul { list-style: none; margin: 0; padding: 0; }

.widget-area ul.children { margin: 5px 0 10px 10px; font-style: italic; }

.widget-area ul ul { list-style: none; }

.widget-area select {
	width: 100%;
	background: #f7f8f9 url(images/select-responsive.png) center right no-repeat;
	border: 1px solid #d8dbdf;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #8f969c;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.widget-area select:focus { outline: none; }

.widget-area a:link, .widget-area a:visited {  }

.widget-area a:active, .widget-area a:hover {  }

.widget-container {
	margin: 0 0 40px 0;
	width: 100%;
	float: left;
}

.widget-container a { font-weight: bold; }

.widget-container:last-child { margin-bottom: 0; }

/***** Widgets: Misc *****/

#wp-calendar { width: 100%; }

#wp-calendar caption { border-bottom: 1px solid #d8dbdf; padding-bottom: 10px; margin-bottom: 15px; }

/***** Widgets: RSS *****/

.widget_rss .widget-title img { width: 11px; height: 11px; }

/***** Widgets: Text *****/

.widget_text img { display: block; float: left; }

.widget_text p:last-child { margin-bottom: 0 !important; }

/***** Widgets: Search *****/

.widget_search .s { width: 100%; background-color: #f7f8f9; }

.widget_search .s:focus {}

.widget_search label { display: none; }

.widget_search .searchform { margin-bottom: 0; }

.searchform { width: 100%; margin-bottom: 30px; }

.search #content .searchform, .search-results #content .searchform { border-bottom: 1px solid #d8dbdf; padding-bottom: 40px; }


/***** Widgets: Tag Cloud *****/

.tagcloud { line-height: auto; }

.tagcloud a:link,
.tagcloud a:visited {
	font-size: 13px !important;
	font-weight: bold;
	padding: 5px 10px !important;
	background-color: #fff;
	border: 1px solid;
	border-color: #d8dbdf;
	color: #51575b;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	line-height: 33px;
}

.tagcloud a:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
	border: 1px solid;
	color: #fff !important;
}

/***** Widgets: Tweets *****/

/*.widget-latest-tweets {}*/

/* plugin styles */
p.tweet-text { margin-bottom: 8px; }

p.tweet-details { font-size: 12px; margin-bottom: 18px; }

p.tweet-details a { color: #8f969c }


/***** Widgets: Blog *****/

.widget-blog {  }

.widget-blog h4.entry-title { /*margin-top: 0; */margin-bottom: 15px; margin-top: 25px; }

.widget-blog a { text-decoration: none; }

.widget-blog header.entry-meta { margin-bottom: 10px; }

.widget-blog { float: left !important; border-bottom: none; padding-bottom: 0; margin-bottom: 0 !important; }

.widget-blog .hentry { border-bottom: none; margin-bottom: 0; padding-bottom: 15px; }

.widget-blog a.entry-format { display: none; }

.widget-blog figure.feat_img { /*margin-bottom: 20px;*/ }

.single-project .widget-blog .hentry { width: 100%; }

#primary .widget-blog img,
#secondary .widget-blog img,
#sidebar-footer .widget-blog img { background: #f7f8f9; width: 260px; height: 182px; }


.widget-blog+.widget-portfolio { border-top: 1px solid #d8dbdf; padding-top: 40px; }


/***** Widgets: Portfolios *****/

.widget-portfolio { margin-bottom: 20px; }

.widget-portfolio h4.entry-title { margin-bottom: 15px; /*margin-top: 0;*/ }

.widget-portfolio h4.entry-title a { text-decoration: none; }

.widget-portfolio p { margin-bottom: 15px; }

.widget-portfolio footer.entry-meta { margin-top: 0; }

.widget-portfolio span.cat-links { margin-bottom: 15px; }

.widget-portfolio img.portfolio-image { background: #f7f8f9; }

.widget-portfolio figure.thumb_img { margin-bottom: 25px; }

li.widget-project { float: left; clear: left; margin-bottom: 40px; }

li.widget-project:last-child { margin-bottom: 20px; }

#primary .widget-portfolio img.portfolio-image,
#secondary .widget-portfolio img.portfolio-image,
#sidebar-footer .widget-portfolio img.portfolio-image { background: #f7f8f9; width: 260px; height: 182px; }


/*-----------------------------------------------------------------------------------*/
/* 10. Page =Templates =Homepage */
/*-----------------------------------------------------------------------------------*/

/***** Framework: =Slider container for Revolution Slider (view css/plugins.css) *****/

.slider-home {
	/*margin-bottom: 40px;*/
/*	Dark background  */
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #171c20;
/*	Clean background  */
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;

	/*padding-bottom: 40px;*/
}

.slider-home .wrapper { background-color: transparent; }


/***** Home Message *****/

#home-message { width: 100%; float: left; }

#home-message .wrapper { border-bottom: 3px solid #51575b; padding-bottom: 20px; margin-bottom: 40px; }

#home-message:last-of-type .wrapper { border-bottom: none; margin-bottom: 0; }

#home-message h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 36px;
}

#home-message p {
	font-size: 21px;
	line-height: 31px;
	color: #8f969c;
	font-weight: 300;
}

/***** Message Navigation *****/

#home-message .custom-menu { margin-bottom: 10px; }

#home-content #home-message .custom-menu ul { margin-bottom: 0; }

#home-message .custom-menu ul { padding-left: 0; }

#home-message .custom-menu ul li { display: inline-block; margin-right: 20px; margin-bottom: 0; }

#home-message .custom-menu ul ul li { display: none; }


/***** Home Quote *****/

#home-quote {
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 32px;
}

#home-quote .wrapper { background-color: #f7f8f9; width: 900px; padding: 20px; margin-bottom: 40px; }

#home-quote:last-of-type .wrapper { margin-bottom: 40px; }

#home-quote a.home_link_button { margin-bottom: 20px; }

#home-quote h1 { margin-bottom: 10px; }


/***** Clients Home *****/

#clients-home {
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 32px;
}

#clients-home .wrapper { background-color: #f7f8f9; width: 900px; padding: 20px; margin-bottom: 40px; }

#clients-home:last-of-type .wrapper { margin-bottom: 40px; }

#clients-home a.home_link_button { margin-bottom: 20px; display: inline-block; }

figure.clients-cover { float: left; margin-top: 20px; }

#clients-home h1 { margin-bottom: 10px; }


/***** Blog Home *****/

#blog-home { width: 100%; float: left; }

#blog-home .wrapper { border-bottom: 3px solid #51575b; margin-bottom: 40px; }

#blog-home:last-of-type .wrapper { border-bottom: none; margin-bottom: 0px; }


/***** Portfolio + Project Home *****/

#portfolio-home, #projects-home {
	float: left;
	width: 100%;
	background-color: #fff;
	padding-top: 10px;padding-top: 20px;
}

#projects-home { background-color: #fff; }

#portfolio-home .wrapper,
#projects-home .wrapper { border-bottom: 3px solid #51575b; margin-bottom: 40px; }

#portfolio-home:last-of-type .wrapper,
#projects-home:last-of-type .wrapper { border-bottom: none; margin-bottom: 0px; }

#portfolio-home h1, #projects-home h1 { margin-bottom: 10px; margin-top: 0; }

h3.project-title { margin-bottom: 15px; }

h3.project-title a { color: #202223; font-size:0.8em;}

h3.project-title a:hover { color: #39c; /* alternate */ }

h1.portfolio-page-title { margin-top: 15px; }


/***** Page Templates: =Portfolio (Portfolio, Projects, Single Project, Isotope) *****/

.portfolio {  }

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) { /*1224px*/

	/* 2 cols */
	#content.portfolio.one-column.portfolio2col { /*background-color: pink;*/ }

	#content.portfolio.one-column.portfolio2col #projects .element { width: 460px; }

	#content.portfolio.one-column.portfolio2col #projects .element img.portfolio-image,
	#content.portfolio.one-column.portfolio2col #projects .element span.overlay { width: 460px; height: 322px; }

	/* 3 cols */
	#content.portfolio.one-column.portfolio3col { /* empty because default */ }

	/* 4 cols */
	#content.portfolio.one-column.portfolio4col { /*background-color: #fc0;*/ }

	#content.portfolio.one-column.portfolio4col #projects .element { width: 220px; }

	#content.portfolio.one-column.portfolio4col #projects .element img.portfolio-image,
	#content.portfolio.one-column.portfolio4col #projects .element span.overlay { width: 220px !important; height: 154px; }

}
/* end queries */

#projects, #portfolios { width: 960px; margin: 0 auto; float: left; }

#portfolios .element, #projects .element {
height: 310px;
    width: 300px;
    margin-right: 20px;
    /* margin-bottom: 40px; */
    float: left;
    overflow: hidden;
    position: relative;
}

#portfolios .element img, #projects .element img {
	width: 300px;
	margin-left: 0 !important;
	height: 210px;
	background: #39c; /* alternate */
}

#portfolios h3.entry-title, #projects h3.entry-title {
	border-bottom: none;
	padding: 0;
	margin-top: 23px;
	margin-bottom: 15px;
}

.portfolio-header-description {
	font-weight: 300;
	color: #8f969c;
	font-size: 21px;
	line-height: 31px;
	margin-top: 0;
	margin-bottom: 26px;
}

p.project-description { margin-bottom: 0px; }


/***** Isotope filter style *****/

ul#filters, span.ooops { float: left; width: 100%; margin: 0px 0 35px 0; padding-left: 0; }

ul#filters li { display: inline-block; margin: 0; }

ul#filters li a {
	display: inline-block;
	font-weight: bold;
	color: #51575b;
}

ul#filters li a:hover, ul#filters li a.selected { color: #39c; /* alternate */ }

ul#filters li a.show-all {  }

ul#filters span.sep { margin: auto 8px; color: #c6ccd1; }

/***** Isotope Filtering *****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/***** Isotope CSS3 transitions *****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

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

/***** =Single Project *****/

#project-content { float: left; width: 940px; }

.project-header { border-bottom: 1px solid #d8dbdf; margin-bottom: 24px }

.project-header p.project-description {
	font-weight: 300;
	color: #8f969c;
	font-size: 21px;
	line-height: 31px;
	margin-top: 0;
	margin-bottom: 20px;
}

.project_iframe_thumb { text-align: center; }

.single-project .hentry { width: 620px; }

.single-project.layout-2cl .hentry { float: right; }

.single-project .entry-content { margin-bottom: 5px; }

.single-project #navigation { border-top: 1px solid #d8dbdf; padding-top: 40px; }

.single_thumb_wrapper {
	background-color: #f7f8f9;
	display: block;
	margin-bottom: 40px;
	position: relative;
}

.project_label {
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
}

.project_label img {
	width: auto !important;
	height: auto !important;
	background: transparent !important;
}

#projects .element img.portfolios-project-label { width: 69px; height: 43px; }

.project-image {
	margin: 0px auto;
	display: block;
}

span.img_copyrights {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #3b4045;
	background: rgba(0,0,0,.6);
	color: #e3e9ee;
	font-size: 12px;
	padding: 1px 11px;
	font-style: italic;
	text-align: right;
}

span.img_copyrights a { color: #e3e9ee; }

span.img_copyrights a:hover { color: #fff; }


/***** Project Details *****/

#project-details {
	float: right;
	clear: right;
	width: 260px;
	padding: 0;
	margin-bottom: 40px;
}

.layout-2cl #project-details { float: left; clear: left; }

#project-details h4 { margin-bottom: 15px; }

.custom-fields { font-size: 13px; line-height: 21px; margin-bottom: 25px; }

.custom-fields ul.fields { list-style-type: none !important; margin-left: 0 !important; margin-bottom: 15px; }

.custom-fields ul.fields li { margin-bottom: 0px; }

.custom-fields ul.fields li strong { margin-right: 3px; }

.custom-fields p { float: left; font-size: 18px; line-height: 24px; font-weight: 300; }

.project-link { float: left; width: 100%; }

a.project-link-button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border .2s linear 0s;
	border: 1px solid;	
	border-color: #acb6bb;
	background-color: #f5f8fa;
	color: #3B4045 !important;
	padding: 14px 24px;
	font-size: 18px;
	display: block;
	width: auto;
	text-align: center;
}

a.project-link-button:hover {
	background-color: #39c; /* alternate */
	border-color: #39c; /* alternate */
	color: #fff !important;
}

#project-details .author-info .author-description { margin: 0 0 0 70px; }


/***** Portfolio Pagination *****/

ol#pagination {
	display: block;
	background: #3B4045;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	width: 100%;
}

ol#pagination li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}


/***** Portfolio Quote *****/

#portfolio-quote {
	width: 900px;
	float: left;
	font-size: 24px;
	line-height: 32px;
	background-color: #f7f8f9;
	padding: 20px;
	margin-bottom: 20px;
}

#portfolio-quote p { margin-bottom: 0; font-family: 'Itim', sans-serif;}


/***** Page Templates: =Archives *****/

#archives-content { float: left; width: 106%; margin-top: 20px; }

#archives-content h3 {  }

#archives-content a { font-size: 14px; line-height: 24px; }

#archives-content ul { padding-left: 0; }

#archives-content ul ul { padding-left: 40px; margin-top: 5px; }

#archives-content ul li {
	margin-bottom: 5px;
	list-style-type: none;
	border-bottom: 1px solid #e3e9ee;
	padding-bottom: 5px;
	width: 100%;
}

#archives-content ul li:last-of-type { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

#content.archives { /*background-color: #fc0;*/ width: 630px; }

#content.archives.one-column { width: 100%; }

.archives-block-first, .archives-block-second { width: 100%; float: left; }

.archives-content {
	float: left;
	width: 100%;
	max-width: 280px;
	margin-bottom: 20px;
	margin-right: 50px;
}

.archives-content:nth-of-type(even) { margin-right: 0px; }

/*.archives-content:nth-child(2n+2) { margin-right: 0px; }*/

.page-template-page-templatesarchives-php .archives-content:nth-of-type(even) { margin-right: 50px; }

.archives-content-portfolio .portfolio-cat {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
}

span.archive-portfolios {
	margin-bottom: 10px;
	margin-top: 16px;
	display: block;
	color: #8f969c;
	font-size: 13px;
}


/***** Page Templates: =Sitemap *****/

#sitemap-content { float: left; width: 100%; margin-top: 20px; }

#sitemap-content h3 {  }

#sitemap-content a { font-size: 14px; line-height: 24px; }

#sitemap-content ul {  }

#sitemap-content ul li { margin-bottom: 7px; }

.sitemap-content-pages,
.sitemap-content-blog-posts {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 20px;
}


/***** Page Templates: =Fullwidth *****/

.one-column {  }


/***** Page Templates: =Contact *****/

#contact-form { float: left; margin-top: 20px; margin-bottom: 20px; }

.contact-name,
.contact-email,
.contact-message {
	margin-bottom: 30px !important;
	float: left;
	width: 100%;
	display: block;
}

.contact-name {  }

.contact-message { width: 100%; }

#submitButton { float: left; }

#contact-form div.success,
#contact-form div.error {
	margin-bottom: 25px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d8dbdf;
}

#contact-form div.error { color: #fd4141; }

#contact-form h3 { border-bottom: none; }


/***** Page Templates: =Blog Full Width *****/

.page-template-page-templatesblog-fullwidh-php {  }
.page-template-page-templatesblog-fullwidh-php #content.one-column {  }


/***** Page Templates: =Blog =Masonry & Masonry 2 Columns + Sidebar *****/

.page-template-page-templatesblog-masonry-php { /*background-color: green*/ }

.page-template-page-templatesblog-masonry-sidebar-php { /*background-color: yellow*/ }

.page-template-page-templatesblog-masonry-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #content .hentry {
	width: 260px;
	padding: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	border-bottom: none;
}

.page-template-page-templatesblog-masonry-php #player-video,
.page-template-page-templatesblog-masonry-php .format-video .mejs-container,
.page-template-page-templatesblog-masonry-php .mejs-overlay,
.page-template-page-templatesblog-masonry-php .mejs-poster,
.page-template-page-templatesblog-masonry-sidebar-php #player-video,
.page-template-page-templatesblog-masonry-sidebar-php .format-video .mejs-container,
.page-template-page-templatesblog-masonry-sidebar-php .mejs-overlay,
.page-template-page-templatesblog-masonry-sidebar-php .mejs-poster { width: 260px !important; height: 168px !important; }

.page-template-page-templatesblog-masonry-php #player-audio,
.page-template-page-templatesblog-masonry-php .format-audio .mejs-container,
.page-template-page-templatesblog-masonry-sidebar-php #player-audio,
.page-template-page-templatesblog-masonry-sidebar-php .format-audio .mejs-container { width: 260px !important; }

.page-template-page-templatesblog-masonry-php #content.masonry { width: 104%; }

.page-template-page-templatesblog-masonry-sidebar-php #content.masonry { width: 640px; }

.page-template-page-templatesblog-masonry-php span.comments-link,
.page-template-page-templatesblog-masonry-sidebar-php span.comments-link {
	float: left;
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	width: 100%;
}

.page-template-page-templatesblog-masonry-php #main,
.page-template-page-templatesblog-masonry-sidebar-php #main { background-color: transparent; }

.page-template-page-templatesblog-masonry-sidebar-php #primary,
.page-template-page-templatesblog-masonry-sidebar-php #secondary { background-color: #fff; padding: 20px; }

.page-template-page-templatesblog-masonry-php .format-audio .mejs-container,
.page-template-page-templatesblog-masonry-php .format-video .mejs-container,
.page-template-page-templatesblog-masonry-sidebar-php .format-audio .mejs-container,
.page-template-page-templatesblog-masonry-sidebar-php .format-video .mejs-container { /*margin-bottom: 20px; */width: 100% !important; }

/*.page-template-page-templatesblog-masonry-php .format-image .content-image,
.page-template-page-templatesblog-masonry-sidebar-php .format-image .content-image { margin-bottom: 20px; }*/


/***** Page Templates: =About Me/Author + Author Full Width *****/

.page-template-page-templatesauthor-php .author-description,
.page-template-page-templatesauthor-fullwidth-php .author-description {
	margin: 0;
	font-size: 21px;
	line-height: 26px;
	font-weight: 300;
}

.page-template-page-templatesauthor-php h1.page-title.author,
.page-template-page-templatesauthor-fullwidth-php h1.page-title.author { margin-bottom: 8px; }

.page-template-page-templatesauthor-php .author-info,
.page-template-page-templatesauthor-fullwidth-php .author-info { margin-bottom: 0px; border-bottom: none; width: 80px; float: right; }

.page-template-page-templatesauthor-php .author-info .author-avatar,
.page-template-page-templatesauthor-fullwidth-php .author-info .author-avatar { float: right; margin: 0; }

.page-template-page-templatesauthor-php .page-header,
.page-template-page-templatesauthor-fullwidth-php .page-header { border-bottom: 1px solid #d8dbdf; padding-bottom: 15px; }

.page-template-page-templatesauthor-php span.author-meta-url,
.page-template-page-templatesauthor-fullwidth-php span.author-meta-url { font-size: 14px; }


/***** =404 *****/

.error404.not-found p {  }

.error404 .searchform { margin-bottom: 10px; }


/***** =Pages *****/

.page-header { float: left; width: 100%; }


/*-----------------------------------------------------------------------------------*/
/* 11. =Blog (Single, Archive, Post Formats, Blog Navigation, Attachment) */
/*-----------------------------------------------------------------------------------*/

.hentry {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 30px;
}

.entry-content { float: left; width: 100%; }

.entry-content img {  }

.entry-content a, .entry-summary a { font-weight: bold; }

.entry-content h1 { /*margin-top: 40px;*/ }
.entry-content h2 { /*margin-top: 40px;*/ }
.entry-content h3 { /*margin-top: 30px;*/ }
.entry-content h4 { /*margin-top: 30px;*/ }
.entry-content h5 { /*margin-top: 30px;*/ }
.entry-content h6 { /*margin-top: 20px;*/ }

.entry-summary {  }

.entry-meta { width: auto; }

header.entry-meta {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 21px;
	color: #8f969c;
	margin-bottom: 25px; /* like <p> */
}

footer.entry-meta {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 21px;
	color: #8f969c;
	margin-top: 25px;
}

header.entry-meta, footer.entry-meta {  }

header.entry-meta a, footer.entry-meta a { color: #3b4045; font-weight: bold; }

header.entry-meta a:hover, footer.entry-meta a:hover { color: #39c; /* alternate */ }

span.posted-on,
span.by-author,
span.cat-links,
span.tag-links,
span.comments-link { margin-bottom: 3px; display: inline-block; }

time.entry-date { margin-right: 2px; }

span.cat-links, span.tag-links { display: block; }

span.comments-link { float: right; }

a.post-edit-link,
a.comment-edit-link {
	margin-top: 20px;	margin-bottom: 20px;
	font-size: 13px;
	line-height: 21px;
	background: #f7f8f9;
	padding: 0px 6px;
	display: block;
	float: left;
	color: #51575b !important;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.comment-meta a.comment-edit-link { margin-top: 0px; float: right; color: #51575b !important; }

a.post-edit-link:hover,
.comment-meta a.comment-edit-link:hover { background-color: #3b4045; color: #fff !important; }

span.edit-link { float: left; }

span.sep { margin: auto 4px; color: #acb6bb; }
span.sep:last-child { display: none; }

a.more-link,
a:link.more-link,
a:visited.more-link {
	padding-left: 1px; /* fix for FF */
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: #3B4045;
}

a.more-link:hover,
a:link.more-link:hover,
a:visited.more-link:hover { color: #39c; /* alternate */ }


/***** Blog Navigation *****/

#navigation {
	display: block;
	overflow: hidden;
	width: 100%;
	float: left;
	font-weight: bold;
	margin-bottom: 20px;
}

#navigation a { color: #6b7175; }

#navigation a:hover { color: #3b4045; }

.nav-previous { float: left; width: 50%; }

.nav-next { float: right; text-align: right; width: 50%; }

.meta-nav { display: inline-block; }

.page-template-page-templatesblog-masonry-php #navigation,
.page-template-page-templatesblog-masonry-sidebar-php #navigation {
	/*border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	max-width: 940px;
	margin-top: 20px;*/
	background-color: #fff;
	padding: 20px;
	/*margin-bottom: 0;*/
	max-width: 580px;
}

.page-template-page-templatesblog-masonry-php #navigation { max-width: 900px; }


/***** Attachment *****/

.attachment .entry-content { width: 100%; margin-bottom: 20px; }

.attachment h2 { margin-top: 0; }

.attachment header.entry-meta { margin-bottom: 25px; }

p.attachment { margin-bottom: 40px; }

.attachment span.image-size { margin-left: 2px; }

.attachment #navigation {
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
}


/***** =Blog Archives *****/

.archive h1.page-title {
	margin-top: 0px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 40px;
	font-size: 22px;
}


/***** =Author *****/

.author-info {
	float: left;
	border-bottom: 1px solid #d8dbdf;
	margin-bottom: 40px;
	padding-bottom: 25px;
	width: 100%;
}

.author-info .author-avatar { float: left; margin: 0 -80px 0 0; }

.author-info .author-avatar img.avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.author-info .author-description {
	float: left;
	margin: 0 0 0 105px;
	color: #8f969c;
}

.author-info h3 {
	margin-top: 0;
	border-bottom: none;
	margin-bottom: 5px;
}

.author-info .author-description p { margin-bottom: 5px; }

.archive.author .author-info .author-description p { margin-bottom: 15px; }

span.author-meta-url { margin-bottom: 5px; display: inline-block; font-size: 13px; }


/***** Blog =Single *****/

.single-post h2.entry-title { font-size: 30px; line-height: 36px; }

.single-post .entry-content {  }

.single-post #navigation { border-top: 1px solid #d8dbdf; padding-top: 40px; }

.single-post .author-info {
	float: left;
	margin-top: 40px;
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: none;
	width: 100%;
}


/***** Post =Formats: General Elements *****/

.post-labels { /*margin-bottom: 20px;*/ float: left; }

span.format-label { float: left; }

a.entry-format {
	padding: 3px 6px;
	background-color: #39c; /* alternate */
	-webkit-transition: background-color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s;
	-o-transition: background-color .2s linear 0s;
	transition: background-color .2s linear 0s;
	color: #fff !important;
	text-transform: capitalize;
	margin-right: 7px;
}

a.entry-format:hover { background-color: #3b4045; }

a.entry-format.standard,
a.entry-format.aside,
a.entry-format.gallery,
a.entry-format.link,
a.entry-format.quote,
a.entry-format.image,
a.entry-format.video,
a.entry-format.audio,
a.entry-format.chat,
a.entry-format.status,
a.entry-format.sticky {  }

a.entry-format.gallery { float: none; width: auto; margin-bottom: 0 !important; }

span.entry-format.sticky {
	float: left;
	color: #fff;
/*	font-size: 13px;*/
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 6px;
	margin-bottom: 25px;
}

span.entry-format.new,
span.entry-format.free {
	padding: 4px 10px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

span.entry-format.none { display: none; }

span.entry-format.sticky { background-color: #fd4141; }
span.entry-format.new { background-color: #4eade3; }
span.entry-format.free { background-color: #a1ca57; }

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
	-webkit-transition: background-color .2s linear 0s, color .1s linear 0s, border .2s linear 0s;
	-moz-transition: background-color .2s linear 0s, color .1s linear 0s, border .2s linear 0s;
	-o-transition: background-color .2s linear 0s, color .1s linear 0s, border .2s linear 0s;
	transition: background-color .2s linear 0s, color .1s linear 0s, border .2s linear 0s;
	background-color: #f7f8f9;/*background-color: #202223;*/
	border: 1px solid;
	border-color: #f7f8f9;/*border-color: #202223;*/
}

div.page-links { margin-bottom: 15px; }

.page-links a, .page-links > span { padding: 2px 7px; text-decoration: none; }

/* basically, the current status */
.page-links > span {
	background-color: #39c; /* alternate */
	border: 1px solid;
	border-color: #39c; /* alternate */
	color: #fff;
	font-weight: bold;
}

span.page-links-title {
	background-color: transparent !important;
	border: none; padding: 0;
	margin-right: 5px;
	color: #51575b;
}

.format-status .entry-content .page-links a:hover,
.format-gallery .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
	background-color: #39c; /* alternate */
	border: 1px solid;
	border-color: #39c; /* alternate */
	color: #fff !important;
}


/***** Post Formats: =Standard *****/

.format-standard h2.entry-title {  }

.format-standard .entry-content img:first-of-type { /*margin-top: 5px;*/ }


/***** Post Formats: =Aside *****/

.format-aside header.entry-meta {  }

.format-aside h2.entry-title { display: none; }


/***** Post Formats: =Gallery *****/

.format-gallery h2.entry-title {  }

.format-gallery .gallery-thumb {
	width: auto; /* fix for all browsers */
	float: left;
	margin-right: 30px;
	margin-top: 4px;
	margin-bottom: 20px;
}

.page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb,
.page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb { margin-right: 0px; }

.page-template-page-templatesblog-masonry-php .format-gallery .gallery-thumb span.overlay,
.page-template-page-templatesblog-masonry-sidebar-php .format-gallery .gallery-thumb span.overlay { width: 260px; height: 182px; }

span.total-imgs { margin-bottom: 20px; display: inline-block; }

.gallery-caption {  }

.gallery { float: left; margin-bottom: 30px !important; width: 100%; }

.gallery .gallery-item { margin: 0 5px 5px 0 !important; }

.gallery .gallery-item img {
	border: 5px solid #f7f8f9 !important;
	-webkit-transition: border .2s linear 0s;
	-moz-transition: border .2s linear 0s;
	-o-transition: border .2s linear 0s;
	transition: border .2s linear 0s;
}

.gallery .gallery-item img:hover { border-color: #39c; /* alternate */ }

.gallery-columns-1 .gallery-item { width: 99% !important; }
.gallery-columns-2 .gallery-item { width: 49% !important; }
.gallery-columns-3 .gallery-item { width: 32% !important; }
.gallery-columns-4 .gallery-item { width: 22.5% !important; margin-right: 15px !important;		width: 22.3% !important; /* tiled fix */  }
.gallery-columns-5 .gallery-item { width: 17.5% !important; margin-right: 15px !important; }
.gallery-columns-6 .gallery-item { width: 14.2% !important; margin-right: 15px !important; }
.gallery-columns-7 .gallery-item { width: 11.8% !important; margin-right: 15px !important; }
.gallery-columns-8 .gallery-item { width: 10% !important; margin-right: 15px !important; }
.gallery-columns-9 .gallery-item { width: 8.6% !important; margin-right: 15px !important; }

.gallery dl { margin: 0; }

.gallery br+br { display: none; }


/***** Post Formats: =Image *****/

.format-image .content-image { margin-bottom: 25px; }

.format-image span.entry-format.sticky { position: absolute; top: 0; left: 0; z-index: 99999; }


/***** Post Formats: =Link *****/

.format-link h2.entry-title {  }

.format-link span.link {
	font-weight: bold;
	font-size: 16px;
	color: #8f969c;
	display: block;
	margin-bottom: 20px;

	float: left;
	width: 100%;
}


/***** Post Formats: =Quote *****/

.format-quote h1.quote { /*margin-top: 25px; float: left; */ font-size: ; line-height: 50px; margin-bottom: 0; }

.format-quote h1.quote a { color: #202223; }

.format-quote h1.quote a:hover { color: #39c; /* alternate */  }

.format-quote h3.entry-title { margin-bottom: 0; 	display: none; }

.format-quote h3.entry-title a { color: #39c; /* alternate */ }

/*.format-quote h3.entry-title a:hover { color: #3b4045; }*/


/***** Post Formats: =Audio & =Video *****/

.format-audio .mejs-container, .format-video .mejs-container { float: left; margin-bottom: 25px; }

.format-audio h2.entry-title, .format-video h2.entry-title { /*margin-bottom: 25px;*/ }

.embedded { margin-bottom: 8px; padding: 0; float: left; }

.format-audio header.entry-meta {  }

.album-cover {  }

.album-cover img { max-width: 620px; }

.format-video span.entry-format.sticky { position: absolute; top: 0; left: 0; z-index: 99999; }


/**/
#player-audio, #player-video { background: #202223; margin-bottom: 20px; width: 100%; }

#player-video,
.format-video .mejs-container,
.mejs-overlay,
.mejs-poster { width: 620px !important; height: 400px !important; }

#player-audio, .format-audio .mejs-container { width: 620px !important; }

/**/
.page-template-page-templatesblog-fullwidh-php #player-video,
.page-template-page-templatesblog-fullwidh-php .format-video .mejs-container,
.page-template-page-templatesblog-fullwidh-php .mejs-overlay,
.page-template-page-templatesblog-fullwidh-php .mejs-poster { width: 940px !important; height: 608px !important; }

.page-template-page-templatesblog-fullwidh-php #player-audio,
.page-template-page-templatesblog-fullwidh-php .format-audio .mejs-container { width: 940px !important; }

/**/


/***** Post Formats: =Sticky *****/

.sticky .entry-format {  }


/***** =Search Results *****/

.search-results h1.page-title {
	margin-top: 0px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 40px;
	font-size: 22px;
}

.search-results .search-thumb,
.search-results .search-thumb span.overlay {
	width: 220px;
	height: 154px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.search-results .hentry { margin-bottom: 40px; padding-bottom: 30px; }

.search-results span.portfolios-links { margin-bottom: 5px; display: block; }


.search header.entry-meta, .search-results header.entry-meta { margin-bottom: 10px; }

.search h2.entry-title, .search-results h2.entry-title { margin-bottom: 10px; }

.search footer.entry-meta, .search-results footer.entry-meta { margin-top: 0px; }


/***** =Comments *****/

#comments { clear: both; max-width: 700px; }

h3#comments-title { border-bottom: none; border-top: 1px solid #d8dbdf; padding-top: 23px; }

.commentlist {
	list-style: none;
	margin: 0 auto;
	margin-right: 0;
	margin-bottom: 25px !important;
	line-height: 21px;
}

ol.commentlist { padding-left: 0; }

.content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; }

.commentlist > li.comment {
	padding-top: 25px;
	position: relative;
	background: #fff;
	border-top: 1px solid #d8dbdf;
	margin-bottom: 20px !important;
	display: block;
}

.commentlist .children { list-style: none; margin-top: 25px; margin-bottom: 0px !important; }

.commentlist .children li.comment {
	padding-top: 25px;
	margin-left: 80px;
	border-top: 1px solid #d8dbdf;
	list-style: none;
	margin-bottom: 25px !important;
}

.commentlist .children li.comment .fn { /* display: block; - don't delete */ }

.commentlist .fn { margin-left: 20px; font-weight: bold; }

.comment-meta .fn { font-style: normal; }

.comment-meta {
	margin-top: 5px;
	margin-left: 80px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 21px;
}

.comment-meta a { color: #8f969c !important; }

.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { color: #51575b !important; }

.commentlist .children li.comment .comment-meta {  }

.commentlist .children li.comment .comment-content { margin: 20px 0 0 0; }

.commentlist .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.commentlist > li:before {}

.commentlist > li.pingback:before { content: ''; }

.comment-author.vcard { float: left; }

.commentlist .children .avatar {  }

.commentlist > li.bypostauthor {  } /* Post author highlighting */

.commentlist > li.bypostauthor .comment-meta { color: #51575b; }

.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {  }

.commentlist > li.bypostauthor:before {  }

.comment-body { margin-left: 80px; }

.comment-footer {  }

.commentlist .children > li.bypostauthor {  } /* Post Author threaded comments */

#cancel-comment-reply-link { float: right; font-weight: normal; font-size: 13px; }

.nopassword, .nocomments {
	color: #6b7175;
	font-size: 16px;
	margin: 26px 0;
	border-top: 1px solid #d8dbdf;
	padding-top: 20px;
	display: none;
}

div.reply { margin-left: 80px; }

a.comment-reply-link {
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #8f969c !important;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active { color: #3b4045 !important; }

a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; }


/***** =Respond *****/

#respond, #wp-temp-form-div {
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
	line-height: 100%;
	/*border-top: 3px solid #51575B;*/
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	margin-top: 0;
}

.comment #respond { float: none; margin-top: 25px; }

.comment #respond input, .comment #respond textarea {  }

.comment #respond input:focus, .comment #respond textarea:focus {  }

.logged-in-as, #respond .comment-notes { color: #8f969c; margin-bottom: 25px !important; font-size: 13px; line-height: 21px; }

.children #respond { margin: 20px 0 0 0; }

#respond .form-allowed-tags { color: #51575b; margin: 9px auto 19px auto; display: none; }

h3#reply-title { display: block; /* kinda important! */ margin-bottom: 8px; }

em.comment-awaiting-moderation {
	margin-left: 80px;
	margin-bottom: 10px;
	display: block;
	font-style: italic;
	color: #8f969c;
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------------*/
/* 12. Related Posts (Blog + Portfolio) */
/*-----------------------------------------------------------------------------------*/

#related-posts,
#related-projects {
	float: left !important;
	width: 104%;
	max-width: 720px;
	margin-bottom: 40px;
}

h3.related-title { margin-bottom: 25px; margin-top: 0; }

.related-list { float: left; }

.related-item {
	width: 220px;
/*	min-height: 198px;*/ /* replaced by js equalheights */
	margin-right: 20px;
	margin-bottom: 25px;
	float: left;
	overflow: hidden;
	position: relative;
}

.related-item { width: 193px !important; } /* also in mediaqueries */

.related-item img { margin-bottom: 10px; background-color: #39c; /* alternate */ }

.related-item span.overlay {  }

.related-item img, .related-item span.overlay { width: 193px; height: 135px;
height: 135px !important; /* temporary fix for case vertical featured image */ }

#related-posts h4.entry-title, #related-projects h4.entry-title {
	margin-top: 5px;
	margin-bottom: 7px;
	border-top: none;
	font-size: 16px;
}

#related-posts p.desc, #related-projects p.desc { font-size: 13px; line-height: 21px; margin-bottom: 10px; }

#related-posts span.cat-links, #related-posts span.tag-links { font-size: 12px; color: #8f969c; display: block; line-height: 18px; }
#related-posts span.cat-links a, #related-posts span.tag-links a { color: #51575b; font-weight: bold; }
#related-posts span.cat-links a:hover, #related-posts span.tag-links a:hover { color: #39c; /* alternate */ }


/*-----------------------------------------------------------------------------------*/
/* 13. Misc */
/*-----------------------------------------------------------------------------------*/

/***** jQuery Back to Top *****/

#back-top {
	position: fixed;
	right: 20px;
	bottom: 0;
	display: none;
	z-index: 99999;
	margin-bottom: 0;
}

#back-top a { width: 40px; display: block; }

#back-top span {
	width: 48px;
	height: 38px;
	display: block;
	background: #000 url(images/sprites.png) 14px -46px no-repeat;
	opacity: .75;
	-webkit-transition: .2s linear 0s, opacity .2s linear 0s;
	-moz-transition: .2s linear 0s, opacity .2s linear 0s;
	-o-transition: .2s linear 0s, opacity .2s linear 0s;
	transition: .2s linear 0s, opacity .2s linear 0s;
}

#back-top a:hover span { opacity: .9; }


/***** =WordPress - Please note: the following overwrite some styles defined at the top of this document *****/

#sidebar-login { margin-bottom: 30px; }

img#wpstats { display: block; margin: 0 auto 10px; }

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* @since WP 3.4 */

/* Images */
.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignleft { margin: 5px 20px 5px 0; }

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

img.alignright { margin: 5px 0 5px 20px; }

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

img.aligncenter { margin: 5px auto; }

img.alignnone { margin: 5px 0; }

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color: #8f969c;
	/*font-size: 18px;*/
	font-style: italic;
	font-weight: 300;
	margin-top: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}

div.entry-thumbnail {  margin-bottom: 25px; }


/***** Chrome Frame Prompt *****/

.chromeframe { margin: 0.2em 0; background: #c6ccd1; color: black; padding: 0.2em 0; }


/***** =Plugins Styles *****/

/*-----------------------------------------------------------------------------------*/
/* Mav Icons */
/*-----------------------------------------------------------------------------------*/

#sidebar-header ul.mav-icons { float: right; }

#sidebar-header li.mav-icon { margin: 0 0 8px 8px !important; }


/*-----------------------------------------------------------------------------------*/
/* Mav Shortcodes */
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/* Revolution Slider - http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380 */
/*-----------------------------------------------------------------------------------*/

/*.tp-bannershadow.tp-shadow2 { display: none; }*/ /* --- because you set it up via slider options */

.rev_slider_wrapper { float: left; margin-bottom: 25px !important; } /* like the <p> tag */

.page-template-page-templateshomepage-php .rev_slider_wrapper,
.page-template-page-templateshomepage-extended-php .rev_slider_wrapper { margin-bottom: 40px !important; }

.tp-button {
	-webkit-transition: background-color .2s linear 0s, color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s, color .2s linear 0s;
	-o-transition: background-color .2s linear 0s, color .2s linear 0s;
	transition: background-color .2s linear 0s, color .2s linear 0s;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 25px;
	background-color: #000; /* dummy color */
	background-image: none !important;
	border: 3px solid;
	text-shadow: none !important;
}


.tp-button:hover {
/*	background-color: #fff !important;
	border-color: #fc1944 !important;
	color: #202223 !important;*/
}


.tp-button.blue,
.tp-button.red,
.tp-button.green,
.tp-button.orange,
.tp-button.lightgrey,
.tp-button.darkgrey {
	-webkit-transition: background-color .2s linear 0s, color .2s linear 0s, border-color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s, color .2s linear 0s, border-color .2s linear 0s;
	-o-transition: background-color .2s linear 0s, color .2s linear 0s, border-color .2s linear 0s;
	transition: background-color .2s linear 0s, color .2s linear 0s, border-color .2s linear 0s;
	/*background-color: #fc1944 !important;
	border-color: #fc1944 !important;*/
	border-color: #fff !important;
	letter-spacing: 0 !important;
}

.tp-button.blue:hover,
.tp-button.red:hover,
.tp-button.green:hover,
.tp-button.orange:hover,
.tp-button.lightgrey:hover,
.tp-button.darkgrey:hover {
	background-color: #fff !important;
	/*border-color: #fc1944 !important;*/
	border-color: #fff !important;
	color: #202223 !important;
}

.tp-button.blue 			{ background-color: #20a4e8 !important; }
.tp-button.blue:hover 		{ /*border-color: #1d78cb !important;*/ }

.tp-button.red 				{ background-color: #fc1944 !important; }
.tp-button.red:hover 		{ /*background-color: #fc0;*/ }

.tp-button.green	 		{ background-color: #3bc030 !important; }
.tp-button.green:hover 		{ /*background-color: #39c;*/ }

.tp-button.orange 			{ background-color: #fc5a0a !important; }
.tp-button.orange:hover 	{ /*background-color: #fc0;*/ }

.tp-button.lightgrey 		{ background-color: #3b4045 !important; }
.tp-button.lightgrey:hover 	{ /*background-color: #fc0;*/ }

.tp-button.darkgrey 		{ background-color: #202223 !important; }
.tp-button.darkgrey:hover 	{ /*background-color: #fc0;*/ }


.tp-leftarrow.default { background: url(images/plugins/revslider/large_left.png) no-repeat 0 0; }

.tp-rightarrow.default { background: url(images/plugins/revslider/large_right.png) no-repeat 0 0; }

.tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; }

.tp-bullets.simplebullets.round .bullet { background: url(images/plugins/revslider/bullets.png) no-repeat top left; }

.tp-caption { color: white !important; }


/*-----------------------------------------------------------------------------------*/
/* Wolf Skill Bars - http://wpwolf.com/plugin/wolf-skill-bars/ */
/*-----------------------------------------------------------------------------------*/

.wolf-skill .wolf-skill-bar { background: #39c !important; /* alternate */ }

.wolf-skill { background: #171c20 !important; }

.wolf-skill .wolf-skill-percent { color: #fff !important; font-weight: 300 !important; font-size: 15px !important; line-height: 24px !important; }

h5.wolf-skill-title { font-size: 15px !important; margin-bottom: 10px !important; margin-top: 10px; }

.wolf-skill { height: 25px !important; }


/*-----------------------------------------------------------------------------------*/
/* Wolf Message Bar - http://wpwolf.com/plugin/wolf-message-bar/ */
/*-----------------------------------------------------------------------------------*/

#wolf-topbar-container #wolf-topbar { text-shadow: none !important; }

#wolf-topbar-container #wolf-topbar #wolf-topbar-wrap div {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	text-shadow: 1px 1px rgba(0, 0, 0, .30) !important;
	padding-top: 2px;
}

#wolf-topbar-container #wolf-topbar a {
	text-decoration: none !important;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}

#wolf-topbar-container #wolf-topbar span#close {
	/*background: url(images/sprites.png) 0px -388px no-repeat;*/
	background: url(images/plugins/ribbon.png) 0px 8px no-repeat !important;
	text-indent: -999999px;
	width: 12px;
	padding-left: 0px !important;
	border: none !important;
	float: right;
	top: -4px !important;
}

#wolf-topbar-container #ribbon {
	/*background-image: url(images/sprites.png) !important;*/
	background-image: url(images/plugins/ribbon.png) !important;
	/*background-position: 6px -423px !important;*/
	background-position: 6px -27px !important;
	background-repeat: no-repeat !important;
	text-indent: -999999px;
	height: 25px !important;
	width: 26px !important;
}


/*-----------------------------------------------------------------------------------*/
/* WP Google Maps - http://wordpress.org/plugins/wp-google-maps/ */
/*-----------------------------------------------------------------------------------*/

#wpgmza_map { margin-bottom: 25px; }



/*-------------------------------------------------------------------------------------------*/
/* =Design                                                                                    */
/*-------------------------------------------------------------------------------------------*/

body {
	font: 16px/23px 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}


/***** General: Type *****/

h1, h2, h3, h4, h5, h6 { color: #202223; font-family: 'Itim', sans-serif; font-weight: 700; text-transform: uppercase; }

h3 { font-weight: 600; }

b, strong { font-weight: 600; color: #202223; }

.entry-content { font-size: 18px; line-height: 25px; }

.entry-content a, .entry-summary a, a.more-link, a:link.more-link, a:visited.more-link { font-weight: 400; }

header.entry-meta a, footer.entry-meta a { font-weight: 600; }

a.more-link,
a:link.more-link,
a:visited.more-link {
	text-transform: uppercase;
	border-color: #f7f8f9 !important;
	border-bottom: 2px solid;
	-webkit-transition: color .2s linear 0s, border-color .1s linear 0s;
	-moz-transition: color .2s linear 0s, border-color .1s linear 0s;
	-o-transition: color .2s linear 0s, border-color .1s linear 0s;
	transition: color .2s linear 0s, border-color .1s linear 0s;
	padding-bottom: 1px;
}

a.more-link:hover,
a:link.more-link:hover,
a:visited.more-link:hover { border-color: #f7f8f9 !important; }

h2.entry-title { font-size: 36px; line-height: 44px; margin-bottom: 10px; }

h2.entry-title a { font-weight: 700; }

#home-message,
#home-quote,
#portfolio-home .page-header,
#footer { text-align: center; }


/***** Layout *****/

.blog #main,
.single-post #main,
.single-project #main { padding-top: 50px; }

#content, #home-content { margin: 0 auto; margin-bottom: 20px; }

.page.layout-2cl #content, .page.layout-2cl #home-content,
.search-results.layout-2cl #content, .search-results.layout-2cl #home-content { float: none; }

.blog.layout-2cl #content,
.single-post.layout-2cl #content,
.blog.layout-2cl #home-content,
.single-post.layout-2cl #home-content { float: right; }

.blog #content,
.blog #home-content,
.single-post #content,
.single-post #home-content { max-width: 620px; float: left; }

.page #primary, .page #secondary,
.search-results #primary, .search-results #secondary,
.error404 #primary, .error404 #secondary { /*display: none;*/ }

#primary, #secondary { text-align: center; margin-bottom: 30px; }

#primary+#secondary,
#project-details+#secondary { border-top: 1px solid #d8dbdf; padding-top: 40px; }

/**/

#portfolios h3.entry-title,
#projects h3.entry-title {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}

#portfolios h3.entry-title a,
#projects h3.entry-title a {
	font-size: 36px;
	line-height: 38px;
	text-transform: uppercase;
font-family: 'Itim', sans-serif;
	font-weight: 700;
}

#portfolios p.project-description,
#projects p.project-description {
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #8f969c;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

.page-template-page-templateshomepage-extended-php #portfolios p.project-description,
.page-template-page-templateshomepage-php #portfolios p.project-description { font-size: 21px; line-height: 27px; }

h3.project-title { margin-bottom: 10px; }

#portfolios h3.entry-title,
#projects h3.entry-title,
#portfolios p.project-description,
#projects p.project-description { padding-left: 5px; padding-right: 5px; }

#projects p.project-description { margin-bottom: 10px; }

#portfolios .element, #projects .element { margin-bottom: 0px; }

.project-title { text-align: center; }


/***** Header *****/

#header { margin-top: 0; background-color: #076FC7; z-index: 9999999; padding-top: 5px; }

#header .wrapper { padding-top: 25px; padding-bottom: 25px; border-bottom: none; }

.page-template-page-templateshomepage-php #header .wrapper,
.page-template-page-templateshomepage-extended-php #header .wrapper { padding-bottom: 25px; }


/***** Logo *****/

a h1#site-title { color: #fff; }


/***** topbar *****/
#topbar {
	color: #51575b;
	text-transform: uppercase;
	background-color: #111314;
	background-color: #fff;
	padding-top: 25px;
	padding-bottom: 15px;
}

#topbar .wrapper { /*border-bottom: 1px solid #3b4045; padding-bottom: 5px;*/ }

span.topbar_text { margin-top: 5px; }

#tagline { color: #fff; margin-top:0;  float:right; font-size: 1.05em;}


/***** Menu *****/

#navi { /*margin-top: 8px;*/ }

#navi ul li a {
font-family: 'Itim', sans-serif;
	font-size: 18px;
	line-height: 61px;
	text-transform: uppercase;
	font-weight: 400; 
	margin-left: 20px;
	padding: 6px;
	color: #fff !important;
}

#navi ul li a:hover { color:#fff !important; border-bottom:2px solid; padding-bottom: 0px; }

#navi ul ul {
	background-color: #111314;
	border-color: #111314;
	padding-top: 21px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#navi ul ul ul {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#navi ul ul li { border-color: #3b4045; }

#navi ul ul li a {
	font-size: 15px;
	line-height: 21px;
	color: #8f969c;
	font-weight: 400;
	padding: 13px 7px 12px 7px;
	text-transform: none;
}

#navi ul ul li a:hover { color: #fff; }


#navi ul li a.sf-with-ul { padding-right: 30px; }

.sf-sub-indicator {
	right: .60em;
	width: 10px;
	height: 10px;
	background: url(images/sprites.png);
}

/* menu arrows position */
a > .sf-sub-indicator { top: 12px; /* arrow position from top */ background-position: 0 -119px; }

/* menu arrows position sub */
ul ul li a > .sf-sub-indicator { top: 19px; /* position arrow up/down */ }

.sf-menu ul a > .sf-sub-indicator { background-position: 0 -119px; }


/***** Homepage: Slider *****/

.slider-home { padding-bottom: 0; }

.page-template-page-templateshomepage-php #main,
.page-template-page-templateshomepage-extended-php #main { padding-top: 30px; }


/***** Homepage: Titles styles *****/

#home-message h1,
#portfolio-home h1,
#projects-home h1,
#home-quote h1,
h1.page-title {
font-family: 'Itim', sans-serif;
	font-weight: 700;
	font-size: 70px;
	line-height: 70px;
	text-transform: uppercase;
	color: #202223;
	margin-top: 10px;
}

h1.page-title { font-size: 60px; line-height: 60px; margin-bottom: 36px; }


/***** Homepage: Home Message *****/

#home-message { background-color: #111314; }

#home-message .wrapper {
	border-bottom: 6px solid #3b4045;
	padding-top: 25px;
	border-bottom: none;
	margin-bottom: 0px;
}

#home-message h1 { margin-bottom: 20px; color: #fff; }

#home-message p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 40px;
	color: #acb6bb;
}

#home-message .custom-menu ul li {  }

#home-message .custom-menu ul li a { text-transform: uppercase; font-size: 18px; }

#home-message .custom-menu ul li a:hover { color: #fff; }


/***** Homepage: Portfolios & Projects *****/

#projects-home { padding-top: 0; }

#portfolio-home .wrapper, #projects-home .wrapper { border-bottom: none; margin-bottom: 0px; }

#projects-home .wrapper {}

#portfolio-home h1, #projects-home h1 { margin-top: 0px; margin-bottom: 18px; }

#portfolios .element img, #projects .element img { background: transparent; }

#portfolios .element {
	top: 0;
	-webkit-transition: top .2s linear 0s;
	-moz-transition: top .2s linear 0s;
	-o-transition: top .2s linear 0s;
	transition: top .2s linear 0s;
}

#portfolios .element:hover { top: -11px; position: relative; }

#projects-home .wrapper { border-bottom: none; margin-bottom: 0; }

#portfolio-home .page-header { margin-bottom: 50px; border-bottom: 1px solid #d8dbdf; padding-bottom: 35px; }

#portfolio-home .portfolio-header-description {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	line-height: 40px;
	max-width: 80%;
	margin: 0 auto;
}

#portfolio-home span.overlay:hover { display: none; }

#portfolio-home:last-of-type .wrapper,
#projects-home:last-of-type .wrapper {
	margin-bottom: 0px;
}

.portfolio-header-description {
	max-width: 70%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 32px;
}

.portfolio h1.entry-title {
	font-size: 36px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#portfolio-quote {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 32px;
	line-height: 40px;
	background-color: #f64747; /* alternate */
	color: #fff;
	margin-bottom: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


/***** Homepage: Clients or whatever *****/

#clients-home .wrapper { background-color: transparent; padding: 0 10px; }

#clients-home h1, #clients-home { text-align: center; }

#clients-home p { font-size: 18px; }

#clients-home:last-of-type .wrapper {  }

#clients-home+#blog-home .wrapper { border-top: 6px solid #3b4045; padding-top: 40px; }

figure.clients-cover { margin-top: 0; }


/***** Homepage: Home Quote *****/

#home-quote {
	background-color: #39c; /* alternate */
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	margin-bottom: 40px;
}

#home-quote:last-of-type { margin-bottom: 0; }

#home-quote+#portfolio-home {}

#home-quote+#projects-home { margin-top: 20px; }

#home-message+#portfolio-home, #home-message+#projects-home,
.slider-home+#portfolio-home, .slider-home+#projects-home { margin-top: 20px; }

#home-quote:last-of-type .wrapper { margin-bottom: 20px; }

#home-quote .wrapper { background-color: transparent; margin-bottom: 20px; }

#home-quote h1 { color: #fff; margin-top: 10px; margin-bottom: 20px; }

#home-quote .wrapper p {
	color: #fff;
	color: rgba(255,255,255,.9);
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 40px;
	margin: 0 auto;
}

#home-quote a,
#portfolio-quote a {
	color: #fff;
	font-weight: 600;
	border-bottom: 2px solid;
	border-color: transparent;
	-webkit-transition: border-color .2s linear 0s;
	-moz-transition: border-color .2s linear 0s;
	-o-transition: border-color .2s linear 0s;
	transition: border-color .2s linear 0s;
}

#home-quote a:hover, #portfolio-quote a:hover { border-color: #fff; }

#home-quote b, #home-quote strong { color: #fff; font-weight: 600; }

#home-quote a.home_link_button {
	display: block;
	color: #fff;	/*color: #202223;*/
	background-color: transparent;
	border: 3px solid #fff;
	padding: 15px 20px;
	max-width: 280px;
	margin: 0 auto;
	margin-top: 40px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	font-weight: 600;
}

#home-quote a.home_link_button:hover {
	background-color: #fff;
	color: #fc0; /* alternate */
	color: #202223 !important;
}


/***** Homepage: Blog *****/

#blog-home .wrapper { border-bottom: 6px solid #3b4045; }


/***** Homepage Templates cases only  *****/

.page-template-page-templateshomepage-php #sidebar-footer .wrapper {  }

.page-template-page-templateshomepage-php #footer .wrapper { border-top: 6px solid #3b4045; padding-top: 20px; }

.page-template-page-templateshomepage-php #footer .wrapper { border-top: none; }

.page-template-page-templateshomepage-php .entry-content,
.page-template-page-templateshomepage-extended-php .entry-content { margin-bottom: 20px; }


/***** =Portfolios and Projects *****/

.portfolio .page-header, #projects-home .page-header { text-align: center; }

.slider-home+#projects-home .wrapper { padding-top: 30px; border-top: 6px solid #3b4045; border-bottom: none !important; margin-bottom: 0; }

#portfolio-home+#projects-home .wrapper { border-top: 1px solid #d8dbdf; padding-top: 40px; }

ul#filters, span.ooops { margin-bottom: 40px; }

.page-template-page-templateshomepage-php ul#filters, .page-template-page-templateshomepage-php span.ooops { display: none; }

#projects-home .portfolio-header-description { margin-bottom: 35px; }

ul#filters li a { font-weight: 400; font-size: 18px; line-height: 24px; text-transform: uppercase; }

.portfolio footer.entry-meta,
#projects-home footer.entry-meta { display: none }

.project_label { top: 10px; right: 10px; }

#projects .element img.portfolios-project-label { width: 80px; height: 80px; }


/***** Single Project *****/

.single_thumb_wrapper { margin-bottom: 29px; background-color: transparent; }

.single_thumb_wrapper img { clear: both; display: block; margin-left: auto; margin-right: auto; }

#project-details { text-align: center; margin-bottom: 40px; }

.custom-fields { color: #8f969c; font-size: 16px; line-height: 21px; }

.custom-fields p { font-size: 18px; line-height: 24px; width: 100%; }

.custom-fields ul.fields { float: left; width: 100%; }

.custom-fields ul.fields li { margin-bottom: 4px; float: right; text-align: right; width: 100%; }

.custom-fields ul.fields li strong { float: left; text-align: right; }

#project-details h4 {
	font-size: 21px;
	line-height: 24px;
	font-family: 'Itim', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.single-project .hentry { width: 620px; border-bottom: none; padding-bottom: 0; }

.single-project #content { /*width: 100%;*/ }

.project-link { margin-bottom: 20px; }

#project-details footer.entry-meta { /*text-align: left;*/ }

#project-details footer.entry-meta span.tag-links { margin-bottom: 0; }

.single-project span.cat-links.portfolio-links { margin-bottom: 16px; }

.single-project .project-header { border-bottom: 1px solid #d8dbdf; margin-bottom: 30px; }

/* only if single project new - no thumb */
.single-project .project-header { margin-bottom: 35px; }
/**/

.single-project .project-header p.project-description { margin: 0 auto; margin-bottom: 30px; line-height: 28px; }

.single-project h1.entry-title { font-size: 36px; line-height: 40px; margin-bottom: 10px; }

.single-project .project_label { display: none; }

.single-project #navigation, .single-post #navigation { border-top: 6px solid #3b4045; }

span.img_copyrights {
	text-align: center;
	position: relative;
	background-color: transparent;
	margin-top: 8px;
	display: block;
	border-bottom: 1px solid #f7f8f9;
	padding-bottom: 8px;
}

span.img_copyrights a {
	color: #acb6bb;
	font-style: normal;
	font-size: 13px;
}

span.img_copyrights a:hover { color: #3b4045; }


/***** Author TPL *****/

h1.page-title.author { font-size: 42px; line-height: 40px; margin-left: -2px; }

h1.page-title span { color: #3b4045; }

.author-description p { color: #8f969c; }

.page-template-page-templatesauthor-php .author-info,
.page-template-page-templatesauthor-fullwidth-php .author-info { display: none; }

.page-template-page-templatesauthor-php span.author-meta-url,
.page-template-page-templatesauthor-fullwidth-php span.author-meta-url { font-size: 18px; }


/***** Sidebar Footer *****/

#sidebar-footer {
	background-color: #111314;
	background-image: url(images/noisy_net.png);
	background-attachment: fixed
}

#sidebar-footer .wrapper { border-top: none; }

#sidebar-footer h3.widget-title { color: #fff; }

#sidebar-footer .widget-area ul { color: #d8dbdf; color: #8f969c; }

#sidebar-footer a { color: #fff; }

#sidebar-footer a:hover { color: #39c; /* alternate */ }

#sidebar-footer h1, #sidebar-footer h1 a,
#sidebar-footer h2, #sidebar-footer h2 a,
#sidebar-footer h3, #sidebar-footer h3 a,
#sidebar-footer h4, #sidebar-footer h4 a,
#sidebar-footer h5, #sidebar-footer h5 a,
#sidebar-footer h6, #sidebar-footer h6 a { color: #fff !important; }

#sidebar-footer h1 a:hover,
#sidebar-footer h2 a:hover,
#sidebar-footer h3 a:hover,
#sidebar-footer h4 a:hover,
#sidebar-footer h5 a:hover,
#sidebar-footer h6 a:hover { color: #39c; /* alternate */ }

#sidebar-footer a.more-link,
#sidebar-footer a:link.more-link,
#sidebar-footer a:visited.more-link { border-color: #3b4045 !important; }

#sidebar-footer span.overlay:hover { background-color: #39c; /* alternate */ }

#sidebar-footer .widget-portfolio a.more-link,
#sidebar-footer .widget-portfolio a:link.more-link,
#sidebar-footer .widget-portfolio a:visited.more-link { border-color: #fff !important; }


/***** =Footer *****/

#footer .wrapper {  padding-top: 20px; }

#footer {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	padding-bottom: 70px;
	border-top: none;
	background-color: #171c20;
	background-color: #111314;
	padding-top: 0;
}

#footer a { /*color: #facf02;*/ }

#footer .custom-menu { margin-bottom: 30px; }

#footer .custom-menu ul li {
	text-transform: uppercase;
	font-weight: 400;
	margin-left: 15px !important;
	margin-right: 15px !important;
	display: inline-block;
}

#footer .custom-menu ul li a { color: #3b4045; color: #d8dbdf; }

#footer .custom-menu ul li a:hover { color: #f64747; /* alternate */ }

#site-info {
	float: none;
	clear: left;
	max-width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #8f969c;
}

#site-info a:hover { color: #fff; }

#site-generator {
	float: none;
	clear: left;
	text-align: center;
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 26px;
}

#site-generator p.footer-text {
	font-size: 24px;
	line-height: 30px;
	max-width: 60%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 25px;
	color: #8f969c;
	text-align: center;
}

.footer-img { float: none; }

.footer-img.right { float: none; margin-bottom: 30px; }


/***** Widgets *****/

h3.widget-title { font-size: 18px; line-height: 24px; font-weight: 300; margin-top: 0; }

.widget-container a { font-weight: normal; }

.textwidget {
	background-color: #f64747; /* alternate */
	padding: 18px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.widget-portfolio p { margin-bottom: 20px; color: #8f969c; }

.widget-portfolio h3.entry-title { margin-bottom: 10px; }

li.widget-project:last-child {  }

li.widget_text:last-child { margin-bottom: 20px; }

.widget-portfolio a.more-link,
.widget-portfolio a:link.more-link,
.widget-portfolio a:visited.more-link,
a.project-link-button {
	border: 3px solid;
	border-color: #f64747; /* alternate */
	color: #202223 !important;
	padding: 12px;
	display: inline-block;
	float: left;
	width: 100%;
	max-width: 230px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	font-weight: 600;
	background-color: transparent;
	background-color: #fff;
	text-align: center;
}

.widget-portfolio a.more-link:hover,
.widget-portfolio a:link.more-link:hover,
.widget-portfolio a:visited.more-link:hover,
a.project-link-button:hover {
	background-color: #f64747; /* alternate */
	border-color: #f64747; /* alternate */
	color: #fff !important;
}

.widget-portfolio footer.entry-meta { display: none; }

.widget-portfolio h3.entry-title a { font-size: 24px; line-height: 30px; font-weight: 600; }

.widget-portfolio figure.thumb_img { margin-bottom: 20px; }

.widget-blog h3.entry-title a { font-size: 24px; line-height: 30px; font-weight: 600; }

.widget-blog span.posted-on,
.widget-blog span.by-author,
.widget-blog span.cat-links,
.widget-blog span.tag-links,
.widget-blog span.comments-link { display: none; }

.widget-blog header.entry-meta { margin-bottom: 0; }


/***** Input Buttons *****/

input[type="submit"] {
	display: block;
	background-color: transparent;
	border: 3px solid;
	border-color: #f64747; /* alternate */
	color: #202223 !important; /* alternate */
	padding: 15px 20px;
	width: 100%;
	max-width: 280px;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-moz-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	-o-transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	transition: color .2s linear 0s, background-color .2s linear 0s, border-color .2s linear 0s;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
}

input[type="submit"]:hover { background-color: #fff; color: #f64747; /* alternate */ }

.contact-message { margin-bottom: 50px !important; }

#submitButton {  }

input[type="search"] {
	background-image: none;
	padding-left: 10px;
	text-align: center;
	font-weight: 300;
	height: 44px;
}

/*input,*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
.post-password-required input[type="password"] {
	border: 3px solid;
	border-color: #d8dbdf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	font-weight: 300;
	color: #51575b;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
textarea:hover,
.post-password-required input[type="password"]:hover {
	border-color: #51575b;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
.post-password-required input[type="password"]:focus {
	outline: none;
	border-color: #51575b;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-color: #f7f8f9;
	color: #3b4045;
}

input[type="text"],input[type="email"], input[type="search"], input[type="password"] { height: 44px; background-color: #fff; }

input.required.error, textarea.required.error { border: 3px solid #fd9898 !important; }

label.error { font-weight: 600; }

label {
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
}


/***** Contact things *****/

#contact-form div.error {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

#contact-form div.success, #contact-form div.error {
	padding-bottom: 20px;
	margin-bottom: 40px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d8dbdf;
	text-align: center;
}

#contact-form div.success h3, #contact-form div.error h3 { font-size: 24px; }

#contact-form div.success p, #contact-form div.error p { font-size: 18px; line-height: 24px; }


/***** Page Templates: Archives *****/

#archives-content a { font-weight: 400; font-size: 18px; line-height: 28px; }


/***** Responsive Menu *****/

select.responsive_menu {
	background-color: #f64747 !important; /* alternate */
	border-color: #f64747 !important; /* alternate */
	background-image: url(images/sprites.png) !important;
}


/***** =Blog *****/

a.entry-format { display: none; }

header.entry-meta { text-transform: uppercase; }

header.entry-meta, footer.entry-meta { /*font-size: 14px; */text-transform: uppercase; }

.hentry { border-bottom: 6px solid #3b4045; }

span.posted-on, span.by-author, span.cat-links, span.tag-links, span.comments-link { margin-bottom: 0px; }

span.page-links-title { background-color: transparent !important; }


/***** Search results *****/

.search-results span.portfolios-links,
.search-results span.cat-links,
.search-results span.tag-links { margin-bottom: 3px; display: block; }

.search-results header.entry-meta, .search-results footer.entry-meta { font-size: 14px; }

.search-no-results #primary, .search-no-results #secondary { /*display: none;*/ }

.search-no-results h1.entry-title, .search-no-results .entry-content { text-align: center; }


/***** Blog Navigation *****/

.nav-previous a, .nav-next a {
	text-indent: -999999px;
	width: 80px;
	height: 80px;
	display: block;
	background-color: transparent;
	-webkit-transition: background-color .2s linear 0s;
	-moz-transition: background-color .2s linear 0s;
	-o-transition: background-color .2s linear 0s;
	transition: background-color .2s linear 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.nav-previous a { background-image: url(images/nav-prev.png); }

.nav-next a { background-image: url(images/nav-next.png); }

.nav-previous a:hover, .nav-next a:hover { background-color: #39c; /* alternate */ }

.nav-previous, .nav-next { float: left; width: 36px;width: 80px; }

.blog .nav-previous,
.single-post .nav-previous,
.single-project .nav-previous,
.search-results .nav-previous { margin-right: 15px; }

.blog .nav-previous, .single-post .nav-previous { margin-left: 0; } /* it needs responsive code */

.nav-next { width: auto; text-align: left; float: left; width: 80px; /*margin-left: 15px;*/ }

.single-post input[type="submit"] { margin-left: 0; }


/***** Sticky *****/

span.entry-format.sticky { padding: 8px 15px; font-size: 16px; font-weight: 400; }


/***** Format Standard *****/

/* Don't delete ------- */
/*.format-standard .entry-content img:first-of-type { margin-top: 10px; }
.format-standard .entry-content img:first-of-type { margin-top: 10px; }*/

.search .format-standard .entry-content img:first-of-type,
.search-results .format-standard .entry-content img:first-of-type  { margin-top: 0; }

.search h2.entry-title, .search-results h2.entry-title { margin-bottom: 10px; }


/***** Format Quote *****/

.format-quote h1.quote {
	font-size: 52px;
	line-height: 60px;
	color: #202223;
	background-color: #f64747; /* alternate */
	padding: 35px 30px;
	text-align: center;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 25px;
	float: left;
}

.format-quote h1.quote a { color: #fff; font-weight: 700; }

.format-quote h1.quote a:hover { color: #171c20 !important; }

.format-quote h3.entry-title {
	text-align: center;
	margin-bottom: 13px;
	font-size: 21px;
	text-transform: none;
}

.format-quote h3.entry-title a { font-style: italic; }

.format-quote.hentry { padding-bottom: 0; }

.format-quote header.entry-meta { margin-bottom: 15px; }


/***** Format Link *****/

.format-link header.entry-meta {  }

.blog .format-link header.entry-meta { border: none; padding-bottom: 0; margin-bottom: 15px; }

.format-link.hentry { border-bottom: 6px solid #3b4045; }

.format-link h2.entry-title {  }

.blog .format-link span.posted-on,
.blog .format-link span.by-author,
.blog .format-link span.comments-link,
.blog .format-link span.format-label { display: none; }

.format-link span.link {
	margin-bottom: 15px !important;
	color: #39c; /* alternate */
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 40px;
}

.format-link span.link a {
	border-bottom: 2px solid;
	border-color: #f7f8f9;
	padding-bottom: 2px;
}

.format-link span.link a:hover { border-color: #f7f8f9; }

.single-post .format-link .entry-content { margin-top: 10px; }

.blog .format-link .entry-content {  }


/***** Comments *****/

span.comments-link a { color: #8f969c; }

span.comments-link a:hover { color: #3b4045; }

#comments { /*margin: 0 auto;*/ } /* only if you want it centered */

.single-post h3#comments-title { font-size: 24px; padding-top: 30px; padding-bottom: 30px; margin-bottom: 0; text-align: center; }

.single-project h3#comments-title { border-top: none; padding-top: 0; font-size: 24px; text-align: center; margin-bottom: 35px; }

.comment-meta { text-transform: uppercase; }

.commentlist .fn { font-weight: 400; }

a.comment-reply-link {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	border-color: #f7f8f9 !important;
	border-bottom: 2px solid;
	-webkit-transition: border-color .1s linear 0s, color .2s linear 0s;
	-moz-transition: border-color .1s linear 0s, color .2s linear 0s;
	-o-transition: border-color .1s linear 0s, color .2s linear 0s;
	transition: border-color .1s linear 0s, color .2s linear 0s;
}

a.comment-reply-link:hover { border-color: #f7f8f9 !important; }

.logged-in-as, #respond .comment-notes { color: #8f969c; margin-bottom: 25px !important; font-size: 16px; }

span.author-meta-url { font-size: 16px; }

em.comment-awaiting-moderation { color: #f79725; }

/***** go back to top!! *****/

#back-top span {
	width: 60px;
	height: 70px;
	background: transparent url(images/sprites.png) 0px -290px no-repeat;
	background-color: #f64747; /* alternate */
	opacity: 1;
	-webkit-transition: background-color .2s linear 0s, opacity .2s linear 0s;
	-moz-transition: background-color .2s linear 0s, opacity .2s linear 0s;
	-o-transition: background-color .2s linear 0s, opacity .2s linear 0s;
	transition: background-color .2s linear 0s, opacity .2s linear 0s;
}


/***** Overlay *****/

span.overlay:hover { background-image: url(images/overlay-plus.png); }

span.overlay.lightbox:hover { background-image: url(images/overlay-lens.png); }

span.overlay.link:hover { background-image: url(images/overlay-link.png); }

span.overlay.gallery:hover { background-image: url(images/overlay-gallery.png); }


/***** Blockquote *****/

blockquote { color: #3b4045; margin-left: 90px; text-align: center; margin-right: 90px; /*margin-bottom: 55px;*/ }

blockquote p { font-size: 21px; line-height: 30px; }

blockquote:before {
	margin-left: -90px;
	background-color: #fc0; /* alternate */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-position: 10px -408px;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
}

blockquote p:after { display: none; }


/***** Related Posts and Projects *****/

/*.related-item { width: 193px !important; }*/

h3.related-title { font-size: 32px; line-height: 40px; font-weight: 700; margin-bottom: 40px; text-align: center; }

#related-posts, #related-projects {  }

#related-projects .related-item {  }

#related-projects .related-list { text-align: center; }

#related-projects {
	border-top: 1px solid #d8dbdf;
	padding-top: 40px;
	border-bottom: 1px solid #d8dbdf;
	padding-bottom: 20px;
}

#related-posts span.cat-links a {
	font-size: 17px;
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	color: #8f969c;
}

#related-posts span.tag-links {	display: none; }

#related-posts h4.entry-title,
#related-projects h4.entry-title {
	font-size: 21px;
	line-height: 24px;
	margin-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

#related-posts p.desc, #related-projects p.desc { font-size: 16px; line-height: 23px; color: #8f969c; }

#related-posts span.cat-links, #related-posts span.tag-links { text-align: center; }

#related-posts span.cat-links a:hover,
#related-posts span.tag-links a:hover { color: #3b4045; }

/*-----------------------------------------------------------------------------------*/

#portfolios span.overlay { display: none; }


/***** =Masonry *****/

.page-template-page-templatesblog-masonry-php #main,
.page-template-page-templatesblog-masonry-sidebar-php #main { background-color: transparent; }

.page-template-page-templatesblog-masonry-php h2.entry-title,
.page-template-page-templatesblog-masonry-sidebar-php h2.entry-title { font-size: 30px; line-height: 36px; }


.page-template-page-templatesblog-masonry-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #primary,
.page-template-page-templatesblog-masonry-sidebar-php #secondary {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.page-template-page-templatesblog-masonry-sidebar-php #primary,
.page-template-page-templatesblog-masonry-sidebar-php #secondary { border: none }

.page-template-page-templatesblog-masonry-php .hentry,
.page-template-page-templatesblog-masonry-sidebar-php .hentry { border: none }

.page-template-page-templatesblog-masonry-sidebar-php #primary+#secondary,
.page-template-page-templatesblog-masonry-sidebar-php #project-details+#secondary { border: none; padding-top: 23px; }

.page-template-page-templatesblog-masonry-php .format-link span.posted-on,
.page-template-page-templatesblog-masonry-php .format-link span.by-author,
.page-template-page-templatesblog-masonry-php .format-link span.comments-link,
.page-template-page-templatesblog-masonry-php .format-link span.format-label,
.page-template-page-templatesblog-masonry-sidebar-php .format-link span.posted-on,
.page-template-page-templatesblog-masonry-sidebar-php .format-link span.by-author,
.page-template-page-templatesblog-masonry-sidebar-php .format-link span.comments-link,
.page-template-page-templatesblog-masonry-sidebar-php .format-link span.format-label {
	display: none;
}

.page-template-page-templatesblog-masonry-php .format-quote h1.quote,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote h1.quote {
	font-size: 30px;
	line-height: 36px;
	padding: 25px 20px;
	margin-top: 0;
}

.page-template-page-templatesblog-masonry-php .format-quote h3.entry-title,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote h3.entry-title { margin-bottom: 0 }

.page-template-page-templatesblog-masonry-php .format-quote header.entry-meta,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote header.entry-meta { margin-bottom: 5px; }

.page-template-page-templatesblog-masonry-php #navigation,
.page-template-page-templatesblog-masonry-sidebar-php #navigation {
	border-top: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	padding: 20px;
	max-width: 900px;
}

.page-template-page-templatesblog-masonry-sidebar-php #navigation { max-width: 580px; }

.page-template-page-templatesblog-masonry-php #content .hentry,
.page-template-page-templatesblog-masonry-sidebar-php #content .hentry { background-color: #fff; }

.page-template-page-templatesblog-masonry-php .format-quote header.entry-meta span.posted-on,
.page-template-page-templatesblog-masonry-php .format-quote header.entry-meta span.by-author,
.page-template-page-templatesblog-masonry-php .format-quote header.entry-meta span.tag-links,
.page-template-page-templatesblog-masonry-php .format-quote header.entry-meta span.comments-link,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote header.entry-meta span.posted-on,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote header.entry-meta span.by-author,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote header.entry-meta span.tag-links,
.page-template-page-templatesblog-masonry-sidebar-php .format-quote header.entry-meta span.comments-link { display: none; }

.page-template-page-templatesblog-masonry-php .nav-next,
.page-template-page-templatesblog-masonry-sidebar-php .nav-next,
.page-template-page-templateshomepage-php .nav-next,
.page-template-page-templateshomepage-extended-php .nav-next { margin-left: 15px; }


/***** =Plugins *****/

/*-----------------------------------------------------------------------------------*/
/* Revolution Slider - http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380 */
/*-----------------------------------------------------------------------------------*/

.page-template-page-templateshomepage-php .rev_slider_wrapper,
.page-template-page-templateshomepage-extended-php .rev_slider_wrapper { margin-bottom: 0 !important; }

.tp-button {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 400 !important;
	font-size: 18px !important;
}

/*-----------------------------------------------------------------------------------*/
/* Mav Icons - http://www.mattiaviviani.com/mav-icons/ */
/*-----------------------------------------------------------------------------------*/

#primary li.mav-icon, #secondary li.mav-icon {
	float: none !important;
	display: inline-block !important;
	margin: 0 4px 8px 4px !important;
}


/*-----------------------------------------------------------------------------------*/
/* Wolf Message Bar - http://wpwolf.com/plugin/wolf-message-bar/ */
/*-----------------------------------------------------------------------------------*/

#wolf-topbar-container #wolf-topbar #wolf-topbar-wrap div {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px !important;
	line-height: 21px !important;
}


.dfgdf {border-color: #fff !important; color:#fff !important;}
.dfgdf:hover {border-color: #9a2a08 !important; }

.lefter1 {float:left; font-size: 0.6em; }

#sharebar {top: 20px !important;}