/*
Theme Name:         Appster
Theme URI:          http://www.prothemeus.com
Description:        Appster is a versatile HTML5 responsive WordPress portfolio theme.
Version:            1.4
Author:             Paul Victor
Author URI:         http://prothemeus.com/
Tags: dark, light, white, black, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-menu, editor-style, featured-image-header, featured-images, full-width-template
License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------

:: 01. Global 
:: 02. Header
:: 03. WordPress Outputs
:: 04. Widgets
:: 05. Comments
:: 06. Footer
:: 07. Portfolio
:: 08. Home

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

   01. Global
   
--------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400italic);

@import url('extras.css');
@import url('css/animate.css');

body {
	width: 100%;
	max-width: 100%;
	line-height: 2em; 
}

a {
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

img {
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

hr { margin: 55px 0; }

.post-content .tabs-content .columns,
.post-content .tabs-content .columns.last { 
	margin-bottom: 0; 
	margin-top: 20px;
}

.post-content .tabs-content br { display: none; }
 
p { line-height: 2em; }

blockquote {
	margin: 50px 0 50px 25px;
	padding: 0 0 0 25px;
}

input,
textarea,
select {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 2%;
	outline: none;
	text-indent: 6%;
}

.ie input { text-indent: 10px !important; }

textarea {
	resize: vertical;
	width: 90%;
}

#main { margin-bottom: 50px; }

#container { padding: 0; }

.row { max-width: 960px; }

#content { width: 68.125%; }

.page-template-page-full-php #content,
.single-pt-portfolio #content,
.page-template-page-portfolio-php #content { 
	width: 100%; 
	border: none !important;
}

.page-template-page-portfolio-php .post-box,
.single-pt-portfolio .post-box,
.page-template-page-full-php .post-box { padding: 0; }

.post-box { padding-right: 08.34427480916%; }

#sidebar {
	width: 31.770%;
	margin: 0 0 0 -1px;
}

.ie #sidebar { border: none !important; }

.gecko #sidebar { width: 31.74%; }

.sidebar-box { margin-left: 18.041783%; }

@media only screen and (max-width: 767px) {

	.sidebar-box { margin-left: 0; }
	
	.post-box { padding-right: 0; }
	
	#content {
		margin-bottom: 50px;
		border: none !important;
	}
	
	#sidebar { 
		border: none !important; 
		margin: 0;
	}
}

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}


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

   02. Header
   
--------------------------------------------------- */

#header {
	margin: 40px 0;
	position: relative;
}

#header-wrap {
	margin-bottom: 55px;
}

.logo {
	float: left;
}

.logo img { margin-top: 5px; }

.logo h1,
.logo div,
.logo a {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}

.subheader {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

#header nav { 
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	height: 30px;
	line-height: 30px;
}

#header form { 
	float: right; 
	position: absolute;
	top: 10px;
	right: 0;
}

#header nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header nav ul a {
    display: block;
    position: relative;
}

#header nav ul li {
    float: left;
    position: relative;
    z-index: 40;
    margin: 0 0 0 40px;
}

#header nav ul li:hover { visibility: inherit; }

#header nav ul ul {
    position: absolute;
    top: -9999em;
    width: 155px;
}

#header nav ul ul li { float: none; }

#header nav ul li:hover ul,
#header nav ul li.sfHover ul {
    left: -1px;
    top: 30px;
    z-index: 99;
}

#header nav ul li:hover li ul,
#header nav ul li.sfHover li ul,
#header nav ul li li:hover li ul,
#header nav ul li li.sfHover li ul,
#header nav ul li li li:hover li ul,
#header nav ul li li li.sfHover li ul { top: -9999em; }

#header nav ul li li:hover ul,
#header nav ul li li.sfHover ul,
#header nav ul li li li:hover ul,
#header nav ul li li li.sfHover ul,
#header nav ul li li li li:hover ul,
#header nav ul li li li li.sfHover ul {
    left: 155px;
    top: -48px !important;
}

