@import "typography.css";

/*------------------------------------------------------------------
[Table of contents]

1. General
	1.1. Page Titles
	1.2. Buttons
		1.2.1. Social Media Buttons
		1.2.2. Next-Prev Buttons
	1.3. bx Slider Styles
	1.4. Image Overlays
2. Header/#masthead
	2.1. Logo/.navbar-brand
3. Navigation/.navbar
4. Parallax / Index Page
	4.1. Content Box/ .content-box
		4.1.2. Nano Scrollbar/ .nano
	4.2. Portfolio Section
		4.2.1. Portfolio Slider
	4.3. Blog Section
	4.4. About Section
5. Blog Page
	5.1. Post Format
	5.2. Pagination
	5.3. Widgets
		5.3.1. Search
		5.3.2. RSS
		5.3.3. Categories
		5.3.4. Recent Posts
		5.3.5. Tag Cloud
		5.3.6. Recent Projects
		5.3.7. Calendar
	5.4. Comments
	5.5. WordPress WYSIWYG Editor Styles
6. About Page
7. Portfolio Page - Filterable
8. Portfolio Single Page
9. Footer
10. CSS Animations / Hover Effects

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


/*------------------------------------------------------------------
[1. General]
*/

html,body{
	width:100%;
	margin: 0 !important;
	height: 100%;
	}


input[type="search"], .search-field{
	border: none;
	padding: 11px;
	}
	
.container{
	width:auto;
	}

.wrapall{
	height: 100%;
	}

embed, iframe, object, video{
	max-width: 100%;
	}	

.wrapper{
	margin: 0 auto;
	}

.tooltip{
	white-space:nowrap;
	}

.col-sm-9.no-sidebar{
	width:100%;
	}

.parallax-portfolio .bx-viewport, 
.blogpost,
.post_format, 
.overlay span, 
.parallax-page .member, 
.blog-post, 
.widget, 
.bx-viewport .recent-item-list li,
.widget  tfoot td a,
.comment-meta,
#comments,
.portfolio_item,
.hentry,
.content-box
 {
	overflow: hidden;
	background: #FFF;
	}

/* Border Radius */
.parallax-portfolio .bx-viewport, 
.blogpost,
.post_format, 
.overlay span, 
.parallax-page .member, 
.blog-post, 
.widget, 
.bx-viewport .recent-item-list li,
.widget  tfoot td a,
.comment-meta,
#comments,
.btn-group-expand a,
.portfolio_item,
.hentry,
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea,
.search-form .search-field,
#portfolio-cat-filter,
.content-box,
.comment-respond{
	border-radius:20px !important;
	}

		
/*------------------------------------------------------------------
[1.1. Page Titles]
*/

.page .main-title{
	margin: 0;
	}
	
.page-title{
	padding: 0; 
	margin-bottom: 20px; 
	}
	
.page-title h1{
	margin:0;
	}


/*------------------------------------------------------------------
[1.2. Buttons]
*/

.btn:focus, .btn:active{
	box-shadow: none;
	}

.btn{
	border-color: transparent !important;
	}
	
.btn-default{
	padding: 10px 15px;
	border: none;
	}


.btn-icon i{
	margin-right: 5px;
	}

.btn-group-wrap{
	padding: 20px;
	}
	
.btn-group .btn + .btn, 
.btn-group .btn + .btn-group, 
.btn-group .btn-group + .btn, 
.btn-group .btn-group + .btn-group{
	margin-left: 0;
	}

/*------------------------------------------------------------------
[1.2.1. Social Media Buttons]
*/

.btn-social-icon.btn-sm, .btn-social-icon.btn-sm:hover{
	color: #FFF !important;
	}
	
#social-icons{
	padding:10px 0;
	}
	
.btn-social-icon{
	margin-left: 5px; 
	border: none;
	}


/*------------------------------------------------------------------
[1.2.2. Next-Prev Buttons]
*/

.btn-group-expand{
	position: absolute;
	top:50%;
	margin-top: -20px;
	z-index: 998;
	width:100%;
	left: 0;
	}

.btn-group-expand .bx-next{
	position: absolute;
	right: 20px;
	}
	
.btn-group-expand .bx-prev{
	position: absolute;
	left: 20px;
	}

		
/*------------------------------------------------------------------
[1.3. bx Slider Styles]
*/

.bx-wrapper{
	position: relative;
	}

.disabled{
	display: none;
	}


/*------------------------------------------------------------------
[1.4. Image Overlays]
*/

