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

	Theme Name: Terras Alpha 2
	Description: A minimalistic and bold theme for your business
	Author: terrasalpha
	Version: 2.0
	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 */
}
#logo img, #logo a img{
    max-width: 115px;
    height:auto; /* Responsive */
}

.recent-posts img{
	border-radius: 1em;
}
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;
}

.site-main{ margin:0 auto;}

#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:5px; }

#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:940px; }
#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 --------------------------------------------*/
.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; }

.not-bg{
	background-color: transparent!important;
	color: #888;
}

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

.box-classificados{
	max-width:308px; 	
	width:100%;
	display: inline-block;
	vertical-align: top;
	border: 2px solid; 
	border-color: #e8e8e8;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;	        
	padding: 20px;
	margin: 2px;
}
.box-classificados:hover{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
	border-color: #7DC242;
}
.box-img-classificados{
	max-width:300px; 	
	width:100%;
}
.box-img-classificados img{
	width: 100%;
}

.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;
	padding-bottom:45px;
}

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


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

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

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

.portfolio-project.col-third {  margin:29px 0px 29px 0; }
.portfolio-project.col-fourth { width: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 { max-width:213px; width: 100%; 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;
}

.sibrax-form-bottom{max-width: 491px; width: 100%; margin: 0 auto; }
.sibrax-form-bottom .col-half{ width: 100%}
.sibrax-form-bottom .col-half .button{margin: 0 1px!important;background-color: #5E5C5C!important; padding:12px 20px!important;}.sibrax-form-bottom .col-half .button:hover{color:#fff!important; }
.sibrax-form-bottom .col-half input[type=text], .sibrax-form-bottom .col-half input[type=password]{
	width: 49%;
}
.sibrax-form-bottom .col-half .button{ float: right;}
.ninja-forms-cont{
  width: 50%;
  float: left;
  vertical-align: top;
  margin-right: 50px;
}
@media only screen and (max-width: 479px){
	.sibrax-form-bottom .col-half input[type=text], .sibrax-form-bottom .col-half input[type=password], .sibrax-form-bottom .col-half .button{ width:300px; margin: 2px auto;}
	.ninja-forms-cont{width: 100%; } 
}
.recent-posts .post-thumb{ background-color: #fff!important; height: 200px;}
/*.menu-menu-da-area-do-cliente-container*/
/* Add a black background color to the top navigation */
.topnav ul{
	background-color: #f7f7f7;
	overflow: hidden;
	padding-left:0px; 
  }
  
  /* Style the links inside the navigation bar */
  .topnav li {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 14px;
	text-decoration: none;
	font-size: 16px;
  }
  
  /* Change the color of links on hover */
  .topnav li:hover {
	background-color: #c4c4c4;
	color: black;
  }
  .topnav li:hover a{
	color: #f2f2f2;
  }
  
  /* Add an active class to highlight the current page */
  .active {
	background-color: #4CAF50;
	color: rgb(68, 68, 68);
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
	display: none;
  }
  /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav li:not(:first-child) {display: none;}
	.topnav .icon {
	  float: right;
	  display: block!important;
	}
  }
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  @media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive  .icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	  padding: 14px 16px;
	  color: #434343;
	}
	.topnav.responsive li {
	  float: none;
	  display: block;
	  text-align: left;
	}
	.form_reserva {
    	float: left;
	    width: 100%;
	}
  }

.form_reserva {
    float: left;
    width: 50%;
}
.form_reserva .field-wrap input[type=button]{
	font-size: 15px;
    font-weight: 700;
    padding: 8px 24px 9px 24px;
	background: gray;
    color: white;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.form_reserva .field-wrap>div input{
	padding:10px;
}