/* top level skin */
#header nav ul a {
	font-size: 12px;
	font-weight: bold;
}

/* 2nd level skin */
#header nav .sub-menu {
	padding: 48px 0 0 0;
}


#header nav .sub-menu li { margin: 0; }

#header nav .sub-menu li a { 
	display: block;
	line-height: 1.5em;
	font-weight: normal;
	padding: 12px 15px;
	font-size: 11px;
}

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

   03. WordPress Outputs
   
--------------------------------------------------- */

.post-box .page-title {
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5em;
	padding: 0 0 50px 0;
	margin: 0 0 50px 0;
}

.hentry {
	padding: 0 0 32px 0;
	margin: 0 0 50px 0;
}

.hentry footer p { 
	font-size: 11px;
	font-size: 1.1rem;
}

.post-box .hentry:last-child { border: none !important; }

.post-box .post-content p { 
	line-height: 2em; 
	font-size: 12px; 
	font-size: 1.2rem; 
}

.post-box .post-content .tabs-content p { line-height: 1.7em; }

.page .post-box .post-title {
	margin-bottom: 25px;
}

.post-box .post-title {
	margin: 0 0 15px 0;
	line-height: 1.5em;
	font-size: 18px; 
	font-size: 1.8rem; 
	line-height: 1em; 
}

.meta-info {
	font-size: 11px;
	margin: 0 0 20px 0;
}

.post-box h1 { 
	font-weight: bold; 
	font-size: 30px; 
	font-size: 3rem; 
	line-height: 1.2em; 
	margin-bottom: 2px; 
}

.post-box h2 { 
	font-weight: bold; 
	font-size: 18px; 
	font-size: 1.8rem; 
	line-height: 1em; 
	margin-bottom: 2px; 
}

.post-box h3 { 
	font-size: 14px;	
	font-size: 1.4rem;
	margin-bottom: 25px; 
}

.post-box h4 { 
	font-size: 18px;	
	font-size: 1.8rem; 
}

