/*
Theme Name: Scroller
Theme URI: http://www.theme-junkie.com/
Author: Theme Junkie
Author URI: http://www.theme-junkie.com/
Description: WordPress Business Theme
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, responsive-layout, translation-ready
Text Domain: junkie

*/
/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

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

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Containers & Columns
-2.2 Navigation Menu
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination
-3.4 Author Box
-3.5 Entry Bottom

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments

6. Page Templates
-6.1 Contact Form
-6.2 Archives & Sitemap

7. MISC
-7.1 Buttons
-7.2 Un-widgetized Advertisement
-7.3 CSS3 Effects

--------------------------------------------------------------------------------- */
/* =0. Reset
--------------------------------------------------------------------------------- */

/*
@font-face {
	font-family:ProximaNova;
	src:url(font/proximanova.eot);
	src:url(font/proximanova.eot?#iefix) format("embedded-opentype"),
	url(font/proximanova.woff) format("woff"),
	url(font/proximanova.ttf) format("truetype"),
	url(font/proximanova.svg#proxima_nova_rgregular) format("svg")
}

@font-face {
	font-family: ProximaNovaBold;
	src: url(font/proximanovabold.eot);
	src: url(font/proximanovabold.eot?#iefix) format("embedded-opentype"),
		url(font/proximanovabold.woff) format("woff"),
		url(font/proximanovabold.ttf) format("truetype"),
		url(font/proximanovabold.svg#proxima_nova_rgbold) format("svg")
}
*/
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
* html .clear {
	height: 1%;
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	display: block;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	clear: both;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* =1. Setup
--------------------------------------------------------------------------------- */
/* 1.1 Defaults */
html {
	background: #dddddd;
}
body {
	background: #ffffff;
	color: #555555;
	font: 14px/1.9em "ProximaNova", Helvetica, Arial, "Lucida Grande", sans-serif;
	width: 1060px;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.3em;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 13px;
}
h5,
h6 {
	font-size: 12px;
}
form {
	margin: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
	border: none;
	outline: none;
	margin: 0 0 10px 0;
	padding: 12px;
	background: #ffffff;
	color: #999;
	font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus, textarea:focus {
	background: #fff;
	color: #232527;
}
textarea {
	width: 100%;
}
label {
	color: #aaa;
	font-size: 12px;
}
/* 1.2 Hyperlinks */
a:focus,
a:hover,
a:active {
	outline: none;
}
a,
a:visited {
	color: #555555;
	text-decoration: none;
	-moz-transition: color .1s linear;
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;
	-webkit-transition: color .1s linear;
	transition: color .1s linear;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
/* =2. Site Structure & Appearance
--------------------------------------------------------------------------------- */
/* Containers & Columns */
.container {
	width: 960px;
	margin: 0 auto;
}
#footer {
	background: #333333;
}
/* Navigation */
.nav {
	line-height: 1;
	overflow: hidden;
	z-index: 999;
}
.nav a {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
.nav li {
	float: left;
	width: auto;
	z-index: 999;
}
.nav li a {
	color: #999999;
	line-height: 1;
	text-decoration: none;
}
.nav li a.sf-with-ul {
	padding-right: 22px !important;
}
.nav li:hover a, .nav li:hover a:active {
	text-decoration: none;
}
.nav li ul {
	left: -999em;
	position: absolute;
	width: 180px;
	z-index: 999;
}
.nav li ul li a, .nav li ul li a:visited {
	background: #fff;
	color: #333;
	font-size: 13px;
	width: 144px;
}
.nav li ul li a.sf-with-ul {
	padding: 10px 15px;
}
.nav li ul ul {
	margin: -38px 0 0 180px;
}
.nav li:hover, .nav li.hover {
	position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
	left: auto;
}
.nav .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 9px;
	height: 9px;
	text-indent: -999em;
	top: 2.8em;
	right: 5px;
}
.nav li ul .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	top: 1.2em;
	right: 0.5em;
}
#nav .current a {
	border-top: 3px solid;
	color: #ffffff !important;
	line-height: 75px !important;
}
/* PRIMARY NAV */
#primary-nav {
	float: right;
	padding-right: 70px;
}
#primary-nav .nav li a {
	color: #cccccc;
	font-size: 13px;
	line-height: 80px;
	margin: 0 18px;
}
#primary-nav .nav li a:hover,
#primary-nav .nav li.first a,
#primary-nav .nav li.sfHover a {
	color: #ffffff;
	line-height: 80px;
}
#primary-nav .nav li li a {
	border-top: none !important;
	color: #999999 !important;
	font-size: 13px;
	letter-spacing: 0;
	padding: 10px;
	line-height: 1 !important;
	text-transform: none;
}
#primary-nav .nav li li:first-child a {
	padding-top: 20px;
}
#primary-nav .nav li li:last-child a {
	padding-bottom: 20px;
}
#primary-nav .nav li li a:hover {
	color: #333333 !important;
	text-decoration: underline;
}
#primary-nav .nav li ul {
	background: #ffffff url(images/arrow-up.png) no-repeat 25px top;
	border: 1px solid #e9e9e9;
	width: 200px;
	padding: 5px 0 0 0;
}
#primary-nav .nav ul ul {
	margin: -38px 0 0 180px;
}
#primary-nav .nav .sf-sub-indicator {
	background: url(images/ico-primary-arrow-down.png) no-repeat 0 -1px;
}
#primary-nav .nav li ul .sf-sub-indicator {
	background: url(images/ico-primary-arrow-right.png) no-repeat;
}
.current {
	
}
/* Header */
#header {
	background: #485053;
	color: #c8cacb;
	width: 1060px;
	height: 80px;
	position: fixed;
	z-index: 999;
}

