/*
Theme Name: Horizillax
Theme URI: http://www.productivethemes.com/horizillax_html
Author: Gopal Raju
Author URI: http://www.convax.com/
Description: Horizillax - A horizontal parallax based HTML theme that looks great on any device, big or small.
Version: 1.1
License:  Regular License - Use, by you or one client, in a single end product which end users are not charged for 
License URI: http://themeforest.net/licenses/regular
*/

@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%;
	
	    background: rgba(255, 255, 255, 0);
	/* background: rgba(255, 255, 255, .4);*/
	}



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

.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:3px !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;
	}


.boton_instagram{
	width: 51px;
	height: 51px;
	background: url(../images/instagram_1.svg) no-repeat center;
	padding: 26px;

}


.boton_instagram:hover{
	width: 51px;
	height: 51px;
	background: url(../images/instagram_2.svg) no-repeat center;
	padding: 26px;

}
/*------------------------------------------------------------------
[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;
	}

.navbar-brand img{
	max-height: 50px;
	}

	
/*------------------------------------------------------------------
[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;
	}
		
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: 790px;
	}
 
.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: 40px;
	}	


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

.nano{ 
	height: 300px; 
	margin-top: 20px;
	}
	
.nano .nano-content{ 
	padding:0 30px; 
	}
	
.parallax-portfolio.nano-content, .parallax-blog.nano-content, .parallax-aboutus.nano-content, .parallax-contacto.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;
	}



/*
3.7 Contact
********************************************************************/
 .contact {
    background: #FECE1A;
}
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6, .contact .section .title > p, .contact .social > li > a {
    color: #181A1C;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
}
.contact textarea {
    height: 120px;
}
.contacts, .contact .social {
    color: #fff;
    list-style: none;
    margin-left: 10px;
}
.contacts > li {
    margin-top: 15px;
}
.contacts > li > a {
    color: #fff;
}
.contact-info {
    margin-top:10px;
    margin-bottom:10px;
}
.contact-info p{
     font-weight:normal;
}
.contact-info .icon {
    margin:10px auto;
    font-size:30px;
}
.map-wrapper {
    position:relative;
    height:450px;
}
.map-canvas {
    position:absolute;
    margin-bottom:20px;
    width:100%;
    height:440px;
    color: #29383F;
    position:absolute;
    left:0;
    top:0;
    right:0;
}
.contact .social {
    display: inline-block;
    margin-left:-50px;
}
.contact .social li {
    line-height: 32px;
    padding:10px 10px;
    font-family:'Porta';
    font-size: 50px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
}
.contact .social li a {
    color:#fff;
}
.contact .social li a:hover {
    color:#181A1C;
}
.contact-form {
    /*background:#fff;*/
    background: rgba(255, 255, 255, 0);
    padding-top: 7px;

}
.contact-form h3 {
    color:#838589;
    padding-bottom:20px;
}
.message-btn {
	border-radius: 10px;
	background-color: #1abaee;
    border:1px solid #1abaee;
    color:#fff;
    padding:15px 30px;
    font-size:17px;
}
.message-btn:hover {
    background-color:#51c5ea;
    border:1px solid #63cbd7;
}
.contact-info {
    text-align:center;
    font-size:22px;
}
.info-mail {
    border:1px solid white;
    width:46%;
    margin:0 auto;
    padding:15px;
    color:#181A1C;
}
.black {
    color:#181A1C;
}
/*

/*
3. Sections 
***************************************************************************/
 .section {
    padding-bottom: 50px;
}
.section .container {
    padding-top:0;
}
.section .title {
    text-align: center;
    padding:10px;
    margin-bottom: 30px;
}
.section .title h1 {
    font-weight: normal;
    margin-bottom: 20px;
    padding: 0;
}
.section .title > p {
    font-size: 20px;
    color: #FFF;
    font-weight: lighter;
}
.primary-section {
    background:#181A1C;
}
.primary-section .triangle {
    border-top: 40px solid #FECE1A;
}
.primary-section .title {
    border-bottom: 1px solid #FFF;
}
.primary-section, .primary-section .title p, .primary-section h3 {
    color: #FECE1A;
}
.primary-section h1 {
    color:#FFF;
}
.secondary-section {
    background:#FECE1A;
}
.secondary-section .title {
    border-bottom: 1px solid #181A1C;
}
.secondary-section h1, .secondary-section .title p {
    color: #181A1C;
}
/* Third section use bacground image */
.third-section {
    padding-bottom: 70px;
    background: #181A1C url(../images/brand-bg.png) no-repeat center;
    border-top:6px solid #FECE1A;
}
.third-section .container {
    padding-top:20px;
    position:relative;
}
.third-section .title {
    border-bottom: 1px solid #A1AAB7;
    color: #FECE1A;
}
.sub-section {
    margin-top:30px;
}
.sub-section .title {
    padding:0;
}
/*******

2.4 Socail icons
************/
 .social {
    list-style: none;
    float: none;
    position:relative;
    margin:5px; auto;
}
.social li {
    display:inline-block;
    line-height: 32px;
    font-family:'Porta';
    font-size: 32px;
    padding:0 5px;
}
.social li a {
    margin:0;
    padding:0;
    width:32px;
    height:32px;
    color: #FECE1A;
}
.social li a:hover {
    color:#181A1C;
}

.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}

.izquierda {
   width: 100%;
    height: 300px;
    float: none;
    margin-left: -20px;

}

#map_canvas img,
.google-maps img {
  max-width: none;
}

.error {
    color: #CF0000;
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}
.button,  .button:visited, .button:focus {
    display:inline-block;
    border:1px solid #181A1C;
    color:#181A1C;
    background-color:transparent;
    padding:15px 30px;
    font-size:17px;
    line-height:auto;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
  background-color: #ffffff05 !important;  
  border: 1px solid #142a4a;
}
/*