.post-content h1 {
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content h2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content h4 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content h5 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content h6 {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.post-content ol {
	margin: 0;
	list-style-position: inside;
}

.post-content .columns.last {
	margin: 0 0 30px 0;
	float: right;
}

.post-content .columns {
	margin: 0 4.4% 30px 0;
}

@media only screen and (max-width: 767px) {
	
	.post-content .columns,
	.post-content .columns.last {
		float: none;
		margin: 0;
	}
	
}

.post-content ul ul,
.post-content ol ol { 
	margin-left: 15px; 
	margin-bottom: 0; 
	margin-top: 0;
}

.post-content ul,
.post-content ol { 
	margin-top: 25px;
	margin-bottom: 25px;
}

.post-content ul.tabs-content,
.post-content ol { 
	margin-top: 0;
	margin-bottom: 0;
}

.post-content ul.tabs-content { margin-bottom: 55px; }

.post-content ul {
	list-style: disc;
	list-style-position: inside;
}

.post-content li {
	border: none !important;
	line-height: 1.3em;
}

#post-nav {  
	float: left;
	width: 100%;
}

.pagination a,
.pagination span {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 12px;
	padding: 12px 15px;
	float: left;
	margin: 0 8px 0 0;
	border-radius: 3px;
}


.post-box .featured-image { 
	margin: 0 0 30px 0; 
}

.featured-image img,
.featured-image a { display: block; width: 100%;}

.featured-image a:hover img { opacity: 0.8; }

/* Add Align Class for Images */
img.alignright { float: right; margin: 0 0 18px 18px; }
img.alignleft { float: left; margin: 0 18px 18px 0; }
img.aligncenter { display: block; margin: 18px auto; }

/* Add HTML5 Caption Class for Images */
figure.figure {	background: #EEE; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }


.toggle-pane { 
	font-size: 11px; 
	font-size: 1.1rem;
}


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

   04. Widgets
   
--------------------------------------------------- */

.widget-title {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 20px;
}

.widget {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2em;
	margin: 0 0 60px 0;
}

.widget p {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2em;
}

#searchform { margin: 0; }

#searchform input {
	border: none;
	width: 87%;
	font-size: 11px;
	font-size: 1.1rem;
	outline: none;
	padding: 10px 12% 10px 0;
	text-indent:  6%;
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.ie8 #searchform input { 
	padding-left: 10px; 
	width: 83%;
}

.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_pages li {
	width: 50%;
	float: left;
	margin-bottom: 0;
}

.sidebar-section { overflow: hidden; }

.twitter li {
	margin-bottom: 20px; 
}

#home-widgets  .twitter li a { display: block; }

#home-widgets .twitter a { display: inline; }

.twitter { margin: 0; }

.visit-wrap { text-align: right; }

.PT_Flickr { width: 108%; }

@media only screen and (max-width: 767px) {
	.PT_Flickr { width: 100%; }
}

.flickr_badge_image {
	float: left;
	width: 77px;
	height: 77px;
	margin: 0 10px 10px 0;
}

.flickr_badge_image a:hover img { opacity: 0.5; }

.flickr_badge_image img {
	width: 77px;
	height: 77px;
}

.ie8 .PT_Recentposts .featured-image {
	width: 50px;
	height: 50px;
}

.ie8 .PT_Popularposts .featured-image {
	width: 30px;
	height: 30px;
}

.PT_Popularposts .post-title { margin: 0; }


.PT_Recentposts .post-title,
.PT_Popularposts .post-title {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2em;
	font-weight: normal;
}

.PT_Recentposts .meta-info,
.PT_Popularposts .meta-info {
}

.PT_Recentposts .featured-image,
.PT_Popularposts .featured-image {
	float: left;
	margin: 7px 15px 20px 0;
}

.PT_Recentposts .byline,
.PT_Popularposts .byline {
	display: none;
}

.PT_Recentposts .post,
.PT_Popularposts .post {
	border: none !important;
	margin: 0 0 20px 0;
	padding: 0;
}

.PT_Recentposts .post { min-height: 66px; }


.contact input {
	margin-right: 1.0%;
	width: 29.9%;
	padding-left: 0;
	font-size: 11px;
	font-size: 1.1rem;
}

.gecko .contact input {
	width: 29.6%;
}

.ie .contact input {
	width: 27.5%;
	text-indent: 0 !important;
	padding-left: 2%
}

.contact input.website {
	margin-right: 0;
}

.contact textarea {
	height: 160px;
	width: 99.8%;
	padding: 2% !important;
	text-indent: 0;
	font-size: 11px;
	font-size: 1.1rem;
}

.gecko .contact textarea {
	width: 99.5%;
	padding: 10px !important;
}

.contact #submit {
	width: 100%;
	padding: 0;
	height: 45px;
	line-height: 45px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-indent: 0;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,1);
}

.gecko .contact #submit { width: 99.5%; }

.contact #submit:active {
	margin-top: 3px;
	margin-bottom: 1px;
}

.contact .alert-box { display: none; }

.hentry.type-pt-testimonial { 
	border: none !important; 
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.PT_Testimonials .featured-image {
	float: left;
	margin: 5px 0 500px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
}

.PT_Testimonials .post-content {
	margin-left: 65px;
}

.PT_Testimonials .post-content p {
	line-height: 1.8em;
}

.PT_Testimonials .slider-arrows {
	position: absolute;
	top: 0;
	right: 0;
	width: 33px; 
	height: 17px;
	display: none;
}


.PT_Testimonials .slide { width: 100% !important; }

.PT_Testimonials  .slider-arrows a {
	float: left;
	width: 16px;
	height: 17px;
}

.PT_Testimonials .slider-arrows a.next-slide { 
	background-position: top right; 
	margin-left: 1px;
}

.PT_Testimonials .slider-arrows a.next-slide:hover { background-position: bottom right; }

.PT_Testimonials .slider-arrows a.prev-slide:hover { background-position: bottom left; }

.testimonial-slider {
	overflow: hidden;
	width: 100% !important;
	height: 75px;
}

@media only screen and (max-width: 767px) {
	
	.testimonial-slider {
	}
	
}

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

   05. Comments
   
--------------------------------------------------- */

#comments {
	margin: 50px 0 0 0;
	padding: 50px 0 0 0;
}