.overlay .icon-align{
	top:50%;
	margin-top: -35px;
	left: 50%;
	margin-left: -35px;
	position: absolute;
	z-index: 998;
	opacity: 0;
	background: transparent;
	}

.overlay .two-icons{
	margin-left: -50px;
	}

.overlay .icon{
	display: inline-block;
	color: #555;
	}

.overlay:hover .icon-align{
	opacity: 1;
	}

.overlay{
	position: relative;
	display: block;
	overflow: hidden;
	}

.overlay img{
	opacity: 1;
	width:100%;
	height: auto;
	}

.overlay:hover img{
	opacity: .3 !important;
	}

.overlay i{
	width:50px;
	height:50px;
	}
	
	
/*------------------------------------------------------------------
[2. Header/#masthead]
*/

#masthead{
	margin-bottom: 35px;
	display: table;
	width: 100%;
	}
	
.template-parallax #masthead{
	position: fixed;
	z-index: 999;
	top:0;
	left: 0;
	right: 0;
	margin: 0;
	}


/*------------------------------------------------------------------
[2.1. Logo/.navbar-brand]
*/

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	}


	
/*------------------------------------------------------------------
[3. Navigation/.navbar]
*/

.navbar{
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	}

.navbar-nav li a:focus{
	outline: none;	
	}

.navbar-collapse,
.navbar-inverse .navbar-toggle{
	border: none;
	font-size:13.5px;
	font-weight:900;
	}
		
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
	}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus{
	background: none;
	}
	
.dropdown-submenu{
	position:relative;
	}
	
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
	}
	
.dropdown-submenu:active>.dropdown-menu, 
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
	}
	
.dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#ccc;
	margin-top:5px;
	margin-right:-10px;
	}
	
.dropdown-submenu:active>a:after{
	border-left-color:#FFF;
	}
	
.dropdown-submenu.pull-left{
	float:none;
	}

.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
	}

.current_page_item.open{
	background: none;
	}

.dropdown-menu{
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	border:none;
	}

.dropdown-submenu > .dropdown-menu{
	border-radius: 0;
	margin: 0;
	}	

.dropdown-menu > li > a{
	padding: 8px 20px;
	color: #666;
	}

.dropdown-menu > li > a span{
   	clear: both;
    color: #999999;
    display: block;
	}


/*------------------------------------------------------------------
[4. Parallax / Index Page]
*/
 
html.template-parallax,
html.template-parallax body{
	height:100%;
	width:100%;
	overflow: hidden;
	margin:0 !important;
	padding: 0;
	}

#parallax-container{
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:200px;
	min-width: 300px;
	position: relative;
	}

.parallaxItem{
	position:absolute;
	bottom:0;
	left:0;
	-webkit-backface-visibility: hidden;
	}
	
.template-parallax body{
	-webkit-transform:translate3d(0,0,0); /* safari flicker fix */
	}

.template-parallax .site-footer{
	position: fixed;
	bottom: 0;
	z-index: 499;
	width:100%;
	}
	
.parallax-page .page-title h1, 
.parallax-page .page-title h2, 
.parallax-page .page-title h3, 
.parallax-page .page-title h4{
	margin: 0;
	}

.parallax-page{
	position:absolute;
	width:75%;
	max-width: 1040px;
	}
 
.parallax-page:hover{
	z-index: 999 !important;
	border:none;
	}

.parallax-page .link{
	position: absolute;
	top:0;
	right:0;
	border: none;
	}
		

/*------------------------------------------------------------------
[4.1. Content Box/ .content-box]
*/
 
.content-box{
	padding: 25px;
	background: #FFF;
	}
	
.content-box  .page-contents{
	margin: 0;
	}

.content-box .member, .content-box .blogpost{
	margin-right: 1px !important;
	}	
	
.parallax-page .content-box .link {
	color: #000;
	margin: 15px;
	}	

.content-box  .page-title h4{
	color: #999;
	}

.content-box .parallax-portfolio .btn-group{
	top:0;
	right:0;
	}

.content-box .parallax-portfolio .contents{
	padding-top: 0px;
	}	


/*------------------------------------------------------------------
[4.1.2. Nano Scrollbar/ .nano]
*/

.nano{ 
	height: 300px; 
	margin-top: 20px;
	}
	
.nano .nano-content{ 
	padding:0 10px; 
	}
	
.parallax-portfolio.nano-content, .parallax-blog.nano-content, .parallax-aboutus.nano-content{
	padding: 0;
	}	

