/*----------------------------------------------------------------------------------------

	Theme Name: Epical
	Theme URI: http://www.themeworkers.com
	Description: A minimalistic and bold theme for your business or portfolio
	Author: ThemeWorkers
	Author URI: http://www.themeworkers.com
	Version: 1.3
	License: GNU General Public License - Version 3.0
	License URI: http://www.gnu.org/licenses/gpl.html
	
	Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

------------------------------------------------------------------------------------------

	Table of Contents:

	1	CSS Reset & Clearfix
	2	General Styles
	3	Navigation
	4	Header
	5	Main Content
	6	Post Content
	7	Comments
	8	Forms
	9	Widgets
	10	Footer
	11	Homepage Template
	12	Portfolio Template
	13	Contact Template
	14	Shortcodes
	15	FlexSlider
	16	Isotope
	17	Tipsy

----------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/* 	1	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/				*/
/*--------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; }

.clearfix:after { content:"."; display:block; height:0;	clear:both;	visibility:hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* End hide from IE-mac */ *:first-child+html .clearfix { zoom:1; /* IE7 */ }


/*--------------------------------------------------------------------------------------*/
/* 	2	General Styles																	*/
/*--------------------------------------------------------------------------------------*/

body {
	background:#fff;
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#7a7a7a;
}

p,
ul,
ol,
pre,
table,
address,
.single-post .entry-content,
.comment-meta .comment-date,
#commentform .comment-field,
.contact-title { margin-bottom:20px; }

.player-container,
.blog .entry-right .post-thumb,
.single-post .entry-right .post-thumb,
.archive .entry-right .post-thumb,
.blog .gallery-slider,
.single-post .gallery-slider,
.archive .gallery-slider,
.blog .entry-quote,
.single-post .entry-quote,
.archive .entry-quote,
.blog .entry-right .entry-status,
.single-post .entry-right .entry-status,
.archive .entry-right .entry-status,
.accordion-container,
.callout-box,
.maps-shortcode,
.message-box,
.skillgroup,
.shortcode-slider,
.tabgroup,
.results-list ol li,
.commentlist .comment-container { margin-bottom:30px; }

address,
cite,
dfn,
em,
var,
.wp-caption-text { font-style:italic; }

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

code,
kbd,
pre,
samp,
var {
	background:#f4f4f4;
	font:14px/20px Consolas, Monaco, "Andale Mono", Courier, "Courier New", monospace;
	color:#9d9d9d;
	display:block;
	margin:0 0 28px 0;
	padding:20px 30px;
}

del { text-decoration:line-through; }

hr {
	height:1px;
	margin:40px 0;
    border:0;
    border-bottom:1px solid #e7e7e7;
}

ins { text-decoration:underline; }

pre { margin:28px 0; clear:both; white-space:pre; }

small {	font-size:13px; }

strong,
b,
#hidden-area .inner a { font-weight:bold; }

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

table {
	width:100%;
	text-align:left;
	line-height:20px;
	padding:0 5px;
	border:1px solid #e7e7e7;
}

th,
td {
	text-align:center;
	padding:5px;
	border:1px solid #e7e7e7;
	vertical-align:middle;
}

th { background:#f4f4f4; }

#footer table, #footer th, #footer td { border:1px solid #434343; }
#footer th { background:#222; color:#fff; }

.no-margin, .last { margin-right:0 !important; }

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

dl dt, .gallery-caption, .left { float:left; }
.right { float:right; }

.alignleft { float:left; margin:20px 20px 20px 0; }
.alignright { float:right; margin:20px 0 20px 20px; }
.aligncenter { display:block; margin:20px auto; clear:both; }
.alignnone { display:block; margin:20px 0; }

.gallery img { border:5px solid #f4f4f4 !important; }

.wp-caption { background:#f4f4f4; text-align:center; padding:5px 0; }
.wp-caption-text { font-size:13px; line-height:20px; margin:9px 0 4px 0; }

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

a img,
.post-thumb img,
.image-container img,
.staff-member .staff-photo img { vertical-align:bottom; }

.sticky {}

blockquote {
	background:#f4f4f4;
	font:300 18px/30px 'Roboto';
	color:#9d9d9d;
	text-align:right;
	margin:0 0 28px 0;
	padding:35px 30px 17px 30px;
}

.entry-content blockquote { margin:28px 0; }

a {
	color:#30a4e7;
	text-decoration:none;
	transition:color .2s linear, background-color .1s linear;
	-moz-transition:color .2s linear, background-color .1s linear;
	-webkit-transition:color .2s linear, background-color .1s linear;
    -ms-transition:color .2s linear, background-color .1s linear;
    -o-transition:color .2s linear, background-color .1s linear;
}

a:hover,
.entry-comments a:hover,
.entry-meta a:hover {
	color:#3b3c41;
	text-decoration:none;
}

#hidden-area .inner a:hover,
.entry-title a:hover,
.entry-status .entry-title a:hover,
#entry-share .share-text:hover,
.comment-meta .comment-date a:hover,
.commentlist .bypostauthor > div > .comment-content .comment-date a:hover,
.comment .comment-meta .fn a:hover,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn a:hover,
.comment .comment-body .reply-to:hover,
.commentlist .bypostauthor > div > .comment-content .comment-body a:hover,
#blog-navigation a:hover,
.accordion-title:hover h5,
.toggle-title:hover h5,
#footer a:hover { color:#30a4e7; text-decoration:none; }

h1, h2, h3, h4, h5, h6 {
	font-family:'Roboto';
	font-weight:700;
	color:#3b3c41;
}

h1 {
	font-size:30px;
	line-height:38px;
	letter-spacing:-2px;
	margin:0 0 20px 0;
}

h2 {
	font-size:26px;
	line-height:34px;
	letter-spacing:-1px;
	margin:0 0 16px 0;
}

h3 {
	font-size:24px;
	line-height:32px;
	letter-spacing:-1px;
	margin:0 0 12px 0;
}

h4 {
	font-size:18px;
	line-height:26px;
	margin:0 0 10px 0;
}

h5 {
	font-size:15px;
	line-height:26px;
	margin:0 0 8px 0;
}

h6 {
	font-size:14px;
	line-height:24px;
	margin:0 0 8px 0;
}


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

#menu-container { float:right; position:relative; }

.select-menu, .mobile-select { display:none; /* Hide responsive menu by default */ }

#primary-nav ul {
	list-style:none;
	position:relative;
	margin:-7px 0 0 0; /* Border-top 7px */
	padding:0;
	z-index:999;
}

#primary-nav ul li {
	text-align:center;
	float:left;
	position:relative;
}

#primary-nav ul li a {
	font-family:'Roboto';
	font-weight:700;
	font-size:16px;
	color:#3b3c41;
	display:block;
	padding:33px 16px;
	border-top:7px solid #3b3c41;
}

#primary-nav ul li a:hover,
#primary-nav ul li.sfHover > a,
#primary-nav ul li.current-cat > a,
#primary-nav ul li.current_page_item > a,
#primary-nav ul li.current-menu-item > a,
#primary-nav ul li.current-menu-parent > a,
#primary-nav ul li.current-menu-ancestor > a {
	color:#30a4e7;
	border-top:7px solid #30a4e7;
}

#primary-nav ul li:hover { visibility:inherit; /* Fix IE7 sticky bug */ }

/*  Dropdown Menu ---------------------------------------------*/
#primary-nav ul ul {
	background:#333;
	width:200px;
	position:absolute;
	top:-9999em;
	margin:0;
	z-index:999;
	border-top:2px solid #30a4e7;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
}

#primary-nav ul ul ul {
	background:#333;
	padding-top:0;
}

#primary-nav ul ul li {
	width:100%;
	text-align:left;
	float:none;
	border-top:1px solid #454545;
	border-bottom:1px solid #232323;
}

#primary-nav ul ul li:first-child { border-top:none; }
#primary-nav ul ul li:last-child { border-bottom:none; }

#primary-nav ul ul li a,
#primary-nav ul ul li.current-cat > a,
#primary-nav ul ul li.current_page_item > a,
#primary-nav ul ul li.current-menu-item > a,
#primary-nav ul ul li.current-menu-parent > a,
#primary-nav ul ul li.current-menu-ancestor > a  {
	font-family:'Roboto';
	font-weight:300;
	font-size:13px;
	color:#ddd;
	padding:4px 22px 5px 15px;
	border:none;
}

#primary-nav ul ul li a:hover, #primary-nav ul ul li.sfHover > a { color:#fff; border:none; }

#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul { top:97px; }