.commentlist {
	margin: 0;
	list-style: none;
}

.avatar {
	float: left;
	margin: 7px 15px 0 0;
}

.comment .vcard {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
}

.comment {
	margin: 0 0 25px 0;
	font-size: 11px;
	font-size: 1.1rem;
}

#allowed_tags,
.comment p {
	font-size: 11px;
	font-size: 1.1rem;
}

section.comment {
	padding: 0 0 0 45px;
	margin: 0;
}

.children {
	margin: 25px 0 0 45px;
}

#respond {
	margin: 50px 0 0 0;
}

#respond p {
	font-size: 11px;
	font-size: 1.1rem;
}

#respond input {
	margin-right: 1.33%;
	width: 29.9%;
	padding-left: 0;
	font-size: 11px;
	font-size: 1.1rem;
}

.gecko #respond input {
	width: 29.6%;
}

.ie #respond input {
	width: 27.5%;
	text-indent: 0 !important;
	padding-left: 2%
}

#respond p.respond_desc {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

#respond input#url {
	margin-right: 0;
}

#respond textarea {
	height: 160px;
	width: 100%;
	padding: 2% !important;
	text-indent: 0;
	font-size: 11px;
	font-size: 1.1rem;
}

.gecko #respond textarea {
	width: 99.5%;
	padding: 10px !important;
}

#respond #submit {
	width: 100%;
	padding: 0;
	height: 45px;
	line-height: 45px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-indent: 0;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,1);
}

.gecko #respond #submit { width: 99.5%; }

#respond #submit:active {
	margin-top: 3px;
	margin-bottom: 1px;
}

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


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

   06. Footer
   
--------------------------------------------------- */


.widget-column {
	width: 30%;
	margin: 60px 4.1% 0 0;
	float: left;
}

#footer-widgets.alt {  }

@media only screen and (max-width: 767px) {
	
	#footer-widgets {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	
	.widget-column {
		width: auto;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: -30px;
		float: none !important;
	}


}

.widget-column:last-child { margin-right: 0; }

@media only screen and (max-width: 767px) {

	#content-info,
	#social-links { 
		text-align: center !important; 
		width: 100% !important;
	}
	
	#footer-wrap .four { width: 100% !important; }
}

#content-info {
	padding: 20px 0;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2em;
}

#social-links { text-align: right; }


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

   07. Portfolio
   
--------------------------------------------------- */

#filter {
	list-style: none;
	margin: 30px 0 55px 0;
	padding: 12px 0 15px;
	font-size: 11px;
	font-size: 1.1rem;
}

#filter li { 
	display: inline; 
	margin-right: -4px;
}

#filter .sep {
	margin: 0 7px 0 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}

#filter li:first-child { margin-right: 5px; }

#filter li:last-child .sep { display: none; }

#filter li a {
	font-weight: bold;
}

.page-template-page-portfolio-php #content { overflow: hidden; }

#masonry {
	margin: 0;
	list-style: none;
	width: 103.4%;
}

#masonry .item {
	width: 21.997981836529%;
	height: 250px;
	float: left;
	margin-right: 3%;
	margin-bottom: 55px;
	overflow: hidden;
}

#masonry .item .hentry {
	margin: 0;
	padding: 0;
}

#related #masonry .item {
	height: 270px;
}

#masonry .item.featured {
	width: 100%;
	height: 310px;
	float: left;
	margin-right: 0;
}