.nano .nano-pane{ 
	background: transparent;
	}
	

/*------------------------------------------------------------------
[4.2. Portfolio Section]
*/

.parallax-portfolio{
	position: relative;
	}

.parallax-page  .page-contents img{
	max-width: 100%;
	height: auto;
	}


/*------------------------------------------------------------------
[4.2.1. Portfolio Slider]
*/

.parallax-portfolio .slider{
	margin: 0;
	padding: 0;
	display:block;
	}

.parallax-portfolio .slider li{
	background: #FFF;
	}

.parallax-portfolio .slider li img{
	float: left;
	width:500px;
	margin-right: 25px;
	max-width:400px;
	height:auto;
	}

.parallax-portfolio #pager{
	width:500px;
	max-width:400px;
	position: absolute;
	bottom: 20px;
	z-index: 998;
	}

.parallax-portfolio #pager img{
	width:45px;
	height: auto;
	border: 2px solid #FFF;
	}

.parallax-portfolio #pager a{
	padding: 5px;
	opacity: .4;
	}

.parallax-portfolio #pager a.active{
	opacity: 1;
	}

#pager a:hover, #pager a:active, #pager a:visited, #pager a{
	text-decoration: none;
	font-size: 0;
	}	

.parallax-portfolio .btn-group{
	position:absolute;
	top:30px;
	right: 30px;
	z-index: 999;
	}

.parallax-portfolio .contents{
	position: relative;
	z-index: 99999;
	padding: 60px 40px 40px 40px;
	}

.parallax-portfolio .contents p{
	padding:  20px 0;
	}


/*------------------------------------------------------------------
[4.3. Blog Section]
*/
	
.small-title .blog-post-title a, 
.small-title .blog-post-title,
.team-content h3{
	margin: 0;
	}

.template-parallax .blogpost img{
	width:100%;
	height: auto;
	}

.blogpost .overlay{
	position: absolute;
	bottom: 0;
	}

.blogpost .post-title{
	clear:both;
	padding: 20px;
	}

.blogpost .excerpt{
	padding: 0 20px;
	}

.blogpost .excerpt, 
.blogpost .post-title{
	padding-left: 85px;
	}
	

/*------------------------------------------------------------------
[4.4. About Section]
*/

.team-pic{
	position: relative;
	min-height: 100px;
	overflow: hidden;
	background: #FFF;
	}

.team-pic{
    z-index: 2;
	}

.team-desc .extra-pad{
	padding: 25px;
	}

.team-desc{
    background: #F2F2F2;
    width: 100%;
    z-index: 1;
	position: absolute;
	top:0;
	left: 0;
	overflow-x: auto;
	max-height: 100%;
	height:240px;
	}

.team-group:hover .team-desc{
	z-index: 99;
	}

.team-content h3, 
.team-content p, 
.team-group{
	max-width: 100%;
	width: 275px;
	margin:0 auto;
	background: #FFF;
	}

.team-content h3, 
.team-content p{
	padding:5px;
	clear:both;
	}

.team-content h3{
	padding-top:10px;
	padding-bottom:0;
	}

.team-content p{
	padding-bottom: 15px;
	padding-top:0;
	color:#AAA;
	}

.team-content{
	width: 275px;
	max-width: 100%;
	margin: 0 auto;
	background: #FFF;
	}

.team {
	overflow: hidden;
	}

.team img{
	max-width: 100%;
	}

.member-social{ 
	width:100%; 
	padding-bottom: 20px; 
	}

.page-contents .member h3, 
.page-contents .member p, 
.page-contents .team-group, 
.page-contents .member .team-content{
	max-width:100%;
	}


/*------------------------------------------------------------------
[5. Blog Page]
*/

.blog-post-title{
	padding-left: 60px;
	margin-bottom: 0;
	}

.entry-content td,
.entry-content th{
	padding: 5px;
	}

.entry-content img{
	max-width: 100%;
	}

.not-post .blog-post-title,
.not-post .entry-header .meta-details{
	padding-left: 0;
	}

.not-post .post_format{
	display: none;
	}

.cat-tag{
	padding: 10px 35px;
	color: #666;
	}

.cat-tag a{
	padding: 10px 5px;
	}
	
.tags_list, 
.categories_list{
	display: inline-block;
	}
	
.blog-main .entry-content{
	padding-top: 0;
	}

.entry-header, 
.entry-content{
	padding: 25px 35px;
	overflow: hidden;
	}

.entry-header h1{
	margin-top: 0;
	}
	
