/* 
  
================================================
1. Fonts - Hind and Poppins (Credits: Google Fonts)
================================================
*/

@import url(https://fonts.googleapis.com/css?family=Hind:300,400,700|Arimo:400,700);
/*
================================================
2. Common Css
================================================
*/


::-moz-selection {
 color: white;
 text-shadow: none;
 background: #222222;
}
::selection {
	color: white;
	text-shadow: none;
	background: #222222;
}
img::selection {
	color: white;
	background: transparent;
}
img::-moz-selection {
 color: white;
 background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	color: #000000;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
	color: #000000;
}
.services h4 {
	font-weight: 400;
	color: #0A84CB;
}
p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: 0.2px;
}
p.konnect-para::first-letter {
	font-size: 200%;
	color: #0A84CB;
}
.justify {
	text-align: justify;
}
.konnect-section-heading {
	margin-top: 0;
	background: rgba(10,132,203,0.8);
	color: #fff;
	width: auto;
	padding: 10px;
	text-align: left;
	box-shadow: 0px 10px rgba(0,0,0,0.7);
}
.color-default {
	color: #0A84CB;
}
.konnect-well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 5px rgba(108, 184,92,1);
	box-shadow: 5px 5px #f1f1f1;
	border: 1px solid #f1f1f1;
}
.konnect-list li {
	list-style: none;
	font-size: 17px;
	line-height: 31px;
	font-weight: 300;
	padding-left: 3px;
}
.konnect-list li:before {
	content: "\f1db";
	font-family: FontAwesome;
	font-style: normal;
	text-decoration: inherit;
	color: #7FAAFF;
    margin-right: 6px;
    font-weight: bold;
    font-size: 14px;
}
.konnect-space {
	min-height: 20px;
}
.bg-primary {
	background-color: #0A84CB;
}
.bg-dark {
	background-color: #222222;
	color: white;
}
.text-faded {
	color: rgba(255, 255, 255, 0.7);
}
.text-primary {
	color: #0A84CB;
}
.text-white {
	color: #ffffff;
}
.text-dark {
	color: #333333;
}
.text-center span{ 
	display:block;
}
section{
	padding: 60px 0;
}
aside {
	padding: 25px 0;
}
.konnect-clients img{
	box-shadow: 0px 0px 5px #d2d2d2;
}
.footer-contact {
	padding: 40px 0;
}
.footer-contact p {
	margin: 20px 0 0;
}
.navbar-fixed-top {
	position: static;
}
.navbar-fixed-top.affix {
	position: fixed;
}
.no-padding {
	padding: 0;
}
.icon-border {
	border: 1px solid #0A84CB;
	padding: 20px;
	border-radius: 50%;
	background: rgba(10,132,203,0.2);
}
.services img {
	width: 58px;
	margin-bottom: 10px;
}
.img-border {
	box-shadow: 5px 5px 3px #ddd;
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
/* margin classes */
.margin-0 {
	margin: 0px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-top-50 {
	margin-top: 50px;
}
/*dark theme*/
.dark-bg {
	position: relative;
	width: 100%;
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-image: url('../img/dark-bg.jpg');
	text-align: center;
	color: white;
}
.light-bg {
	background: #f9f9f9;
	box-shadow: 0px 0px 5px #d2d2d2;
}
.light-bg p {
	color: #000000;
	font-weight: 400;
}
p a {
	line-height: 1;
}
.section-heading {
	margin-top: 0;
	font-weight: 400;
}
.section-heading span {
	color: #0A84CB;
	font-weight: 400;
}
.hidden {
	display: none;
}
.fixed-right-bottom {
	min-width: 200px;
}
.img-shadow {
	border: 1px solid #f1f1f1;
	padding: 20px 10px;
	box-shadow: 5px 6px 9px #f1f1f1;
}
/*Table*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 20px 10px;
}
.table > tbody > tr > td {
	border-top: 1px solid #0A84CB;
}
/* back to top*/
.back-to-top {
	background: #0F0F0F;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 9;
	padding: 5px 20px;
	font-size: 35px;
	color: #ffffff;
}
.back-to-top:hover {
	background: #444444;
}
.container.job-single{
	overflow-x:hidden;
}

}