#masonry .item.featured .featured-image {
	width: 46.922300706357%;
	margin-right: 3%;
	float: left;
}

#masonry .item.featured .post-details { padding-right: 3%; }

#masonry .item.featured .post-title {
	font-size: 20px;
	font-size: 2rem;
	margin-top: -7px;
}

#masonry .item.featured .meta-categories {
	font-size: 11px;
	font-size: 1.1rem;
	margin-bottom: 12px;
}

#masonry .item.featured .post-excerpt p {
	font-size: 12px;
	font-size: 1.2rem;
}

#masonry .hentry {
	border: none !important;
}

@media only screen and (max-width: 767px) {
	
	#masonry .item {
		width: 46.995937%;
		height: auto;
	}
	
	#masonry .item.featured .featured-image {
		width: 46.995937%;
	}

}

@media only screen and (max-width: 380px) {
	
	#masonry {
		width: 218px;
		margin: 0 auto;
	}
	
	#masonry .item {
		width: 100%;
	}
	
	#masonry .item.featured .featured-image {
		width: 100%;
	}
	
	#masonry .item.featured .featured-image {
		width: 100%;
		margin-right: 0;
		float: none;
		height: auto;
	}
	
	#masonry .item.featured {
		height: auto;
	}
	
}

#masonry .featured-image {
	margin: 0 0 15px 0;
}

#masonry .post-title {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 4px;
	text-shadow: none;
	line-height: 1.5em;
}

#masonry .meta-categories {
	margin: 10px 0 8px 0;
	font-size: 10px;
	font-size: 1rem;
	list-style: none;
	line-height: 1.2em;
}

#masonry .meta-categories li {
	margin: 0 -2px 0 0;
	display: inline;
}

#masonry .meta-categories li:after {
	content: '\b7\a0';
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 0 5px;
}

#masonry .meta-categories li:last-child:after { content: ''; }

#masonry .post-excerpt p {
	font-size: 11px;
	font-size: 1.1rem;
}

/**** Isotope Filtering ****/

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

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

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

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

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.single-portfolio .post-title {
	margin-bottom: 30px;
}


.single-portfolio .hentry {
	float: left;
	width: 45.41%;
	border: none !important;
	margin: 0 0 40px 0;
	padding: 0;
}

.pager {
	width: 100%;
	margin: 20px 0 0 0;
	overflow: hidden;
}

.pager .inside { width: 102%; }

.gecko .pager .inside { width: 101%; }

.pager a {
	float: left;
	height: 3px;
	margin-right: 0.5%;
	text-indent: -9999px;
}


.single-portfolio .slider {
	float: right;
	width: 48.43% !important;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	
	#related #masonry .item {
		margin-bottom: 0;
	}
	
	#masonry .item.featured {
		height: auto;
	}
	
	.single-portfolio .hentry,
	.single-portfolio .slider {
		width: 100% !important;
	}
	
	.single-portfolio .slider {
		margin-bottom: 50px;
	}
	
	.pager a {
		height: 10px;
	}
}

#portfolio-slider { 
	margin-top: 8px; 
	display: none;
}


#portfolio-slider.slides-stacked { 
	display: block;
}

.single-portfolio .slides {
	overflow: hidden;
	width: 100% !important;
}

.slides-stacked img { margin-bottom: 25px; }

.single-portfolio .slider .slide {
	width: 100% !important;
	cursor: pointer;
}

.single-portfolio .slider img {
	display: block;
}

#control {
	padding: 20px 0;
	line-height: 10px;
	font-size: 10px;
	font-size: 1rem;
	margin: 0 0 30px 0;
	position: relative;
}

.portfolio-nav {
	float: right;
	text-indent: -9999px;
	width: 33px;
	height: 17px;
	top: 17px;
	right: 0;
	position: absolute;
}

.portfolio-nav .prev a,
.portfolio-nav .next a {
	width: 16px;
	height: 17px;
	display: block;
	float: right;
}

