/* ---------------------- 
Stylesheet Guide
-------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Buttons
	4. Lists Feature Menu
	5. Ordered / Unordered List Styles
	6. Dropcaps
	7. Highlight
	8. Alet Boxes
	9. Dividers
	10. Custom Table

03. Layout
	1. Columns

04. Header
	1. Main Navigation
	2. Social Links

05. Home

06. Content
	1. JCarousel
	2. Our Team
	3. 404 Page

07. Blog
	1. Search
	2. Comments
	3. Respond

08. Portfolio

09. Contact Us

10. Sidebar

11. Footer Area

12. Widgets + Shortcodes
	1. Twitter
	2. Testimonials
	3. Flickr
	4. Newsletter
	5. Accordion Content
	6. Tabs
	7. Content Toggle
	8. Pricing Tables
	9. Latest Projects
	10. Latest Posts
	11. Latest Entries
	12. Recent Comments

13. Media Queries

 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */

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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul, ul {
	list-style:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	outline: none;
	text-decoration:none;
	background:transparent;
	vertical-align:baseline;
}

a, a > * {
	text-decoration: none;

	-webkit-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
	-moz-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
	-ms-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
	-o-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
	transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
}

body.light a, body.light a > * {color: #50554e;}

body.dark a, body.dark a > * {color: #7e8a83;}

input, select {vertical-align:middle;}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	font: 81.3%/1.5em 'Droid Serif', serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

body.light {color: #50554e;}
body.dark {color: #7e8a83;}

body.liquid.light {background-color: #ebeeeb;}
body.liquid.dark {background-color: #1f221e;}

body.fixed.light {background-color: #393f38;}
body.fixed.dark {background-color: #cdd2cc;}

body.liquid,
body.fixed {background-repeat: repeat;}

/* Body Liquid  --> Begin */

body.liquid.light.l-pattern-1 {background-image: url(../images/bgs/l-bg-1.png);}
body.liquid.light.l-pattern-2 {background-image: url(../images/bgs/l-bg-2.png);}
body.liquid.light.l-pattern-3 {background-image: url(../images/bgs/l-bg-3.png);}
body.liquid.light.l-pattern-4 {background-image: url(../images/bgs/l-bg-4.png);}
body.liquid.light.l-pattern-5 {background-image: url(../images/bgs/l-bg-5.png);}
body.liquid.light.l-pattern-6 {background-image: url(../images/bgs/l-bg-6.png);}
body.liquid.light.l-pattern-7 {background-image: url(../images/bgs/l-bg-7.png);}
body.liquid.light.l-pattern-8 {background-image: url(../images/bgs/l-bg-8.png);}

body.liquid.dark.l-pattern-1 {background-image: url(../images/bgs/ld-bg-1.png);}
body.liquid.dark.l-pattern-2 {background-image: url(../images/bgs/ld-bg-2.png);}
body.liquid.dark.l-pattern-3 {background-image: url(../images/bgs/ld-bg-3.png);}
body.liquid.dark.l-pattern-4 {background-image: url(../images/bgs/ld-bg-4.png);}
body.liquid.dark.l-pattern-5 {background-image: url(../images/bgs/ld-bg-5.png);}
body.liquid.dark.l-pattern-6 {background-image: url(../images/bgs/ld-bg-6.png);}
body.liquid.dark.l-pattern-7 {background-image: url(../images/bgs/ld-bg-7.png);}
body.liquid.dark.l-pattern-8 {background-image: url(../images/bgs/ld-bg-8.png);}



/* Body Liquid  --> End */

/* Body Pattern  --> Begin */

body.fixed.light.f-pattern-1 {background-image: url(../images/bgs/f-bg-1.png);}
body.fixed.light.f-pattern-2 {background-image: url(../images/bgs/f-bg-2.png);}
body.fixed.light.f-pattern-3 {background-image: url(../images/bgs/f-bg-3.png);}
body.fixed.light.f-pattern-4 {background-image: url(../images/bgs/f-bg-4.png);}
body.fixed.light.f-pattern-5 {background-image: url(../images/bgs/f-bg-5.png);}
body.fixed.light.f-pattern-6 {background-image: url(../images/bgs/f-bg-6.png);}
body.fixed.light.f-pattern-7 {background-image: url(../images/bgs/f-bg-7.png);}
body.fixed.light.f-pattern-8 {background-image: url(../images/bgs/f-bg-8.png);}
body.fixed.light.f-pattern-9 {background-image: url(../images/bgs/f-bg-9.png);}
body.fixed.light.f-pattern-10 {background-image: url(../images/bgs/f-bg-10.png);}
body.fixed.light.f-pattern-11 {background-image: url(../images/bgs/f-bg-11.png);}
body.fixed.light.f-pattern-12 {background-image: url(../images/bgs/f-bg-12.png);}

body.fixed.dark.f-pattern-1 {background-image: url(../images/bgs/fd-bg-1.png);}
body.fixed.dark.f-pattern-2 {background-image: url(../images/bgs/fd-bg-2.png);}
body.fixed.dark.f-pattern-3 {background-image: url(../images/bgs/fd-bg-3.png);}
body.fixed.dark.f-pattern-4 {background-image: url(../images/bgs/fd-bg-4.png);}
body.fixed.dark.f-pattern-5 {background-image: url(../images/bgs/fd-bg-5.png);}
body.fixed.dark.f-pattern-6 {background-image: url(../images/bgs/fd-bg-6.png);}
body.fixed.dark.f-pattern-7 {background-image: url(../images/bgs/fd-bg-7.png);}
body.fixed.dark.f-pattern-8 {background-image: url(../images/bgs/fd-bg-8.png);}
body.fixed.dark.f-pattern-9 {background-image: url(../images/bgs/fd-bg-9.png);}
body.fixed.dark.f-pattern-10 {background-image: url(../images/bgs/fd-bg-10.png);}
body.fixed.dark.f-pattern-11 {background-image: url(../images/bgs/fd-bg-11.png);}
body.fixed.dark.f-pattern-12 {background-image: url(../images/bgs/fd-bg-12.png);}

/* Body Pattern  --> End */

p {
	margin:0 0 1em 0;
	padding: 0;
	line-height:1.5em;
}

::-moz-selection {color: #fff;}
::selection {color: #fff;}

h1, h2, h3, h4, h5, h6  {
	font-weight:normal;
	color: #121412;
	font-family: 'Droid Serif', serif;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {color: #fff;}

h1 {
	margin-bottom: 1em;
	font-size: 1.538em;
	line-height: 1;
}

h2 {
	margin-bottom: .5em;
	font-size: 1.308em;
	line-height: 1.2;
}

h3 {
	margin-bottom: .7em;
	font-size: 1.231em;
	line-height: 1.2;
}

h4 {
	margin-bottom: 0.8em;
	font-size: 1.154em;
}

h5 {
	margin-bottom: .6em;
	font-size: 1.077em;
}

h6 {
	margin-bottom: 1em;
	font-size: 1em;
}

blockquote {
	font-style: italic;
	line-height: 1.6em;
}

.liquid-video-wrapper {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

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

/* -------------------------------------------------- */
/*	Clearfix
/* -------------------------------------------------- */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

hr {
	display: block;
	margin: 0;
	padding: .5em 0;
	visibility: hidden;
}

/* -------------------------------------------------- */
/*	General Classes
/* -------------------------------------------------- */

.hidden {display: none;}

body .ie_message {
	margin-bottom: 0;
	padding: 0;
	background-color: #fff;
}

.ie_message a {
	display: block;
	margin: 10px 0;
	padding: 10px 0 10px 44px;
	background-image: url(../images/icons/warning.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #1f221e;
	font-weight: 700;
	font-size: 13px;
}

.ie_message a.button-style-2 {margin: 15px 0;}

a.entry-title {text-align: center; display: block;}

a.entry-title > h2 {text-align: left !important;}

.entry-image,
div.entry-video,
div.entry-audio {
	display: block;
	margin-bottom: 25px;
	height: auto;
	max-width: 100%;
	text-align: center;
}

.alignleft {float:left;}
.alignright {float:right;}

.alignleft-with-title,
img.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright-with-title,
img.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter-with-title,
.aligncenter {text-align: center;}

.alignleft-with-title img,
.alignright-with-title img,
.aligncenter-with-title img {margin-bottom: 1em;}

.alignleft-with-title .title,
.alignright-with-title .title,
.aligncenter-with-title .title {
	color: #50554e;
	font-style: italic;
	text-align: center;
}

/* -------------------------------------------------- */
/*	Buttons
/* -------------------------------------------------- */

.button-style-1 {
	display: inline-block;
	margin-bottom: 1.5em;
	padding-right: 15px;
	background: url("../images/arrowsclass.png") no-repeat right -30px;
	color: #7e8a83;
	font-style: italic;
	font-family: 'Droid Serif', serif;
}

.button-style-1:hover {background-position: right -49px;}

.button-style-2 {
	display: inline-block;
	margin-bottom: 1em;
	outline:none;
	vertical-align: baseline;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	cursor:pointer;
	font-family: 'Droid Serif', serif;
}

.light .button-style-2 {
	background: #2e332e;
	color: #b5b7b5;
}

.dark .button-style-2 {
	background-color: #A9ADA9;
	color: #1F221E;
}

.light .button-style-2:hover,
.dark .button-style-2:hover {color: #fff;}

.small.button-style-1,
.small.button-style-2 {font-size: 1em;}
.medium.button-style-1,
.medium.button-style-1 {font-size: 1.154em;}
.big.button-style-1,
.big.button-style-2 {font-size: 1.308em;}

.small.button-style-2 {padding: .45em 1.2em .4em;}
.medium.button-style-2 {padding: .5em 1.2em .5em;}
.big.button-style-2 {padding: .7em .9em .6em;}

.align-btn-left {float: left;}
.align-btn-right {float: right;}

/* -------------------------------------------------- */
/*	Lists Feature Menu
/* -------------------------------------------------- */

ul.feature-menu {
	margin: 0;
	padding: 20px 15px;
}

.not-ie .light ul.feature-menu {background-color: rgba(31,34,30,.09);}

.not-ie .dark ul.feature-menu {background-color: rgba(235,238,235, .09);}

.ie8 .light ul.feature-menu {
	background-image: url(../images/bg-light-feature-menu.png);
	background-repeat: repeat;
}

.ie8 .dark ul.feature-menu {
	background-image: url(../images/bg-dark-feature-menu.png);
	background-repeat: repeat;
}

ul.feature-menu li {
	font-style: italic;
	font-family: 'Droid Serif', serif;
	line-height: 2.3em;
}

ul.feature-menu li ul {padding-left: 13px;}

ul.feature-menu a {
	padding-left: 13px;
	background: url(../images/arrowsclass.png) no-repeat left -32px;
}

ul.feature-menu span {color: #888c87;}

ul.feature-menu li:hover > a {background-position: left -51px;}

/* -------------------------------------------------- */
/*	Ordered / Unordered List Styles
/* -------------------------------------------------- */

ul.list {margin: 0 0 1.5em 0;}

ul.list li {
	font-style: italic;
	font-family: 'Droid Serif', serif;
	line-height: 2.2em;
}

ul.type-1 li,
ul.type-2 li,
ul.type-3 li,
ul.type-4 li,
ul.type-5 li,
ul.type-6 li,
ul.type-7 li,
ul.type-8 li {
	background: url(/images/arrowsclass.png) no-repeat 0 0;
	padding-left: 13px;
}

ul.type-1 li {background-position: 0 -27px;}
ul.type-2 li {background-position: 0 -71px;}
ul.type-3 li {background-position: 0 -96px;}
ul.type-4 li {background-position: 0 -121px;}
ul.type-5 li {background-position: 0 -146px;}
ul.type-6 li {background-position: 0 -171px;}
ul.type-7 li {background-position: 0 -196px;}
ul.type-8 li {background-position: 0 -221px;}

/* -------------------------------------------------- */
/*	Dropcaps
/* -------------------------------------------------- */

.dropcapspot {
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	font-style: italic;
	font-size: 1.538em;
	line-height: 35px;
}

h3  > .dropcapspot {margin-bottom: 0;}

.dropcapspot.gray {
	background-color: #2e332e;
	color: #b5b7b5;
}

/* -------------------------------------------------- */
/*	Highlight
/* -------------------------------------------------- */

.highlight1::-moz-selection,
.highlight2::-moz-selection,
.highlight3::-moz-selection,
.highlight4::-moz-selection {
	padding: 1px 3px;
	color: #fff;
}

.highlight1::selection,
.highlight2::selection,
.highlight3::selection,
.highlight4::selection {
	padding: 1px 3px;
	color: #fff;
}

span.highlight1,
span.highlight2,
span.highlight3,
span.highlight4 {
	padding: 1px 3px;
	color: #fff;
}

.light span.highlight1 {background-color: #1f221e;}
.dark span.highlight1 {background-color: #313430;}

span.highlight2 {background-color: #457935;}
span.highlight3 {background-color: #a6412b;}
span.highlight4 {background-color: #2b65a6;}

.light .highlight1::selection {background-color: #1f221e;}
.dark .highlight1::selection {background-color: #313430;}

.highlight2::selection {background-color: #457935;}
.highlight3::selection {background-color: #a6412b;}
.highlight4::selection {background-color: #2b65a6;}

.light .highlight1::-moz-selection {background-color: #1f221e;}
.dark .highlight1::-moz-selection {background-color: #313430;}

.highlight2::-moz-selection {background-color: #457935;}
.highlight3::-moz-selection {background-color: #a6412b;}
.highlight4::-moz-selection {background-color: #2b65a6;}

/* -------------------------------------------------- */
/*	Alert Boxes
/* -------------------------------------------------- */

.normal,
.info,
.success,
.error,
.notice,
.download {
	margin-bottom: 3em;
	padding: 18px 10px 16px 13px;
	border-left-width: 2px;
	border-left-style: solid;
	background-color: #fff;
}

.light blockquote {background-color: #fff;}
.dark blockquote {background-color: rgba(235,238,235,.07);}

.ie8 .dark blockquote {background-color: #2e312d;}

.light blockquote.normal {border-left-color: #1f221e;}
.dark blockquote.normal {border-left-color: #fff;}

blockquote.info {border-left-color: #2b65a6; color: #2b65a6;}
blockquote.success {border-left-color: #457935; color: #457935;}
blockquote.error {border-left-color: #a6412b; color: #a6412b;}
blockquote.notice {border-left-color: #e16500; color: #e16500;}
blockquote.download {border-left-color: #2ba2a6; color: #2ba2a6;}

/* -------------------------------------------------- */
/*	Dividers
/* -------------------------------------------------- */

.divider {
	clear: both;
	padding: 1.5em 0;
	border-top-width: 1px;
	border-top-style: solid;
}

.light .divider {border-color: #ccd3cd;}
.dark .divider {border-color: #333732;}

/* -------------------------------------------------- */
/*	Custom Table
/* -------------------------------------------------- */

.custom-table {margin-bottom: 3em;}

.custom-table td,
.custom-table th {padding: 5px 15px;}

.custom-table thead th {
	text-align: left;
	font-weight: 100;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
}

.light .custom-table thead th {border-color: #ced5cf;}
.dark .custom-table thead th {border-color: #333732;}

.light .custom-table thead th {color: #121412;}
.dark .custom-table thead th {color: #fff;}

.not-ie .light .custom-table thead th {background-color: rgba(31,34,30,.09);}
.not-ie .dark .custom-table thead th {background-color: rgba(235, 238, 235, 0.09);}

.ie8 .light .custom-table thead th {background-color: #d9dcd9;}
.ie8 .dark .custom-table thead th {background-color: #313430;}

.custom-table thead th:first-child,
.custom-table tbody tr td:first-child {
	border-left-width: 1px;
	border-left-style: solid;
}

.light .custom-table thead th:first-child,
.light .custom-table tbody tr td:first-child {border-color: #ced5cf;}

.dark .custom-table thead th:first-child,
.dark .custom-table tbody tr td:first-child {border-color: #333732;}

.custom-table td {
	width: 228px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-style: solid;
}

.light .custom-table td {border-color: #ced5cf;}
.dark .custom-table td {border-color: #333732;}

/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */

.container {
	position: relative;
	margin: 0 auto;
	width: 940px;
}

/* -------------------------------------------------- */
/*	Columns
/* -------------------------------------------------- */

.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-third,
.two-fifth,
.two-sixth,
.three-fifth,
.three-fourth,
.three-sixth,
.four-fifth,
.four-sixth,
.five-sixth {
	float: left;
	margin-right: 20px;
}

.one-half {width: 460px;}
.one-third {width: 300px;}
.one-fourth {width: 220px;}
.one-fifth {width: 172px;}
.one-sixth {width: 140px;}
.two-third {width: 620px;}
.two-fifth {width: 364px;}
.two-sixth {width: 300px;}
.three-fifth {width: 556px;}
.three-fourth {width: 700px;}
.three-sixth {width: 460px;}
.four-fifth {width: 748px;}
.four-sixth {width: 620px;}
.five-sixth {width: 780px;}

.one-half.last,
.one-third.last,
.one-fourth.last,
.one-fifth.last,
.one-sixth.last,
.two-third.last,
.two-fifth.last,
.two-sixth.last,
.three-fifth.last,
.three-fourth.last,
.three-sixth.last,
.four-fifth.last,
.four-sixth.last,
.five-sixth.last {
	margin-right: 0;
}

/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

#wrapper {position: relative;}

.fixed #wrapper {
	margin: 0 auto;
	width: 1040px;
	background-color: #ebeeeb;
}

.fixed.dark #wrapper {
	background-color: #1f221e;
}

.fixed #wrapper {
	-webit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
}

.light .content-wrapper {border-top: 1px solid #ccd3cd;}
.dark .content-wrapper {border-top: 1px solid #333732;}

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

#header {padding: 0 0 40px 0;}

#logo {
	margin-left: 11px;
	padding-top: 45px;
	float: left;
}

#logo h1 {
	float: left;
	margin-right: 35px;
	margin-bottom: 0;
	font-size: 3.692em;
	font-family: 'Mr Dafoe', cursive;
}

#logo a {font-family: 'Mr Dafoe', cursive;}

body.light #logo a {color: #1f221e;}
body.dark #logo a {color: #ebeeeb;}

#logo div.slogan {float: left; padding-top: 2em;}

#logo div.slogan span {
	color: #888c87;
	font-style: italic;
	font-family: 'Droid Serif', serif;
}

#header-top {
	position: relative;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

#header-top .container {
	display: none;
	opacity: 0;
	padding: 10px 0 6px;
	filter: alpha(opacity=0);
	position: relative;
}

.light #header-top {border-bottom-color: #1f221e; background-color: #1f221e;}

.dark #header-top {border-bottom-color: #ebeeeb;  background-color: #ebeeeb;}

#header-top #more,
#footer-bottom #footer-more {
	position: absolute;
	width: 35px;
	height: 35px;
}

.light #header-top #more,
.light #footer-bottom #footer-more {background-color: transparent;}

.dark #header-top #more,
.dark #footer-bottom #footer-more {background-color: transparent;}

#header-top #more {right: 0; margin-top: 4px;}
#footer-bottom #footer-more {left: 0; top: -39px;}

#footer-bottom #footer-more { background-position: 0 bottom;}

#header-top #more:after,
#header-top #more.less:after,
#footer-bottom #footer-more:after,
#footer-bottom #footer-more.less:after {
	position: absolute;
	width: 8px;
	height: 8px;
	background-position: top right;
	background-repeat: no-repeat;
	content: "";
}

.light #header-top #more,
.light #footer-bottom #footer-more,
.light #header-top #more:after,
.light #header-top #more.less:after,
.light #footer-bottom #footer-more:after,
.light #footer-bottom #footer-more.less:after {background-image: url(../images/corner-but-light.png);}

.dark #header-top #more,
.dark #footer-bottom #footer-more,
.dark #header-top #more:after,
.dark #header-top #more.less:after,
.dark #footer-bottom #footer-more:after,
.dark #footer-bottom #footer-more.less:after {background-image: url(../images/corner-but-dark.png);}

#header-top #more:after,
#header-top #more.less:after {
	top: 5px;
	left: 20px;
}

#footer-bottom #footer-more:after,
#footer-bottom #footer-more.hide:after {
	top: 22px;
	left: 8px;
}

#header-top #more.hide:after,
#footer-bottom #footer-more.hide:after {background-position: right -8px;}

#header-top #more:hover:after,
#footer-bottom #footer-more:hover:after {background-position: right -18px;}

#header-top #more.hide:hover:after,
#footer-bottom #footer-more.hide:hover:after {background-position: right -26px;}

ul.contact-info {padding-top: 2px;}

ul.contact-info li {
	float: left;
	margin-right: 20px;
	padding-left: 26px;
	color: #888c87;
	font-size: 0.923em;
	font-family: 'Droid Serif', serif;
	font-style: italic;
}

.light ul.contact-info a {color: #7e8a83; font-style: italic;}
.dark ul.contact-info a {color: #50554e; font-style: italic;}

ul.contact-info .phone,
ul.contact-info .email {background-repeat: no-repeat;}

.light ul.contact-info .phone,
.light ul.contact-info .email {background-image: url(../images/icons/contact-icons-light.png);}

.dark ul.contact-info .phone,
.dark ul.contact-info .email {background-image: url(../images/icons/contact-icons-dark.png);}

ul.contact-info .phone {background-position: 0 3px;}
ul.contact-info .email {background-position: 0 -25px;}


/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */

.navigation {
	position: relative;
	z-index: 999;
	top: -4px;
	float: right;
	padding-top: 74px;
	padding-bottom: 5px;
}

.navigation select {display: none;}

.navigation > ul > li {
	position: relative;
	float: left;
	padding: 0 25px 5px;
}

.navigation > ul li span.downarrowclass,
.navigation > ul li span.rightarrowclass {
	background-image: url(../images/arrowsclass.png);
	background-repeat: no-repeat;
}

.navigation > ul li span.downarrowclass {
	position: absolute;
	top: 34%;
	right: 7px;
	width: 6px;
	height: 4px;
	background-position: 0 -257px;
}

.navigation > ul li span.rightarrowclass {
	position: relative;
	top: -1px;
	display: inline-block;
	margin-left: 10px;
	width: 6px;
	height: 6px;
	background-position: 0 -38px;
}

.navigation > ul li:hover > a span.rightarrowclass {background-position: 0 -57px;}

.navigation > ul li.current span.downarrowclass,
.navigation > ul li:hover span.downarrowclass {background-position: 0 -282px;}

.navigation > ul > li:last-child {padding-right: 0;}

.navigation > ul > li > a {
	font-size: 1.077em;
	font-family: 'Droid Serif', serif;
	font-style: italic;
}

/*	Sub Menu */

.navigation ul ul {
	position: absolute;
	left: 22px;
	z-index: 99;
	display: none;
	padding: 0;
	width: 170px;
}

.navigation > ul > li:hover ul li:hover ul {left: 170px;}

.navigation ul ul ul {
	left: 190px;
	top: 0;
}

.navigation ul ul li {position: relative;}

.navigation ul ul a {
	display: block;
	padding: 5px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: left;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 0.923em;
}

.light .navigation ul ul a {background-color: #fff; border-color: #ced5cf;}
.dark .navigation ul ul a {background-color: #313430; border-color: #252724;}

.navigation > ul ul li:hover > a {
	background-image: url(../images/arrow-top-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#marker {
	position: absolute;
	top: 0;
	height: 4px;
}

/* -------------------------------------------------- */
/*	Social Links
/* -------------------------------------------------- */

footer ul.social-links,
#header-top ul.social-links {float: right;}

.accordion ul.social-links {
	padding-top: 1em;
	border-top-width: 1px;
	border-top-style: solid;
}

.light .accordion ul.social-links {border-color: #ccd3cd;}
.dark .accordion ul.social-links {border-color: #333732;}

#header-top ul.social-links:before {
	float: left;
	color: #888c87;
	font-family: 'Droid Serif', serif;
	line-height: 22px;
	font-style: italic;
	content: attr(data-description);
}

ul.social-links li {
	position: relative;
	margin-left: 5px;
	float: right;
}

.slide-content ul.social-links li {float: left;}

footer .social-links:before,
.meta .social-links:before,
.post-item .social-links:before {
	display: block;
	margin-bottom: 5px;
	color: #50554e;
	text-align: right;
	font-family: 'Droid Serif', serif;
	line-height: 22px;
	font-style: italic;
	content: attr(data-description);
}

.meta .social-links:before,
.post-item .social-links:before {color: #888C87;}

ul.social-links li:before {
	position: absolute;
	left: 20px;
	z-index: 98;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	padding: 2px 10px;
	background: #fff url(../images/arrow-left-bottom.png) no-repeat left bottom;
	color: #121412;
	content: attr(data-tooltip);
	font-style: italic;
	font-size: 0.923em;
	font-family: 'Droid Serif', serif;
	opacity: 0;

	-webkit-transition: opacity .25s linear, bottom .25s linear;
	-moz-transition: opacity .25s linear, bottom .25s linear;
	-ms-transition: opacity .25s linear, bottom .25s linear;
	-o-transition: opacity .25s linear, bottom .25s linear;
	transition: opacity .25s linear, bottom .25s linear;
}

ul.social-links li:hover:before { width: auto; }

#header-top ul.social-links li:before,
.meta ul.social-links li:before,
.post-item ul.social-links li:before {
	background: #fff url(../images/arrow-top-left.png) no-repeat left top;
}

ul.social-links a {
	display: block;
	height: 24px;
	width: 24px;
	background-repeat: no-repeat;
	text-indent: -9999px;

	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	-ms-transition: all .35s ease-out;
	-o-transition: all .35s ease-out;
	transition: all .35s ease-out;

}

.light ul.social-links a {background-color: #454c46;}
.dark ul.social-links a {background-color: #bfc6c1;}
.dark #footer ul.social-links a {background-color: #58605b;}

ul.social-links a {background-image: url(../images/icons/social-icons.png);}

#header-top ul.social-links li:before,
.meta ul.social-links li:before,
.post-item ul.social-links li:before {bottom: -35px;}

#header-top ul.social-links li:hover:before,
.meta ul.social-links li:hover:before,
.post-item ul.social-links li:hover:before {bottom: -20px;}

footer ul.social-links li:before,
.slide-content ul.social-links li:before {bottom: 40px;}

footer ul.social-links li:hover:before,
.slide-content ul.social-links li:hover:before{bottom: 20px;}

ul.social-links li:hover:before {opacity: 1; visibility: visible; filter: alpha(opacity=100);}

ul.social-links li.rss:hover a {background-color: #f8bc2e !important;;}
ul.social-links li.facebook:hover a {background-color: #39599f !important;;}
ul.social-links li.twitter:hover a {background-color: #45b0e3 !important;;}
ul.social-links li.flickr:hover a {background-color: #ffffff !important;;}
ul.social-links li.linked:hover a {background-color: #65b7d2 !important;}
ul.social-links li.skype:hover a {background-color: #17a1ce !important;;}
ul.social-links li.mail:hover a {background-color: #a6412b !important;;}
ul.social-links li.google:hover a {background-color: #ce3f31 !important;;}
ul.social-links li.pinterest:hover a {background-color: #dd3b41 !important;;}

ul.social-links .rss a {background-position: 0 0;}
ul.social-links .facebook a {background-position: -29px 0;}
ul.social-links .twitter a {background-position: -58px 0;}
ul.social-links .flickr a {background-position: -87px 0;}
ul.social-links .linked a {background-position: -116px 0;}
ul.social-links .google a {background-position: -174px -48px;}
ul.social-links .pinterest a {background-position: -203px -48px;}

ul.social-links .rss:hover a {background-position: 0 -24px;}
ul.social-links .facebook:hover a {background-position: -29px -24px;}
ul.social-links .twitter:hover a {background-position: -58px -24px;}
ul.social-links .flickr:hover a {background-position: -87px -24px;}
ul.social-links .linked:hover a {background-position: -116px -24px;}

.accordion ul.social-links .facebook a {background-position: 0 -48px;}
.accordion ul.social-links .twitter a {background-position: -29px -48px;}
.accordion ul.social-links .flickr a {background-position: -58px -48px;}
.accordion ul.social-links .linked a {background-position: -87px -48px;}
.accordion ul.social-links .skype a {background-position: -116px -48px;}
.accordion ul.social-links .mail a {background-position: -145px -48px;}

.accordion ul.social-links .facebook:hover a {background-position: 0 -72px;}
.accordion ul.social-links .twitter:hover a {background-position: -29px -72px;}
.accordion ul.social-links .flickr:hover a {background-position: -58px -72px;}
.accordion ul.social-links .linked:hover a {background-position: -87px -72px;}
.accordion ul.social-links .skype:hover a {background-position: -116px -72px;}
.accordion ul.social-links .mail:hover a {background-position: -145px -72px;}

.meta ul.social-links .facebook:hover a,
.post-item ul.social-links .facebook:hover a {background-position: 0 -72px;}
.meta ul.social-links .twitter:hover a,
.post-item ul.social-links .twitter:hover a {background-position: -29px -72px;}
.meta ul.social-links .google:hover a,
.post-item ul.social-links .google:hover a {background-position: -174px -72px;}
.meta ul.social-links .pinterest:hover a,
.post-item ul.social-links .pinterest:hover a {background-position: -203px -72px;}

.light .accordion ul.social-links a {background-color: #aab2ad;}
.dark .accordion ul.social-links a {background-color: #58605B;}

.dark .meta ul.social-links a,
.dark .post-item ul.social-links a {background-color: #58605B;}

.meta ul.social-links .facebook a,
.post-item ul.social-links .facebook a {background-position: 0 -48px;}

.meta ul.social-links .twitter a,
.post-item ul.social-links .twitter a {background-position: -29px -48px;}

.light .meta ul.social-links a,
.light .post-item ul.social-links a {background-color: #aab2ad;}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

.sbr #content {
	float: left;
	width: 700px;
}

.sbl #content {
	float: right;
	width: 700px;
}

div.page-header {
	margin-bottom: 25px;
	padding: 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.light div.page-header {border-color: #ccd3cd;}
.dark div.page-header {border-color: #333732;}

div.page-header h1 {
	margin: 0;
	line-height: 1.5;
}

header.page-header {
	margin-bottom: 1.3em;
	padding: .75em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.light header.page-header {border-color: #ccd3cd;}
.dark header.page-header {border-color: #333732;}

header.page-header h1 {
	float: left;
	margin: 0;
}

.section-title {
	margin-bottom: 1.4em;
	padding: .6em 0;
	border-top: 1px solid #ccd3cd;
	border-bottom: 1px solid #ccd3cd;
}

.content-title {
	padding: .6em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

h1.slogan {
	margin-bottom: 30px;
	color: #121412;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5;
}

h1.slogan > a:hover {color: #50554e;}

.light .content-title {border-color: #ccd3cd;}
.dark .content-title {border-color: #333732;}

.content-title.noborder {margin: 0; border: none;}

#sidebar .content-title {
	padding: 0 0 .6em 0;
}

.page-title {
	position: relative;
	margin: 0 0 1.4em 0;
	padding: .8em 0;
	height: 19px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.light .page-title {border-color: #ccd3cd;}
.dark .page-title {border-color: #333732;}

.content-wrapper > .page-title {
	border-top: none;
}

.page-title h1 {margin: 0;}

/* Carousel --> Begin */

.work-carousel .jcarousel-container {
	margin-bottom: 2em;
}

.jcarousel-container {
	padding: 0;
	max-width: 100%;
}

.teasertext {
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
	width: 220px;
}

.work-carousel {float: left; width: 700px;}

.jcarousel-clip {overflow: hidden;}

ul.projects-carousel li {margin: 0 20px 0 0;}

ul.projects-carousel li,
ul.related li {
	display: inline-block !important;
	list-style: none outside none;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}

ul.related li.last {margin-right: 0;}

ul.projects-carousel img,
ul.related img {margin-bottom: 10px;}

ul.projects-carousel img,
ul.related img {
	background-color: #FFFFFF;
	opacity: .8;
	filter: alpha(opacity = 80);
	height: auto;
	max-width: 100%;
}

ul.projects-carousel img.entry-image {margin-bottom: 25px;}

ul.projects-carousel a:hover img,
ul.related a:hover img {opacity: 1; filter: alpha(opacity = 100);}

ul.projects-carousel span.categories,
ul.related span.categories {color: #50554e; font-style: italic;}

.pagination {
	position: absolute;
	top: 10px;
	right: 0;
}

.jcarousel-prev,
.jcarousel-next {
	position: absolute;
	right: 0;
	top: -48px;
}

.jcarousel-prev {right: 50px;}

.jcarousel-next, .jcarousel-prev,
.quote-prev, .quote-next,
.pagination a,
.view-all {
	background-image: url("../images/arrowsclass.png");
	background-repeat:  no-repeat;
	cursor: pointer;
	font-style: italic;
	color: #7e8a83;

	-webkit-transition: color .25s linear;
	-moz-transition: color .25s linear;
	-ms-transition: color .25s linear;
	-o-transition: color .25s linear;
	transition: color .25s linear;
}

.jcarousel-next-disabled,
.jcarousel-prev-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-prev-disabled:hover {
	opacity: .5;
	cursor: auto;
	color: #7e8a83 !important;
}

.jcarousel-prev-disabled:hover {background-position: left 6px !important;}
.jcarousel-next-disabled:hover {background-position: right -32px !important;}

.jcarousel-prev,
.quote-prev,
.prev-project {
	padding-left: 15px;
	background-position: left 6px;
}

.jcarousel-next,
.quote-next,
.next-project,
.view-all {
	padding-right: 15px;
	background-position: right -31px;
}

.jcarousel-prev:after,
.quote-prev:after,
.prev-project:after {
	margin-left: 7px;
	margin-right: 5px;
	content: "/";
	font-family: 'Droid Serif', serif;
}

.jcarousel-prev:hover,
.quote-prev:hover,
.prev-project:hover {background-position: left -13px;}

.jcarousel-next:hover,
.quote-next:hover,
.next-project:hover,
.view-all:hover {background-position: right -50px;}

.prev-project:hover:after,
.jcarousel-prev:hover:after,
.quote-prev:hover:after {color: #7e8a83;}

/* Carousel --> End */

/* Our Team --> Begin */

.accordion {
	clear: both;
	margin:0;
	list-style:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
}

.light .accordion {border-color: #ccd3cd;}
.dark .accordion {border-color: #333732;}

.accordion > li:first-child {border-left: none;}

.accordion > li {
	position:relative;
	float: left;
	display: block;
	margin: 0;
	width: 50%;
	padding:0;

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

.accordion > li:nth-child(2n) {
	border-left-width: 1px;
	border-style: solid;
}

.light .accordion > li {border-color: #ccd3cd;}
.dark .accordion > li {border-color: #333732;}

.accordion > li > section {
	padding: 15px 15px 20px;
	width: 100%;

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

.accordion .slide-thumb {
	float: left;
	margin-right: 20px;
}

.accordion span {font-family: 'Droid Serif', serif;}
.accordion .slide-name {font-size: 1.154em;}

.light .accordion .slide-name {color: #121412;}
.dark .accordion .slide-name {color: #fff;}

.accordion .slide-vocation {
	color: #50554e;
	font-size: 85%;
	font-style: italic;
}

.accordion .slide-thumb img {display: block;}

.accordion .slide-content {display: table;}

/* Our Team --> End */

/* 404 Page --> Begin */

.error404 {
	margin: 3.5em 0;
	text-align: center;
}

.light .error404 {color: #282828;}
.dark .error404 {color: #7e8a83;}

.error404 h1 {
	margin: 0;
	font-weight: 700;
	font-size: 21.923em;
	line-height: .76em;
}

.error404 .title-error {
	margin-bottom: .25em;
	font-size: 5.154em;
	line-height: 1.2em;
}
.error404 .description-error {color: #50554e;}

/* 404 Page --> End */

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

#content .post-item:first-child {
	margin: 0;
	padding: 0;
	border: none;
}

.post-item {
	margin-top: 1.5em;
	padding-top: 2.5em;
	border-top-width: 1px;
	border-top-style: solid;
}

.light .post-item {border-color: #ccd3cd;}
.dark .post-item {border-color: #333732;}

.entry-body {
	float: right;
	width: 540px;
}

.entry-title > a {
	display: table-cell;
	vertical-align: middle;
}

.entry-meta {
	clear: both;
	margin-bottom: 2.5em;
	font-style: italic;
}

.projects-carousel .entry-meta {margin-bottom: 0;}

.aside-tabs .tab-content .entry-meta {margin: 0;}

.entry-meta a {
	padding-left: 24px;
	color: #888c87;
	background-repeat: no-repeat;
}

.light .entry-meta a {background-image: url(../images/icons/meta-icons-light.png);}
.dark .entry-meta a {background-image: url(../images/icons/meta-icons-dark.png);}

.entry-meta .post-date {padding-right: 15px;}
.entry-meta .post-comments {background-position: 0 -30px;}

.post-type {
	float: left;
	display: inline-block;
	margin: 0 20px 30px 0;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	font-style: italic;
	font-size: 1.538em;
	line-height: 35px;
	vertical-align: top;
}

.light .post-type {background-color: #1f221e;}
.dark .post-type {background-color: #58605B;}

.post-type {background-image: url(../images/icons/post-type-icons.png);}

.post-type.video {background-position: 0 0;}

.post-type.picture{background-position: -35px 0;}

.post-type.list {background-position: -70px 0;}

.post-type.quote {background-position: -105px 0;}

.entry-title:hover .post-type.media,
.image-title a:hover .post-type.media {background-position: 0 -35px;}

.entry-title:hover .post-type.video,
.image-title a:hover .post-type.video {background-position: 0 -35px;}

.entry-title:hover .post-type.picture,
.image-title a:hover .post-type.picture {background-position: -35px -35px;}

.entry-title:hover .post-type.list,
.image-title a:hover .post-type.list {background-position: -70px -35px;}

.entry-title:hover .post-type.quote,
.image-title a:hover .post-type.quote {background-position: -105px -35px;}

a.entry-title:hover > img {opacity: 1;}

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

.search-container {
	position: relative;
	float: right;
}

.search-container input[type="text"] {
	padding: 0 30px 0 10px;
	width: 180px;
	height: 28px;
	border-width: 1px;
	border-style: solid;
	color: #50554e;
	font-style: italic;
	font-family: 'Droid Serif';
	line-height: 28px;

	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.light .search-container input[type="text"] {
	background-color: #fff;
	border-color: #ccd3cd;
}

.dark .search-container input[type="text"] {
	background-color: #888C87;
	border-color: #a7a7a7;
}

.search-container input::-webkit-input-placeholder {color: #50554e;}
.search-container input[type="text"]:hover {border-color: #a7a7a7;}

.search-container button {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	border: none;
	cursor: pointer;
	background: url(../images/button-search.png) no-repeat;

	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.search-container button:hover {
	background-position: right bottom;
}

/* -------------------------------------------------- */
/*	Comments
/* -------------------------------------------------- */

#comments {margin-top: 2em;}

#comments h3, #respond h3 {font-size: 1.385em;}

.comments-list {
	margin: 0 0 25px;
	overflow: hidden;
}

.comment {
	list-style: none;
	margin: 10px 0 0;
}

.comment:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.comment > article {
	position: relative;
	margin: 0;
	padding: 25px 15px 10px;
}

.light .comment > article {background-color: rgba(31,34,30,.09);}
.dark .comment > article {background-color: rgba(235, 238, 235, .09);}

.ie8 .light .comment > article {
	background-image: url(../images/bg-light-feature-menu.png);
	background-repeat: repeat;
}

.ie8 .dark .comment > article {
	background-image: url(../images/bg-dark-feature-menu.png);
	background-repeat: repeat;
}

.comment .avatar {
	position: relative;
	float: left;
	margin: 0 15px 10px 0;
	width: 50px;
	z-index: 1;
}

.comment .comment-meta {
	display: table;
}

.comment .comment-body {
	clear: both;
	margin-top: 20px;
}

.comment .author,
.comment .author a {
	margin-bottom: .4em;
}

.light .comment .author,
.light .comment .author a {color: #121412;}

.dark .comment .author,
.dark .comment .author a {color: #fff;}

.comment .date {
	padding-left: 23px;
	color: #888c87;
	font-style: italic;
}

.light .comment .date {background: url(../images/icons/meta-icons-light.png) no-repeat 0 1px;}
.dark .comment .date {background: url(../images/icons/meta-icons-dark.png) no-repeat 0 1px;}

.comment .reply {
	position: absolute;
	right: 15px;
	top: 25px;
}

.comment .children {
	margin: 0;
	padding: 10px 0 0 20px;
	position: relative;
}

.comment .children .comment {
	margin: 30px 0 0;
	position: relative;
}

.comment .children .comment:first-child { margin-top: 0; }

/* -------------------------------------------------- */
/*	Respond
/* -------------------------------------------------- */

.comments-form .input-block,
.contacts-form .input-block {
	float: left;
	margin: 10px 20px 20px 0;
}

.comments-form .input-block:nth-child(3n),
.contacts-form .input-block:nth-child(3n) {margin-right: 0;}

.comments-form input,
.contacts-form input {
	padding: 0 8px;
	height: 32px;
	color: #50554e;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	font-style: italic;
	font-family: 'Droid Serif';
	line-height: 32px;
}

.light .comments-form input,
.light .contacts-form input {
	border-color: #ccd3cd;
	background-color: #fff;
}

.contacts-form .wrong-data {border-color: #A6412B !important;}

.dark .comments-form input,
.dark .contacts-form input {
	border-color: #a7a7a7;
	background-color: #888C87;
}

.contacts-form input,
.comments-form input {width: 202px;}

.comments-form input::-webkit-input-placeholder,
.comments-form textarea::-webkit-input-placeholder,
.contacts-form input::-webkit-input-placeholder,
.contacts-form textarea::-webkit-input-placeholder {color: #50554e;}

.light .comments-form input:hover,
.light .comments-form textarea:hover,
.light .contacts-form input:hover,
.light .contacts-form textarea:hover {border-color: #a7a7a7 !important;}

.dark .comments-form input:hover,
.dark .comments-form textarea:hover,
.dark .contacts-form input:hover,
.dark .contacts-form textarea:hover {border-color: #ddd !important;}

.comments-form .textarea-block,
.contacts-form .textarea-block {clear: both; display: block; margin-bottom: 18px;}

.comments-form textarea,
.contacts-form textarea {
	padding: 8px;
	height: 136px;
	max-width: 682px;
	min-height: 50px;
	color: #50554e;
	border-width: 1px;
	border-style: solid;
	font-style: italic;
	font-size: 1em;
	font-family: 'Droid Serif';
}

.light .comments-form textarea,
.light .contacts-form textarea {
	border-color: #ccd3cd;
	background-color: #fff;
}

.dark .comments-form textarea,
.dark .contacts-form textarea {
	border-color: #a7a7a7;
	background-color: #888C87;
}

.comments-form textarea,
.contacts-form textarea {width: 682px;}

.comments-form .button-style-2,
.contacts-form .button-style-2 {border: none;}

.comments-form input,
.comments-form .button-style-2,
.comments-form textarea,
.contacts-form input,
.contacts-form .button-style-2,
.contacts-form textarea {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

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

#portfolio-filter {
	float: right;
	margin: 0 0 0;
	overflow: hidden;
}

#portfolio-filter li:first-child {
	color: #50554e;
	margin-right: 5px;
}

#portfolio-filter li {
	display: block;
	float: left;
	font-style: italic;
	list-style: none outside none;
	margin: 0;
}

#portfolio-filter a {
	display: block;
	margin: 0 0 0 5px;
	padding: 0 5px;
	cursor: pointer;
	color: #7e8a83;
}

#portfolio-filter a:hover {color: #50554E;}

#portfolio-items {margin: 0 -20px 0 0;}

#portfolio-items article {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 20px 35px 0;
}

#portfolio-items article a {display: block; text-align: center;}

#portfolio-items article img {
	display: block;
	background-color: #FFFFFF;
	opacity: .8;
	filter: alpha(opacity = 80);
	height: auto;
	max-width: 100%;
}

#portfolio-items.gl-col-3 article img {width: 300px;}
#portfolio-items.gl-col-4 article img {width: 220px;}

#portfolio-items .project-meta { padding: 17px 0 5px;}

#portfolio-items .categories {font-style: italic;}

.single-image,
.video {
	position: relative;
	display: block;
	cursor: pointer;
}

.curtain {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.light .curtain {background: rgba(255, 255, 255, .3);}
.dark .curtain {background: rgba(0, 0, 0, .4);}

.ie8 .light .curtain {background: rgb(255,255,255);}
.ie8 .dark .curtain {background: rgb(0,0,0);}

.curtain:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
	content: "";
}

.picture-icon .curtain:before {background: url(../images/zoom.png) no-repeat scroll 0 0 transparent;}
.link-icon .curtain:before {background: url(../images/link-icon.png) no-repeat scroll 0 0 transparent;}
.video-icon .curtain:before {background: url(../images/video-icon.png) no-repeat scroll 0 0 transparent;}

.single-image:hover .curtain,
.video:hover .curtain {
	filter: alpha(opacity=40);
	opacity: 1;
}

#portfolio-items article:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* -------------------------------------------------- */
/*	Isotope
/* -------------------------------------------------- */

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

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

	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;

}

.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:		 top, left, opacity;
	-o-transition-property:		 top, left, opacity;
	transition-property:		 transform, opacity;
}

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

.image-gallery-slider {
	position: relative;
	margin-bottom: 20px;
}

.image-gallery-slider ul { margin: 0;}

.image-gallery-slider li {
	list-style: none outside none;
	margin: 0;
}

.image-gallery-slider li a img {
	display: block;
	margin: 0;
	height: auto;
	max-width: 100%;
}

.image-gallery-slider-nav {
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 0;
}

.image-gallery-slider-nav a {
	position: absolute;
	bottom: 0;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url(../images/slider-arrows.png) no-repeat;
	text-indent: -9999px;
}

.light .image-gallery-slider-nav a {background-color: #1f221e; background-position: 0 0;}
.dark .image-gallery-slider-nav a {background-color: #7E8A83; background-position: 0 -50px;}

.image-gallery-slider-nav a.prev {left: 0;}
.light .image-gallery-slider-nav a.next {left: 27px; background-position: -25px 0;}
.dark .image-gallery-slider-nav a.next {left: 27px; background-position: -25px -50px;}

.image-gallery-slider-nav a.prev:hover {background-position: 0 -25px;}
.image-gallery-slider-nav a.next:hover {background-position: -25px -25px;}

.image-title {margin-bottom: .8em;}

.post-item .post-type {margin-bottom: .4em;}

.image-title {
	padding: 0 50px 0 105px;
	text-align: left;
}

.image-entry {margin-bottom: 2em;}
.meta-entry {text-align: right;}

.meta-entry span,
.meta-entry span > a {color: #888c87; font-style: italic;}
.meta-entry span.category > a:after {content: ',';}
.meta-entry span.category > a:last-child:after {content: '';}

.meta-entry .date,
.meta-entry .author,
.meta-entry .category,
.meta-entry .comments {
	display: block;
	margin-bottom: .8em;
	padding-right: 23px;
	background-repeat: no-repeat;
	background-position: right;
}

.light .meta-entry .date,
.light .meta-entry .author,
.light .meta-entry .category,
.light .meta-entry .comments {background-image: url(../images/icons/meta-icons-light.png);}

.dark .meta-entry .date,
.dark .meta-entry .author,
.dark .meta-entry .category,
.dark .meta-entry .comments {background-image: url(../images/icons/meta-icons-dark.png);}

.meta-entry .date {background-position: right top;}
.meta-entry .author {background-position: right -60px;}
.meta-entry .category {background-position: right -91px;}
.meta-entry .comments {background-position: right -29px;}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	position: relative;
	margin: -1px 0 30px;
	width: 100%;
	height: 380px;
}

#map:before, #map:after {
	background: none;
	-webkit-box-shadow: inset 0 0 50px  rgba(190, 177, 138, .4);
	-moz-box-shadow: inset 0 0 50px  rgba(190, 177, 138, .4);
	box-shadow: inset 0 0 50px  rgba(190, 177, 138, .4);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 0;
	top: auto;
}

#form .success {display: none;}

.contact-block {
	margin-bottom: 20px;
	padding: 25px 15px;
}

.light .contact-block {background-color: rgba(31,34,30,.09);}
.dark .contact-block {background-color: rgba(235, 238, 235,.09);}

.ie8 .light .contact-block {
	background-image: url(../images/bg-light-feature-menu.png);
	background-repeat: repeat;
}

.ie8 .dark .contact-block {
	background-image: url(../images/bg-dark-feature-menu.png);
	background-repeat: repeat;
}

.contact-block span {
	display: block;
	margin-bottom: 1em;
}

.light .contact-block span {color: #121412;}
.dark .contact-block span {color: #fff;}

.contact-list li {
	margin-bottom: 10px;
	padding-left: 25px;
	background-repeat: no-repeat;
}

.light .contact-list li {background-image: url(../images/icons/contact-icons-light.png);}
.dark .contact-list li {background-image: url(../images/icons/contact-icons-dark.png);}

.contact-list li.contact-phone {background-position: 0 -65px;}
.contact-list li.contact-mail {background-position: 0 -104px;}
.contact-list li.contact-skype {background-position: 0 -146px;}

.contact-list li a {color: #7e8a83;}

/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */

#content .widget {margin-bottom: 50px;}

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

.sbr #sidebar {
	float: right;
	width: 220px;
}

.sbl #sidebar {
	float: left;
	width: 220px;
}

#sidebar .widget-title {
	margin: 0;
	padding: 0 0 .6em 0;
	border: none;
}

/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */

#sidebar .widget:first-child .widget-title {padding-top: .6em;}

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

#footer {
	margin-top: 40px;
	padding: 1.5em 0;
	border-top-width: 1px;
	border-top-style: solid;
}

.light #footer {border-color: #ccd3cd;}
.dark #footer {border-color: #333732;}

#footer .one-fourth { width: 210px;}

#footer-nav {margin-bottom: 1em;}

#footer-nav li {
	float: left;
	padding-right: 15px;
}

#footer-nav li a {font-style: italic;}

.copyright {
	color: #7E8A83;
	font-style: italic;
}

.light .copyright {color: #7e8a83;}
.dark .copyright {color: #50554e;}

/* Footer Bottom --> Begin */

#footer-bottom {
	position: relative;
	z-index: 99;
	width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
}

.light #footer-bottom {border-color: #1f221e; background-color: #1f221e;}
.dark #footer-bottom {border-color: #ebeeeb; background-color: #ebeeeb;}

#footer-bottom #more {
	top: -35px;
	left: 0;
	background-position: left bottom;
}

#footer-bottom .container {
	position: relative;
	display: none;
	opacity: 0;
	padding: 30px 0 10px;
	color: #60645e;
}

#footer-bottom .one-half,
#footer-bottom .one-fourth {margin-bottom: 25px;}

#footer-bottom h1 {
	margin-bottom: 1.2em;
	padding-bottom: .5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #b5b7b5;
}

.light #footer-bottom h1 {color: #b5b7b5; border-color: #2c302c;}
.dark #footer-bottom h1 {color: #121412; border-color: #c7cec8;}

/* Footer Bottom --> End */

/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */

.widget {margin-bottom: 30px;}

/* -------------------------------------------------- */
/*	Twitter
/* -------------------------------------------------- */

.content-tabs ul.tweet_list li {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

ul.tweet_list li {margin-bottom: 20px;}

.content-tabs ul.tweet_list li:nth-child(4n) {margin-right: 0;}

ul.tweet_list a,
ul.tweet_list .tweet_time {color: #888c87; font-style: italic;}

ul.tweet_list .tweet_time  {
	display: block;
	margin-top: .5em;
}

ul.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li a {color: #888c87; font-style: italic;}

.tweet_list .tweet_avatar {
	padding-top: .2em;
	padding-right: .8em;
	float: left;
}

.tweet_list .tweet_avatar img {vertical-align: middle;}

/* -------------------------------------------------- */
/*	Testimonials
/* -------------------------------------------------- */

.testimonials {position: relative;}

.quoteBox {
	position: relative;
	clear: both;
	margin-bottom: 40px;
}

blockquote.quote-text {
	position: relative;
	margin-bottom: 1.5em;
	padding: 30px 55px 30px 77px;
	color: #121412;
	font-style: italic;
	font-size: 1.154em;
	font-family: 'Georgia', Arial, serif;
}

.light blockquote.quote-text {background-color: rgba(31,34,30,.09); color: #121414;}
.dark blockquote.quote-text {background-color: rgba(255,255,255,.09); color: #fff;}

.ie8 .light blockquote.quote-text {background-color: #d9dcd9;}
.ie8 .dark blockquote.quote-text {background-color: #313430;}

blockquote.quote-text:before,
blockquote.quote-text:after {
	position: absolute;
	width: 77px;
	height: 56px;
	background-repeat: no-repeat;
	content: "";
}

.light blockquote.quote-text:before,
.light blockquote.quote-text:after {background-image: url(../images/quotes-light.png);}

.dark blockquote.quote-text:before,
.dark blockquote.quote-text:after {background-image: url(../images/quotes-dark.png);}

blockquote.quote-text:after {
	background-position: right;
}

blockquote.quote-text:before {
	top: 5px;
	left: 5px;
}

blockquote.quote-text:after {
	bottom: 5px;
	right: 5px;
}

.quote-author {
	margin-top: .4em;
	font-style: italic;
	font-size: 1em;
}

.light .quote-author {color: #50554e;}
.dark .quote-author {color: #7e8a83;}

.quote-nav {
	position: absolute;
	top: 5px;
	right: 0;
}

.quote-nav span {top: 0;}

/* -------------------------------------------------- */
/*	Flickr
/* -------------------------------------------------- */

.widget-flickr {margin-bottom: 1.5em;}

#flickr-badge li {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 10px 0;
}

#flickr-badge li img {
	display: block;
	height: 60px;
	width: 60px;
	background-color: #000;
	opacity: .7;
}

#flickr-badge li:hover img {opacity: 1;}

/* -------------------------------------------------- */
/*	Newsletter
/* -------------------------------------------------- */

#signup label {display: block; margin-bottom: 1em;}

#signup #s-email {
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 8px 10px;
	width: 200px;
	border: none;
	background-color: #c7cfc8;
	font-style: italic;
	font-family: 'Droid Serif', serif;
}

#signup #signup_submit {
	padding: .5em .8em;
	height: 33px;
	border: none;
	text-transform: uppercase;
	font-family: 'Droid Serif', serif;
	cursor: pointer;
	vertical-align: top;

	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.light #signup_submit {background-color: #2e332e; color: #b5b7b5;}
.dark #signup_submit {background-color: #a9ada9; color: #1f221e;}

#signup #signup_submit:hover {
	color: #fefffe;
}

/* -------------------------------------------------- */
/*	Accordion Content
/* -------------------------------------------------- */

.acc-trigger {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	display: block;
	margin: 0;
}

.light .acc-trigger {border-color: #ccd3cd;}
.dark .acc-trigger {border-color: #333732;}

.acc-trigger.active {border-bottom: none;}

.acc-trigger a {
	position: relative;
	display: block;
	padding: 10px 20px 10px 24px;
	color: #50554e;
	font-size: 1.154em;
	font-family: 'Droid Serif', serif;
	outline: medium none;
	text-decoration: none;
}

.acc-trigger a:after {
	position: absolute;
	left: 0; top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background-image: url(../images/collapse.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #2e332e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
}

.light .acc-trigger a:hover,
.light .acc-trigger.active a,
.light .acc-trigger.active a:hover {color: #121412;}

.dark .acc-trigger a:hover,
.dark .acc-trigger.active a,
.dark .acc-trigger.active a:hover {color: #fff;}

.acc-trigger.active a:after {background-position: 5px bottom;}

.acc-trigger.active,
.acc-trigger.active a {cursor: default; border-bottom: 1px solid transparent;}

.acc-container .content {padding: 15px;}

.light .acc-container .content {background-color: rgba(31,34,30,.09);}
.dark .acc-container .content {background-color: rgba(235,238,235,.09);}

/* -------------------------------------------------- */
/*	Tabs
/* -------------------------------------------------- */

/* Content Tabs */

.content-tabs {margin-bottom: 40px;}

.content-tabs .post-type {margin: 0 20px 10px 0;}

.tabs-nav {
	margin: 0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	list-style: none outside none;
}

.light .tabs-nav {border-color: #ccd3cd;}
.dark .tabs-nav {border-color: #333732;}

.tabs-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 41px;
	line-height: 40px;
	cursor: pointer;
}

.tabs-nav li a {
	display: block;
	padding: 0 20px;
	font-size: 1.154em;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

/* Sidebar Tabs */

.aside-tabs .tabs-nav li:after {
	position: absolute;
	top: -20px;
	z-index: 98;
	visibility: hidden;
	overflow: hidden;
	padding: 0 10px;
	height: 23px;
	line-height: 23px;
	background: url(../images/arrow-left-bottom.png) no-repeat scroll left bottom #FFFFFF;
	color: #121412;
	content: attr(data-tooltip);
	font-style: italic;
	font-size: 0.923em;
	font-family: 'Droid Serif',serif;
	opacity: 0;

	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

.aside-tabs .tabs-nav li a {
	position: relative;
	width: 53px;
	padding: 0;
	text-indent: -9999px;
}

.light .aside-tabs .tabs-nav li a {background: url(../images/icons/sprite-icons-light.png) no-repeat;}
.dark .aside-tabs .tabs-nav li a {background: url(../images/icons/sprite-icons-dark.png) no-repeat;}

.aside-tabs .tabs-nav li:after {right: -35px;}
.aside-tabs .tabs-nav li.recent:after {right: -40px;}
.aside-tabs .tabs-nav li.popular:after {right: -48px;}
.aside-tabs .tabs-nav li.tags:after {right: -30px;}


.aside-tabs .tabs-nav li:hover:after {
	top: -10px;
	opacity: 1;
	visibility: visible;
}

.aside-tabs .tabs-nav li.popular a {background-position: 0 0;}
.aside-tabs .tabs-nav li.recent a {background-position: -53px 0;}
.aside-tabs .tabs-nav li.tags a {background-position: -106px 0;}
.aside-tabs .tabs-nav li.latest a {background-position: -159px 0;}

.aside-tabs .tabs-nav li.popular.active a {background-position: 0 -40px;}
.aside-tabs .tabs-nav li.recent.active a {background-position: -53px -40px;}
.aside-tabs .tabs-nav li.tags.active a {background-position: -106px -40px;}
.aside-tabs .tabs-nav li.latest.active a {background-position: -159px -40px;}

.aside-tabs .tabs-nav li.active:last-child a {border-right: 1px solid transparent;}

.light .tabs-nav li.active a {
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #ccd3cd;
	border-right-color: #ccd3cd;
	border-bottom-color: #ebeeeb;
	border-style: solid;
}

.dark .tabs-nav li.active a {
	border-left: 1px solid #333732;
	border-right: 1px solid #333732;
	border-bottom: 1px solid #1f221e;
}

.light .tabs-nav li.active:first-child a,
.dark .tabs-nav li.active:first-child a {border-left-color: transparent;}

.light .tabs-nav li.active a {color: #121412;}
.dark .tabs-nav li.active a {color: #fff;}

.tab-content h3 {margin-bottom: 1.2em;}

.tab-content p {margin-bottom: 1.5em;}

.tabs-container {
	overflow: hidden;
	margin: 0;
	padding: 25px 0 15px;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
}

.light .tabs-container {border-color: #ccd3cd;}
.dark .tabs-container {border-color: #333732;}

.aside-tabs .tabs-container {margin-bottom: 0;}

.tabs-container .tab-content {display: none;}
.aside-tabs .tab-content:first-child {padding-top: 0;}
.aside-tabs .entry {display: table;}
.aside-tabs .tab-content h6 {margin-bottom: .2em;}
.small-thumb li:first-child {padding-top: 0; border: none;}

.small-thumb li {
	padding: 15px 0;
	border-top-width: 1px;
	border-top-style: solid;
}

.light .small-thumb li {border-color: #ccd3cd;}
.dark .small-thumb li {border-color: #333732;}

ul.small-thumb li:last-child {padding-bottom: 5px;}

ul.tag-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none outside none;
	color: #888c87;
}

ul.tag-list li {
	float: left;
	list-style: none outside none;
	margin-right: 5px;
	margin-bottom: 4px;
}

ul.tag-list li:after {content: ',';}
ul.tag-list li:last-child:after {content: '';}

ul.tag-list li a,
ul.tag-list li span {
	color: #888c87;
	font-style: italic;
}

/* -------------------------------------------------- */
/*	Content Toggle
/* -------------------------------------------------- */

.trigger {
	position: relative;
	display: block;
	padding: 10px 20px 10px 24px;
	color: #50554e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 1.154em;
	font-family: 'Droid Serif', serif;
	outline: medium none;
	cursor: pointer;
	text-decoration: none;
}

.light .trigger {border-color: #ccd3cd;}
.dark .trigger {border-color: #333732;}

.trigger.active {border: none;}

.trigger:after {
	position: absolute;
	left: 0; top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background-image: url(../images/collapse.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #2e332e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
}

.light .trigger:hover {color: #121412;}
.dark .trigger:hover {color: #fff;}

.trigger.active:after {
	background-position: 5px bottom;
}

.toggle-container  {
	display: none;
	padding: 15px;
}

.light .toggle-container {background-color: rgba(31,34,30,.09);}
.dark .toggle-container {background-color: rgba(235,238,235,.09);}

/* -------------------------------------------------- */
/*	Pricing Tables
/* -------------------------------------------------- */

.pricing-table {
	position: relative;
	margin: 1.5em 0;
	width: 100%;
	height: 100%;
}

.pricing-table .caption {width: 216px;}

.pricing-table .caption {float: left;}

.pricing-table .caption .header-row,
.pricing-table .column .header-row {
	min-height: 60px;
}

.light .pricing-table .caption ul {background-color: rgba(31,34,30,.09);}
.dark .pricing-table .caption ul {background-color: rgba(235,238,235,.09);}

.pricing-table ul {
	margin-bottom: 1.5em;
	border-left-width: 1px;
	border-left-style: solid;
}

.light .pricing-table ul,
.light .pricing-table .column:last-of-type ul {border-color: #ccd3cd;}

.dark .pricing-table ul,
.dark .pricing-table .column:last-of-type ul {border-color: #333732;}

.pricing-table .column:last-of-type ul {
	border-right-width: 1px;
	border-right-style: solid;
}

.pricing-table .caption ul li:first-child {border-top: 1px solid #ccd3cd;}

.pricing-table li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-family: 'Droid Serif', serif;
}

.light .pricing-table li,
.light .pricing-table .caption ul li:first-child {border-color: #ccd3cd;}

.dark .pricing-table li,
.dark .pricing-table .caption ul li:first-child {border-color: #333732;}

.pricing-table .features li:before {content: '';}

.pricing-table .column ul li:first-child {border-top: 1px solid transparent;}
.pricing-table ul li {padding: 8px 15px;}

.pricing-table .column {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pricing-table .column .header-row {background-color: #2e332e;}
.pricing-table .column.free .header-row {background-color: #538b41;}
.pricing-table .column.featured .header-row {background-color: #b94e36;}

.pricing-table .column .header-row h4 {
	margin: 0;
	padding: 6px 5px 4px 5px;
	color: #fff;
	text-transform: uppercase;
}

.light .pricing-table .column .header-row h4 {background-color: #1f221e;}
.dark .pricing-table .column .header-row h4 {background-color: #333732;}

.pricing-table .column.free .header-row h4 {background-color: #457935;}
.pricing-table .column.featured .header-row h4 {
	margin-top: -5px;
	padding-top: 11px;
}

.pricing-table .column .price {color: #fff; line-height: 1.7;}

.pricing-table .column .price span {color: #fff; font-size: 1.385em;}

.pricing-table.col2 .column  {width: 362px;}
.pricing-table.col3 .column  {width: 241px;}
.pricing-table.col4 .column  {width: 181px;}

/* -------------------------------------------------- */
/*	Back to top
/* -------------------------------------------------- */

#back-top {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 100;
	display: none;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: url(../images/arrow-up.png) no-repeat top;
	background-color: #1f221e;
	text-indent: -9999px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.liquid.dark #back-top {background-color: #ebeeeb;}

#back-top:hover {
	background-position: bottom;
}

/* -------------------------------------------------- */
/*	Latest Projects
/* -------------------------------------------------- */

ul.latest {
	text-align: center;
}

ul.latest li a > img {display: block; margin-bottom: 1.3em;}

.latest-pager {
	margin: 1.5em 0;
	text-align: center;
}

.latest-pager a {
	display: inline-block;
	margin: 0 1px;
	width: 20px;
	height: 4px;
	background-color: #a4a9a4;
	text-indent: -9999px;
}

.latest-pager a:hover {background-color: #858985;}

/* -------------------------------------------------- */
/*	Latest Posts
/* -------------------------------------------------- */

ul.widget-list li,
ul.recent-comments li {
	padding: .7em 0;
	border-top-width: 1px;
	border-top-style: solid;
}

.light ul.widget-list li,
.light ul.recent-comments li {border-color: #ccd3cd;}

.dark ul.widget-list li,
.dark ul.recent-comments li {border-color: #333732;}

ul.widget-list li:first-child,
ul.recent-comments li:first-child {padding-top: 0; border-top: none;}

.light ul.widget-list li a,
.light ul.recent-comments li a {color: #121412;}

.dark ul.widget-list li a,
.dark ul.recent-comments li a {color: #7e8a83;}

/* -------------------------------------------------- */
/*	Latest Entries
/* -------------------------------------------------- */

ul.latest-entries li {
	float: left;
	margin: 0 20px 25px 0;
	width: 160px;
}

ul.latest-entries li:nth-child(4n) {margin-right: 0;}

ul.latest-entries li img {
	display: block;
	margin-bottom: .8em;
	height: auto;
	max-width: 100%;
	opacity: .8;
	filter: alpha(opacity = 80);
}

ul.latest-entries li h6 {margin: 0; text-align: center;}

ul.latest-entries li:hover img {
	opacity: 1;
	filter: alpha(opacity = 100);
}

ul.latest-entries li:hover h6 {color: #a6421b;}

/* -------------------------------------------------- */
/*	Recent Comments
/* -------------------------------------------------- */

ul.recent-comments li .author {
	color: #888c87;
	font-style: italic;
}

ul.recent-comments li small {color: #50554e;}

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	/* -------------------------------------------------- */
	/*	Panel
	/* -------------------------------------------------- */

	#control_panel {display: none;}

	/* -------------------------------------------------- */
	/*	Pricing Tables
	/* -------------------------------------------------- */

	.pricing-table .caption {display: none;}

	.pricing-table .features li:before {
		display: block;
		content: attr(data-feature) !important;
		font-size: 1em;
		font-family: 'Droid Serif',serif;
		font-weight: 700;
		text-align: center;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
    /* ---------------------------------------------------------------------- */

	.fixed #wrapper {width:848px;}


	.container {width: 748px;}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half {width: 364px;}

	.one-third {width: 236px;}

	.two-third {width: 492px;}

	.one-fourth {width: 172px;}

	.three-fourth {width: 556px;}

	.five-sixth {width: 585px;}

	#back-top {bottom: 100px; right: 30px;}

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

	#logo h1 {float: none;}
	#logo div.slogan {padding-top: .5em;}

	#slider {width: 748px;}

	/* -------------------------------------------------- */
	/*	Main Navigation
    /* -------------------------------------------------- */

	.navigation ul ul {width: 135px;}

	/* -------------------------------------------------- */
	/*	Social Links
    /* -------------------------------------------------- */

	ul.social-links li:before {display: none;}

	/* -------------------------------------------------- */
	/* Content
	/* -------------------------------------------------- */

	#content header.page-header h1 {float: none; margin-bottom: 10px;}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Tabs
    /* -------------------------------------------------- */

	.tab-content .one-fourth {
		margin-bottom: 25px;
		width: 364px;
	}

	.tab-content .one-fourth:nth-child(2n) {margin-right: 0;}

	.content-tabs .entry-meta {text-align: center;}

	/* Aside Tabs */

	.aside-tabs .tabs-nav li:after {display: none;}

	/* -------------------------------------------------- */
	/*	Latest
    /* -------------------------------------------------- */

	ul.latest-entries li {width: 156px;}

	ul.latest-entries li:nth-child(3n) {margin-right: 0;}
	ul.latest-entries li:nth-child(4n) {margin-right: 20px;}

	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

	.sbr #content,
	.sbl #content {width: 508px;}

	.teasertext {width: 236px;}

	.work-carousel {
		float: left;
		width: 492px;
	}

	ul.projects-carousel li {
		width: 236px;
	}

	/* -------------------------------------------------- */
	/*	Our Team
    /* -------------------------------------------------- */

	.accordion > li {
		margin-bottom: 10px;
		padding-bottom: 20px;
		width: 100%;
	}

	.accordion > li:nth-child(2n) {border-left: none;}

	/* -------------------------------------------------- */
	/*	Pricing Table
    /* -------------------------------------------------- */

	.pricing-table.col2 .column {width: 374px;}
	.pricing-table.col3 .column {width: 249px;}
	.pricing-table.col4 .column {width: 187px;}

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

	.entry-body {width: 347px;}

	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */

	.contacts-form input {width: 154px;}

	.comments-form input {width: 138px;}

	.contacts-form textarea{width: 539px;}

	.comments-form textarea {width: 490px;}

	.contact-list li {padding-left: 0; background: none !important; font-size: .9em;}

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

	#content #portfolio-filter {
		float: none;
	}

	#content #portfolio-items {margin: 0 -40px 0 0;}

	#content #portfolio-items .one-fourth {width: 244px;}

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

	#footer-bottom .one-half {width: 236px;}

	#footer-bottom .one-fourth {width: 236px;}

}


/* Portfolio fixes */
@media only screen and (max-width: 340px) {

	#portfolio-items {margin: 0;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
    /* ---------------------------------------------------------------------- */

	.fixed #wrapper {width: 400px;}

	.container {width: 300px;}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.three-fourth.last {
		float: none;
		margin-right: 0;
	}

	.related .one-fourth {float: left;}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth {width: 300px;}

	.one-fourth img {width: 300px;}

	.one-sixth {width: 125px;}

	.content-tabs .entry-meta {text-align: center;}

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

	#header-top ul.social-links:before {display: none;}

	/* ---------------------------------------------------------------------- */
	/*	Content
	/* ---------------------------------------------------------------------- */

	.sbr #content,
	.sbl #content,
	.sbr #sidebar,
	.sbl #sidebar {
		clear: both;
		float: none;
		margin-right: 0;
		width: 100%;
	}

	/* 404 error */

	.error404 h1 {font-size: 13em;}
	.error404 .title-error {font-size: 3em;}

	/*	Related */

	ul.projects-carousel li,
	ul.related li {
		float: none;
		margin: 0 0 20px 0;
	}

	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

	.teasertext {
		float: none;
		width: 100%;
	}

	.work-carousel {
		float: none;
		width: 300px;
	}

	ul.projects-carousel li {width: 300px;}

	/* -------------------------------------------------- */
	/*	Our Team
    /* -------------------------------------------------- */

	.accordion > li {
		margin-bottom: 20px;
		width: 100%;
	}

	.accordion > li:nth-child(2n) {border-left: none;}

	.accordion .slide-content {
		display: block;
	}

	/* -------------------------------------------------- */
	/*	Main Navigation
    /* -------------------------------------------------- */

	#navigation {clear: both; float: none; padding-top: 2em;}

	#navigation > ul { display: none; }

	.navigation .nav-responsive {
		display: block;
		padding: 5px 8px;
		width: 100%;
		height: 32px;
		color: #50554e;
		border: 1px solid #ccd3cd;
		background-image: url(../images/bg-nav.png);
		background-repeat: no-repeat;
		background-position: right top;
		font-style: italic;
		font-family: 'Droid Serif';
	}

	.light .nav-responsove {background-color: #fff;}
	.dark .nav-responsive {background-color: #888c87;}

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

	div.page-header .alignleft,
	.search-container {float: none;}

	.search-container {
		margin: 1.5em 0;
		width: 100%;
	}

	.search-container input[type="text"] {width: 258px;}

	.entry-body {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	/* -------------------------------------------------- */
	/*	Respond
    /* -------------------------------------------------- */

	.comments-form .input-block,
	.contacts-form .input-block {margin-right: 0;}

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

	.image-title {padding: 0 10px 0 10px;}

	#portfolio-filter li {margin: 0 5px 5px 0;}

	#portfolio-filter li > a {
		margin: 0;
		background-color: #fff;
		border: 1px solid #CCD3CD;
	}

	#portfolio-items.gl-col-4 article img {width: 300px;}

	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */

	.contacts-form input,
	.comments-form input {width: 280px;}

	.comments-form .textarea-block,
	.contacts-form .textarea-block {
		margin-top: 10px;
	}

	.contacts-form textarea,
	.comments-form textarea {width: 280px;}

	/* -------------------------------------------------- */
	/*	Widgets
    /* -------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Tabs
    /* -------------------------------------------------- */

	.content-tabs .tabs-nav li {float: none; text-align: center;}

	.content-tabs .tabs-nav li.active:first-child a {
		border-top-color: transparent !important;
	}

	.content-tabs .tabs-nav li.active a {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-top-style: solid;
	}

	.light .content-tabs .tabs-nav li.active a {border-color: #ccd3cd;}
	.dark .content-tabs .tabs-nav li.active a {border-color: #333732;}

	.tabs-nav li a {padding: 0 10px;}

	.quote-nav {
		position: relative;
		margin-bottom: 1.5em;
	}

	/* -------------------------------------------------- */
	/*	Twitter
    /* -------------------------------------------------- */

	.tweet_avatar img {display: none;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
    /* ---------------------------------------------------------------------- */

	.fixed #wrapper {width: 520px;}

	.container {width: 420px;}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth {
		float: none;
		margin-right: 0;
	}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-sixth,
	.five-sixth,
	.one-fourth img {width: 420px;}

	.one-third { width: 420px; }

	.two-third { width: 420px; }

	.one-fourth { width: 420px; }

	.three-fourth { width: 420px; }

	.one-sixth {width: 120px;}

	.five-sixth {width: 280px;}

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

	#header-top {padding: 1px 0;}

	#header-top .one-half {width: 200px; float: left;}

	header.page-header h1 {
		float: none;
		margin-bottom: .7em;
		border: none;
	}

	#header-top ul.social-links {padding: 10px 0;}

	ul.contact-info li {float: none;}

	#header-top ul.social-links:before {display: none;}

	#marker {display: none;}

	#slider {width: 420px !important;}

	/* -------------------------------------------------- */
	/*	Main Navigation
    /* -------------------------------------------------- */

	.navigation {float: left; padding-top: 44px;}

	/* -------------------------------------------------- */
	/*	Social Links
    /* -------------------------------------------------- */

	ul.social-links li:before {
		display: none;
	}

	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

	.teasertext {width: 100%;}

	.work-carousel {
		float: left;
		width: 420px;
	}

	ul.projects-carousel li,
	ul.related li.one-fourth {width: 200px;}

	ul.related li.one-fourth:nth-child(2n) {margin-right: 0;}

	/*	Related */

	ul.projects-carousel li,
	ul.related li {
		float: left;
		margin: 0 20px 20px 0;
	}

	/* -------------------------------------------------- */
	/*	Our Team
    /* -------------------------------------------------- */

	.accordion > li {
		margin-bottom: 20px;
		width: 100%;
	}

	.accordion .slide-content {
		display: table;
	}

	.accordion > li:nth-child(2n) {border-left: none;}

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

	.search-container input[type="text"] {width: 378px;}

	/* -------------------------------------------------- */
	/*	Widgets
    /* -------------------------------------------------- */

	ul.latest-entries li {
		width: 200px;
	}

	ul.latest-entries li:nth-child(2n) {margin-right: 0;}

	/* -------------------------------------------------- */
	/*	Pricing Table
    /* -------------------------------------------------- */

	.pricing-table .column:nth-child(3) ul {
		border-right-width: 1px;
		border-right-style: solid;
	}

	.light .pricing-table .column:nth-child(3) ul {border-color: #ccd3cd;}
	.dark .pricing-table .column:nth-child(3) ul {border-color: #333732;}

	.pricing-table.col2 .column,
	.pricing-table.col3 .column,
	.pricing-table.col4 .column {width: 210px;}

	/* -------------------------------------------------- */
	/*	Tabs
    /* -------------------------------------------------- */

	.content-tabs .entry-meta {text-align: center;}

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

	.image-title {
		padding: 0 20px 0 50px;
	}

	#portfolio-filter {float: none;}

	#portfolio-filter li:first-child {
		display: none !important;
	}

	#portfolio-filter a {
		display: block !important;
	}

	#portfolio-items.gl-col-3 article img {
		width: 420px;
	}

	#portfolio-items.gl-col-4 article.one-fourth {width: 200px;}


	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */

	.contacts-form input,
	.comments-form input {width: 400px;}

	.comments-form .textarea-block,
	.contacts-form .textarea-block {
		margin-top: 10px;
	}

	.contacts-form textarea,
	.comments-form textarea {width: 400px;}

	/* ---------------------------------------------------------------------- */
	/*	Sidebar
	/* ---------------------------------------------------------------------- */

	.aside-tabs .tabs-nav li.active:last-child a {
		border-right: 1px solid #ccd3cd;
	}

	/* -------------------------------------------------- */
	/*	Widgets
    /* -------------------------------------------------- */

	ul.latest {
		margin: 0 90px;
		text-align: center;
	}

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

	footer .social-links:before {display: none;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	/* -------------------------------------------------- */
	/*	 Header Top
	/* -------------------------------------------------- */

	#marker {display: none;}

	#logo div.slogan {padding-top: 1em;}

	#header-top {margin-top: -15px;}
	#header-top .container,
	#more {display: none;}

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

	#header {text-align: center;}

	#logo, #logo h1, #logo div.slogan {float: none;}

	header.page-header h1 {
		float: none;
		margin-bottom: .7em;
	}

	#portfolio-filter {float: none;}

	#portfolio-filter li:first-child {
		display: none !important;
	}

	#portfolio-filter a {

		display: block !important;
	}

	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

	.meta .one-sixth,
	.meta .five-sixth {
		margin-bottom: 25px;
		margin-right: 0;
		width: 300px;
	}

	.meta .meta-entry > a,
	.meta .meta-entry > span {float: left; margin-right: 15px;}

	.meta ul.social-links {float: left;}
	.meta ul.social-links:before {text-align: left;}
	.meta ul.social-links li {margin: 0 5px 0 0;}

	/* -------------------------------------------------- */
	/*	Pricing Table
    /* -------------------------------------------------- */

	.pricing-table .column {width: 300px !important;}

	.pricing-table .features {border-right: 1px solid #ccd3cd;}

	.pricing-table .column ul li:first-child {border-top: none;}

	.pricing-table .features li:nth-child(2n) {
		border-left-width: 1px;
		border-style: solid;
	}

	.light .pricing-table .features li:nth-child(2n) {border-color: #ccd3cd;}
	.dark .pricing-table .features li:nth-child(2n) {border-color: #333732;}

	.pricing-table .features li {
		float: left;
		width: 118px;
	}

	/* ---------------------------------------------------------------------- */
	/*	Sidebar
	/* ---------------------------------------------------------------------- */

	.aside-tabs .tabs-nav li.active:last-child a {
		border-right: 1px solid #ccd3cd;
	}

	/* -------------------------------------------------- */
	/*	Widgets
    /* -------------------------------------------------- */

	ul.latest {
		margin: 0 40px;
		text-align: center;
	}

	ul.latest-entries li {
		float: none;
		width: 300px;
		margin-right: 0;
	}

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

	ul.contact-info {display: none;}

	footer .social-links:before {display: none;}

	footer ul.social-links {
		float: left;
		margin: 1.5em 0;
	}

}

/* ---------------------------------------------------------------------- */
/*	Key Color
/* ---------------------------------------------------------------------- */

a:hover, a > *:hover,
ul.feature-menu li:hover > a,
ul.contact-info a:hover,
.navigation ul > li:hover > a,
.navigation ul > .current > a,
ul.projects-carousel li:hover .title,
ul.related li:hover .title,
#portfolio-items article:hover .title-item,
.tab-content .entry-meta .post-date span:hover,
.meta-entry a:hover span,
ul.widget-list li a:hover,
ul.recent-comments li a:hover,
.meta-entry span.category > a:hover,
.entry-title a:hover h2,
.image-title a:hover h2,
.tag-list li:hover > *,
.jcarousel-prev:hover,
.jcarousel-next:hover,
.quote-prev:hover,
.quote-next:hover,
.prev-project:hover,
.next-project:hover,
a.entry-title:hover > h2,
.comment .author a:hover,
#portfolio-filter a.active,
.contact-list li a:hover,
ul.tweet_list a:hover,
h1.slogan a,
.required
{
	color: #a6412b;
}

::-moz-selection {background-color: #a6412b;}
::selection {background-color: #a6412b;}

.pricing-table .column.featured .header-row h4,
.image-gallery-slider-nav a:hover,
.button-style-2:hover,
a:hover .post-type,
.acc-trigger.active a:after,
#signup #signup_submit:hover,
.latest-pager a.activeSlide,
.flex-control-nav li .flex-active,
.ei-slider-thumbs li.ei-slider-element,
.trigger.active:after,
#back-top:hover,
.dropcapspot,
#marker
{
	background-color: #a6412b;
}