.entry-header h1,
.entry-header h1 a{
	color: #333;
	}

.entry-header .meta-details{
	padding: 0 0 0 60px ;
	overflow: hidden;
	clear: both;
	}

.entry-header .meta-details a{
	padding: 0 5px;
	white-space: nowrap;
	}

.entry-thumbnail img{
	max-width:100%;
	height: auto;
	}

.blog-post,
.widget{
	background: #FFF;
	margin: 0 0 25px 0;
	overflow: hidden;
	}

.blog-post:first-child{
	margin-top: 0;
	}

.blog-post{
	position:relative;
	}


/*------------------------------------------------------------------
[5.1. Post Format]
*/
	
.post_format{
	position: absolute;
	top:25px;
	left: 25px;
	width:50px;
	height:50px;
	z-index: 9999;
	background: #4D4D4F;
	}

.post_format:before{
	content: "\f0c9";
	color: #FFF;
	width:50px;
	height:50px;
	position: absolute;
	cursor: default;
	}

.blog-post .post_format{
	left:30px;
	top:30px;
	}

iframe.twitter-tweet{
	box-shadow:none !important;
	width:100% !important;
	border:none !important;
	margin-top: 0 !important;
	}

.format-aside .post_format:before{
	content:"\f192";
	}

.format-audio .post_format:before{
	content:"\f028";
	}

.format-chat .post_format:before{
	content:"\f086";
	}

.format-gallery .post_format:before{
	content:"\f03e";
	}

.format-image .post_format:before{
	content:"\f030";
	}

.format-video .post_format:before{
	content:"\f03d";
	}

.format-link .post_format:before{
	content:"\f0c1";
	}

.format-quote .post_format:before{
	content:"\f10d";
	}

.format-status .post_format:before{
	content:"\f15c";
	}	

	
/*------------------------------------------------------------------
[5.2. Pagination]
*/

.pagination{
	overflow: hidden;
	}

.pagination > li > a, 
.pagination > li > span{
	border-radius: 0 !important;
	border: none;
	}


/*------------------------------------------------------------------
[5.3. Widgets]
*/

.widget{
	padding: 20px 25px;
	}
	
.widget .widget-title{
	margin-top: 0;
	}
	
.widget ul,
.widget li{
	list-style:none;
	margin: 0;
	padding: 0;
	}

.widget li ul.children{
	padding-left: 10px;
	border-left: 3px solid #f2f2f2;
	margin:8px 0 0 0 !important;
	}

.widget li{
	padding: 8px 0;
	}

.widget img{
	max-width: 100%;
	height: auto;
	}

.widget select{
	width:100%;
	}
	
.widget.social_networks_widget a{
	margin: 3px;
	}


/*------------------------------------------------------------------
[5.3.1. Search]
*/

.search-form .search-field, 
.search-form label, 
.search-submit{
	float: left;
	margin-bottom: 0;
	}

.search-form{
	position: relative;
	}

.screen-reader-text{
	display: none;
	}

.search-form label{
	width:100%;
	}

.search-form .search-submit{
	position: absolute;
	right: 1px;
	top:1px;
	padding: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: none;
	border: none;
	}

.search-form .search-submit:hover, 
.search-form .search-submit:hover i, 
.search-form .search-submit i,
.fa-search{
	background-color: transparent !important;
	}

.search-form .search-field{
	padding-right: 50px;
	width: 100%;
	border: 1px solid #f1f1f1;
	}


/*------------------------------------------------------------------
[5.3.2. RSS]
*/

.rss-date, .rssSummary{
	display: block;
	clear: both;
	padding-bottom: 5px;
	}


/*------------------------------------------------------------------
[5.3.3. Categories]
*/

.widget_categories li{
	clear:both;
	overflow:hidden;
	}

.widget_categories li a{
	float: left;
	}


/*------------------------------------------------------------------
[5.3.4. Recent Posts]
*/

.widget_recent_entries li .post-date{
	display: block;
	}

.widget #recent-projects .btn-group{
	position: absolute;
	top:-40px;
	right:10px;
	}


/*------------------------------------------------------------------
[5.3.5. Tag Cloud]
*/

.widget_tag_cloud a{
	display: block;
	float: left;
	white-space: nowrap;
	padding: 3px 5px;
	border:1px solid #f2f2f2;
	margin: 0 8px 8px 0;
	overflow: hidden;
	}

.widget_tag_cloud a:hover{
	background: #333;
	color: #FFF;
	}


