/*
Theme Name: LOGICFACTORY
Theme URI: wapfluid.com
Author: Wapfluid Technologies Pvt. Ltd.
Author URI: wapfluid.com
Description: Premium logicfactory theme with a complete theme options panel. 
Version: 1.0.0 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: bootstrap, responsive, html 5
Text Domain: logicfactory
*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:700');
@font-face {
    font-family: "Myriad-Pro";
    src: url(fonts/MyriadPro-Regular.otf) format("truetype");
    font-weight: normal;
}

body{
	font-family: "Myriad-Pro";
}
html{
	width:100%;
	height:100%; 
}
a, a:hover, a:focus{ 
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'PT Sans', sans-serif;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.01)!important;
}
/**** header css start ****/

/**** top-bar css start ****/
.top-buffer {
    margin-top: 20px;
}
.top-bar{
	background: #dcdcdc; 
    background: -webkit-linear-gradient(#dcdcdc, #808080); 
    background: -o-linear-gradient(#dcdcdc, #808080); 
    background: -moz-linear-gradient(#dcdcdc, #808080); 
    background: linear-gradient(#dcdcdc, #808080); 
	padding: 10px 0;
}
.top-bar p{
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin: 0;
}
.top-bar h3{
	margin: 0;
	text-align: right;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.top-bar h3 a{
	color:#fff;
}
.top-bar h3 a:hover{
	text-decoration:underline;
}
/**** top-bar css end ****/

/**** top-post css start ****/

.top-post .navbar-nav > li > a{
	color:#313131;
	letter-spacing: 1px;
}
ul.list-inline{
	padding:0;
	margin: 15px 0px;
}
.list-inline > li {
    display: inline-block;
    padding: 0;
}
ul.list-inline li a{
	color: #313131;
	font-size: 16px;
	padding: 0 0px 0 15px;
}
ul.list-inline li a:hover{
	color:#808080;
}

/**** dropdown-menu css start ****/
.top-post .dropdown-menu {
    margin:0;
	padding:0;
}	
.top-post .nav>li>a:focus, .top-post .nav>li>a:hover {
    background-color:transparent;
}
.top-post .dropdown-menu>li>a:focus, .top-post .dropdown-menu>li>a:hover {
    color:#777;
    background-color:transparent;
}
.top-post .dropdown-menu > li > a {
    color: #313131;
    padding: 7px 15px;
    letter-spacing: 1px;
}
.top-post .dropdown-menu > li > a:hover {
    color:#808080;
}
.top-post .navbar-default .navbar-nav > li.dropdown:hover > a,
.top-post .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.top-post .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
.top-post li.dropdown:hover > .dropdown-menu {
    display: block;
}

/**** dropdown-menu css end ****/

/**** top-post css end ****/

/**** top-nav css start ****/
a.logo{
	font-size: 34px;
	font-family: 'PT Sans', sans-serif;
	color:#313131
}
.navbar.affix{
	top: 0px;
	z-index: 9999;
	width: 100%;
}
.navbar.affix, .navbar-default {
    padding: 8px 0;
}
.navbar-default {
    background-color:#fff;
    border-color: transparent;
    box-shadow: 0px -1px 2px #ccc;
    padding: 20px 0;
}
.navbar{
	border:0;
	margin-bottom:0;
	border-radius:0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color:#808080;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a{
	color:#313131;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color:#808080;
    background-color: transparent;
}
/**** dropdown-menu css start ****/

.top-nav .open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
}
.top-nav .dropdown-menu {
    opacity: .3;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    /*display: block;*/
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
	padding: 0px 0;
	margin: 0px 0 0;
}
.top-nav .dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    color: #313131;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}
.top-nav .dropdown-menu > li > a:focus, 
.top-nav .dropdown-menu > li > a:hover {
    color:#808080;
    text-decoration: none;
    background-color: transparent;
}

/**** dropdown-menu css end ****/

/**** navbar-toggle css  start *****/

.navbar-default .navbar-toggle {
	border-color:transparent;
	background-color:transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#313131;
}
/* ANIMATED PLUS */
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus .icon-bar:nth-of-type(1) {
    transform: translate3d(0px, 6px, 0) rotate(90deg);
    transform-origin: center center;
}
.navbar-toggle.plus .icon-bar:nth-of-type(3) {
    transform: translate3d(0px, -6px, 0) rotate(-90deg);
    transform-origin: center center;
}
/* ANIMATED PLUS */

.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(2) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus.collapsed .icon-bar:nth-of-type(3) {
    transform: translate3d(0, 0, 0) rotate(0deg);
}
.navbar-toggle.plus .icon-bar:nth-of-type(1) {
    transform: translate3d(0px, 6px, 0) rotate(90deg);
    transform-origin: center center;
}
.navbar-toggle.plus .icon-bar:nth-of-type(3) {
    transform: translate3d(0px, -6px, 0) rotate(-90deg);
    transform-origin: center center;
}
/***** navbar-toggle css  end *****/

/**** top-nav css end ****/

/**** header css end ****/

/**** slider css start ****/

.slider {
    width: 100%;
	min-height:450px;
	background-size:cover;	
}
.slider .overlay {
    position:relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color:rgba(0, 0, 0, .6);
	min-height:450px;
}	
.single_banner .overlay {
    position:relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color:rgba(0, 0, 0, .6);
	min-height:450px;
}	
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.hero h1 {
    font-size: 60px;
    margin: 0 0 5px;
    padding: 0;
}
.archive_title h1 {
	color: #fff;
	margin-top: 100px;
	font-size: 60px;
}
.hero p{
	font-size: 18px;
}

.read_link{
	margin-top:4%;
}
.read_link a {
	color: #fff;
	padding: 11px 24px;
	text-transform: uppercase;
	background-color: #5a5a5a;
	border-radius: 2px;
	letter-spacing: 1px;
}	
.read_link a:hover {
    background-color:#3B3B3B;
}	
	
/**** slider css end ****/

/**** about css start ****/

.about{
	min-height:auto;
	padding:30px 0;
}
.aboutBox{
    text-align: center;
    margin:20px 0 30px 0;
}
.aboutBox .about-image > a > img{
    transition: all 0.2s ease-in-out 0s;
	width:180px;
}
.aboutBox:hover .about-image > a > img{
    padding: 5px;
    /* border: 2px solid #303133; */
    transition: all 0.2s ease-in-out 0s;
}
.aboutBox .about-content h3{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1.25px;
    margin-bottom: 16px;
    color:#707070;
    transition: all 0.21s ease 0s;
}
.aboutBox .about-content h3::after {
    border-bottom: 2px solid #707070;
    content: "";
    display: block;
    margin: 10px auto;
    width: 10%;
	transition: all 0.21s ease 0s;
}
.about-content{
	margin: 25px 0;
}

.aboutBox .read{
    margin-top: 20px;
}
.aboutBox .read > a{
    text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	transition: all 0.16s ease 0s;
	background-color: #545454;
	padding: 8px 35px;
	letter-spacing: 1px;
	border: 2px solid #545454;
	border-radius: 2px;
}

.aboutBox:hover .about-content h3::after {
    border-bottom: 2px solid #303133;
    width: 18%;
	transition: all 0.21s ease 0s;
}
.aboutBox:hover .about-content h3{
	color:#303133;
}
.aboutBox:hover .read > a{
    background-color:#fff;
	border: 2px solid #303133;
	color:#313131;
}

/**** about css end ****/

/**** service start ****/
.service{
	min-height:450px;
	padding:0 0 40px;
}
.card-content{
	padding:10px;
}
/***** masonry Page css *****/
.masonry{
	display: block;
	-webkit-column-gap: 100%;
	-moz-column-gap: 100%;
	column-gap: 100%;
}
.masonry.masonry-columns-3{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.masonry .masonry-item{
	display: inline-block !important;
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
	display: block;
	background-color: #fff;
	float: none !important;
}
.masonry .masonry-item {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #f0f0f0;
	transition: all 0.4s ease-in-out; 
}

.masonry .masonry-item .post-title {
	font-size: 17px;
    margin-top: 13px;
    text-transform: capitalize;
}
.masonry .masonry-item .post-title a{
	color:#666;
	font-weight:bold;
}
.masonry .masonry-item .post-title a:hover{
	color:#313131;
	text-decoration:underline;
}
.masonry .masonry-item .post-info {
	color: #999;
	text-transform: capitalize; 
	font-size: 13px;
}
.masonry .masonry-item p {
	color:#999; 
	margin-top: 5px;
}
.masonry .masonry-item .read-more {
	color: #666;
    font-size: smaller;
    text-transform: uppercase;
	font-weight: bold;
}
.masonry .masonry-item .read-more:hover {
	text-decoration:underline;
	color:#313131;
}
.masonry .masonry-item .tag-comment {
	border-top: 1px solid #f0f0f0;
	margin-top: 10px;
	padding: 5px 0;
}
.masonry .masonry-item .tag-comment span a{
	color: #666;
	font-weight: bold;
}
.masonry .masonry-item .tag-comment span a:hover{
	text-decoration:underline;
	color:#313131;
}
.tag-comment a{
	color: #666;
}

/**** contact css start ****/
.contact{
	min-height:450px;
	padding:20px 0 40px;
}
.about_banner {
    width: 100%;
    min-height: 250px;
    background-size: cover;
    display:none;
}
.single_banner {
    width: 100%;
    min-height: 250px;
    background-size: cover;
}
.about h3{
	color:#313131;
}
.about h4{
	color:#313131;
}
.about p{
	color:#999;
}
.about .form-control {
	border-radius:0;
}
.btn-info {
    color: #fff; 
    background-color: #313131;
    border-color: #313131;
    width: 100%;
}
.btn-info:hover {
    color: #fff; 
    background-color: #313131;
    border-color: #313131;
    width: 100%;
}
.btn-info:focus {
    color: #fff; 
    background-color: #313131;
    border-color: #313131;
    width: 100%;
}
.about .form-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,.0);
}

/**** job-post css start ****/
.job-postBox img{
	padding: 10px;
	width: 100%;
}
.job-post_title{
	border-bottom: 2px solid #313131;
}
.job-post_title h4{
	color:#313131;
}
/**** job-postBox css ****/
.job-postBox{
	border: 1px solid #ddd;
	margin: 30px 0 0;
	box-shadow: 0 0 2px #ccc;
}
.headerBox{
	border-bottom: 2px solid #eee;
	padding:0 5px;
	margin-right: 10px;
}
/**** heading-right css ****/
.heading-right {
	float: right;
}
.heading-right ul{
	padding:0;
	margin: 12px 0 0;
}
.heading-right ul li{
	list-style-type: none;
	display: inline-block;
	color: #808080;
	padding: 0 0 0px 6px;
}
.heading-right ul li a{
	color:#808080;
}
.heading-right ul li a:hover{
	color:#313131;
}
.heading-right ul li:nth-child(2) a{
	color: #777;
	background-color: #eee;
	padding: 4px 10px;
	border-radius: 2px;
}
/**** heading-left css ****/

.heading-left ul{
	padding:0;
	margin:0;
}
.heading-left ul li{
	list-style-type: none;
	display: inline-block;
	padding: 3px 7px 8px 0;
	color:#313131;
}
.heading-left h3{
	margin:0;
}
.heading-left ul li a{
	color:#313131;
}
.heading-left ul li:nth-child(2) a{
	color: #fff;
	background-color: #cc9900;
	padding: 4px 10px;
	border-radius: 2px;
}
.heading-left ul li:nth-child(3) a{
	color: #fff;
	background-color:#808080;
	padding: 4px 10px;
	border-radius: 2px;
}

/*** job-post_footer css ***/
.job-post_footer{
	border-top: 2px solid #ddd;
	margin: 10px 0 0;
	padding: 10px;
	background-color: #f5f5f5;
}
/**** footer-right css ****/
.footer-right {
	float: right;
}
.footer-right ul{
	padding:0;
	margin:0;
}
.footer-right ul li{
	list-style-type: none;
	display: inline-block;
	color: #808080;
	padding: 0 8px 0 0;
}
.footer-right ul li a{
	color:#808080;
}
.footer-right ul li i{
	border: 1px solid #999;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 0px;
	line-height: 20px;
	background-color: #fff;
}
.footer-right ul li a:hover{
	color:#313131;
}
.footer-right ul li a{
	color: #fff;
	background-color: #313131;
	padding: 4px 10px;
	border-radius: 2px;
}
/**** footer-left css ****/

.footer-left ul{
	padding:0;
	margin:0;
}
.footer-left ul li{
	list-style-type: none;
	display: inline-block;
	color:#808080;
	padding: 0 0 0 8px;
}
.footer-left h3{
	margin:0;
}
.footer-left ul li a{
	color:#808080;
}

/**** job-post css end ****/

/**** footer css start ****/
.footer-top {
    background-color:#313131;
    padding: 60px 40px;
    color: #fff;
}
.footer-top h4{
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
	margin-bottom: 25px;
}
.footer-top ul{
	padding:0;
	margin:0;
}
.footer-top ul li {
	list-style-type:none;
	color:#777;
	line-height:25px;
}
.footer-top ul li a{
	color:#777;
	transition: all 0.21s ease 0s;
}

.footer-top ul li a:hover{
	transition: all 0.21s ease 0s;
	text-decoration:underline;
	color:#fff;
}
.btn-default {
    color: #fff;
    background-color: transparent;
    border-width: 0 0 2px 0;
	border-radius:0;
	border-color:#fff;
}
.btn-default:hover {
    color: #fff;
    background-color: transparent;
	border-color:#fff;
}
.btn-default:focus {
    color: #fff;
    background-color: transparent;
	border-color:#fff;
}
.btn-default.active, .btn-default:active {
    color: #fff;
    background-color: transparent;
	border-color:#fff;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus {
    color: #fff;
    background-color: transparent;
	border-color:#fff;
}
.form-control::-webkit-input-placeholder {
	color: #fff;
}
.footer-top .form-control::-moz-placeholder {
	color: #fff;
}
.footer-top .form-control:-ms-input-placeholder { 
	color: #fff;
}
.footer-top .form-control:-moz-placeholder { 
	color: #fff;
}
.footer-top .form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 0px rgba(102,175,233,.0);
}
.footer-top .form-control {
    padding: 6px 0px;
    font-size: 14px;
    color: #fff;
	font-weight:bold;
	letter-spacing:2px;
    background-color: transparent;
    background-image: none;
    border-bottom: 2px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
    border-top: 0;
    border-left: 0;
    border-right: 0;
	text-transform:uppercase;
}
/*** copyright css start ***/
.copyright{
	background-color:#242424;
	padding:20px 0;
	color:#777;
}
.copyright p{
	margin:0;
	letter-spacing: 2px;
}
.copyright p a{
	color:#777;
}
.copyright p a:hover{
	color:#fff;
}
.copyright ul{
	margin:0;
	padding:0;
	text-align:right;
}
.copyright ul li{
	list-style-type:none;
	display:inline-block;
	color:#777;
}
.copyright ul li a{
	color:#777;
	padding: 0 0 0 12px;
}
.copyright ul li a:hover{
	color:#fff;
}


/**** scrollToTop css start ****/

.scrollToTop i {
    background-color: #222;
	border-radius: 2px;
	bottom:55px;
	color: #fff;
	font-size: 30px;
	height: 40px;
	line-height: 35px;
	position: fixed;
	right: 5px;
	width: 40px;
	text-align: center;
}

/**** scrollToTop css end ****/

/***** footer css end *****/