/*  Hide dropdown menus (4 levels) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top:-9999em; }

/*  Display dropdown menus (4 levels) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul { top:-2px; left:201px; }


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

#top {
	width:940px;
	height:90px;
	margin:0 auto 38px auto;
	border-bottom:1px solid #e7e7e7;
}

#logo { margin-top:30px; }

#logo a {
	font-family:'Roboto';
	font-weight:900;
	font-size:36px;
	color:#3b3c41;
}

#header {
	background:url(images/bg-divider.png) 0 bottom repeat-x;
	width:940px;
	margin:0 auto 40px auto;
	padding-bottom:57px;
}

#header .page-title {
	font:900 65px/70px 'Roboto';
	letter-spacing:-3px;
	text-transform:uppercase;
	margin-bottom:0;
}

#header .page-tagline,
#home-intro .home-tagline {
	font:300 26px/36px 'Roboto';
	letter-spacing:-1px;
}

/*  Hidden Area -----------------------------------------------*/
#hidden-area {
	background:#3b3c41;
	color:#fff;
	position:relative; /* Absolute positioning of the open/close button */
}

#hidden-area .inner {
	display:none; /* Hide the content by default */
	padding:10px 0 24px 0;
}

#hidden-area .hidden-button {
	background:url(images/btn-hidden-show.png) no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	right:0;
	bottom:-45px;
}

#hidden-area.open .hidden-button { background:url(images/btn-hidden-close.png) no-repeat; }


/*--------------------------------------------------------------------------------------*/
/* 	5	Main Content																	*/
/*--------------------------------------------------------------------------------------*/

#container { border-top:7px solid #3b3c41; }

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

#content { margin-bottom:90px; }
.page-template-template-sitemap-php #content { margin-bottom:62px; }

#main {	width:680px; }
#sidebar { width:220px; }

.entry-content ul, .comment-body ul { list-style-type:disc; padding-left:54px; }
.entry-content ul ul, .comment-body ul ul { list-style-type:circle; }

.entry-content ol,
.comment-body ol,
#pinglist ol,
.widget ol { list-style-type:decimal; padding-left:54px; }

.widget ol { padding-left:25px; }

.entry-content ul ul,
.comment-body ul ul,
.entry-content ol ol,
.comment-body ol ol,
.widget ol ol { margin:0; padding-left:25px; }