/*------------------------------------------------------------------
[5.3.6. Recent Projects]
*/

.widget.widget_recent_posts, 
.widget.widget_recent_posts li{
	padding: 0;
	}

.widget_recent_posts h3{
	padding: 20px 35px 10px 35px;
	margin-bottom: 0;
	}

#recent-projects{
	position: relative;
	}

.widget.widget_recent_posts .btn-default{
	padding: 6px 8px;
	}

#recent-projects .bx-pager{
	height: 30px;
	}

#recent-projects .bx-controls .bx-pager-item{
	display: inline;
	padding: 0 5px;
	}

#recent-projects .bx-controls .bx-pager-item .bx-pager-link{
	padding: 3px;
	border-radius: 50%;
	background: #FFF;
	border: 1px solid #333;
	}

#recent-projects .bx-controls .bx-pager-item .bx-pager-link.active{
	border: 3px solid #333;
	background: #333;
	}

#recent-projects .overlay .icon-align{
	padding: 30px;
	left: 0;
	right:0;
	top:0;
	margin: 0;
	}

#recent-projects a.thumb:hover span{
	display: block;
	}


/*------------------------------------------------------------------
[5.3.7. Calendar]
*/

.widget table{
	width: 100%;
	}

.widget tfoot td#next a{
	float: right;
	}

.widget  tfoot a{
	padding: 5px 10px;
	display: block;
	background: #f2f2f2;
	float: left;
	margin-top: 10px;
	}


/*------------------------------------------------------------------
[5.4. Comments]
*/

.comment-list li li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.comments-title{
	margin-top: 0;
	}

.comment-list, 
.comment-list li{
	list-style: none;
	margin: 0;
	padding: 0;
	}

.comment-list .avatar{
	float: left;
	margin-right: 20px;
	width:50px;
	height: 50px;
	}

.comment-list li{
	padding: 15px 0;
	border-bottom: 1px solid #f2f2f2;
	}

.comment-content{
	padding: 15px 0 0 0;
	clear: both;
	}

.comment-meta{
	background:#f9f9f9;
    float: left;
    overflow: hidden;
    padding: 20px;
    width: 310px;
	}

.comment-body{
	position: relative;
	}

.bypostauthor{
	background: #F9F9F9;
	}

.bypostauthor .comment-meta{
	margin-left: 10px;
	background: #FFF;
	}

.bypostauthor .comment-content, 
.bypostauthor  .reply,
.bypostauthor #respond{
	margin-left: 20px;
	margin-right: 20px;
	}

.comments-area, .comment-respond{
	padding: 30px;
	background: #FFF;
	margin: 25px 0 0 0;
	}

.comment-respond{
	margin-top: 0; 
 	}

.comment-respond .form-allowed-tags,
.comment-notes{
	display: none;
	}

#commentform label{
	display: block;
	}

#commentform #author, 
#commentform #email,
#commentform #url, 
#commentform textarea{
	border: 1px solid #F2F2F2;
	padding:10px;
	width:50%;
	} 


/*------------------------------------------------------------------
[5.5. WordPress WYSIWYG Editor Styles]
*/
.entry-content img {
	margin: 0 0 1.5em 0;
	max-width: 100%;
	height: auto;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	clear:both;
	}
.wp-caption {
	margin-bottom: 1.5em;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	margin-right: 0;
	width: 33%;
	float: right;
	}
	

/*------------------------------------------------------------------
[6. About Page]
*/

.template-inner .team-content h3, 
.template-inner .team-content p, 
.template-inner .team-group, 
.template-inner .team-desc,
.template-inner .team-pic,
.template-inner .team-content,
.template-inner .team-pic img{
	width: 100%;
	max-width:350px;
	height: auto;
	}


.member-pad{
	position: relative;
	background: #FFF;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 25px;
	}

	
/*------------------------------------------------------------------
[7. Portfolio Page - Filterable]
*/

.isotope .isotope-item {
  	-webkit-transition-duration: 0.8s;
 	-moz-transition-duration: 0.8s;
  	transition-duration: 0.8s;
  	-webkit-transition-property:-webkit-transform, opacity;
  	-moz-transition-property:-moz-transform, opacity;
  	transition-property:transform, opacity;        
	}

.isotope .element{
	float: left;
	}	

.isotope{
	margin: 0 auto;
	}

#portfolio .col-sm-4 {
    width: 33.30%;
	}	

#portfolio-cat-filter{
	overflow: hidden;
	margin:0 15px 30px 15px;
	}

