/*
Theme Name: Business-nil
Theme URI: http://nilanjanbanerjee.com/preview/business
Author: Nilanjan Banerjee
Author URI: http://nilanjanbanerjee.com/
Description: Responsive Multipurpose Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: business
Tags:two-columns, right-sidebar, custom-colors, custom-header, post-formats
*/


/* Base CSS */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
    margin: 0 0 15px;
    font-weight: 700;
	color:#363636;
}
html,
body { height: 100%; font-family: 'Open Sans', sans-serif; }
body {

}
a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}
a:hover { text-decoration: none }

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.section-padding{padding:100px 0px; overflow:hidden;}
.section-padding-ash{padding:100px 0px; overflow:hidden; background:#eee;}
.section-padding-nobottom{padding:100px 0px 0; overflow:hidden;}
p{color:#777; line-height:26px; font-size:14px;}
.nocontainer{overflow:hidden;}
.form-control {
	display: block;
	width: 100%;
	height: 45px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 24px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.section-heading{margin:0 0 50px 0;}
th {
	border-color:#6c6c6c;
	border-style:solid;
	border-width:1px;
	line-height: 1.42857;
	padding: 10px;
	vertical-align: top;
	background-color: #6c6c6c;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
td {
	border: 1px solid #ccc;
	line-height: 1.42857;
	padding: 10px;
	vertical-align: top;
	color: #777;
	text-align: center;
}
.page-cont .navigation{ font-weight:normal; box-shadow:none; font-size:16px; text-transform:capitalize;}
.page-cont .navigation a:hover{color:#f05f40;}
.page-cont .navigation .current{color:#f05f40;}
.page-cont .navbar-fixed-top{position:static; }

.paginate{margin:80px auto 0; text-align:center; text-transform:capitalize; font-size:18px !important;}
/************************************
				6.Navbar
*************************************/	
.navbar-3 {
	background:#fff;
	z-index: 10;
	width: 100%;
	border: 0px;
	padding:20px;
	display:flex;
	border-radius:0px;
	margin:40px 0 0 0;
}
.navbar-3 .navbar-nav>li>a {
	color:#777;
	font-weight:600;
	background:transparent;
	text-transform:uppercase;
}
.navbar-3 .navbar-nav>li>a:hover, .navbar-3 .navbar-nav>li>a:active {
	color:#00aef0 !important;
	background-color:#fff;
}
.navbar-3 .navbar-nav>.open>a, .navbar-3 .navbar-nav>.open>a:focus, .navbar-3 .navbar-nav>.open>a:hover {
	color:#00aef0 !important;
	background-color:#fff;
}
.navbar-3 .navbar-nav>li>.dropdown-menu {
	margin-top:20px;
}
.navbar-fixed-top {
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow:    0px 0px 10px #333;
	box-shadow:         0px 0px 10px #333;
	z-index:999;
	margin-top:0px !important;
	padding:20px 0px !important;
	background:#fff !important;
	position:fixed !important;
}
.navbar-fixed-top .navbar-nav>li>a {
	color:#777 !important;
	font-weight:600 !important;
	background:transparent !important;
	text-transform:uppercase !important;
}
/************************************
				6.Banner
*************************************/	
.head{top: 0; left: 0; width: 100%; z-index: 1000; background: #464646;}
.head h1{font-size:48px; letter-spacing:1px;color:#fff;}
.head p{color:#fff;}
.banner-cont{margin:95px 0;}
.btn-cont{margin:30px 0 0 0;}
.btn{padding:10px 30px; margin:10px 5px;font-weight: 600;}
.btn-default{background:#6c6c6c; color:#fff; border:none; border-radius:0px;}
.btn-primary{background:#18d726; color:#fff; border:none; border-radius:0px;}


/************************************
				6.About
*************************************/	
.count{margin: 40px auto 0;}
.count-item{margin:30px auto;}
.newsletter-cont{background:#464646; border:1px solid #464646; border-radius:3px; text-align:center; color:#fff; padding:100px 20px;}
.newsletter-cont h3{color:#fff;}
.newsletter-cont p{color:#fff;}
/*--------------------------------*/
/*           14.Caption
/*--------------------------------*/
.section-caption{background:#464646; padding:60px 0;}
.section-caption h2{color:#fff; margin:10px 0;}
.section-caption .btn-cont{margin:0px;}

/*--------------------------------*/
/*           6.Portfolio
/*--------------------------------*/
.portfolioFilter {
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	padding: 15px 10px;
	color: #45bbff;
}
.portfolioFilter a {
	color: #777;
	text-decoration: none;
  /*margin: 15px 5px 15px 5px;*/
	padding: 10px 15px;
	display: inline-block;
	font-weight:700;
	text-transform:uppercase;
}
.portfolioFilter a.current {
	color: #00aef0;
	font-weight:700;
}
.portfolioContainer a img {
	margin:15px auto;
	width:100%;
	height:100%;
}
.portfolioContainer1 a img {
	/*margin:15px auto;*/
	margin:0px auto;
	width:100%;
	height:100%;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/*hover effect start*/
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin-bottom:30px;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.hovereffect img {
	display: block;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.hovereffect:hover img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
	filter: brightness(0.7);
	-webkit-filter: brightness(0.7);
}
.hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	width: 100%;
}
.hovereffect:hover h2 {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.hovereffect a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
}
.hovereffect .rotate {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 100%;
	height: 100%;
	position: absolute;
}
.hovereffect hr {
	width: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
}
 .hovereffect hr:nth-child(2) {
 -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
 transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
}
 .hovereffect hr:nth-child(3) {
 -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
 transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
}
.hovereffect h2, .hovereffect hr {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	background-color: transparent;
	margin: 0px;
}
.group1, .group2 {
	left: 50%;
	position: absolute;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}
.group1 {
	top: 40%;
}
.group2 {
	top: 60%;
}
.hovereffect p {
	width: 30%;
	text-transform: none;
	font-size: 15px;
	line-height: 2;
}
.hovereffect p a {
	color: #fff;
}
.hovereffect p a:hover, .hovereffect p a:focus {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.hovereffect a i {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	padding: 10px;
	font-size: 20px;
}
.group1 a:first-child i {
	-webkit-transform: translate3d(-60px, -60px, 0) rotate(45deg) scale(2);
	transform: translate3d(-60px, -60px, 0) rotate(45deg) scale(2);
}
 .group1 a:nth-child(2) i {
 -webkit-transform: translate3d(60px, -60px, 0) rotate(45deg) scale(2);
 transform: translate3d(60px, -60px, 0) rotate(45deg) scale(2);
}
.group2 a:first-child i {
	-webkit-transform: translate3d(-60px, 60px, 0) rotate(45deg) scale(2);
	transform: translate3d(-60px, 60px, 0) rotate(45deg) scale(2);
}
 .group2 a:nth-child(2) i {
 -webkit-transform: translate3d(60px, 60px, 0) rotate(45deg) scale(2);
 transform: translate3d(60px, 60px, 0) rotate(45deg) scale(2);
}
 .hovereffect:hover hr:nth-child(2) {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
 transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
}
 .hovereffect:hover hr:nth-child(3) {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
 transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
}
.hovereffect:hover .group1 i:empty, .hovereffect:hover .group2 i:empty {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0) rotate(45deg) scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
/*hover effect end*/

/*--------------------------------*/
/*           14.Team
/*--------------------------------*/
.team2-cont {
	margin:15px auto;
	overflow:hidden;
}
.team2-social-cont a {
	margin:0 15px 0 0;
}
[class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption{background:#464646;}
.team-cont p {
    color: #a0a0a0;
}
/*--------------------------------*/
/*           14.Blog
/*--------------------------------*/
.blog-cont{padding:25px; background:#fff;margin: 15px auto; overflow:hidden;}
.author-img{float:left;}
.blog-cont .media-body h5{margin:3px 0 5px 0;}
.blog-cont .media .media-body h5{margin:3px 0 5px 0;}
.blog-cont .media{margin:0 0 30px 0;}
.read-more .btn{    
	padding: 10px 20px;
    margin: 10px 0;
    font-weight: 600; 
}
.blog-post-img{margin:0 0 30px 0;}


.blog-sidebar{ background:#fff; overflow:hidden; padding:20px; margin:15px auto;}
.sidebar-item {
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
}
.sidebar-item ul {
	list-style-type:none;
	margin:30px 0 0 0;
	padding:0px;
}
.sidebar-item ul li {
	margin:20px 0;
}
.sidebar-item ul li a {
	color:#777;
}
.sidebar-item ul li a:hover {
	text-decoration:none;
	color:#00aef0;
}
.sidebar-item ul li a i{ margin:0 5px 0 0;}
.sidebar-item .underline {
	border-bottom:2px solid #00aef0;
	padding:0 0 15px 0;
}
.sidebar-item ul li a.tag {
	float: left;
    margin: 5px;
    padding: 8px 15px;
    border: 1px solid #777;
    font-size: 13px;
}
.sidebar-item ul li a.tag:hover {
	float:left;
	margin:5px;
	padding: 8px 15px;
	border: 1px solid #00aef0;
	color:#00aef0;
	font-size: 13px;
}
.blog-search-field {
	border: 1px solid #e6e6e6;
	background: #fff;
	width: 100%;
	padding: 13px 15px;
	outline: none !important;
	font-size: 14px;
	line-height: 17px;
	font-weight: 300;
	color: #777;
	margin:20px 0 0 0;
}
.search-form button {
	background: #ffffff;
	border: none;
	float: right;
	margin-top: -32px;
	margin-right: 15px;
	position: relative;
	z-index: 2;
}
/*--------------------------------*/
/*           14.Footer
/*--------------------------------*/
.section-footer{ background:#343434; padding:50px 0; color:#ddd; text-align:center;}
.features-items{margin:30px auto;}
/*--------------------------------*/
/*           14.WP Classes
/*--------------------------------*/
.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 14px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}
.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}
.sticky{}
.sticky-post{
	background-color: #f05f40;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.25em 0.5em;
	font-size: 25px;
    top: 0;
    text-transform: uppercase;
}

/*.sticky .subheading-blog{margin:0 0 0 15px;}
.sticky .text-muted{margin: 20px auto 20px;}
.sticky a{margin:0 0 0 15px;}*/