.tw-widget-twitter ul,
.pricing-column .pricing-features ul,
.list-check ul {
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

#hidden-area .hidden-button,
#to-top:hover,
.share-container,
#commentform .form-label label,
#commentform .form-submit #submit,
.accordion-title,
.toggle-title,
.button,
.message-box .close { cursor:pointer; }

.player-container {
	background:url(images/loading.gif) center center no-repeat; /* Loading image */
	position:relative;
	z-index:0 !important;
}

.player-container iframe {
	background:url(images/loading.gif) center center no-repeat; /* Loading image */
	float:left;
	z-index:0 !important;
}

/*  Search Results --------------------------------------------*/
.results-list h3 {
	font-size:20px;
	line-height:26px;
	letter-spacing:0;
}

.results-list ol li { border-bottom:1px solid #e7e7e7; padding-bottom:21px; }
.results-list ol li:last-child { margin:0; padding:0; border-bottom:none; }

.search-result { margin-left:80px; }

.search-highlight {	background:#fae531; /* Highlight search keywords */ }

.search-icon { width:60px; height:60px; }
.search-icon.page { background:url(images/icon-search-page.png) no-repeat; }
.search-icon.post { background:url(images/icon-search-post.png) no-repeat; }
.search-icon.portfolio { background:url(images/icon-search-portfolio.png) no-repeat; }

.search-results .search-form #search-field,
.search-no-results .search-form #search-field { width:884px; margin-bottom:40px; }

/*  404 -------------------------------------------------------*/
.error404 #content { text-align:center; }
.error-page-title {	font:900 200px/280px 'Roboto'; }
.error-page-subtitle { font:900 24px/32px 'Roboto'; }
.error-page-text { font-size:16px; }

/*  Main Elements ---------------------------------------------*/
.flex-control-paging li a,
.entry-author .avatar,
.comment .avatar,
.dropcap.color,
.random-fact .icons-container,
.service-container.small .icons-container,
.service-container.normal .icons-container,
.portfolio-container.circle .portfolio-project .project-background,
.portfolio-container.circle .portfolio-project img,
.list-check ul li:before {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}

.entry-tags a,
.tagcloud a,
input[type="text"],
input[type="password"],
textarea,
select,
.button,
#commentform .form-submit #submit,
.portfolio-container.rectangle .portfolio-project .project-background,
.portfolio-container.rectangle .portfolio-project img,
.filter-portfolio .filter-span,
.dribbble-list li .post-thumb,
.dribbble-list li img,
.flickr-list li .post-thumb,
.flickr-list li img,
.tw_widget_recent_work ul li .post-thumb,
.tw_widget_recent_work ul li img,
.callout-box,
.message-box,
.tipsy-inner { 
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.blog #main .hentry.last,
.archive #main .hentry.last,
#related-posts ul,
.single-post #content,
.single-portfolio #content,
.entry-status .status-content p,
.service-container p,
.results-list ol,
.results-list ol li p,
#sitemap-container ul.children,
#sitemap-container .one-third,
.widget ul.children,
.widget ul.sub-menu,
.widget ul ul,
.tw-widget-twitter ul li:last-child,
.tw_widget_recent_posts ul,
.tw_widget_recent_posts ul li:last-child,
.tw_widget_recent_posts .entry-date { margin-bottom:0 !important; }

.blog #main .post-thumb,
.archive #main .post-thumb,
#related-posts ul li .post-thumb,
.recent-posts .blog-item .post-thumb,
.staff-member .staff-photo,
.dribbble-list li .post-thumb,
.flickr-list li .post-thumb,
.tw_widget_recent_posts ul li .post-thumb,
.tw_widget_recent_work ul li .post-thumb,
.comment,
.commentlist #respond { position:relative; }

/*  Fonts -----------------------------------------------------*/
.button,
.skill-name span,
.entry-tags a,
.tagcloud a,
.entry-quote .quote-author,
#blog-navigation a,
#comments .comment-title sup,
#commentform .form-submit #submit,
.staff-member .staff-info .staff-position { font-family:'Roboto'; font-weight:300; }

.more-link,
.love-it-wrapper .love-count,
.share-container .share-text,
#related-projects h3,
#commentform .form-label.required label,
.widget-title,
#project-meta ul li span,
.callout-box h4,
.message-box span,
.random-fact .number,
.skill-perc,
.staff-member .staff-info h3 strong,
.ui-tabs .ui-tabs-nav li a,
.comment .comment-meta .fn,
.comment .comment-meta .fn a,
.filter-portfolio .filter-span { font-family:'Roboto'; font-weight:700; }

.dropcap, .post-thumb .overlay-view span { font-family:'Roboto'; font-weight:900; }

/*  Primary Colors --------------------------------------------*/
.blog #main .post-thumb,
.archive #main .post-thumb,
#related-posts ul li .post-thumb,
.recent-posts .blog-item .post-thumb,
.staff-member .staff-photo,
.gallery-slider .flex-direction-nav a:hover,
#commentform .form-submit #submit,
#contact-form #submit,
.filter-portfolio ul li a:hover,
.filter-portfolio ul li a.current,
.filter-portfolio ul li a.refresh.current:hover,
.portfolio-pagination .current,
.accordion-title:hover .plus,
.accordion-title.ui-state-active .plus,
.toggle-title:hover .plus,
.toggle-title.active .plus,
.dropcap.color,
.lightbox-container,
.service-container.small .icons-container,
.skill-perc,
.button.standard,
.button.black:hover,
.service-container .button,
.tw_widget_twitter .button,
.dribbble-list li .post-thumb,
.flickr-list li .post-thumb,
.tw_widget_recent_posts ul li .post-thumb,
.tw_widget_recent_work ul li .post-thumb,
#footer .tw-widget-twitter .button:hover,
.list-check ul li:before { background-color:#30a4e7; }

#header .page-tagline,
#home-intro .home-tagline,
.entry-meta,
.entry-meta a,
.intro,
#related-posts ul li .entry-date,
.recent-posts .entry-date,
.comment .comment-body .reply-to,
.comment-meta .comment-date a,
.testimonial-normal .testimonial-content p,
.testimonial-normal .testimonial-info span,
.testimonial-large .testimonial-content,
#project-heading .entry-tagline,
.staff-member .staff-info .staff-position,
.results-list em,
#sidebar .tw_widget_recent_posts .entry-date,
.tw-widget-twitter ul li .timestamp a,
.latest-tweet .timestamp a,
#sidebar .widget_archive,
#contact-widgets .widget_archive,
#sidebar .widget_categories,
#contact-widgets .widget_categories,
#sidebar .widget_recent_entries ul li .post-date,
#contact-widgets .widget_recent_entries ul li .post-date,
#sidebar .widget_rss ul li .rss-date,
#contact-widgets .widget_rss ul li .rss-date { color:#a5a9aa; }

/*  IE8 Responsive Fix ----------------------------------------*/
.portfolio-project img, #related-posts ul li img { width:100%\0/; } /* Make the images responsive in IE8 */


/*--------------------------------------------------------------------------------------*/
/* 	6	Post Content																	*/
/*--------------------------------------------------------------------------------------*/

#main.blog-full { width:100%; /* Full width blog */ }

.blog #main .hentry,
.archive #main .hentry {
	background:url(images/bg-border.png) 0 bottom repeat-x;
	margin-bottom:50px;
	padding:0 0 30px 0;
}

.blog #main .hentry.last, .archive #main .hentry.last { background:none; padding:0; }

.more-link { font-size:16px; }

/*  Entry Meta ------------------------------------------------*/
.entry-left {
	width:140px;
	font-family:'Roboto';
	text-align:right;
	padding-bottom:27px;
}

.entry-left .entry-date .day {
	font-weight:700;
	font-size:72px;
	letter-spacing:-2px;
	display:block;
	margin-bottom:20px;
	padding-top:20px;
}

.entry-left .entry-date .day, .entry-left .entry-date .month-year { color:#3b3c41; }

.entry-tags a,
.tagcloud a {
	background-color:#d8d8d8;
	font-size:13px !important;
	color:#fff;
	display:inline-block;
	margin:0 0 4px 4px;
	padding:0 8px;
}

#footer .tagcloud a { background-color:#171717; color:#6a6a6a; }

.entry-tags a:hover, .tagcloud a:hover { background-color:#30a4e7 !important; color:#fff !important; }

.entry-comments a,
.entry-comments span {
	background:url(images/bg-comments.png) no-repeat;
	width:46px;
	height:49px;
	font-size:23px;
	font-weight:700;
	color:#fff;
	text-align:center;
	display:block;
	padding-top:10px;
}

.entry-tags, .entry-comments { margin-top:16px; }

.entry-meta { font-weight:bold; margin-bottom:25px; display:none; /* Hide entry meta by default */ }

.entry-right { width:760px; /* Full width blog */ }
.blog-sidebar .entry-right { width:500px; /* Blog with sidebar */ }

/*  Entry Content ---------------------------------------------*/
.entry-title,
.entry-title a {
	font:700 34px/42px 'Roboto';
	color:#3b3c41;
	letter-spacing:-1px;
	margin:0 0 17px 0;
}

.intro { font:300 17px/30px 'Roboto'; margin-bottom:23px; }

.entry-bottom, .service-container.small .heading { margin-bottom:8px; }

/*  Post Format Quote -----------------------------------------*/
.entry-quote blockquote {
	background:#3b3c41;
	margin:0;
	padding:41px 50px;
}

.entry-quote a, .entry-quote .quote-content { font:300 24px/36px 'Roboto'; color:#f2f2f2; }
.entry-quote a:hover { color:#c3c3c3; }

.entry-quote .quote-author { color:#989898; }

/*  Post Format Status ----------------------------------------*/
.entry-status { background:#fff; border:1px solid #e7e7e7; }

.entry-status .status-wrap { background:url(images/pink-line.png) 42px 0 repeat-y; padding:43px 0 42px 0; }
.entry-status .status-content { background:url(images/blue-line.png) repeat; }
.entry-status .status-box {	padding:3px 50px 0 80px; }

.entry-status .entry-title,
.entry-status .entry-title a {
	font:300 28px/28px 'Roboto';
	color:#7a7a7a;
	margin:0 0 33px 0;
}

.entry-status .status-content p { line-height:28px; }

/*  Like It ---------------------------------------------------*/
#entry-like { margin-top:9px; }

.love-it-wrapper .love-it { background:url(images/heart.png) 0 0 no-repeat; padding-left:22px; }
.love-it-wrapper .love-it:hover,
.love-it-wrapper .love-it.loved,
.love-it-wrapper .loved { background:url(images/heart.png) 0 -20px no-repeat; padding-left:22px; }

.love-it-wrapper .love-count { color:#3b3c41; }

/*  Share Post ------------------------------------------------*/
.share-container .share-text {
	background:url(images/icon-share.png) 0 0 no-repeat;
	font-size:16px;
	color:#3b3c41;
	padding:8px 0 8px 5px;
	transition:color .2s linear;
	-moz-transition:color .2s linear;
	-webkit-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
}

.share-container .share-text.selected { background-position:0 -40px; margin-right:10px; }
.share-container .share-text span { margin-left:15px; }

/*  Entry Author ----------------------------------------------*/
.entry-author {
	margin-bottom:18px;
	padding-top:42px;
	border-top:6px solid #e7e7e7;
}

.entry-author .avatar {
	float:left;
	border:3px solid #fff;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
}

.entry-author .author-info { margin-left:90px; }
.entry-author .author-title { font-size:16px; font-weight:normal; }

/*  Related Posts ---------------------------------------------*/
#related-posts {
	margin:0 0 30px 180px;
	padding-top:25px;
	border-top:6px solid #e7e7e7;
	overflow:hidden;
}

#related-posts ul { margin-left:-20px; /* Full width blog */ }
.blog-sidebar #related-posts ul { margin-left:-40px; /* Blog with sidebar */ }

#related-posts ul li { width:175px;	margin:20px 0 0 20px; /* Full width blog */ }
.blog-sidebar #related-posts ul li { width:230px; margin:20px 0 0 40px; /* Blog with sidebar */ }

#related-posts ul li .post-thumb,
.recent-posts .post-thumb,
.tw_widget_recent_posts ul li { margin:0 0 12px 0; }

#related-posts .no-image { width:100%; height:130px; /* Full width blog */ }
.blog-sidebar #related-posts .no-image { width:100%; height:170px; /* Blog with sidebar */ }

.no-image.gallery { background:#f4f4f4 url(images/icon-gallery.png) 50% 50% no-repeat; }
.no-image.quote { background:#f4f4f4 url(images/icon-quote.png) 50% 50% no-repeat; }
.no-image.standard { background:#f4f4f4 url(images/icon-standard.png) 50% 50% no-repeat; }
.no-image.status { background:#f4f4f4 url(images/icon-status.png) 50% 50% no-repeat; }
.no-image.video { background:#f4f4f4 url(images/icon-video.png) 50% 50% no-repeat; }

#footer .no-image.gallery { background:#171717 url(images/icon-gallery.png) 50% 50% no-repeat; }
#footer .no-image.quote { background:#171717 url(images/icon-quote.png) 50% 50% no-repeat; }
#footer .no-image.standard { background:#171717 url(images/icon-standard.png) 50% 50% no-repeat; }
#footer .no-image.status { background:#171717 url(images/icon-status.png) 50% 50% no-repeat; }
#footer .no-image.video { background:#171717 url(images/icon-video.png) 50% 50% no-repeat; }

#related-posts ul li .post-thumb .overlay-view span,
.recent-posts .blog-item .post-thumb .overlay-view span {
	font-size:18px;
	letter-spacing:0;
}

#related-posts ul li .entry-title,
#related-posts ul li .entry-title a,
.recent-posts .entry-title,
.recent-posts .entry-title a,
.tw_widget_recent_posts .entry-title,
.tw_widget_recent_posts .entry-title a {
	font-size:15px;
	line-height:22px;
	letter-spacing:0;
	margin:0;
}

#related-posts ul li .entry-date,
.recent-posts .entry-date,
.tw_widget_recent_posts .entry-date {
	display:block;
	margin-bottom:6px;
}

.blog-sidebar #related-posts .clear-row { clear:both; }

/*  Blog Navigation -------------------------------------------*/
#blog-navigation {
	background:url(images/bg-border.png) 0 top repeat-x;
	margin:22px 0 0 0;
	padding:52px 0 0 180px;
}

#blog-navigation a { color:#3b3c41; }

/*  Post Navigation -------------------------------------------*/
#post-navigation.blog { margin:-41px 0 0 0; }

#post-navigation a {
	background:url(images/sprite.png) 0 0 no-repeat;
	background-color:#fff;
	width:48px;
	height:48px;
	display:inline-block;
	float:left;
	border:1px solid #e7e7e7;
	text-indent:-9999px;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
	-ms-transition:background-color .1s linear;
	-o-transition:background-color .1s linear;
}

#post-navigation a[rel="prev"] { background-position:0 0; }
#post-navigation a[rel="next"] { background-position:-48px 0; margin-left:1px; }

#post-navigation a[rel="prev"]:hover, #post-navigation a[rel="next"]:hover { background-color:#f8f8f8; }

/*  Overlay ---------------------------------------------------*/
.overlay-view {
	position:absolute;
	top:40%;
	z-index:100;
	opacity:0;
	filter:alpha(opacity=0); /* IE8 */
}

.post-thumb .overlay-view, .staff-photo .overlay-view { width:100%; text-align:center; }

.post-thumb .overlay-view span {
	font-size:40px;
	color:#fff;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding-top:5px;
	border-top:4px solid #fff;
}


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

#comments-container { margin:25px 0 0 0; }

#comments {
	background:#f4f4f4;
	padding:0 0 30px 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}

#comments .comment-title {
	font-family:'Roboto';
	font-size:46px;
	font-weight:700;
	line-height:26px;
	letter-spacing:0;
	margin:65px 0 45px 180px;
}

#comments .comment-title sup {
	font-size:26px;
	color:#7f8283;
	position:relative;
	top:-15px;
}

.commentlist .children li { margin:0 0 0 70px; }

.comment .avatar {
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:74px;
	border:3px solid #fff;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
}

.comment .comment-content {
	background:#fff;
	position:relative;
	margin-left:180px;
	padding:24px 30px 12px 30px;
	border:1px solid #e8e8e8;
}

.comment .comment-content:after {
	background:url(images/bg-comment-bottom.png) no-repeat;
	width:30px;
	height:25px;
	position:absolute;
	top:-1px;
	left:-30px;
	content:"";
}

.comment .comment-meta .fn,
.comment .comment-meta .fn a {
	font-size:17px;
	font-style:normal;
	color:#3b3c41;
}

.comment .comment-reply-link {
	background:url(images/sprite.png) -114px -48px no-repeat;
	width:15px;
	height:12px;
	position:absolute;
	right:20px;
	bottom:20px;
	text-indent:-9999px;
}

.comment .comment-reply-link:hover { background-position:-114px -60px; }

/*  Author Styling --------------------------------------------*/
.commentlist .bypostauthor > div > .comment-content { background:#1f2022; border:none; }
.commentlist .bypostauthor > div > .comment-content:after { background:url(images/bg-comment-bottom-author.png) no-repeat; top:0; }

.commentlist .bypostauthor > div > .comment-content .comment-body { color:#bababa; }

.commentlist .bypostauthor > div > .comment-content .comment-body a,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn a { color:#fff; }

.commentlist .bypostauthor > div > .comment-content .comment-body code,
.commentlist .bypostauthor > div > .comment-content .comment-body blockquote,
#footer blockquote { background:#4d4e50; color:#bcbdbd; }

.commentlist .bypostauthor > div > .comment-content .comment-date a,
.commentlist .bypostauthor > div > .comment-content .comment-body .reply-to { color:#919191; }

.commentlist .bypostauthor > div > .comment-content .comment-reply-link { background:url(images/sprite.png) -129px -48px no-repeat; }
.commentlist .bypostauthor > div > .comment-content .comment-reply-link:hover { background-position:-129px -60px; }

/*  Respond Form ----------------------------------------------*/
#respond { margin:53px 0 90px 0; }
#respond.closed { margin:53px 0 80px 0; }

#respond #reply-title {
	font:700 36px/44px 'Roboto';
	letter-spacing:0;
	margin:0 0 31px 180px;
}

.commentlist #respond {	margin:45px 0 50px 0; }
.commentlist #respond .inner { width:auto; }

#cancel-comment-reply-link {
	background:#f4f4f4 url(images/sprite.png) -96px 0 no-repeat;
	width:48px;
	height:48px;
	display:block;
	position:absolute;
	top:-5px;
	right:0;
	border:1px solid #dcdcdc;
	text-indent:-9999px;
	transition:background .1s linear;
	-moz-transition:background .1s linear;
	-webkit-transition:background .1s linear;
	-ms-transition:background .1s linear;
	-o-transition:background .1s linear;
}

#cancel-comment-reply-link:hover { background-color:#efefef; }

/*  Pings -----------------------------------------------------*/
#pinglist { margin:60px 0 0 180px; }
#comments #pinglist .comment-title { font-size:36px; margin:0 0 23px 0; }


/*--------------------------------------------------------------------------------------*/
/* 	8	Forms																			*/
/*--------------------------------------------------------------------------------------*/

input[type="text"],
input[type="password"],
textarea,
select {
	background-color:#f0f0f0;
	font:14px/1em Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	margin:0;
	padding:16px 14px 15px 18px;
	border:1px solid #f0f0f0;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
    -ms-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
}

select { padding:15px 14px 14px 18px; }
textarea { line-height:22px; overflow:auto; resize:vertical; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	background-color:#fff !important;
	color:#3b3c41 !important;
	border:1px solid #dbdbdb !important;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
}

input.error[type="text"],
input.error[type="password"],
textarea.error {
	border:1px solid #fcb9ae !important;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
}

.error, .error-message { color:#de5959; /* For the non-Javascript users */ }

/*  Footer Styles ---------------------------------------------*/
#footer input[type="text"],
#footer input[type="password"],
#footer textarea,
#footer select { color:#585858; }

#footer input[type="text"],
#footer input[type="password"],
#footer textarea,
#footer select,
#footer input[type="text"]:focus,
#footer input[type="password"]:focus,
#footer textarea:focus,
#footer select:focus {
	background-color:#171717 !important;
	border:1px solid #171717 !important;
}

#footer input[type="text"]:focus,
#footer input[type="password"]:focus,
#footer textarea:focus,
#footer select:focus { color:#fff !important; }

/*  Comment Form ----------------------------------------------*/
.commentlist .depth-1 #commentform input[type="text"],
.commentlist .depth-1 #commentform textarea { background-color:#e6e6e6 !important; border:1px solid #e6e6e6 !important; }

.commentlist .depth-1 #commentform input[type="text"]:focus,
.commentlist .depth-1 #commentform textarea:focus { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

#commentform .form-label {
	width:140px;
	font-family:'Roboto';
	font-weight:300;
	text-align:right;
	margin:13px 40px 0 0;
}

.comment-navigation, #commentform .form-submit { margin-left:180px; }
.comment-navigation { margin-bottom:23px; }

#commentform .form-submit #submit {
	background-image:url(images/icon-comment-button.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	font-size:22px;
	font-weight:700;
	color:#fff;
	margin:10px 0 20px 0;
	display:block;
	text-indent:-9999px; /* Hide button text */
	padding:11px 30px 10px 30px;
	border:none;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
    -ms-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
}

#comments-container .inner hr {	margin:0; }

/*  Comment Form (5 levels) -----------------------------------*/
#commentform input[type="text"],
#commentform textarea,
.commentlist .depth-1 #commentform input[type="text"],
.commentlist .depth-1 #commentform textarea { width:726px; }

.commentlist .children .depth-2 #commentform input[type="text"],
.commentlist .children .depth-2 #commentform textarea { width:656px; }

.commentlist .children .depth-3 #commentform input[type="text"],
.commentlist .children .depth-3 #commentform textarea { width:586px; }

.commentlist .children .depth-4 #commentform input[type="text"],
.commentlist .children .depth-4 #commentform textarea { width:516px; }


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

.widget { margin:0 0 40px 0; }
#contact-widgets .widget { margin:40px 0 0 0; }

.widget-title {
	font-size:16px;
	letter-spacing:0;
	margin:0 0 10px 0;
}

/*  Default Widgets -------------------------------------------*/
.widget ul li,
#sitemap-container ul li {
	background:url(images/list-plus.png) 4px 7px no-repeat;
	padding:0 0 0 25px;
}

.tw_widget_dribbble .widget-title,
.tw_widget_flickr .widget-title,
.tw_widget_recent_posts .widget-title,
.tw_widget_recent_work .widget-title,
.tw_widget_social .widget-title,
.widget_search .widget-title,
.widget_tag_cloud .widget-title { margin:0 0 17px 0; }

.widget_recent_entries .widget-title, .widget_recent_comments .widget-title { margin:0 0 3px 0; }
.widget_recent_entries, .widget_recent_comments { margin:0 0 27px 0; }
.widget_recent_entries ul li, .widget_recent_comments ul li { padding:7px 0 7px 25px; border-bottom:1px solid #e7e7e7; }
.widget_recent_entries ul li { background:url(images/list-plus.png) 4px 14px no-repeat; }
.widget_recent_comments ul li { background:url(images/bg-comment-widget.png) 0 14px no-repeat; }
.widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { border-bottom:none !important; }
.widget_recent_entries ul li .post-date, .widget_rss ul li .rss-date { display:block; }

.widget_rss a img { vertical-align:middle; }

#sidebar .search-form #search-field { width:164px; }

/*  Footer */
#footer .widget ul li { background:url(images/list-plus-footer.png) 4px 7px no-repeat; }

#footer .widget_recent_entries ul li, #footer .widget_recent_comments ul li { border-bottom:1px solid #434343; }
#footer .widget_recent_entries ul li { background:url(images/list-plus-footer.png) 4px 14px no-repeat; }
#footer .widget_recent_comments ul li { background:url(images/bg-comment-widget-footer.png) 0 14px no-repeat; }

/*  Custom */
.tw_widget_dribbble ul li,
.tw_widget_flickr ul li,
.tw_widget_recent_posts ul li,
.tw_widget_recent_work ul li,
.tw_widget_twitter ul li,
#sidebar .gallery-slider ul li,
#footer .gallery-slider ul li { background:none !important; padding:0 !important; }

/*  Dribbble / Flickr / Recent Work ---------------------------*/
.dribbble-list, .flickr-list, .tw_widget_recent_work ul { margin:0 -4px -4px 0; }
.dribbble-list li, .flickr-list li, .tw_widget_recent_work ul li { margin:0 4px 4px 0; }

.dribbble-list li,
.dribbble-list li img,
.flickr-list li,
.flickr-list li img,
.tw_widget_recent_work ul li { width:68px; height:68px; }

.dribbble-list img,
.flickr-list img,
.tw_widget_recent_posts ul li img,
.tw_widget_recent_work ul li img {
	transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
	-ms-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
}

.overlay-icon {
	background:url(images/bg-plus.png) no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -5px;
	opacity:0;
	filter:alpha(opacity=0); /* IE8 */
	z-index:100;
}

.dribbble-list a:hover img,
.flickr-list a:hover img,
.tw_widget_recent_posts ul li a:hover img,
.tw_widget_recent_work ul li a:hover img {
	opacity:0;
	filter:alpha(opacity=0); /* IE8 */
}

.dribbble-list a:hover .overlay-icon,
.flickr-list a:hover .overlay-icon,
.tw_widget_recent_posts ul li a:hover .overlay-icon,
.tw_widget_recent_work ul li a:hover .overlay-icon {
	opacity:1;
	filter:alpha(opacity=100); /* IE8 */
}

/*  Recent Posts ----------------------------------------------*/
.tw_widget_recent_posts ul li .post-thumb, .tw_widget_recent_posts .no-image { width:60px; height:60px; }
.tw_widget_recent_posts .post-right { margin-left:70px; }

/*  Search ----------------------------------------------------*/
.search-form #search-field { 
	background-image:url(images/bg-search-widget.png);
	background-position:15px 50%;
	background-repeat:no-repeat;
	padding:16px 14px 15px 40px;
}

#footer .search-form #search-field { background-image:url(images/bg-search-widget-footer.png); }
#footer .one-third .search-form #search-field { width:239px; }
#footer .one-fourth .search-form #search-field { width:158px; }

/*  Twitter ---------------------------------------------------*/
.tw-widget-twitter ul li { margin-bottom:16px; }
.tw-widget-twitter ul li .timestamp { display:block; }
#footer .tw-widget-twitter .button { background-color:#171717 !important; color:#6a6a6a; }


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

#footer { background:#222; overflow:hidden; }

#footer,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 { color:#878787; }

#footer .one-third, #footer .one-fourth, #contact-widgets .one-half, #contact-widgets .one-third { margin:0 3% 0 0; }

#footer-widgets {
	width:940px;
	margin:0 auto;
	padding:52px 0 10px 0;
}

#footer-bottom {
	background:#121212;
	color:#8a8a8a;
	padding:25px 0;
}

#footer a,
#footer .widget-title,
#hidden-area .inner a { color:#fff; }

/*  To Top Button ---------------------------------------------*/
#to-top {
	background:#333 url(images/sprite.png) -64px -48px no-repeat;
	width:50px;
	height:40px;
	display:none;
	position:fixed; /* Stick the button to the bottom of the page */
	right:20px;
	bottom:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

#to-top:hover { background-color:#000; }

/*  Callout Box -----------------------------------------------*/
#callout-footer {
	background-color:#30a4e7;
	text-align:center;
	padding:54px 0 50px 0;
}

#callout-footer h2 {
	font:700 32px/40px 'Roboto';
	color:#fff;
	margin-bottom:9px;
}

#callout-footer p {
	font:300 16px/24px 'Roboto';
	color:#fff;
	opacity:0.8;
}

#callout-footer .button:hover {
	background-color:#fff !important;
	color:#3b3c41 !important;
}


/*--------------------------------------------------------------------------------------*/
/* 	11	Homepage Template																*/
/*--------------------------------------------------------------------------------------*/

.page-template-template-home-slider-php #content { margin-top:79px; }

#home-intro {
	text-align:center;
	margin-bottom:56px;
	padding-bottom:45px;
	border-bottom:1px solid #e7e7e7;
}

#home-intro .home-title {
	font:700 36px/44px 'Roboto';
	letter-spacing:-1px;
	margin-bottom:9px;
}


/*--------------------------------------------------------------------------------------*/
/* 	12	Portfolio Template																*/
/*--------------------------------------------------------------------------------------*/

.portfolio-container { overflow:hidden; }
.portfolio-container.col-third { margin:-29px -29px 0 0; }
.portfolio-container.col-fourth { margin:-28px -28px 0 0; }

.portfolio-project { float:left; position:relative; }
.portfolio-project, .portfolio-project a { display:block; }

.portfolio-project.col-third { width:294px; height:294px; margin:29px 29px 0 0; }
.portfolio-project.col-fourth { width:214px; height:214px; margin:28px 28px 0 0; }

/*  Project Overlay -------------------------------------------*/
.portfolio-project .project-background {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0); /* IE8 */
}

.portfolio-project .project-info {
	width:100%;
	text-align:center;
	position:absolute;
	top:40%;
	left:0;
	z-index:100;
	opacity:0;
	filter:alpha(opacity=0); /* IE8 */
}

.portfolio-project .project-info h2 {
	color:#fff;
	margin:0;
	padding:0 20px;
}

.portfolio-project .project-info span {
	color:#fff;
	opacity:0.65;
	padding:0 20px;
}

/*  3 Columns */
.portfolio-project.col-third .project-info h2 {	font:700 24px/32px 'Roboto'; }
.portfolio-project.col-third .project-info span { font:300 15px/24px 'Roboto'; }

/*  4 Columns */
.portfolio-project.col-fourth .project-info h2 { font:700 18px/26px 'Roboto'; letter-spacing:0; }
.portfolio-project.col-fourth .project-info span { font:300 15px/24px 'Roboto'; }

/*  Filter ----------------------------------------------------*/
.filter-portfolio { margin:0 0 22px 0; }

.filter-portfolio .filter-span {
    background:#3b3c41;
	font-size:17px;
	color:#fff;
	margin-right:-28px;
	padding:7px 45px 7px 17px;
}

.filter-portfolio ul li {
    float:left;
    margin:0 5px 8px 0;
	/* Skew */
	transform:skew(-20deg, 0deg);
	-moz-transform:skew(-20deg, 0deg);
	-webkit-transform:skew(-20deg, 0deg); 
	-ms-transform:skew(-20deg, 0deg);
	-o-transform:skew(-20deg, 0deg);
}

.filter-portfolio ul li a,
.filter-portfolio ul li a.refresh.current {
	background:#efefef !important;
	height:22px;
	font-family:'Roboto';
	font-weight:700;
	font-size:17px;
	color:#30a4e7;
	display:block;
	padding:7px 19px 9px 19px;
}

.filter-portfolio ul li a span {
	display:inline-block;
	/* Skew */
	transform:skew(20deg, 0deg);
	-moz-transform:skew(20deg, 0deg);
	-webkit-transform:skew(20deg, 0deg); 
	-ms-transform:skew(20deg, 0deg);
	-o-transform:skew(20deg, 0deg);
}

.filter-portfolio ul li a:hover,
.filter-portfolio ul li a.current,
.filter-portfolio ul li a.refresh.current:hover { color:#fff; }

/*  Single Portfolio ------------------------------------------*/
#project-heading {
	background:url(images/bg-divider.png) left bottom repeat-x;
	margin:30px 0 33px 0;
	padding-bottom:49px;
}

#project-heading h1 {
	font-size:46px;
	line-height:52px;
	margin-bottom:6px;
}