#main {
	margin: 0 auto;
	padding: 130px 0 100px;
	width: 960px;
}
/* Logo */
#text-logo {
	float: left;
	margin-top: 0;
	padding: 0 50px;
	height: 80px;
	line-height: 80px;
}
#text-logo a,
#text-logo a:visited {
	color: #ffffff;
}
#text-logo a:hover {
	color: #ffffff;
}
.site-title {
	float: left;
	font-size: 32px;
}
.site-desc {
	float: left;
	font-size: 11px;
	font-style: italic;
}
#logo {
	float: left;
}
/* Search Form */
.header-search {
	color: #cccccc;
	position: absolute;
	top: 27px;
	right: 40px;
}
.header-search i {
	font-style: normal;
	font-size: 13px;
	cursor: pointer;
}
.header-search:hover {
	color: #ffffff;
}
.header-search .icon-search.active {
	display: none;
}
.header-search .icon-remove {
	display: none;
}
.header-search .icon-remove.active {
	display: inline-block;
}
.search-form {
	display: none;
	position: absolute;
	top: 80px;
	right: 0;
	padding: 15px;
	height: 35px;
	background: #ffffff;
	z-index: 9999;
	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.search-form input {
	border: 1px solid #e9e9e9;
	height: 36px;
}
.search-form button {
	border: none;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 36px;
	width: 36px;
	position: relative;
}
/* 2.5 Sidebar */
#sidebar {
	float: right;
	width: 280px;
}
/* =3. Posts
--------------------------------------------------------------------------------- */
.home-widget .widget-title {
	color: #5a5a5a;
	font-size: 28px;
	margin: 0 0 10px 0;
	text-align: center;
}
/* Start Section */
#start {
	background: #42a2ce;
	color: #ffffff;
	padding: 150px 0;
	text-align: center;
}
#start .widget-title {
	color: #ffffff;
	font-size: 46px;
	margin: 0 0 45px 0;
}
#start p {
	color: rgba(255,255,255,0.7);
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 1px;
	margin: 0 0 45px 0;
}
/* Features Section */
#features {
	padding: 60px 0;
}
.section-description {
	color: #a7abb1;
	font-size: 14px;
	margin: 0 0 35px 0;
	text-align: center;
}
.section-description a,
.section-description a:visited {
	color: #a7abb1;
	border-bottom: 1px dashed #cccccc;
}
.section-description a:hover {
	border-color: #999999;
}
#work .widget-title,
#team .widget-title,
#contact .widget-title,
#work .section-description,
#team .section-description,
#contact .section-description {
	color: #ffffff;
}
.section-text {
	text-align: center;
}
.section-text a,
.section-text a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.section-text a:hover {
	
}
.full-features {
	margin-top: 15px;
	text-align: center;
}
.full-features a,
.full-features a:visited {
	color: #999999;
	text-align: center;
	text-decoration: underline;
}
.feature {
	background: #ffffff;
	float: left;
	width: 300px;
	margin: 0 30px 30px 0;
	text-align: center;
}
.feature a {
	text-decoration: underline;
}
.feature-last {
	float: right;
	margin-right: 0;
}
.feature .entry-thumb {
	width: 80px;
	height: auto;
	margin: 0 0 15px 0;
}
.feature-title {
	color: #444444;
	font-size: 16px;
	margin: 0 0 15px 0;
}
.feature-description {
	color: #5a5a5a;
}
/* Portfolio Section */
#work {
	padding: 60px 0;
}
.portfolio-area {
	margin-bottom: 30px;
}
.portfolio-item {
	background: #ffffff;
	display: block;
	float: left;
	width: 217px;
	list-style: none;
	margin: 0 30px 30px 0;
	padding-left: 0;
	padding-bottom: 15px;
	text-align: center;
}
.portfolio-item .entry-title a,
.portfolio-item .entry-title a:visited {
	color: #555555;
	font-size: 14px;
	margin: 0;
}
.portfolio-item .entry-thumb {
	width: 217px;
	height: auto;
	margin: 0 0 5px 0;
}
.portfolio-item .portfolio-description {
	color: #a7abb1;
}
.portfolio-item-last {
	margin-right: 0 !important;
}
#portfolio .portfolio-header {
	display: block;
	margin-bottom: 40px;
	overflow: hidden;
}
#sort-by {
	float: right;
	margin: 0;
	padding: 0;
	z-index: 40;
}
#sort-by li {
	cursor: pointer;
	display: block;
	float: right;
	position: relative;
}
#sort-by li a {
	border-right: 1px dotted #dddddd;
	color: #828282;
	display: inline;
	font-size: 12px;
	padding: 0 10px;
	position: relative;
	z-index: 30;
	text-transform: uppercase;
}
#sort-by li:first-child a {
	border-right: 0;
	padding-right: 0;
}
#portfolio .portfolio-item .entry-thumb {
	-webkit-transition: all 200ms ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	display: block;
	margin-bottom: 0;
	width: 100%;
	height: auto;
	opacity: 0.8;
}
#portfolio .portfolio-item:hover .entry-thumb {
	opacity: 1;
}
#portfolio .portfolio-item .entry-title {
	margin-bottom: 0;
}
#portfolio .portfolio-item .entry-desc {
	color: #999;
}
#portfolio .portfolio-item a {
	display: block;
}
#portfolio .portfolio-item .entry-details {
	-webkit-transition: all 200ms ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	background: #f7f7f8;
	padding: 16px 30px;
}
#portfolio .portfolio-item:hover > .entry-details .entry-title a,
#portfolio .portfolio-item:hover > .entry-details .entry-desc {
	color: #fff;
}
/* Portfolio 2 columns. */
#portfolio .portfolio-item-2-col {
	width: 465px;
	height: auto;
}
#portfolio .portfolio-item-2-col:nth-child(2n) {
	margin-right: 0;
}
#portfolio .portfolio-item-2-col:nth-child(2n+1) {
	clear: left;
}
/* Portfolio 3 columns. */
#portfolio .portfolio-item-3-col {
	width: 300px;
	height: auto;
}
#portfolio .portfolio-item-3-col:nth-child(3n) {
	margin-right: 0;
}
#portfolio .portfolio-item-3-col:nth-child(3n+1) {
	clear: left;
}
/* Portfolio 4 columns. */
#portfolio .portfolio-item-4-col {
	width: 217px;
	height: auto;
}
#portfolio .portfolio-item-4-col:nth-child(4n) {
	margin-right: 0;
}
#portfolio .portfolio-item-4-col:nth-child(4n+1) {
	clear: left;
}
.portfolio-images {
	position: relative;
	margin-bottom: 40px;
	float: left;
	display: inline;
	width: 630px;
}
.portfolio-details {
	float: right;
	display: inline;
	margin-bottom: 80px;
	width: 300px;
}
.portfolio-details .entry-title {
	font-size: 24px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.portfolio-details .entry-desc {
	margin-bottom: 20px;
}
.portfolio-details .entry-desc a {
	text-decoration: underline;
}
.portfolio-details p {
	margin-bottom: 1.5em;
}
.project-details h3 {
	margin-bottom: 15px;
}
.project-details li {
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.project-details li .le {
	float: left;
}
.project-details li .ri {
	float: right;
	color: #999;
}
/* 	Slides
	----------------- */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_nav {
	background: #000;
	bottom: 10px;
	color: white;
	display: block;
	font-size: 14px;
	position: absolute;
	padding: 2px 7px 5px;
	text-align: center;
	-webkit-transition: all 0.15s ease-in;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.15s ease-in 0s;
	-o-transition: all 0.15s ease-in 0s;
	transition: all 0.15s ease-in 0s;
	z-index: 9;
}
.rslides_nav:hover {
	color: white;
}
.rslides_nav.next {
	right: 10px;
}
.rslides_nav.prev {
	right: 39px;
}
/* Related portfolio. */
.related-title {
	border-bottom: 1px dashed #ddd;
	font-size: 28px;
	margin-bottom: 40px;
	padding-bottom: 25px
}
/* Single portfolio. */
.single-portfolio .navigation {
	padding: 0 0 40px;
}
#blog {
	background: #ffffff;
	padding: 60px 0;
}
#recentposts {
	background: url(images/timeline.png) repeat-y 480px 0;
	position: relative;
	padding: 15px 0;
}
#blog .entry-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.bloglarge a {
	
}
.bloglarge {
	float: left;
	margin-bottom: 40px;
}
.bloglarge .entry-thumb {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 15px 15px 0;
}
.bloglarge:hover {
	background-image: url(images/circle-active.png);
}
.entry-meta {
	color: #999999;
	margin-bottom: 10px;
}
.entry-meta a {
	color: #999999;
	text-decoration: underline;
}
.entry-excerpt {
	clear: both;
}
.post-even {
	background: url(images/circle.png) no-repeat left 0;
	margin-top: 30px;
	position: absolute;
	right: 0;
	width: 430px;
	padding: 0 20px 0 40px;
}
.post-odd {
	background: url(images/circle.png) no-repeat right 0;
	width: 430px;
	padding: 0 40px 0 20px;
}
/* Team */
#team {
	color: #ffffff;
	padding: 60px 0;
}
#team .entry-title {
	font-size: 16px;
	margin-bottom: 5px;
}
#team .entry-thumb {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.team-member {
	float: left;
	width: 217px;
	margin-right: 30px;
	text-align: center;
}
.team-member .entry-title a:link,
.team-member .entry-title a:visited {
	color: #ffffff;
}
.team-last {
	margin-right: 0;
}
.member-position {
	color: #eeeeee;
	margin-bottom: 10px;
}
.member-social-icons a,
.member-social-icons a:visited {
	color: #ffffff;
	margin: 0 3px;
}
.member-social-icons a:hover {
	color: #eeeeee;
}
/* Testimonials */
#testimonials {
	padding: 60px 0 30px;
}
.testimonial {
	display: block;
	float: left;
	width: 300px;
	margin-right: 30px;
}
.testimonial blockquote {
	background: #ffffff;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	padding: 30px;
}
.testimonial:hover blockquote {
	border-color: #cccccc;
}
.testimonial-last {
	margin-right: 0;
}
.testimonial .author-avatar {
	float: left;
	margin: 0 15px;
	border-radius: 50%;
	width: 48px;
	height: auto;
}
.testimonial small {
	line-height: 48px;
}
.testimonial a:link,
.testimonial a:visited {
	color: #999999;
	text-decoration: underline;
}
.testimonial-page {
	margin-top: 30px;
}
.testimonial-page .testimonial {
	margin-bottom: 30px;
}
.client-logos {
	border-top: 1px solid #eeeeee;
	margin-top: 60px;
	padding: 30px 40px 0;
}
.client-logos img {
	float: left;
	width: 192px;
	height: auto;
}
/* Contact Form */
#contact {
	color: #ffffff;
	padding: 60px 0;
}
.contact-area {
	padding: 30px 0;
}
.contact-area a,
.contact-area a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.contact-area a:hover {
	border-color: #ffffff;
}
.contact-area p {
	
}
.contact-area ul.contact-info {
	display: block;
	margin: 0 0 40px 0;
}
.contact-area ul.contact-info li {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.contact-area ul.contact-info li i {
	
}
.contact-area ul.contact-info li.location {
	width: 100%;
}
.contact-area ul.contact-info li.phone {
	margin-right: 20px;
}
.contact-area ul.contact-info li.email {
	
}
.social-icons {
	display: block;
	margin-left: 212px;
}
.social-icons li {
	display: block;
	float: left;
	margin-right: 4px;
}
.social-icons a img {
	background: #dddddd;
	border-radius: 100%;
	display: block;
	width: 14px;
	height: 14px;
	padding: 6px;
}
.contact-left {
	float: left;
	width: 465px;
	height: 225px;
}
.contact-left p {
	margin: 0 0 30px 0;
}
.contact-left ul {
	
}
.contact-right {
	float: right;
	width: 465px;
}
.col-left {
	float: left;
	width: 155px;
}
.col-right {
	float: right;
	width: 300px;
}
#contact-form input.contact-name {
	float: left;
	width: 100%;
}
#contact-form input.contact-email {
	width: 100%;
}
#contact-form input.contact-subject {
	width: 100%;
}
#contact-form textarea {
	width: 100%;
	height: 120px !important;
}
.page input.contact-name,
.page input.contact-email,
.page input.contact-subject {
	display: block !important;
	float: none !important;
	width: 50% !important;
}
.page #contact-form textarea {
	height: 200px;
}
.signup-button,.signup-button:visited {
	background: #7cc576;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.3);
	color: #ffffff;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 21px;
	font-weight: normal;
	height: 72px;
	line-height: 72px;
	padding: 23px 45px 23px 45px
}
.signup-button:hover,.signup-button:visited:hover {
	background-color: #88d082;
	color: #ffffff;
	cursor: pointer;
}
blockquote {
	color: #666666;
	font-family: Georgia, Times, Serif, Arial;
	font-size: 14px;
	font-style: italic;
	margin: 0 0 10px 0;
}
small {
	color: #999999;
	font-family: Arial, Serif, 
	font-size: 11px !important;
	font-style: normal;
}
cite {
	color: #7cc576;
}
/* Content */
#content {
	float: left;
	width: 640px;
}
.page-title {
	font-size: 32px;
	margin: 0 0 30px 0;
}
.content-loop .post {
	background: #ffffff;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.content-loop .post .right {
	width: 450px;
}
.content-loop .entry-title {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 20px 0;
}
.content-loop .entry-meta {
	border-right: 1px solid #dddddd;
	color: #999999;
	display: block;
	font-size: 11px;
	margin: 0 0 15px 0;
	padding: 0 10px 0 0;
	width: 150px;
	text-align: right;
}
.content-loop .entry-meta a:link,
.content-loop .entry-meta a:visited {
	color: #999999;
}
.content-loop .entry-meta a:hover {
	color: #333333;
}
.content-loop .entry-meta span {
	display: block;
}
.content-loop .entry-thumb {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}
.single .entry-meta {
	color: #999999;
	font-size: 13px;
	margin: 0 0 15px 0;
}
.single .entry-meta span {
	margin: 0 5px;
}
.single .entry-meta a:link,
.single .entry-meta a:visited {
	color: #999999;
}
.single .entry-meta a:hover {
	color: #333333;
}
.entry-excerpt {
	margin: 0 0 20px 0;
}
.single h1.entry-title {
	font-size: 32px;
	margin: 0 0 25px 0;
	line-height: 1.3em;
}
.single-portfolio-area {
	margin: 0 0 30px 0;
}
.single-portfolio-area .single-portfolio-item {
	display: block;
	background: none;
	float: left;
	width: 640px;
	height: auto;
	padding-left: 0;
}
.single-portfolio-area li .entry-thumb {
	display: block;
	width: 640px;
	height: 300px !important;
}
/* Posts */
.single .entry-content {
	
}
.entry-content {
	margin: 0 0 30px 0;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0 0 15px 0;
}
.entry-content ul li {
	background: url(images/ico-list.png) no-repeat 0 9px;
	margin: 0 0 10px 0;
	padding: 0 0 0 11px;
}
.entry-content p {
	margin: 0 0 20px 0;
}
.one-col {
	width: 960px !important;
}
/* Portfolio Page */
.portfolio-page {
	background: #ffffff;
	padding: 30px 0 0 30px !important;
}
.portfolio-page .portfolio-area {
	border: none;
	margin: 0;
	padding: 0;
}
.portfolio-page .portfolio-item {
	float: left;
	margin: 0 30px 30px 0;
}
/* Single Portfolio Page */
.related-portfolio .portfolio-item {
	width: 200px;
	margin: 25px 17px 0 0;
}
.related-portfolio .portfolio-item img {
	width: 200px;
}
.portfolio-item-last {
	margin-right: 0 !important;
}
.breadcrumbs {
	background: #ffffff;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 30px;
	padding-bottom: 20px;
}
.page #content .feature-block {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.page #content .feature-block .entry-thumb {
	float: left;
	margin: 0 20px 0 0;
}
.page #content .feature-block .entry-title {
	font-size: 16px;
	margin: 0 0 10px 0;
}
.page #content .feature-block p {
	display: table;
}
/* 3.2 Images */
img.centered {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
img.alignnone {
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
}
img.alignright {
	display: inline;
	margin: 0 0 15px 15px;
	padding: 0;
}
img.alignleft {
	display: inline;
	margin: 0 15px 15px 0;
	padding: 0;
}
.aligncenter {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.wp-caption {
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	padding: 4px 0 5px 0;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.wp-caption img {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
}
/* 3.3 Pagination */
.navigation {
	overflow: hidden;
	padding: 10px 0 50px 0;
	display: block;
	clear: both;
}
.single-post .navigation {
	padding-top: 50px;
}
.nav-previous {
	display: inline;
	float: left;
	text-align: left;
}
.nav-next {
	display: inline;
	float: right;
	text-align: right;
}
/* =4. Widgets
--------------------------------------------------------------------------------- */
#sidebar .widget {
	background: #ffffff;
	margin: 0 0 30px 0;
}
#sidebar .widget-title {
	border-bottom: 1px dashed #dddddd;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}
#sidebar .widget ul li {
	background: url(images/ico-list.png) no-repeat 0 9px;
	border-bottom: 1px dashed #dddddd;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0 0 10px 12px;
}
#footer {
	
}
.footer-widgets {
	border-bottom: 1px solid #444444;
	padding-top: 50px;
	padding-bottom: 40px;
}
.footer-widgets .widget {
	color: #999999;
}
.footer-widgets .widget a,
.footer-widgets .widget a:visited {
	color: #999999;
}
.footer-widgets .widget a:hover {
	color: #ffffff;
}
.footer-widgets .widget p {
	margin-bottom: 15px;
}
.footer-widgets .widget ul li {
	margin-bottom: 10px;
}
.footer-widgets .widget-title {
	margin-bottom: 20px;
}
.footer-column-1 {
	border-right: 1px solid #444444;
	float: left;
	width: 200px;
	margin-right: 40px;
	padding-right: 40px;
}
.footer-column-2,
.footer-column-3,
.footer-column-4 {
	float: left;
	width: 145px;
	padding-right: 30px;
}
.footer-column-5 {
	float: left;
	width: 145px;
	padding-right: 0;
}
.copyright {
	color: #999999;
	font-size: 11px;
	padding: 30px 0;
	text-align: right;
}
.copyright a,
.copyright a:visited {
	color: #999999;
	text-decoration: underline;
}
.copyright a:hover {
	
}
.footer-logo {
	margin-top: 5px;
}
.footer-social-icons a {
	color: #ffffff;
	display: block;
	font-size: 100px;
	line-height: 100px;
	float: left;
	width: 265px;
	padding: 70px 0;
	text-align: center;
}
.footer-twitter {
	background: #0093c3;
}
.footer-twitter:hover {
	color: #0093c3;
}
.footer-facebook {
	background: #0066b9;
}
.footer-facebook:hover {
	color: #0066b9;
}
.footer-googleplus {
	background: #ec3216;
}
.footer-googleplus:hover {
	color: #ec3216;
}
.footer-rss {
	background: #f0b70c;
}
.footer-rss:hover {
	color: #f0b70c;
}
.footer-twitter:hover,
.footer-facebook:hover,
.footer-googleplus:hover,
.footer-rss:hover {
	background: #ffffff;
}
.backtotop {
	background: #666666;
	color: #cccccc;
	margin: 0 20px 0 0;
	text-align: center;
	width: 40px;
	height: 40px;
}
.backtotop:hover {
	color: #ffffff;
}
.backtotop i {
	display: block;
	font-size: 12px;
	line-height: 40px;
}
/* =5. Comments
--------------------------------------------------------------------------------- */
#comments {
	clear: both;
	position: relative;
}
#comments .commentlist {
	padding: 20px 0;
}
#comments .children {
	list-style-type: none;
	margin-left: 16px;
}
#comments ul.children li {
	background: url(images/ico-mobile-nav.png) no-repeat 0 8px;
	padding-left: 35px;
}
.pings-wrapper {
	position: relative;
}
.pinglist {
	list-style-type: none;
	margin: 0;
	padding: 30px 0;
}
.pinglist li {
	border-bottom: 1px solid #e9eaea;
	padding: 10px;
}
.pinglist li a {
	border: 0;
	color: #4d4e52;
	display: block;
	font-weight: normal;
}
.pinglist li a:hover {
	background: none !important;
	color: #202222;
}
#reply-title,
.comments-title,
.pings-title {
	font-size: 22px;
	font-weight: 200;
	margin: 0 0 20px 0;
}
.commentlist #commentform {
	margin-bottom: 60px;
}
.comment .avatar {
	border-radius: 100px;
	float: left;
	margin: 0 15px 0 0;
}
.comment-meta {
	color: #9da0a4;
	font-size: 13px;
	margin-bottom: 15px;
}
.comment-meta a:link,
.comment-meta a:visited {
	border: 0;
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.comment-meta a:hover {
	border-bottom: 1px dashed #dddddd;
	color: #555555;
}
.moderation {
	color: #9da0a4;
	padding-left: 51px;
}
.comment-wrap {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.comment-body {
	overflow: hidden;
}
.comment-body ul {
	list-style-type: disc;
}
.comment-body ol {
	list-style-type: decimal;
}
.comment-author cite {
	color: #202222;
	font-family: Arial, serif;
	font-style: normal;
}
.comment-author .says {
	display: none;
}
.nocomments {
	padding: 20px;
	text-align: center;
}
#commentform .comment-form-comment {
	margin-bottom: 10px;
}
#commentform input, #commentform textarea {
	border: 1px solid #E6E6E6;
	border-bottom-color: #DDDDDD;
	box-shadow: none;
	float: none;
	font-weight: 400;
	margin: 0;
	width: auto;
}
#commentform .required {
	color: red;
}
#commentform textarea {
	width: 99%;
	margin: 0 0 5px 0;
	height: 15em;
}
#commentform input {
	float: left;
	margin-right: 15px;
	width: 40%;
}
#commentform input#submit {
	width: 230px;
}
#commentform p {
	clear: both;
	line-height: 40px;
	margin-bottom: 15px;
}
#commentform input[type="submit"] {
	cursor: pointer;
}
/* =6. Page Templates
--------------------------------------------------------------------------------- */
/* 6.1 Contact Form */
.contact-form input[type="text"],
.contact-form textarea {
	border: 1px solid #eee;
}
.contact-form div {
	margin-bottom: 10px;
}
.contact-form label {
	display: inline-block;
	width: 3em;
}
.contact-form input[type="text"] {
	width: 13em;
	margin-left: 0;
	padding: 8px;
}
/* =7. MISC.
--------------------------------------------------------------------------------- */
/* Button */
.button-primary,
#commentform input#submit {
	background-color: #64ce83;
}
.button-primary, 
.button-secondary,
#commentform input#submit {
	margin: 0 10px;
	padding: 21px 35px 19px;
	font-size: 16px !important;
}
.button-primary,
.button-secondary,
#commentform input#submit {
	color: #fff !important;
	display: inline-block;
	text-align: center;
	background: #64ce83;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 0 1px 0px rgba(0,0,0,0.15);
	/* border-width: 1px 1px 3px !important; */
	border-style: solid;
	border-color: #3dc264;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
}
.button-secondary {
	background-color: #aab3bb !important;
	border-color: #9aa7b1 !important;
}
.button-primary:hover,
#commentform input#submit:hover {
	background-color: #3dc264
}
.button-secondary:hover {
	background-color: #8d99a5 !important;
	border-color: #7e8e9a !important
}
#primary-nav .nav li ul {
	-webkit-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
}
.feature,
.portfolio-area,
.testimonial,
.contact-area {
	
}
a.more-link {
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #fff 1px 1px 0;
	color: #333 !important;
	font-size: 11px;
	text-align: center;
	border: solid 1px #cccccc;
	border-bottom-color: #9f9f9f;
	cursor: pointer;
	padding: 5px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
a.more-link:hover {
	background-color: #ffffff;
}

/* Contact Form */
#contact_form label {
	display: block;
	margin-bottom: 5px;
}
#contact_form label span {
	float: left;
	width: 100px;
	color: #666666;
}
#contact_form input {
	border: 2px solid #ffffff;
	border-radius: 3px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	height: 44px;
	width: 100%;
}
#contact_form textarea {
	border: 2px solid #ffffff;
	border-radius: 3px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	height: 152px;
}
.submit_btn {
	border: none;
	float: right;
	padding: 12px 15px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 3px;
}
.success {
	background: #64ce83;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #B9ECCE;
	border-radius: 5px;
	font-weight: normal;
}
.error {
	background: #FF9999;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #FFCACA;
	border-radius: 5px;
	font-weight: normal;
}
#contact_form .button-primary {
	float: right;
	font-size: 14px !important;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0 20px;
}

/* Other */
@media only screen and (min-width: 960px) {
	.btn-nav-right,
	#mobile-menu {
		display: none;
	}
}
.portfolio-images embed,
.portfolio-images object,
.portfolio-images iframe {
	width: 630px;
	height: 480px;
}

h1,h2,h3,h4,h5,h6,
#text-logo,
.button-primary,
.button-secondary,
.feature-title,
.entry-title,
.widget-title,
#sidebar .widget-title,
#footer .widget-title,
.portfolio-details .entry-desc a {
  font-family: "ProximaNovaBold", Helvetica, Arial, "Lucida Grande", sans-serif; 
}