.portfolio-nav .next a {
	background-position: top right;
	margin-left: 1px;
}

.portfolio-nav .prev a {
	background-position: top left;
}


.portfolio-nav .next a:hover {
	background-position: bottom right;
}

.portfolio-nav .prev a:hover {
	background-position: bottom left;
}

#related {
	margin: 54px 0 -55px 0;
	padding: 54px 0 0 0;
	overflow: hidden;
}


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

   08. Home
   
--------------------------------------------------- */

#content-wrap { padding-top: 185px; }

.page-template-page-home-php #main-wrap { 
	padding: 0;	
}

.page-template-page-home-php #main { 
	width: auto;
	max-width: none;
	margin-bottom: 0;
}

.page-template-page-home-php .tabs-content p { 
}

.page-template-page-home-php dl.tabs dd a {
	font-size: 12px;
	font-size: 1.2rem;
}

.page-template-page-home-php #content { 
	width: 100%;
	margin: 55px 0 0 0;
	border: none !important;
	float: none;
}

.page-template-page-home-php .post-box { 
	width: 100%;
	margin: 0;
	float: none;
	padding: 0;
}

#slider-container {
	overflow: hidden;
}

#home-slider-wrap {
	margin: -54px 0 0 0;
	height: 407px;
}

#home-slider {
	padding: 78px 0 0 0;
	position: relative;
}

#home-slider .slides {
	height: 330px;
	margin-top: -1px;
	overflow: hidden;
}

#home-slider .fullwidth .hentry { width: 100%;}

#home-slider .hentry {
	float: left;
	width: 50%;
	border: none !important;
	margin-top: -10px;
	margin-bottom: 0;
	padding: 0;
	margin-left: -960px;
}

#home-slider .fullwidth.featured-image { width: 100%; }

#home-slider header,
#home-slider .post-content {
	padding-right: 5%;
}

#home-slider .post-content p {
	margin-bottom: 30px;
	line-height: 1.7em
}

#home-slider .featured-image {
	right: 0;
	bottom: -400px;
	width: 50%;
	position: absolute;
}


#home-slider .featured-image img {
	float: right;
	width: auto;
}

#home-slider .slide {
	width: 100% !important;
	height: 100% !important;
}

#home-slider .post-title {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#home-slider .pager {
	margin-top: 0;
	position: relative;
	z-index: 90;
}

#home-slider .fullwidth .post-content { padding: 0; }

@media only screen and (max-width: 767px) {

	#home-slider .columns {
		width: 100%;
		margin: 0 !important;
		float: none !important;
	}
	
	#home-slider .flex-video { max-width: 200px !important; text-align: center;}
	
	#home-slider .hentry {
		width: 100%;
		text-align: center;
	}
	
	#home-slider .fullwidth .hentry {
		bottom: auto; 
	}	
	
	#home-slider-wrap {
		margin: -54px 0 0 0;
		height: auto;
	}
	
	#home-slider .slides {
		height: auto;
		overflow: visible;
	}
	
	#home-slider .featured-image {
		width: 100%;
	}
	
	#home-slider .featured-image img {
		margin: 0 auto;
		float: none;
	}
	
	#home-slider header,
	#home-slider .post-content {
		padding-right: 0;
	}
	
	#home-slider .post-content {
		display: none;
	}
	
	#home-slider .fullwidth .post-content {
		display: block;
	}

	
	#home-slider .post-title {
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#home-slider {
		overflow: hidden;
		padding-top: 50px;
	}

}

#home-slider .slider-arrows {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -27px;
	display: none;
}

#home-slider .slider-arrows a {
	float: left;
	width: 28px;
	height: 54px;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#home-slider .slider-arrows .next-slide {
	float: right;
	background-position: top right;
	margin-right: -73px;
}

#home-slider .slider-arrows .prev-slide {
	margin-left: -73px;
}

#home-slider .slider-arrows .next-slide:hover {
	background-position: bottom right;
}