#project-heading .entry-tagline { font:300 22px/30px 'Roboto'; letter-spacing:-1px; }

#portfolio-left { width:590px; margin:0 50px 32px 0; }
#portfolio-right { width:300px; margin-bottom:60px; }

#project-meta ul { margin:-14px 0 0 0; }
#project-meta ul li { background:url(images/bg-dots.png) 0 bottom repeat-x;	padding:14px 0; }
#project-meta ul li:last-child { background:none; }

/*  Post Navigation -------------------------------------------*/
#post-navigation.portfolio {
	background:url(images/bg-dots.png) 0 top repeat-x;
	margin:0;
	padding-top:41px;
}

/*  Testimonial -----------------------------------------------*/
.testimonial-large, #related-projects, .random-fact, .latest-tweet { text-align:center; }

.testimonial-large .testimonial-content {
	background:url(images/bg-blockquote.png) 50% top no-repeat;
	font:300 20px/32px 'Roboto';
	padding-top:64px;
}

.testimonial-large .testimonial-info {
	font:700 18px/30px 'Roboto';
	margin:34px 0 0 0;
}

.single-portfolio .testimonial-large { background-color:#222; padding:60px 0 52px 0; }
.single-portfolio .testimonial-large .testimonial-content, .single-portfolio .testimonial-large .testimonial-info { color:#878787; }
.single-portfolio .testimonial-large .testimonial-content { background:url(images/bg-blockquote-portfolio.png) 50% top no-repeat; font:300 24px/36px 'Roboto'; }

/*  Related Projects ------------------------------------------*/
#related-projects {	margin:0 0 90px 0; }
#related-projects .inner { padding-top:53px; border-top:1px solid #e7e7e7; }
#related-projects h3 { margin-bottom:42px; }

/*  Pagination ------------------------------------------------*/
.portfolio-pagination {
	width:100%;
	text-align:center;
	margin:60px 0 0 0;
}

.portfolio-pagination a,
.portfolio-pagination .current {
	width:30px;
	height:30px;
	font:700 14px/32px 'Roboto';
	color:#3b3c41;
	display:inline-block;
	margin:0 1px;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
	-ms-transition:background-color .1s linear;
	-o-transition:background-color .1s linear;
}

.portfolio-pagination a:hover { background-color:#3b3c41; color:#fff; }
.portfolio-pagination .current { color:#fff; }


/*--------------------------------------------------------------------------------------*/
/* 	13	Contact Template																*/
/*--------------------------------------------------------------------------------------*/

.page-template-template-home-slider-php #top,
.page-template-template-contact-map-php #top { margin-bottom:0; border-bottom:none; }

#contact-widgets { margin-top:50px; border-top:1px solid #e7e7e7; }

/*  Google Maps -----------------------------------------------*/
#map-container {
	height:500px;
	position:relative;
	margin-bottom:54px;
}

#map-container .inner {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-470px;
}

#map_canvas { height:500px; }

#map-info {
	background:#fff;
	width:410px;
	font-size:16px;
	position:absolute;
	top:60px;
	left:0;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
}

#map-info .contact-container { padding:26px 35px 12px 35px; }

#map-info h1 {
	font:700 36px/44px 'Roboto';
	letter-spacing:-2px;
	margin-bottom:24px;
}

