/*Theme Name: HorizillaxTheme URI: http://www.productivethemes.com/horizillax_htmlAuthor: Gopal RajuAuthor URI: http://www.convax.com/Description: Horizillax - A horizontal parallax based HTML theme that looks great on any device, big or small.Version: 1.1License:  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 Overlays2. Header/#masthead	2.1. Logo/.navbar-brand3. Navigation/.navbar4. 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 Section5. 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 Styles6. About Page7. Portfolio Page - Filterable8. Portfolio Single Page9. Footer10. 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-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;	}/*------------------------------------------------------------------[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{	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;	}