#home-slider .slider-arrows .prev-slide:hover {
	background-position: bottom left;
}

@media only screen and (max-width: 1106px) {
	#home-slider .slider-arrows { display: none !important; }
}

#home-widgets {
	font-size: 11px;
	font-size: 1.1rem;
	margin-bottom: 56px;
}

#home-widgets .widget {
	margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
	#home-widgets .columns { width: 100% !important; }
}

#carousel-wrap { 
	overflow: hidden; 
	height: 130px;
}

#carousel { display: none; }

#carousel-container {
	padding: 0;
	height: 130px;
	margin: 0 0 55px 0;
	width: 100% !important;
}

.jcarousel-container-horizontal {
    max-width: 960px;
    margin: 0 auto;
}

.jcarousel-clip-horizontal {
    max-width:  960px;
    height: 130px;
}

.jcarousel-item {
    width:  222px;
    height: 130px;
    overflow: hidden;
    opacity: 0.1;
    -moz-opacity: 0.10;
	opacity:.10;
	filter: alpha(opacity=10);
}

.jcarousel-item img { border-radius: 4px; }

.jcarousel-item a:hover img { opacity: 0.8; }

.jcarousel-item-horizontal {
	margin-right: 24px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */

.jcarousel-next-horizontal {
	position: absolute;
	right: -55px;
	top: 50%;
 	background: url(images/carousel-arrows.png) top right;
 	width: 19px;
 	height: 38px;
 	margin-top: -19px;
 	cursor: pointer;
}

.jcarousel-prev-horizontal {
    position: absolute;
	left: -55px;
	top: 50%;
 	background: url(images/carousel-arrows.png) top left;
 	width: 19px;
 	height: 38px;
 	margin-top: -19px;
 	cursor: pointer;
}

@media only screen and (max-width: 1070px) {

	
	.jcarousel-container-horizontal {
	    margin: 0 30px;
	}
	
	.jcarousel-next-horizontal {
		right: -34px;
	}
	
	.jcarousel-prev-horizontal {
		left: -34px;
	}

}

#carousel { 
	padding: 0; 
	list-style: none;
	margin: 0;
	margin-bottom: 55px;
	height: 130px;
}

.slider-gallery { margin-top: 30px; }

.slider-gallery .slides {
	width: 100% !important;
	overflow: hidden;
}

.slider-gallery .slide {
	width: 100% !important;
	height: auto !important;
}

#home-bottom-widgets {
	margin-top: 55px;
}

#home-bottom-widget-wrap {
	padding: 40px 0 0 0;
}

#home-bottom-widget-wrap .widget-title { margin-bottom: 5px; }

#home-bottom-widgets .four.columns {
	width: 30%;
	margin: 0;
}

#home-bottom-widgets .eight.columns {
	width: 66%;
	margin-left: 4%;
}

#home-bottom-widgets .widget { margin-bottom: 40px; }

#home-bottom-widgets .widget p:last-child { margin: 0; }



.callout {
	margin: 55px 0 0 0;
	padding: 55px 0 0 0;
}

.callout-image {
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	text-align: center;
}

.callout-content {
	width: 80%;
	float: right;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	text-align: center;
}

.callout-content p {
	font-size: 12px !important;
	font-size: 1.2rem !important;
	padding: 0 60px;
}

.callout-quote {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 5px 60px 30px 60px;
	position: relative;
}

.callout .quote-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 16px;
}


.callout .quote-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 16px;
}

@media only screen and (max-width: 1070px) {

	.callout-quote {
		margin: 20px 0;
		padding: 0 40px;
	}
	
	.callout-content p {
		padding: 0 40px;
	}

	#home-bottom-widgets .four.columns {
		width: 100% !important;
		margin: 0;
	}
	
	#home-bottom-widgets .eight.columns {
		width: 100% !important;
		margin-left: 0;
	}
	
	.callout-content,
	.callout-image { width: 100%; }

}