#map-info .contact-container .contact-address {
	font-size:20px;
	line-height:20px;
	color:#3b3c41;
	margin-right:17px;
}

#map-info .contact-container .contact-mail {
	font-size:14px;
	line-height:14px;
	color:#3b3c41;
	margin-right:14px;
}

#map-info .contact-container .contact-phone {
	font-size:18px;
	line-height:18px;
	color:#3b3c41;
	margin-right:14px;
}

#map-info .directions-container { padding:10px 35px; border-top:1px solid #e7e7e7; }	

#map_canvas img, .maps-shortcode img { max-width:none !important; }

/*  Contact Form ----------------------------------------------*/
.contact-title { font:700 46px/54px 'Roboto'; }

#contact-form .col-half { width:456px; margin-right:28px; }

#contact-form input[type="text"], #contact-form textarea { width:422px; }
#contact-form textarea { height:157px; }

#contact-form #submit {
	background-image:url(images/icon-contact-button.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	font-weight:700;
	margin:0;
	padding:11px 30px 10px 30px;
	text-indent:-9999px; /* Hide button text */
}

#contact-form #submit:hover,
#commentform .form-submit #submit:hover {
	background-image:none;
	text-indent:0; /* Display button text */
}


/*--------------------------------------------------------------------------------------*/
/* 	14	Shortcodes																		*/
/*--------------------------------------------------------------------------------------*/