#portfolio-cat-filter .pagination{ 
	border-radius: 0; 
	display: block; 
	margin: 10px 0
	}

#portfolio-cat-filter .pagination > li > a, 
#portfolio-cat-filter .pagination > li > span{
	padding: 10px 20px;
	outline:none;
	float: none;
	display: inline-block;
	}

#portfolio-cat-filter li a span{
	opacity:.7;
	padding: 3px;
	}

#portfolio-cat-filter li{
	margin-left: -3px;
	}

	
/*------------------------------------------------------------------
[8. Portfolio Single Page]
*/
 
.portfolio_item{
	margin-bottom: 30px;
	} 


.portfolio_item .cat-tag{
	padding: 10px 0;
	}	
		
.portfolio_item .blog-post-title{
	padding-left: 0;
	}	

.portfolio_item .overlay img{
	min-height: 0 !important;
	}

.single-portfolio_item .col-sm-9,
.full-width{
	float: none;
	margin: 0 auto;
	width: 100%;
	}
		
.related-items h2{
	padding-bottom: 20px;
	}	

.related-items.has_title .btn-group{
	top:-65px;
	right:0;
	position: absolute;
	}

.related-items .small-title{
	padding-bottom: 15px;
	}
	
.single-portfolio_item  .page-title{
	margin: 0 15px;
	z-index: 9999;
	position: relative;
	}	


#portslider li img{
	max-width: 100%;
	height: auto;
	}


/*------------------------------------------------------------------
[9. Footer]
*/
.site-footer{
	clear:both;
	}
	
.site-footer .footer-info{
	padding: 10px 25px;
	}
	
.site-info{
	color:#FFF;
	}

/* Sticky Footer */	
.wrapall.innerpage{
	height: auto !important;
    margin: 0 auto -70px;
    padding: 0 0 70px;
    min-height: 100%;
    overflow: hidden;
    clear: both;
	}
	

/*------------------------------------------------------------------
[10. CSS Animations / Hover Effects]
*/

.overlay img, 
.overlay .icon i,
.team-desc:hover,
.overlay:hover .icon-align{
	transition-duration:350ms;
	transition-timing-function:ease-out;	
	}

.team-pic{
	transition-duration:550ms;
	transition-timing-function:ease-out;	
	}

.team-desc{
	opacity: 0;
	}
	
.team-desc:hover .team-pic{
	opacity: 0;
	}
	
.team-desc:hover{
	opacity: 1;
	}

.overlay img{
	transform:scale(1.01, 1); 
	}


.overlay:hover img{
	transform:scale(1.05, 1.05); 
	}

.navbar-nav li,
.current_page_item .dropdown-toggle,
.navbar-inverse .navbar-nav > .current_page_item > a.dropdown-toggle,
.current_page_item, .current_page_item:hover,
.current_page_item a:focus,
.navbar-inverse .navbar-nav > li.current_page_item > a:hover, 
.navbar-inverse .navbar-nav > li.current_page_item > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
#masthead .navbar-nav li.current-menu-item,
.navbar-inverse .navbar-nav > .current_page_item > a, 
.navbar-inverse .navbar-nav > .current_page_item > a:hover, 
.navbar-inverse .navbar-nav > .current_page_item > a:focus{
	transition: background 1s ease-in-out; 
	}
	
/* Just for the demo - Remove this when you get started */
.welcome-page{
	width:80%; 
	padding-top:30px;
	}
	
	.laranja {
		color: #ff9900;
	}
	
	.cinza {
		color:#666;
	}
	
	.missao {
		 float:left; 
		 width:200px; 
		 margin-left: 70px; 
		 margin-right: 120px;
	}
	
	.visao { 
		float:left; 
		width:200px;
	}
	
	.depoimento {
		
	}
	
	.foto-depoimento {
		width: 80px;
		float:left;
		margin-right:10px;
	}
	
	.texto-depoimento {
		font-size:14px; 
		font-style:italic;
		color:#666;
		float:left;
	}
	.assinatura-depoimento {
		width:300px;
		float:left;
	}
	
	.contato-box {
		height:330px;
		width: 237px;
		border-left: 2px solid #ff9900;
		float:right;
	}
	
	.contato-box .bandeira {
		float: left;
		width: 30px;
		height:22px;
		margin: 20px 10px 10px 19px;
	}
	
	.contato-box .tel {
		float:left;
		font-weight:bold;
		margin-top: 20px;
	}
	
	.contato-box .endereco { 
		margin-left: 19px;
	}
		