.gap { width:100%; display:block; margin:0; }

/*  Accordion / Toggle ----------------------------------------*/
.accordion, .toggle { background-color:#f4f4f4; margin:0 0 1px 23px; }

.accordion-title, .toggle-title { position:relative; /* Absolute positioning of the plus and minus icon */ }

.accordion-title h5,
.toggle-title h5 {
	font:700 15px/26px 'Roboto';
	margin:0 !important;
	padding:6px 16px;
}

.accordion-title .plus,
.toggle-title .plus {
	background-color:#3b3c41;
	background-image:url(images/bg-plus.png);
	background-repeat:no-repeat;
	background-position:6px 14px;
	width:22px;
	height:38px;
	position:absolute;
	left:-23px;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
    -ms-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
}

.accordion-title.ui-state-active .plus,
.toggle-title.active .plus {
	background-image:url(images/bg-minus.png);
	background-repeat:no-repeat;
	background-position:6px 18px;
}

.inner-content { padding:10px 16px 18px 16px; }

/*  Buttons ---------------------------------------------------*/
.button {
	color:#fff;
	margin:10px 0;
	display:inline-block;
	border:none;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
    -ms-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
}

.button.rounded { border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; }

.button.small { font-size:13px; padding:5px 10px 6px 10px; }
.button.medium { font-size:15px; font-weight:700; padding:8px 24px 9px 24px; }
.button.large { font-size:22px; font-weight:700; padding:12px 30px; }

/*  Button Icons */
.button.small span[class*="icon-"] { margin-right:8px; }
.button.medium span[class*="icon-"] { margin-right:14px; }
.button.large span[class*="icon-"] { margin-right:18px; }

/*  Button Colors */
.button.black { background-color:#3b3c41; }
.button.light-blue { background-color:#30a4e7; }
.button.dark-blue { background-color:#00617d; }
.button.light-green { background-color:#7ad095; }
.button.dark-green { background-color:#259349; }
.button.grey { background-color:#b9b9b9; }
.button.orange { background-color:#feb040; }
.button.pink { background-color:#f896af; }
.button.light-purple { background-color:#d46f9e; }
.button.dark-purple { background-color:#886284; }
.button.red { background-color:#f46551; }
.button.yellow { background-color:#fcdd38; color:#666; }

/*  Button Hovers */
.button:hover,
.button.standard:hover,
#commentform .form-submit #submit:hover,
#contact-form #submit:hover,
.service-container .button:hover,
.tw_widget_twitter .button:hover { background-color:#3b3c41 !important; color:#fff !important; }

.service-container .button, .tw_widget_twitter .button { margin:22px 0 0 0; }

/*  Callout Box -----------------------------------------------*/
.callout-box {
	background:#f4f4f4;
	position:relative; /* Absolute positioning of the button */
	padding:24px 25px 23px 25px;
	border:1px solid #e1e1e1;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.callout-box h4 {
	font-size:22px;
	line-height:30px;
	color:#30a4e7;
	display:block;
	margin:0 0 5px 0;
}

.callout-box .detail { width:75%; }
.callout-box .right { width:25%; }

.callout-box .button {
	position:absolute;
	top:50%;
	right:25px;
	margin-top:-22px;
}

/*  Column ----------------------------------------------------*/
.one-half { width:48.5%; }
.one-third { width:31.33%; }
.two-third { width:65.66%; }
.one-fourth { width:22.75%; }
.three-fourth { width:74.25%; }
.one-fifth { width:17.6%; }
.two-fifth { width:38.2%; }
.three-fifth { width:58.8%; }
.four-fifth { width:79.4%; }
.one-sixth { width:14.16%; }
.five-sixth { width:82.83%; }

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth { margin:0 3% 30px 0; float:left; }

.column-last { margin:0 0 30px 0 !important; clear:right; }

/*  Divider ---------------------------------------------------*/
hr.dashed { border-bottom:1px dashed #e7e7e7; }
hr.dotted {	background:url(images/bg-border.png) repeat-x; height:7px; border:none; }
hr.single { border-bottom:1px solid #e7e7e7; }

/*  Dropcap ---------------------------------------------------*/
.dropcap, .maps-shortcode .gmap_marker strong { display:block; }

.dropcap.big { font-size:46px; margin:13px 10px 0 0; }

.dropcap.color {
    width:36px;
	height:36px;
	font-size:28px;
	line-height:36px;
	color:#fff;
    text-align:center;
    margin:7px 10px 0 0;
}

/*  Heading ---------------------------------------------------*/
.section-title {
	background:url(images/bg-section-title.png) 0 50% repeat-x;
	font:700 20px/26px 'Roboto';
	letter-spacing:0;
	margin:0 0 21px 0;
}

.section-title span { background:#fff; padding-right:20px; }

/*  Lightbox --------------------------------------------------*/
.lightbox-container { max-width:100%; position:relative; }

.lightbox-container .overlay-view {
	left:50%;
	margin:-14px 0 0 -17px;
	z-index:100;
}

.lightbox-container .overlay-view span {
	width:34px;
	height:34px;
	display:block;
}

.lightbox-container .overlay-view .image { background-image:url(images/lightbox-image.png); }
.lightbox-container .overlay-view .video { background-image:url(images/lightbox-video.png); }

/*  Message Box -----------------------------------------------*/
.message-box {
	position:relative; /* Absolute positioning of the close button */
	padding:18px 25px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.message-box span { display:block; margin-bottom:10px; }

.message-box.error {
	background:#fee2e1;
	color:#c22818;
	border:1px solid #f8c7c7;
}

.message-box.info {
	background:#daf1f9;
	color:#2f6578;
	border:1px solid #b4dff0;
}

.message-box.success {
	background:#eef9d6;
	color:#577a35;
	border:1px solid #c5e0a3;
}

.message-box.warning {
	background:#fdf7d9;
	color:#8c6618;
	border:1px solid #f1e09c;
}

.message-box .close {
	font-size:18px;
	position:absolute;
	top:17px;
	right:25px;
	opacity:0.4;
	filter:alpha(opacity=40); /* IE8 */
}

.message-box .close:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* IE8 */
}

/*  Pricing Table ---------------------------------------------*/
.entry-content .pricing-table {
	list-style:none;
	margin:10px 0 30px 0;
	padding:0;
}

.pricing-table .pricing-column { text-align:center; border-right:1px solid #fff; }
.pricing-table .pricing-column:last-child { border-right:none; }

.pricing-column .pricing-header { background-color:#787878; color:#fff; }

.pricing-column .pricing-header .title {
	background-color:rgba(0, 0, 0, 0.2);
	font-family:'Roboto';
	font-size:16px;
	font-weight:300;
	display:block;
	padding:7px 0 5px 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.4);
}

.pricing-column .pricing-header div { padding:36px 0 19px 0; }

.pricing-column .pricing-header .price {
	font-family:'Roboto';
	font-size:42px;
	font-weight:700;
	display:block;
	margin-bottom:10px;
}

.pricing-column .pricing-features ul li { color:#6d6d6d; padding:9px 10px 8px 10px; }
.pricing-column .pricing-features ul li, .pricing-column .pricing-button { background:#f7f7f7; }
.pricing-column .pricing-features ul li:nth-child(2n) { background:#f0f0f0; /* Select every second item */ }
.pricing-column .pricing-button { padding:26px 0; }

/*  Column Sizes */
.pricing-table .pricing-column.half { width:49.85%; }
.pricing-table .pricing-column.third { width:33.18%; }
.pricing-table .pricing-column.fourth {	width:24.85%; }
.pricing-table .pricing-column.fifth { width:19.85%; }

/*  Featured Table */
.pricing-column.featured { margin-top:-10px; }
.pricing-column.featured .pricing-header { background-color:#30a4e7; }
.pricing-column.featured .pricing-header .title { font-size:20px; padding:12px 0 10px 0; }
.pricing-column.featured .pricing-header div { padding:34px 0 19px 0; }
.pricing-column.featured .pricing-header .price { font-size:48px; margin-bottom:12px; }

/*  Random Facts ----------------------------------------------*/
.random-fact .icons-container {
	background:#d8d8d8;
	width:100px;
	height:100px;
	text-align:center;
	line-height:120px;
	margin:0 auto 20px auto;
}

.random-fact span[class*="icon-"] { font-size:42px; color:#fff; }

.random-fact .number {
	font-size:24px;
	display:block;
	margin-bottom:10px;
}

/*  Recent Posts ----------------------------------------------*/
.recent-posts-container { width:100%; }

.recent-posts-container ul {
	list-style:none !important;
	margin:0 0 0 -28px;
	padding:0 !important;
}

.recent-posts .blog-item { width:214px; margin:0 0 0 28px; }
.recent-posts .no-image { width:100%; height:159px; }

/*  Service ---------------------------------------------------*/
.service-container.small .icons-container, .service-container.normal .icons-container, .service-container.large { text-align:center; }

/*  Small Icons */
.service-container.small h2,
.service-container.normal h2 {
	font:700 15px/22px 'Roboto';
	letter-spacing:0;
	margin:0 0 12px 0 !important;
	padding-top:10px;
}

.service-container.small .icons-container {
	width:40px;
	height:40px;
	margin:0 10px 0 0;
}

.service-container.small .icons-container.upload { line-height:46px; }
.service-container.normal .icons-container.upload { line-height:96px; }

.service-container.small .icon {
	font-size:20px;
	color:#fff;
	line-height:40px;
}

/*  Normal Icons */
.service-container.normal .icons-container {
	width:75px;
	height:75px;
	border:1px solid #d2d2d2;
}

.service-container.normal .icon { font-size:34px; line-height:75px; }

.service-container.normal .service-content { margin-left:95px; }

.service-container.normal h2 { padding:0; }

/*  Large Icons */
.service-container.large h2 { font:700 22px/30px 'Roboto'; margin:0 0 20px 0 !important; }

.service-container.large .icons-container { margin:0 0 12px 0; }

.service-container.large .icon {
	font-size:56px;
	color:#30a4e7;
	line-height:60px;
}

.service-container.large img { margin:0 auto; /* Custom uploaded image */ }

.service-container .button { margin-top:20px !important; }

/*  Skill -----------------------------------------------------*/
.skill {
	background:#f4f4f4;
	height:45px;
	position:relative; /* Absolute positioning of the percentage */
	margin-bottom:1px;
	padding-left:51px; /* Display the percentage div */
}

.skill-perc {
	width:50px;
	height:34px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	padding-top:11px;
}

.skill-name {
	background:#444;
	height:34px;
	padding-top:11px;
}

.skill-perc, .skill-name span { color:#fff; }
.skill-name span { padding-left:10px; }

/*  Social Icons ----------------------------------------------*/
a.social,
.share-button a {
	background:url(images/social-sprite.png) 0 0 no-repeat;
	background-color:#f4f4f4;
	width:40px;
	height:40px;
	display:inline-block;
	margin:0 1px 1px 0;
	text-indent:-9999px;
	transition:background .2s linear;
	-moz-transition:background .2s linear;
	-webkit-transition:background .2s linear;
	-ms-transition:background .2s linear;
	-o-transition:background .2s linear;
}

.share-button a { margin:0 0 -8px 0; }

#footer .social { background-color:#171717; }
#sidebar .social, #footer .social { float:left; }

.social.behance { background-position:0 0; }
.social.behance:hover { background-position:0 -40px; background-color:#1f70ee !important; }

.social.blogger { background-position:-40px 0; }
.social.blogger:hover {	background-position:-40px -40px; background-color:#ff6a0d !important; }

.social.deviantart { background-position:-80px 0; }
.social.deviantart:hover { background-position:-80px -40px;	background-color:#cfdd20 !important; }

.social.dribbble { background-position:-120px 0; }
.social.dribbble:hover { background-position:-120px -40px; background-color:#ea4c89 !important; }

.social.evernote { background-position:-160px 0; }
.social.evernote:hover { background-position:-160px -40px; background-color:#6bb130 !important; }

.social.facebook, .share-button.facebook a { background-position:-200px 0; }
.social.facebook:hover, .share-button.facebook a:hover { background-position:-200px -40px; background-color:#6190ec !important; }

.social.flickr { background-position:-240px 0; }
.social.flickr:hover { background-position:-240px -40px; background-color:#ececec !important; }

.social.forrst { background-position:-280px 0; }
.social.forrst:hover { background-position:-280px -40px; background-color:#5b9a68 !important; }

.social.googleplus, .share-button.googleplus a { background-position:-320px 0; }
.social.googleplus:hover, .share-button.googleplus a:hover { background-position:-320px -40px; background-color:#cf3b28 !important; }

.social.grooveshark { background-position:-360px 0; }
.social.grooveshark:hover { background-position:-360px -40px; background-color:#f77f00 !important; }

.social.lastfm { background-position:-400px 0; }
.social.lastfm:hover { background-position:-400px -40px; background-color:#dc1303 !important; }

.social.linkedin { background-position:-440px 0; }
.social.linkedin:hover { background-position:-440px -40px; background-color:#24a9da !important; }

.social.myspace { background-position:-480px 0; }
.social.myspace:hover { background-position:-480px -40px; background-color:#111 !important; }

.social.paypal { background-position:-520px 0; }
.social.paypal:hover { background-position:-520px -40px; background-color:#4c94de !important; }

.social.pinterest, .share-button.pinterest a { background-position:-560px 0; }
.social.pinterest:hover, .share-button.pinterest a:hover { background-position:-560px -40px; background-color:#cb2027 !important; }

.social.skype { background-position:-600px 0; }
.social.skype:hover { background-position:-600px -40px;	background-color:#63d5ff !important; }

.social.tumblr { background-position:-640px 0; }
.social.tumblr:hover { background-position:-640px -40px; background-color:#5c88af !important; }

.social.twitter, .share-button.twitter a { background-position:-680px 0; }
.social.twitter:hover, .share-button.twitter a:hover { background-position:-680px -40px; background-color:#4fd7dc !important; }

.social.vimeo { background-position:-720px 0; }
.social.vimeo:hover { background-position:-720px -40px;	background-color:#1ab7ea !important; }

.social.youtube { background-position:-760px 0; }
.social.youtube:hover { background-position:-760px -40px; background-color:#cd2525 !important; }

/*  Staff Member ----------------------------------------------*/
.staff-member {	max-width:100%; /* Make the container responsive */ }

.staff-member .staff-photo { margin:0 0 20px 0; }

.staff-member .staff-photo .overlay-view span {
	background:url(images/icon-mail-staff.png) no-repeat;
	width:40px;
	height:27px;
	display:block;
	margin:-11px auto 0 auto;
	text-indent:-9999px;
}

.staff-member .staff-info h3 {
	font:300 18px/26px 'Roboto';
	letter-spacing:0;
	margin:0 0 3px 0;
}

.staff-member .staff-info .staff-position { font-size:15px; margin-bottom:17px; }

.staff-member hr { margin:0 0 18px 0; }

.staff-social { margin-top:17px; }

/*  Tabs ------------------------------------------------------*/
.ui-tabs {
	position:relative; /* Prevents IE scroll bug */
	padding:0 .2em;
}

.ui-tabs .ui-tabs-nav {
	margin:0;
	padding:0;
	border-bottom:1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-nav li {
	list-style:none;
	float:left;
	position:relative;
	top:1px;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	background:#f4f4f4;
	color:#999;
	float:left;
	padding:10px 19px 8px 20px;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-nav li:first-child a { border-left:1px solid #e7e7e7; }

.ui-tabs .ui-tabs-nav li.ui-state-active a {
	background:#fff;
	color:#3b3c41;
	padding:8px 19px 9px 20px;
	border-bottom:none;
	border-top:3px solid #30a4e7;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor:text; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor:pointer; }

.ui-tabs .ui-tabs-panel {
	display:block;
	padding:18px 20px;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-hide { display:none !important; }

/*  Testimonial -----------------------------------------------*/
.testimonial-normal .testimonial-content {
	font:300 15px/26px 'Roboto';
	position:relative;
	margin-bottom:34px;
	padding:24px;
	border:3px solid #e7e7e7;
}

.testimonial-normal .testimonial-content:after {
    background:url(images/bg-testimonial-bottom.png) no-repeat;
	width:27px;
	height:34px;
	position:absolute;
	bottom:-34px;
	left:-3px;
	content:"";
}

.testimonial-normal .testimonial-info {	font:700 15px/20px 'Roboto'; }
.testimonial-normal .testimonial-info span { font-weight:300; display:block; }

/*  Footer */
#footer .testimonial-normal .testimonial-content { border:3px solid #434343; }
#footer .testimonial-normal .testimonial-content:after { background:url(images/bg-testimonial-bottom-footer.png) no-repeat; }
#footer .testimonial-normal .testimonial-content p, #footer .testimonial-normal .testimonial-info span { color:#878787; }

/*  Twitter ---------------------------------------------------*/
.latest-tweet .icon-twitter { font-size:36px; color:#30a4e7; }

.latest-tweet .tweet {
	font:300 20px/32px 'Roboto';
	display:block;
	margin:20px 0 10px 0;
}

.latest-tweet .tweet a { font-weight:700; }

/*  Unordered List --------------------------------------------*/
.list-check ul li:before {
	background-image:url(images/list-check.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:18px;
	height:18px;
	display:inline-block;
	float:left;
	content:'';
	margin:3px 0 0 -25px;
}

.list-check ul li {
	margin:0 0 3px 0;
	padding:0 0 0 25px;
}


/*--------------------------------------------------------------------------------------*/
/* 	15	FlexSlider - http://www.woothemes.com/flexslider/								*/
/*--------------------------------------------------------------------------------------*/

#home-slider, .gallery-slider { position:relative; }

/*  Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline:none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	list-style:none;
	margin:0;
	padding:0;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	list-style:none !important;
	margin-bottom:0 !important;
	padding-left:0 !important;
} 

/*  FlexSlider Necessary Styles */ 
.flexslider { margin:0;	padding:0; }

/*  Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; } 

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

.flex-pauseplay span { text-transform:capitalize; }

/*  Clearfix for the .slides element */
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
} 

html[xmlns] .slides { display:block; } 

* html .slides { height:1%; }

/*  No JavaScript Fallback */
/*  If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display:block; }

/*  FlexSlider Default Theme */
.flexslider {
	position:relative;
	margin:0;
	zoom:1;
}

.flex-viewport {
	max-height:2000px;
	transition:all 1s ease;
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
}

.loading .flex-viewport { max-height:300px; }

.flexslider .slides { zoom:1; }

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

/*  Direction Navigation --------------------------------------*/
.flex-direction-nav { *height:0; }

.flex-direction-nav a {
	display:block;
	position:absolute;
	cursor:pointer;
	text-indent:-9999px;
}

/*  Control Navigation ----------------------------------------*/
.flex-control-nav li {
	display:inline-block;
	margin:0 3px;
}

.flex-control-paging li a {
	background:#fff;
	width:12px;
	height:12px;
	display:block;
	position:relative;
	z-index:100;
	border:2px solid #dfdfdf;
	cursor:pointer;
	text-indent:-9999px;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { border:2px solid #30a4e7; }

.flex-control-paging li a.flex-active {	cursor:default; }

.slider-loading { background:url(images/loading.gif) center center no-repeat; min-height:100px; /* Loading Image */ }

/*  Homepage Slider -------------------------------------------*/
#home-slider .flexslider .slides > li { position:relative; }

#home-slider .flex-direction-nav a {
	width:46px;
	height:54px;
	top:50%;
	margin-top:-27px;
	z-index:100;
}

#home-slider .flex-direction-nav .flex-prev {
	background:rgba(0, 0, 0, 0.3) url(images/slider-left.png) no-repeat;
	left:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

#home-slider .flex-direction-nav .flex-prev:hover {
	background:rgba(0, 0, 0, 0.3) url(images/slider-left.png) 16px 0 no-repeat;
	padding-left:16px;
	transition:.1s ease-in;
	-moz-transition:.1s ease-in;
	-webkit-transition:.1s ease-in;
	-ms-transition:.1s ease-in;
	-o-transition:.1s ease-in;
}

#home-slider .flex-direction-nav .flex-next {
	background:rgba(0, 0, 0, 0.3) url(images/slider-right.png) no-repeat;
	right:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

#home-slider .flex-direction-nav .flex-next:hover {
	padding-right:16px;
	transition:.1s ease-in;
	-moz-transition:.1s ease-in;
	-webkit-transition:.1s ease-in;
	-ms-transition:.1s ease-in;
	-o-transition:.1s ease-in;
}

#home-slider .flex-control-nav {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:-41px;
}

/*  Caption */
#home-slider .flex-inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	margin:0 auto;
}

#home-slider .flex-caption {
	width:100%;
	max-width:940px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:2000;
}

#home-slider .flex-caption .caption-inner {
	width:940px;
	position:absolute;
	left:0;
	bottom:80px;
}

#home-slider .caption-col { width:100%; }

#home-slider .flex-caption h1 {
	background-color:#3b3c41;
	font:700 50px/56px 'Roboto';
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	margin:0;
	padding:12px 24px 9px 22px;
	transition:background-color .1s linear;
	-moz-transition:background-color .1s linear;
	-webkit-transition:background-color .1s linear;
    -ms-transition:background-color .1s linear;
    -o-transition:background-color .1s linear;
}

#home-slider .flex-caption a:hover h1 { background-color:#30a4e7; }

#home-slider .flex-caption h2 {
	background-color:#30a4e7;
	font:300 30px/38px 'Roboto';
	color:#fff;
	display:inline-block;
	margin:0 0 1px 0;
	padding:8px 23px 6px 22px;
}

/*  Blog / Portfolio / Shortcode Slider -----------------------*/
.gallery-slider .flex-direction-nav {
	position:absolute;
	right:10px;
	bottom:42px;
	z-index:100;
}

.gallery-slider .flex-direction-nav a { width:32px; height:32px; }
.gallery-slider .flex-direction-nav .flex-prev { background:#1e2021 url(images/sprite.png) 0 -48px no-repeat; right:33px; }
.gallery-slider .flex-direction-nav .flex-next { background:#1e2021 url(images/sprite.png) -32px -48px no-repeat; right:0; }


/*--------------------------------------------------------------------------------------*/
/* 	16	Isotope	- http://isotope.metafizzy.co/											*/
/*--------------------------------------------------------------------------------------*/

/*  Isotope Filtering -----------------------------------------*/
.isotope-item {	z-index:2; }

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

/*  CSS3 Transitions ------------------------------------------*/
.isotope,
.isotope .isotope-item {
	transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-webkit-transition-duration:0.8s;
	-o-transition-duration:0.8s;
}

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

.isotope .isotope-item {
	transition-property:transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-webkit-transition-property:-webkit-transform, opacity;
	-o-transition-property:top, left, opacity;
}

/*  Disabling CSS3 Transitions --------------------------------*/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	transition-duration:0s;
	-moz-transition-duration:0s;
	-webkit-transition-duration:0s;
	-o-transition-duration:0s;
}


/*--------------------------------------------------------------------------------------*/
/* 	17	Tipsy - http://onehackoranother.com/projects/jquery/tipsy/						*/
/*--------------------------------------------------------------------------------------*/

.tipsy {
	font-size:12px;
	position:absolute;
	padding:5px;
	z-index:100000;
}

.tipsy-inner {
	background:#3b3c41;
	max-width:200px;
	color:#fff;
	text-align:center;
	padding:4px 15px 5px 15px;
	border:1px solid #3b3c41;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
}

.tipsy-arrow {
	width:0;
	height:0;
	line-height:0;
	position:absolute;
	border:5px dashed #3b3c41;
}

.tipsy-arrow-s { border-top-color:#3b3c41; }

.tipsy-s .tipsy-arrow {
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-top-style:solid;
	border-right-color:transparent;
	border-bottom:none;
	border-left-color:transparent;
}