/*

Template: Knowledge Q&A Dashboard Template

Author: ScriptsBundle

Version: 1.0

Designed and Development by: ScriptsBundle

*/

/*

====================================

[ CSS TABLE CONTENT ]

------------------------------------

    1.0 -  General Style

	2.0 -  Helper Classes

    3.0 -  Typography

	4.0 -  PreLoader

    5.0 -  Page Heading Area & Breadcrumb

	6.0 -  Header Top Bar

    7.0 -  Navigation

    8.0 -  Search Form

    9.0 -  Parallax Settings

	10.0 -  How It Works

	11.0 -  Questions Listings

	12.0 -  Question Tabs

    13.0 -  Profile Settings

    14.0 -  Timeline Activity

    15.0 - Funfacts

    16.0 - Ribbons

	17.0 - Blog & News

	18.0 - Thread Reply

    19.0 - Testimonials

    20.0 - Our Apps

	21.0 - Social Feeds

	22.0 - Error Page

	23.0 - Login & Registration

    24.0 - Contact Us

    25.0 - Footer

    26.0 - Responsive Media Quries

-------------------------------------

[ END CSS TABLE CONTENT ]

=====================================

*/



html, body {

	height: 100%;

	width: 100%;

}

body {

	font-family: 'Open Sans', sans-serif;

	color: #777;

	font-size: 14px;

	line-height: 1.8em;

	font-weight: 400;

	overflow-x: hidden;

	-webkit-text-size-adjust: 100%;

	-webkit-overflow-scrolling: touch;

	-webkit-font-smoothing: antialiased;

	/* background: #f1f2f2 url("../../../images/darkgrain.png") repeat scroll 0 0; */

	background: #f1f2f2;

}

a {

	color: #1e76bd;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-ms-transition: all .25s ease-in-out;

	-o-transition: all .25s ease-in-out;

	transition: all .25s ease-in-out;

	cursor: pointer;

}

a:hover, a:focus {

	text-decoration: none;

	o-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

	color: #1e76bd;

}

img {

	max-width: 100%;

}

a, b, div, ul, li {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-tap-highlight-color: transparent;

	-moz-outline-: none;

}

ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

video, object {

	min-height: 100%;

	min-width: 100%;

}

.white {

	background: #fff;

}

.gray {

	background: #f1f2f2;

}

.btn:focus, a:focus {

	outline: none;

	text-decoration: none;

}

/* =-=-=-=-=-=-= Helper Classes  =-=-=-=-=-=-= */



.no-padding {

	padding: 0;

}

.no-margin {

	margin: 0;

}

.margin-bottom-10 {

	margin-bottom: 10px;

}

.margin-bottom-20 {

	margin-bottom: 20px;

}

.margin-bottom-30 {

	margin-bottom: 30px;

}

.margin-bottom-40 {

	margin-bottom: 40px;

}

.margin-bottom-50 {

	margin-bottom: 50px;

}

.margin-top-10 {

	margin-top: 10px;

}

.margin-top-20 {

	margin-top: 20px;

}

.margin-top-30 {

	margin-top: 30px;

}

.margin-top-40 {

	margin-top: 40px;

}

.margin-top-50 {

	margin-top: 50px;

}

.container.full-width {

	width: 100%;

}

.section-padding {

	padding: 120px 0;

}

.section-padding-140 {

	padding: 140px 0;

}

.section-padding-100 {

	padding: 100px 0;

}

.section-padding-80 {

	padding: 80px 0;

}

.section-padding-70 {

	padding: 70px 0;

}

.section-padding-60 {

	padding: 60px 0;

}

.section-padding-40 {

	padding: 40px 0;

}

.padding-top-20 {

	padding-top: 20px;

}

.padding-top-30 {

	padding-top: 30px;

}

.padding-top-40 {

	padding-top: 40px;

}

.padding-top-50 {

	padding-top: 50px;

}

.padding-top-45 {

	padding-top: 45px
}

.padding-top-60 {

	padding-top: 60px;

}

.padding-top-70 {

	padding-top: 70px;

}

.padding-top-80 {

	padding-top: 80px;

}

.padding-top-90 {

	padding-top: 90px;

}

.padding-top-100 {

	padding-top: 100px;

}

.padding-top-120 {

	padding-top: 120px;

}

.padding-top-140 {

	padding-top: 140px;

}

.padding-bottom-20 {

	padding-bottom: 20px;

}

.padding-bottom-30 {

	padding-bottom: 30px;

}

.padding-bottom-40 {

	padding-bottom: 40px;

}

.padding-bottom-50 {

	padding-bottom: 50px;

}

.padding-bottom-70 {

	padding-bottom: 70px;

}

.padding-bottom-80 {

	padding-bottom: 80px;

}

.padding-bottom-120 {

	padding-bottom: 120px;

}

.padding-bottom-100 {

	padding-bottom: 100px;

}

.padding-bottom-80 {

	padding-bottom: 80px;

}

.padding-bottom-60 {

	padding-bottom: 60px;

}

.padding-bottom-40 {

	padding-bottom: 40px;

}

.padding-bottom-20 {

	padding-bottom: 40px;

}

.custom-padding {

	padding: 80px 0 50px 0;

}

.pagination {

	border-radius: 0;

	margin: 0;

}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {

	border-radius: 0;

}

.pagination li {

	box-shadow: none;

	display: inline-block;

	margin-right: 10px;

}

.pagination>.active>a:hover, .pagination li:hover>a, .pagination>.active>a {

	background-color: #1e76bd;

	border-color: #1e76bd;

}

.pagination li>a {

	background-color: #f8f8f8;

	border-color: #d1d1d1;

	color: #777;

	font-size: 14px;

	font-weight: 400;

	padding: 10px 14px;

}

.pagination li>a:hover {

	background-color: #1e76bd;

	color: #fff;

	border-color: #1e76bd;

}

.custom-logo {

	display: block;

	left: 0;

	margin: 30px 0 0 30px;

	position: absolute;

	top: 0;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

}

/* =-=-=-=-=-=-= Typography  =-=-=-=-=-=-= */



h1, h2, h3, h4, h5, h6 {

	position: relative;

	font-family: 'Open Sans', serif;

	font-weight: normal;

	margin: 0px;

	background: none;

	line-height: 1.6em;

}

h1 {

	font-size: 36px;

}

h2 {

	font-size: 24px;

}

h3 {

	font-size: 20px;

}

h4 {

	font-size: 16px;

}

h5 {

	font-size: 14px;

	line-height: 1.6;

}

h6 {

	font-size: 12px;

}

p {

	line-height: 1.6em;

	font-size: 14px;

}

.btn {

	font-size: 14px;

	letter-spacing: 1px;

	padding: 14px 25px;

	border-radius: 1px;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-ms-transition: all .25s ease-in-out;

	-o-transition: all .25s ease-in-out;

	transition: all .25s ease-in-out;

	font-family: 'Open Sans', serif;

}

.extra {

	padding: 20px 25px;

}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {

	outline: 0;

}

.btn-lg {

	padding: 17px 34px;

	letter-spacing: 1.3px;

}

.btn-md {

	padding: 13px 27px;

}

.btn-sm {

	padding: 16px 20px;

	font-size: 12px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.btn-xs {

	padding: 6px 18px;

	font-size: 12px;

}

.btn-rounded {

	border-radius: 4px;

}

.btn-primary {

	text-transform: uppercase;

	background-color: #222;

	border-color: #222;

	color: #fff;

}

.side-bar .widget ul li a.btn-primary {
	color: #fff;

}

.light-dark {

	border: 1px solid #000;

	color: #000;

}

.form-group {

	margin-bottom: 20px;

}

.form-control {

	font-size: 14px;

	color: #555;

	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border-radius: 1px;

	height: auto;

	padding: 15px 12px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

	transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);

}

.form-control:focus {

	color: #111;

	border-color: rgba(0, 0, 0, .7);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	outline: none;

}

/* =-=-=-=-=-=-= Preloader  =-=-=-=-=-=-= */



.preloader {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background: #F7FBFC;

	z-index: 99999;

}

.preloader .preloader-gif {

	display: block;

	width: 132px;

	height: 132px;

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	margin: 0 auto;

	background-position: center center;

	transform: translateY(-50%);

	background: url('../../images/preloader.gif') no-repeat;

}

/* =-=-=-=-=-=-= Page Heading Area & Breadcrumb  =-=-=-=-=-=-= */

.main-heading {

	margin-bottom: 50px;

}

.main-heading h2 {

	color: #191919;

	font-size: 30px;

	/* margin-bottom: 25px;*/



	margin-top: 0;

	position: relative;

	text-transform: uppercase;

}

hr.main {

	background: #444444 none repeat scroll 0 0;

	border: medium none;

	height: 2px;

	margin: 20px auto;

	width: 75px;

}

.main-heading p {

	color: #999;

	font-size: 14px;

	font-style: italic;

}

.page-title {

	border-bottom: 1px solid #dedde1;

	border-top: 1px solid #dedde1;

	display: block;

	padding: 35px 0;

	position: relative;

}

.page-title h1 {

	font-size: 18px;

	font-weight: 500;

	margin: 0;

	padding: 0;

	color: #191919;

}

.slices {

	position: relative;

	overflow: hidden;

	margin-bottom: 10px;

}

.slices .slice {

	background: #d4dde8 none repeat scroll 0 0;

	display: inline-block;

	height: 3px;

	margin: 0 5px;

	position: relative;

	width: 18px;

}

.breadcrumb {

	background-color: transparent;

	border-radius: 0;

	font-size: 12px;

	list-style: outside none none;

	margin-bottom: 0;

	padding: 0;

}

.breadcrumb li a {

	color: #191919;

}

.breadcrumb li a:hover {

	color: #1e76bd;

}

.breadcrumb li.active {

	color: #1e76bd;

}

/* =-=-=-=-=-=-= Header Top Bar =-=-=-=-=-=-= */

.top-bar {

	background: #1e76bd none repeat scroll 0 0;

}

.top-bar::after {

	clear: both;

	content: "";

	display: block;

}

.top-bar ul.top-nav {

	margin: 0;

	padding: 9px 0;

}

.top-bar ul.top-nav li {

	display: inline-block;

	margin: 0 15px 0 0;

	padding: 0;

	position: relative;

}

.top-bar ul.top-nav li a {

	display: inline-block;

	font-size: 12px;

	outline: medium none;

	text-decoration: none;

	text-transform: uppercase;

	color: #fff;

}

.top-bar ul.top-nav li i {

	margin-right: 10px;

}

.top-bar .top-nav.nav-right {

	float: right;

	text-align: right;

}

.top-bar ul.top-nav.nav-right>li {

	margin: 0;

	border-left: 1px solid rgba(255, 255, 255, 0.3);

	padding: 0 15px;

}

.top-bar ul.top-nav.nav-right>li:first-child {

	border-left: none;

}

.top-bar ul.top-nav.nav-right .dropdown-menu li {

	width: 100%;

}

.top-bar ul.top-nav.nav-right .dropdown-menu {

	border-radius: 0;

	margin-top: 10px;

}

.top-bar ul.top-nav.nav-right .dropdown-menu li a {

	color: #191919;

	font-size: 13px;

	height: 50px;

	line-height: 46px;

	width: 100%;

	border-bottom: 1px solid #f3f3f4;

}

.top-bar ul.top-nav li:hover, .top-bar ul.top-nav li:hover a {

	color: #fff;

}

.profile .profile-img {

	display: inline-block;

	height: 23px;

	margin-left: 9px;

	width: 23px;

}

.profile .profile-img img {

	border-radius: 100%;

	width: 100%;

}

/* =-=-=-=-=-=-= Navigation Menu =-=-=-=-=-=-= */

.navbar {

	border-bottom: 1px solid #e0e0e0;

	margin-bottom: 0;

	padding: 15px 0;

	min-height: 85px;

	position: relative;

}

.navbar-nav li a i {

	margin-right: 7px;

}

.btn-nav {

	margin-left: 25px;

	margin-right: 10px;

}

.navbar-nav .btn-nav a {

	padding: 12px 28px;

	font-size: 14px;

	color: #fff;

}

.my-style {

	position: absolute;

}

.navbar .form-control {

	border: 2px solid #1e76bd;

	border-radius: 2px;

	padding: 14px 40px;

}

.navbar-brand {

	margin-top: -9px;

}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

	color: #1e76bd;

	background-color: transparent;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

	color: #1e76bd;

	background-color: transparent;

}

.input-group .icon-addon .form-control {

	border-radius: 0;

}

.navbar-toggle {

	margin-top: 15px;

}

.navbar-header .icon-addon {

	position: relative;

	color: #555;

	display: block;

	margin-bottom: 0;

}

.icon-addon {

	position: relative;

	color: #555;

	display: block;

	margin-bottom: 60px;

}

.icon-addon:after, .icon-addon:before {

	display: table;

	content: " ";

}

.icon-addon:after {

	clear: both;

}

.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {

	position: absolute;

	z-index: 2;

	left: 10px;

	font-size: 14px;

	width: 20px;

	margin-left: -2.5px;

	text-align: center;

	padding: 10px 0;

	top: 1px
}

.icon-addon.addon-lg .form-control {

	line-height: 1.33;

	height: 46px;

	padding: 10px 16px 10px 40px;

}

.icon-addon.addon-sm .form-control {

	height: 30px;

	padding: 5px 10px 5px 28px;

	font-size: 12px;

	line-height: 1.5;

}

.icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon {

	font-size: 18px;

	margin-left: 0;

	left: 11px;

	top: 4px;

}

.icon-addon.addon-md .form-control, .icon-addon .form-control {

	padding-left: 30px;

	float: left;

	font-weight: normal;

}

.icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon {

	margin-left: 0;

	font-size: 12px;

	left: 5px;

	top: -1px
}

.icon-addon .form-control:focus+.glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus+.fa, .icon-addon:hover .fa {

	color: #2580db;

}

.navbar-brand {

	padding: 10px;

}

.navbar-nav {

	margin-left: 0;

}

.navbar-default {

	background-color: #fff;

}

.navbar-fixed-top {

	border-width: 0;

	top: 0;

}

.navbar-nav>li>a {

	color: #191919;

	display: block;

	font-size: 14px;

	font-weight: 600;

	letter-spacing: 0;

	line-height: 24px;

	padding: 20px 15px;

	position: relative;

	text-transform: uppercase;

}

.navbar-nav li a {

	color: #191919;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

}

.navbar-nav .dropdown-menu li a {

	color: #191919;

	font-size: 13px;

	font-weight: 400;

	line-height: 46px;

	border-bottom: 1px solid #f3f3f4;

}

.dropdown-menu {

	border: 0;

	padding: 0;

}

.dropdown-submenu {

	position: relative;

}

.dropdown-submenu>.dropdown-menu {

	top: 0;

	left: 100%;

	margin-top: -6px;

	margin-left: -1px;

}

.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: 20px;

	margin-right: -10px;

}

.dropdown-submenu:hover>a:after {

	border-left-color: #fff;

}

.dropdown-submenu.pull-left {

	float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

	left: -100%;

	margin-left: 10px;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {

	background-color: transparent;

	color: #000;

}

/* =-=-=-=-=-=-= Search Form =-=-=-=-=-=-= */

.full-section.search-section {

	background: #353b65 url("../../images/slider3.jpg") no-repeat scroll center top;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	height: auto;

	min-height: 425px;

	padding: 70px 0;

}

.full-section.search-section-listing {

	background: #353b65 url("../../images/slider3.jpg") no-repeat scroll center top;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	height: auto;

	padding: 60px 0;

}

.search-section .search-area {

	padding: 50px 0;

}

h3.search-title {

	color: #fff;

	font-size: 36px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

p.search-tag-line {

	color: #fff;

	font-size: 18px;

	font-style: italic;

	line-height: 28px;

	text-align: center;

	position: relative;

	z-index: 44;

}

form.search-form {

	position: relative;

	z-index: 44;

	margin: 40px 0 0;

	text-align: center;

}

form.search-form .input-common, form.search-form input.search-term, form.search-form input.search-btn {

	border: medium none;

	border-radius: 0;

	box-shadow: none;

	display: inline-block;

	font-family: "Open Sans", sans-serif;

	vertical-align: bottom;

}

form.search-form input.search-term {

	color: #858c91;

	font-size: 14px;

	line-height: 24px;

	margin-bottom: 0;

	margin-right: 10px;

	padding: 12px;

	width: 72%;

}

form.search-form input.search-btn {

	background-color: #3f4b55;

	color: #fff;

	font-size: 14px;

	font-weight: 600;

	line-height: 19px;

	padding: 14px 30px 15px;

	text-transform: uppercase;

}

form.search-form input.search-btn:hover {

	background-color: #4b5760;

}

#search-error-container label {

	color: #fff;

	font-size: 14px;

	padding: 5px;

}

.lt-ie8 form.search-form input.search-btn {

	padding-bottom: 13px;

	padding-top: 12px;

}

.page-container {

	width: 100%;

}

/* =-=-=-=-=-=-= Parallax Settings  =-=-=-=-=-=-= */



.full-section.parallax-home {

	background: transparent url("../../images/slider3.jpg") center center no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	height: 520px;

}

.full-section {

	width: 100%;

	height: 100%;

	position: relative;

}

.full-section::before {

	content: '';

	background: rgba(0, 0, 0, 0.7);

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.parallex {

	color: #fff;

	position: relative;

	z-index: 44;

}

.parallex h2 {

	color: #fff;

	position: relative;

	z-index: 44;

}

.parallex::before {

	background: rgba(25, 25, 25, 0.8) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}

.parallex hr.main {

	background: #fff none repeat scroll 0 0;

	position: relative;

	z-index: 44;

}

.parallex-small {

	background: #1b1b1b none repeat scroll 0 0;

	color: #fff;

}

.parallex-text h4 {

	margin-bottom: 0;

	padding-bottom: 10px;

	color: #fff;

	font-weight: 600;

	font-size: 20px;

}

.parallex-text p {

	color: #fff;

	position: relative;

	z-index: 44;

}

.parallex-small .btn {

	margin-top: 10px;

}

.parallex-button {

	text-align: right;

}

.btn-clean:hover {

	background-color: #1e76bd;

	border: 1px solid #1e76bd;

}

.parallex-small .btn {

	margin-top: 10px;

}

.btn-clean:hover, .btn-clean:visited, .btn-clean:active, .btn-clean {

	color: #fff;

}

.btn-clean {

	border: 1px solid #fff;

	color: #fff;

	text-transform: uppercase;

}

.box-panel h2 {

	color: #191919;

}

.slider-caption {

	position: absolute;

	top: 50%;

	width: 100%;

	left: 0;

	text-align: center;

	text-transform: uppercase;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-moz-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	-o-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.slider-caption h1 {

	color: #fff;

	font-size: 48px;

	font-weight: 700;

	line-height: 70px;

	text-transform: uppercase;

}

.slider-caption h2 {

	color: #fff;

	font-size: 48px;

	font-weight: 700;

	line-height: 70px;

	margin-bottom: 30px;

	text-transform: uppercase;

}

.slider-caption h2 span {

	color: #BE161E;

}

.slider-caption small {

	color: #fff;

	display: block;

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 18px;

}

.slider-caption h1 span {

	font-weight: 700;

}

.slider-caption p {

	color: #fff;

	font-size: 25px;

	text-transform: uppercase;

	padding-bottom: 25px;

}

.btn-transparent {

	background: transparent;

	border: 1px solid #fff;

	color: #fff;

	padding: 15px 48px;

	margin-right: 25px;

}

.btn-transparent:hover {

	background: #1e76bd none repeat scroll 0 0;

	border: 1px solid #1e76bd;

	color: #fff;

}

.btn-light {

	background: #fff none repeat scroll 0 0;

	color: #2f4e4e;

	border: medium none;

	padding: 15px 45px;

}

.btn-light:focus, .btn-light.focus {

	background: transparent;

}

.btn-light:hover {

	background: transparent;

	border: 1px solid #fff;

	color: #fff;

}

/* =-=-=-=-=-=-= How It Works =-=-=-=-=-=-= */



.center-responsive {

	text-align: center;

	margin-bottom: 30px;

}

.center-responsive img {

	display: inline-block;

	text-align: center;

	margin-bottom: 25px;

}

.get-arrow::before {

	background-image: url("../../images/arrow.png");

	background-repeat: no-repeat;

	content: "";

	display: block;

	height: 159px;

	left: -90px;

	position: absolute;

	top: 20px;

	width: 175px;

	z-index: 10;

}

.center-responsive h4 {

	color: #191919;

	font-size: 20px;

	font-weight: 400;

	margin-top: 0;

	text-transform: capitalize;

}

.center-responsive h4 a {

	color: #191919;

	cursor: pointer;

}

.center-responsive h4 a:hover {

	color: #1e76bd;

}

/* =-=-=-=-=-=-= Questions Listings  =-=-=-=-=-=-= */



.listing-area {

	position: relative;

	overflow: hidden;

}

.listing-grid {

	border-bottom: 1px solid #e5eaef;

	display: inline-block;

	margin-bottom: 50px;

	padding-bottom: 50px;

	position: relative;

	width: 100%;

	min-height: 161px;

}

.listing-area .listing-grid:last-of-type {

	border-bottom: medium none;

	padding-bottom: 10px;

}

.listing-grid img {

	width: 83px;

	height: 83px;

	position: relative;

	overflow: hidden;

	margin-bottom: 20px;

	-webkit-border-top-left-radius: 1px;

	-webkit-border-top-right-radius: 2px;

	-webkit-border-bottom-right-radius: 3px;

	-webkit-border-bottom-left-radius: 4px;

	-moz-border-radius-topleft: 1px;

	-moz-border-radius-topright: 2px;

	-moz-border-radius-bottomright: 3px;

	-moz-border-radius-bottomleft: 4px;

	border-top-left-radius: 1px;

	border-top-right-radius: 2px;

	border-bottom-right-radius: 3px;

	border-bottom-left-radius: 4px;

}

.listing-grid .correct {

	border: 2px solid #1e76bd;

	padding: 5px;

}

.tick {

	background-color: #1e76bd;

	border: 1px solid #fff;

	height: 25px;

	line-height: 25px;

	position: absolute;

	right: 20px;

	text-align: center;

	top: 0;

	width: 25px;

}

.tick2 {

	background-color: #1e76bd;

	border: 1px solid #fff;

	height: 25px;

	line-height: 25px;

	position: absolute;

	right: 53px;

	text-align: center;

	top: 0;

	width: 25px;

}

.tick .fa, .tick2 .fa {

	color: #fff;

	font-size: 16px;

}

.listing-grid .col-md-2::after {

	background-color: #e5eaef;

	content: "";

	position: absolute;

	right: 4px;

	top: 0;

	width: 1px;

	height: 124px;

}

.listing-grid h3 a, .listing-grid h3 {

	color: #191919;

	font-size: 17px;

	font-weight: 600;

	line-height: 24px;

	text-decoration: none;

	transition: all 1s ease 0s;

}

.question-details .listing-grid h3 a, .question-details .listing-grid h3 {

	color: #191919;

	font-size: 22px;

	font-weight: 600;

	line-height: 24px;

	text-decoration: none;

	transition: all 1s ease 0s;

}

.listing-grid h3:hover a, .listing-grid h3:hover {

	color: #1e76bd;

}

.listing-grid .listing-meta {

	display: block;

	margin-bottom: 20px;

}

.question-details .listing-meta {

	margin-top: 5px;

}

.listing-grid .listing-meta span {

	color: #777;

	font-size: 12px;

	line-height: 20px;

	margin-right: 10px;

	text-transform: uppercase;

}

.listing-grid .listing-meta span:first-child {

	margin-left: 0;

}

.listing-grid .listing-meta span i {

	margin-right: 10px;

}

.listing-grid .listing-meta span:last-of-type {

	margin-right: 0;

}

.listing-grid p {

	color: #999;

	font-size: 15px;

	line-height: 26px;

	margin-bottom: 15px;

}

.listing-grid .tagcloud {

	position: relative;

}

.listing-grid .tagcloud a {

	border-radius: 0 10px 10px 10px;

	font-size: 13px;

	padding: 5px 15px;

	text-align: center;

	text-decoration: none;

	text-transform: lowercase;

	background-color: #CEE0ED;

	color: #000;

	margin-left: 2px;

}

ul.question-statistic {

	position: relative;

	text-align: right;

}

ul.question-statistic li {

	display: inline-block;

	text-align: center;

}

ul.question-statistic li span {

	border: 1px solid #d9dfe9;

	display: block;

	height: 40px;

	line-height: 40px;

	margin-bottom: 15px;

	text-align: center;

	width: 40px;

	color: #000;

	transition: all 0.3s ease 0s;

}

ul.question-statistic li.active span {

	background-color: #CEE0ED;

	color: #fff;

	cursor: pointer;

	transition: all 0.3s ease 0s;

}

ul.question-statistic li span:hover {

	background-color: #CEE0ED;

	color: #fff;

	border: 1px solid #CEE0ED;

	cursor: pointer;

}

/* =-=-=-=-=-=-= Question Tabs  =-=-=-=-=-=-= */

.tab-content {

	margin-top: 50px;

}

.modal .question-tabs .tab-content {
	margin: 0;
}

.question-tabs .panel-tabs>li {

	float: left;

	text-align: center;

	width: 25%;

}

.modal .question-tabs .panel-tabs>li {

	float: left;

	text-align: center;

	width: 50%;

}



.question-tabs .panel-tabs.profile-tab>li {

	float: left;

	text-align: center;

	width: auto;

}

.question-tabs .panel-tabs.profile-tab>li>a {

	color: #999;

	letter-spacing: 1px;

	padding: 15px 15px;

	font-size: 16px;

}

.question-tabs .panel-tabs>li>a {

	color: #999;

	letter-spacing: 1px;

	padding: 25px 15px;

	font-size: 16px;

}

.question-tabs .panel-tabs>li>a:hover {

	background-color: transparent;

	border-color: transparent;

	color: #1e76bd;

}

.question-tabs .panel-tabs>li.active>a, .question-tabs .panel-tabs>li.active>a:hover, .question-tabs .panel-tabs>li.active>a:focus {

	background-color: transparent;

	border-bottom: 2px solid #1e76bd;

	color: #000;

	cursor: default;

	margin-bottom: -3px;

	opacity: 1;

}

.question-tabs {

	padding-top: 0;

}

.question-tabs .panel {

	border: medium none;

	box-shadow: none;

	margin: 0;

}

.question-tabs .panel-primary>.panel-heading {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	background-color: transparent;

	border-bottom: 2px solid #f1f1f1;

	box-shadow: none;

	padding: 0;

}

.question-tabs .panel-tabs>li a i {

	font-size: 20px;

	margin-right: 15px;

}

.question-tabs .panel-body {

	padding: 15px 0;

}

/* =-=-=-=-=-=-= Profile Settings  =-=-=-=-=-=-= */



img.resize {

	height: 23px;

	width: 23px;

}

.small-padding {

	padding: 0 5px;

}



.profile .tagcloud {

	position: relative;

	margin-left: 15px;

	margin-right: 15px;

}

.profile .tagcloud a {

	border-radius: 0 10px 10px 10px;

	font-size: 12px;

	padding: 2px 7px;

	text-align: center;

	text-decoration: none;

	text-transform: lowercase;

	background-color: #8dc63f;

	color: #fff;

	margin-bottom: 4px;

}

#user-profile {

	background-image: url("../../images/cover-bg.jpg");

	min-height: 226px;

	background-size: cover;

	/* overflow: hidden; */

	position: relative;

	margin-bottom: 20px;

}

.profile-sec {

	width: 100%;

	padding: 50px 0 50px 0;

	/* overflow: hidden; */

}

.profile-avatar {

	padding-left: 160px;

	overflow: hidden;

	padding-top: 2%;

}

.profile-avatar>span {

	left: 0;

	overflow: hidden;

	padding: 3px;

	position: absolute;

	top: 0;

}

.profile-avatar>span img {

	height: 130px;

	width: 130px;

}

.profile-name {

	width: 100%;

}

.profile-name>h3 {

	color: #ffffff;

	font-size: 26px;

	margin: 0;

	font-weight: 600;

	width: 100%;

}

.profile-name>i {

	color: #fff;

	float: left;

	font-size: 14px;

	font-style: normal;

	width: 100%;

}

.profile-name>p {
	color: #d7d7d7
}

.profile-name>p>a {
	color: #d7d7d7
}

.profile-name .social-btns {

	float: left;

	margin: 20px 0 0;

	width: 100%;

}

.profile-name .social-btns>li {

	float: left;

}

.profile-name .social-btns>li:first-child {

	margin: 0;

}

.profile-count {

	position: relative;

	margin-top: 70px;

}

.profile-count>li {

	color: #ffffff;

	float: right;

	font-family: 'Open Sans', serif;

	font-size: 31px;

	font-weight: 600;

	list-style: outside none none;

	text-align: center;

	width: auto;

}

.profile-count>li>i {

	color: #d4d4d4;

	float: left;

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	text-align: center;

	width: 100%;

	margin-top: 10px;

}
.select2-dropdown.select2-dropdown--below{width:320px !important}

.profile-connect {

	list-style: outside none none;

	margin: 0;

	padding: 0 0 10px;

	position: absolute;

	right: 0;

	top: 0;

}

.profile-connect>li {

	float: left;

	margin-left: 20px;

}

.profile-connect>li>a {

	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

	border: 2px solid rgba(255, 255, 255, 0.5);

	color: #fff;

	font-family: 'Open Sans', serif;

	font-size: 12px;

	padding: 7px 8px;

}

.profile-connect>li>a.no-border-btn {

	background: none;

	border: 0px;

	color: #fff;

	font-family: 'Open Sans', serif;

	font-size: 14px;

	padding: 11px 22px;

}

.profile-connect>li>a.no-border-btn:hover {

	border: 0px;

}



.profile-connect>li>a:hover {

	background: #1e76bd;

	border: 2px solid #1e76bd;

}

.social-btns>li {

	float: right;

	list-style: outside none none;

	margin-left: 6px;

}

.social-btns>li>a {

	float: left;

}

.social-btns>li>a>i {

	border-radius: 1px;

	color: #fff;

	float: left;

	font-size: 16px;

	height: 31px;

	line-height: 31px;

	text-align: center;

	transition: all 0.4s ease 0s;

	width: 31px;

}

.social-btns>li>a>i:hover {

	opacity: 0.7;

}

.social-btns>li>a>i.fa-facebook {

	background: #3b5998 none repeat scroll 0 0;

}

.social-btns>li>a>i.fa-twitter {

	background: #439ed6 none repeat scroll 0 0;

}

.social-btns>li>a>i.fa-google-plus {

	background: #dd4b39 none repeat scroll 0 0;

}

.btn-file {

	position: relative;

	overflow: hidden;

}

.btn-file input[type=file] {

	position: absolute;

	top: 0;

	right: 0;

	min-width: 100%;

	min-height: 100%;

	font-size: 100px;

	text-align: right;

	filter: alpha(opacity=0);

	opacity: 0;

	outline: none;

	background: white;

	cursor: inherit;

	display: block;

}

#img-upload {

	width: 100%;

}

/* =-=-=-=-=-=-= Timeline Activity  =-=-=-=-=-=-= */

.timeline-container {

	float: left;

	width: 100%;

}

.timeline-container>ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	position: relative;

	width: 100%;

}

.timeline-content>.btn-group>label {

	font-size: 11px;

	letter-spacing: 0.3px;

	padding: 2px 8px;

}

.timeline-container>ul::before {

	background: #fafafa none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 22px;

	position: absolute;

	top: 0;

	width: 2px;

}

.timeline-container>ul>li {

	float: left;

	margin-bottom: 30px;

	position: relative;

	width: 100%;

}

.timeline {

	float: left;

	padding-left: 70px;

	position: relative;

	width: 100%;

}

.user-timeline {

	left: 0;

	position: absolute;

	top: 0;

	width: 70px;

}

.user-timeline>span {

	float: left;

	position: relative;

	width: 100%;

}

.user-timeline>span>img {

	border: 3px solid #f5f5f5;

	border-radius: 50%;

	float: left;

	height: 45px;

	overflow: hidden;

	width: 45px;

}

.timeline-detail {

	background: #f5f5f5 none repeat scroll 0 0;

	border-radius: 1px;

	float: left;

	position: relative;

	width: 100%;

}

.timeline-head {

	background: #fafafa none repeat scroll 0 0;

	border-radius: 4px 4px 0 0;

	float: left;

	width: 100%;

}

.timeline-head>h3 {

	color: #333333;

	float: left;

	font-size: 16px;

	margin: 0;

	padding: 15px 0 15px 20px;

}

.timeline-head>h3>span {

	color: #999999;

	font-size: 12px;

	margin-left: 5px;

	margin-right: 5px;

}

.timeline-head>h3>i {

	border-radius: 1px;

	font-size: 11px;

	font-style: normal;

	letter-spacing: 0.3px;

	padding: 2px 6px;

}

.social-share {

	float: right;

	padding: 8px;

	position: relative;

}

.social-share>a {

	background: #fff none repeat scroll 0 0;

	border-radius: 1px;

	color: #777777;

	cursor: pointer;

	float: right;

	height: 25px;

	line-height: 25px;

	position: relative;

	text-align: center;

	width: 25px;

}

.social-share>a::before {

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 5px solid #fff;

	bottom: -4px;

	content: "";

	left: 50%;

	margin-left: -5px;

	position: absolute;

	transition: all 0.4s ease 0s;

}

.social-share>.social-btns {

	margin: 0;

	opacity: 0;

	position: absolute;

	top: 100%;

	-webkit-transform: rotateY(90deg);

	-moz-transform: rotateY(90deg);

	-ms-transform: rotateY(90deg);

	-o-transform: rotateY(90deg);

	transform: rotateY(90deg);

	transition: all 0.4s ease 0s;

	width: 25px;

}

.social-share:hover>.social-btns {

	opacity: 1;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	transform: rotate(0deg);

}

.social-share>.social-btns>li {

	float: left;

	margin: 0 0 2px;

	width: 100%;

}

.social-share>.social-btns>li>a>i {

	font-size: 13px;

	height: 25px;

	line-height: 25px;

	width: 25px;

}

.timeline-content {

	float: left;

	padding: 15px 20px;

	width: 100%;

}

.timeline-content>.btn-group {

	float: left;

	margin-top: 15px;

	width: 100%;

}

.timeline-detail::before {

	border-bottom: 8px solid transparent;

	border-right: 8px solid #fafafa;

	border-top: 8px solid transparent;

	content: "";

	left: -7px;

	position: absolute;

	top: 20px;

}

/* =-=-=-=-=-=-= Funfacts  =-=-=-=-=-=-= */



.fun-facts-bg {

	background: rgba(0, 0, 0, 0) url("../../images/facts-parallex.jpg") repeat scroll center top;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.facts-icons {

	color: #fff;

	font-size: 36px;

	padding-bottom: 25px;

}

span.percentfactor {

	color: #fff;

	font-size: 36px;

	margin-bottom: 4px;

}

.fact p {

	color: #fff;

	margin-top: 10px;

	text-transform: uppercase;

}

.stats-icon span {

	display: block;

	font-size: 36px;

	margin-bottom: 30px;

}

.statistic-bg span.percentfactor, .statistic-bg .fact p, .statistic-bg .stats-icon span {

	color: #fff;

}

/* =-=-=-=-=-=-= Ribbons =-=-=-=-=-=-= */



.ribbon {

	position: absolute;

	top: 12px;

	right: -5px;

	padding: 5px;

}

.ribbon-content {

	position: relative;

	width: 100%;

}

.ribbon.base {

	background: #3498db;

	color: #fff;

	border-right: 5px solid #8bc4ea;

}

.ribbon.light {

	background: #ecf0f1;

	color: #2c3e50;

	border-right: 5px solid #dde4e6;

}

.ribbon.dark {

	background: #131313;

	color: #fff;

	border-right: 5px solid #464646;

}

.ribbon.base-alt {

	background: #9cd70e;

	color: #fff;

	border-right: 5px solid #c6f457;

}

.ribbon.red {

	background: #e91b23;

	color: #fff;

	border-right: 5px solid #f2787d;

}

.ribbon.orange {

	background: #ff8a3c;

	color: #fff;

	border-right: 5px solid #ffc7a2;

}

.ribbon.yellow {

	background: #ffd800;

	color: #fff;

	border-right: 5px solid #ffe866;

}

.ribbon:before, .ribbon:after {

	content: '';

	position: absolute;

	left: -9px;

	border-left: 10px solid transparent;

}

.ribbon:before {

	top: 0;

}

.ribbon:after {

	bottom: 0;

}

.ribbon.base:before {

	border-top: 27px solid #3498db;

}

.ribbon.base:after {

	border-bottom: 27px solid #3498db;

}

.ribbon.light:before {

	border-top: 27px solid #ecf0f1;

}

.ribbon.light:after {

	border-bottom: 27px solid #ecf0f1;

}

.ribbon.dark:before {

	border-top: 27px solid #131313;

}

.ribbon.dark:after {

	border-bottom: 27px solid #131313;

}

.ribbon.base-alt:before {

	border-top: 27px solid #9cd70e;

}

.ribbon.base-alt:after {

	border-bottom: 27px solid #9cd70e;

}

.ribbon.red:before {

	border-top: 27px solid #e91b23;

}

.ribbon.red:after {

	border-bottom: 27px solid #e91b23;

}

.ribbon.orange:before {

	border-top: 27px solid #ff8a3c;

}

.ribbon.orange:after {

	border-bottom: 27px solid #ff8a3c;

}

.ribbon.yellow:before {

	border-top: 27px solid #ffd800;

}

.ribbon.yellow:after {

	border-bottom: 27px solid #ffd800;

}

.ribbon span {

	display: block;

	font-size: 12px;

	font-weight: 600;

}

/* =-=-=-=-=-=-= Blog & News  =-=-=-=-=-=-= */



.blog-grid {

	/* overflow: hidden; */
    box-shadow: 0 0 5px #c5c5c5;
	position: relative;

	width: 100%;

	margin-bottom: 20px;
	/*max-height:547px;*/

}

.blog-grid .blog-image {

	position: relative;

}

.blog-grid .blog-image img {

	width: 100%;

}

.blog-grid .post-date {

	background: #1e76bd none repeat scroll 0 0;

	color: #fff;

	display: inline-block;

	font-size: 11px;

	left: 0;

	padding: 5px 15px;

	position: absolute;

	text-align: center;

	top: 10px;

}

.blog-grid .post-date strong {

	display: block;

	font-size: 20px;

}

.blog-grid .blog-content {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #f1f1f1;

	padding: 20px 20px;
	/*min-height:180px;*/

    color: #191919;

}

.blog-detial {

	/* overflow: hidden; */

	position: relative;

	width: 100%;

}

.blog-detial p {

	margin: 0 0 25px;

	color: #999;

}

.blog-detial .alignleft {

	float: left;

	margin: 7px 24px 7px 0;

}

.blog-detial .alignright {

	float: right;

	margin: 7px 0 7px 24px;

}

.blog-detial .aligncenter {

	display: block;

	margin: 7px auto;

}

.blog-detial .entry-footer {

	border-top: 1px solid #d1d1d1;

	display: inline-block;

	padding-bottom: 10px;

	padding-top: 10px;

	width: 100%;

	border-bottom: 1px solid #d1d1d1;

	margin-bottom: 40px;

}

.blog-detial .post-admin {

	color: #777;

	display: inline-block;

	font-size: 12px;

	margin-left: 8px;

	text-transform: capitalize;

}

.blog-detial .post-admin i {

	color: #191919;

	font-size: 20px;

	margin-right: 9px;

}

.blog-detial .post-admin a {

	color: #777;

	font-size: 12px;

	padding-left: 5px;

}

.blog-detial .tags {

	float: right;

	font-size: 12px;

	margin-bottom: 0;

}

.blog-detial .tags>i {

	color: #191919;

	display: inline-block;

	margin-right: 5px;

}

.blog-detial .tags a {

	color: #777;

	font-size: 12px;

	margin-left: 0;

	margin-right: 10px;

	position: relative;

}

.blog-detial .tags a::after {

	content: ",";

	line-height: 24px;

	position: relative;

}

.blog-detial .blog-section .blog-heading h2 {

	color: #191919;

	font-size: 20px;

	margin: 40px 0 15px;

	padding: 13px 18px 0 0;

	text-transform: capitalize;

}


.blog-detial .comment-list {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.blog-detial .comment li {

	border-right: 2px solid #000;

	padding-right: 10px;

}

.blog-detial .comment li:last-child {

	border-right: 0 none;

}

.blog-detial .comment li a {

	font-size: 13px;

	color: #333;

}

.blog-detial .comment-info {

	border-bottom: 1px solid #f2f2f2;

	display: block;

	margin: 0px 0 20px 0;

	/* overflow: hidden; */
	color: #000000;


}

.blog-detial .comment-info p {

	margin-bottom: 10px;

}

.blog-detial .comment-info img {

	max-width: 90px;

}

.blog-detial .comment-info .author-desc {

	margin-left: 55px;

}

.blog-detial .comment-info .author-title {

	color: #323232;

	line-height: 16px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.blog-detial .author-title strong {

	color: #323232;

	font-size: 14px;

	text-transform: capitalize;



}

.blog-detial .comment-date {

	border-left: 1px solid #777;

	color: #777;

	font-size: 12px;

	margin-left: 17px;

	padding-left: 17px;

}

.blog-detial .comment-list .children {

	list-style: outside none none;

	padding-left: 67px;

}

.blog-detial .comment-info img {

	width: 45px;

	height: 45px;

}

.blog-detial .page-numbers {

	display: inline-block;

	padding: 5px 10px;

	margin: 0 2px 0 0;

	border: 1px solid #eee;

	line-height: 1;

	text-decoration: none;

	border-radius: 2px;

	font-weight: 600;

}

.blog-detial .page-numbers.current, a.page-numbers:hover {

	background: #f9f9f9;

}

.blog-detial .navigation li a, .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a, .blog-detial .navigation li.disabled {

	color: #fff;

	text-decoration: none;

}

.blog-detial .navigation li {

	display: inline;

}

.blog-detial .navigation li a, .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a, .blog-detial .navigation li.disabled {

	background-color: #6FB7E9;

	border-radius: 3px;

	cursor: pointer;

	padding: 12px;

	padding: 0.75rem;

}

.blog-detial .navigation li a:hover, .blog-detial .navigation li.active a {

	background-color: #3C8DC5;

}

span.required {

	color: #f00;

	font-size: 18px;

	line-height: 10px;

}

h2.widget-heading, h4.widget-heading {

	color: #fff;

}

h3.widget-heading small strong {

	color: #191919;

	font-size: 16px;

}

.widget-heading i {

	font-size: 32px;

}

.widget-image {

	overflow: hidden;

	position: relative;

}

.widget-image-content img {

	width: 83px;

	height: 83px;

}

.widget-heading strong {

	color: #fff;

	font-size: 20px;

}

.widget-image.widget-image-bottom img {

	bottom: 0;

	left: 0;

	position: absolute;

}

.widget-image>i {

	bottom: 30px;

	color: #fff;

	font-size: 70px;

	opacity: 0.5;

	position: absolute;

	right: 30px;

}

.widget-image-content {

	background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;

	bottom: 0;

	left: 0;

	padding: 60px 10px;

	position: absolute;

	right: 0;

	top: 0;

}

.widget-image-content h2 {

	border: none;

	padding: 0;

}

.widget-content {

	padding: 20px 30px;

}

.widget-content p {

	color: #999;

}

.widget-content .btn {

	padding: 9px 20px;

}

.widget-content .btn-group {

	margin: 10px 0;

}

.widget-content.widget-content-mini {

	padding-bottom: 7px;

	padding-top: 7px;

}

.widget-content.widget-content-full {

	padding: 0;

}

.widget-content.widget-content-full-top-bottom {

	padding-bottom: 0;

	padding-top: 0;

}

.widget-content .pull-left {

	margin-right: 20px;

}

.widget-content .pull-right {

	margin-left: 20px;

}

a.widget-content {

	display: block;

}

h2.widget-heading {

	margin: 15px 0 0 0;

}

.widget-icon {

	background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;

	border-radius: 50%;

	display: inline-block;

	font-size: 28px;

	height: 64px;

	line-height: 60px;

	margin: 5px;

	text-align: center;

	width: 64px;

}

.widget-icon.pull-left {

	margin: 5px 5px 5px 0;

}

.widget-icon.pull-right {

	margin: 5px 0 5px 5px;

}

.widget-icon .fi, .widget-icon .gi, .widget-icon .hi, .widget-icon .si {

	margin-top: -3px;

}

img.full-bg {

	height: auto;

	left: 0;

	min-height: 100%;

	min-width: 1280px;

	position: fixed;

	top: 0;

	width: 100%;

}

.push-inner-top-bottom {

	padding-bottom: 15px;

	padding-top: 15px;

}

.border-right {

	border-right: 1px solid #eee;

}

.push {

	margin-bottom: 15px;

}

.border-bottom {

	border-bottom: 1px solid #eee;

}

.blog-detial blockquote {

	border: 1px solid #f1f1f1;

	box-sizing: border-box;

	float: left;

	font-size: 16px;

	margin: 0 0 25px;

	padding: 40px 60px;

	position: relative;

	width: 100%;

}

.blog-detial blockquote::before, .blog-detial blockquote::after {

	color: #ccc;

	content: "";

	font-family: "FontAwesome";

	font-size: 20px;

	left: 20px;

	position: absolute;

	top: 15px;

}

.blog-detial blockquote::after {

	bottom: 15px;

	content: "";

	left: inherit;

	right: 20px;

	top: inherit;

}

.blog-detial .blog-image {

	position: relative;

}

.blog-detial.blog-image img {

	width: 100%;

}

.blog-detial .post-date {

	background: #1e76bd none repeat scroll 0 0;

	color: #fff;

	display: inline-block;

	font-size: 11px;

	left: 0;

	padding: 5px 15px;

	position: absolute;

	text-align: center;

	top: 10px;

}

.blog-detial .post-date strong {

	display: block;

	font-size: 20px;

}

.blog-detial .blog-content {

	background: #fff none repeat scroll 0 0;

}

.blog-detial .blog-content h5 {

	color: #191919;

	font-size: 20px;

	margin: 30px 0 5px 0;

}

.blog-detial .blog-content h5 a {

	color: #191919;

}

.blog-detial .blog-content h5 a:hover, .blog-detial .post-meta li:hover, .blog-detial .post-meta li a:hover {

	color: #1e76bd;

	cursor: pointer;

}

.blog-detial .blog-grid:hover .blog-content h5 a:hover {

	color: #1e76bd;

	text-decoration: none;

}

.blog-detial .post-meta {

	list-style: outside none none;

	margin: 0 0 20px;

	overflow: hidden;

	padding: 0;

}

.blog-detial .post-meta li {

	float: left;

	font-size: 12px;

	text-transform: uppercase;

}

.blog-detial .post-meta li:after {

	content: "|";

	padding: 0 .5em;

}

.blog-detial .post-meta>li:last-child:after {

	content: '';

}

.blog-detial .blog-content p {

	font-size: 14px;

	margin: 0;

}

.blog-grid .blog-content h5 {

	color: #060606;

	font-size: 18px;

	margin: 0 0 10px;

}

.blog-grid .blog-content h5 a {

	color: #060606;

}

.blog-grid .blog-content h5 a:hover, .blog-grid .post-meta li:hover, .blog-grid .post-meta li a:hover {

	color: #1e76bd;

	cursor: pointer;

}

.blog-grid .blog-grid:hover .blog-content h5 a:hover {

	color: #1e76bd;

	text-decoration: none;

}

.blog-grid .post-meta {

	list-style: outside none none;

	margin: 0 0 20px;

	overflow: hidden;

	padding: 0;

}

.blog-grid .post-meta li {

	float: left;

	font-size: 12px;

	text-transform: uppercase;

}

.blog-grid .post-meta li:after {

	content: "|";

	padding: 0 .5em;

}

.blog-grid .post-meta>li:last-child:after {

	content: '';

}

.blog-grid .blog-content p {

	font-size: 14px;

	margin: 0;

}

.blog-grid .blog-footer ul>li {
	position: relative;
}

.blog-grid .blog-footer {

	background: #fff none repeat scroll 0 0;

	/* overflow: hidden; */

	padding: 10px;

	border-bottom: 1px solid #f1f1f1;

	border-left: 1px solid #f1f1f1;

	border-right: 1px solid #f1f1f1;

}

.blog-grid .like-comment {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.blog-grid .like-comment li {

	float: left;

	margin: 0 0 0 0px;

}

.blog-grid .like-comment li:first-child {

	margin: 0;

}

.like-comment li a, .like-answer li a, .blog-grid .more-btn {

	background: #fff none repeat scroll 0 0;

	color: #616161;

	display: block;

	padding: 3px 10px;

	text-align: center;

	min-width: 40px;

	border-radius: 30px;

}

.blog-grid .like-comment li a i {

	margin: 0 5px 0 0;

}

.blog-grid .like-comment li.pull-right a i {

	margin: 0 0px 0 0;

}

.blog-grid .like-comment li a:hover, .like-answer li a:hover, .blog-grid .more-btn:hover {

	background: #1e76bd none repeat scroll 0 0;
    color: #fff;

	text-decoration: none;

}
.bg_green {

	background: #16be3a !important;
    color: #fff !important;

}

.blog-grid .more-btn {

	width: 82px;

}

.side-bar {

	background: #fff none repeat scroll 0 0;

	position: relative;

}

.side-bar .widget {

	background-color: #fff;

	box-shadow: 0 1px 2px #ccc;

	overflow: hidden;

	margin-bottom: 20px;

	position: relative;

}

.side-bar .widget ul li a span {

	border: 1px solid #f1f1f1;

	color: #999;

	float: right;

	line-height: 10px;

	margin-top: 10px;

	padding: 5px;

}

.side-bar .widget:last-child {

	margin-bottom: 0;

}

.side-bar .widget h2 {

	padding: 10px 16px;

	font-size: 16px;

	font-weight: 600;

	color: #191919;

	text-transform: capitalize;

	border-left: 2px solid #1e76bd;

	border-right: 2px solid #1e76bd;

}

.side-bar .widget h2.widget-heading {

	border-left: medium none;

	border-right: medium none;

	padding: 5px;

}

.side-bar .widget h4.widget-heading em {

	color: #fff;

}

.side-bar .widget h1, .side-bar .widget h2, .side-bar .widget h3, .side-bar .widget h4, .side-bar .widget h5, .side-bar .widget a {

	color: #191919;

}

.side-bar .widget h2 p.small-ead {
	margin: 0;
	font-size: 12px;
	color: #919191;
}

.side-bar .widget a:hover {

	color: #1e76bd;

}

.media-heading {

	margin-bottom: 0;

}

.media {

	margin-top: 10px;

	margin-bottom: 10px;

}

.points {

	font-size: 96%;

	float: right;

}

.points span {

	font-weight: 600;

	color: #191919;

}

.side-bar .widget .media-group-item {

	background-color: #fff;

	border-bottom: 1px solid #f5f7f9;

	display: block;

	padding: 12px 30px;

	position: relative;

}

.side-bar .widget .media-group-item:last-child {

	border-bottom: medium none;

}

.side-bar .widget .avatar-md>.status {

	height: 12px;

	width: 12px;

}

.side-bar .widget .avatar .status {

	position: absolute;

}

.side-bar .widget .status-online {

	background-color: #10c469;

}

.side-bar .widget .status {

	border: 2px solid #fff;

	border-radius: 100%;

	bottom: 2px;

	display: inline-block;

	height: 12px;

	right: 2px;

	width: 12px;

}

.side-bar .widget .avatar-md {

	height: 50px;

	width: 50px;

}

.side-bar .widget .avatar {

	display: inline-block;

	margin-right: 16px;

	position: relative;

	transition: all 0.5s ease 0s;

	o-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

}

.side-bar .widget .avatar .media-object {

	line-height: 34px;

}

.side-bar .widget ul {

	overflow: hidden;

	position: relative;

	margin: 0;

}

.side-bar .widget ul li.recentcomments span.comment-author-link a::after {

	content: " ";

}

.side-bar .widget ul li.recentcomments span {

	border: none;

	float: none;

	padding: 0;

	line-height: 0;

}

.side-bar .widget ul li {

	border-bottom: 1px solid #e7e7e7;

	padding: 12px 20px;

	position: relative;

	overflow: hidden;

}

.side-bar .widget ul li a span, .side-bar .widget ul li span {

	border: 1px solid #f1f1f1;

	color: #999;

	float: right;

	line-height: 10px;

	padding: 5px;

	min-width: 26px;

	min-height: 26px;

}

.side-bar .widget ul li a span, .side-bar .widget ul li span i {

	color: #00bd06;

}

.side-bar .widget ul li a {

	font-family: "Open Sans", sans-serif;

	font-size: 13px;

	font-weight: 500;

	position: relative;

	text-transform: capitalize;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	color: #191919;

}



.side-bar .widget ul li a:hover {

	color: #1e76bd;

}

.side-bar .widget ul li:last-child {

	border: medium none;

}

.side-bar .widget .post {

	color: #cccccc;

	font-size: 14px;

	margin-bottom: 20px;

	padding-left: 60px;

	position: relative;

	margin-top: 10px;

}

.side-bar .widget .post.prople-listt {
	margin: 0;
	min-height: 42px;
	padding-left: 54px;
}

.side-bar .widget .post.prople-listt h4 {
	padding-top: 10px;
}

.side-bar .widget .post.prople-listt h4 a {
	font-size: 16px;
}

.side-bar .widget .post.prople-listt h4 p {
	font-size: 14px;
}

.side-bar .widget .post.prople-listt .post-thumb {

	width: 42px;

}

.side-bar .widget .post .post-thumb {

	left: 0;

	position: absolute;

	top: 0;

	width: 50px;

}

.side-bar .widget .post .post-thumb img {

	display: block;

	width: 100%;
	border-radius: 40px;

}

.side-bar .widget .post h4 {

	color: #181818;

	font-size: 14px;

	line-height: 1.6em;

}

.side-bar .widget .post p {

	font-size: 13px;

	color: #999;
	margin-bottom: 0;

}

.side-bar .widget .news-post {

	padding: 10px 16px;

}

.side-bar .widget .gallery-image {

	padding: 10px 16px;

	margin-top: 10px;

	overflow: hidden;

}

.side-bar .widget .textwidget p {

	padding: 10px 16px;

	margin-top: 10px;

	overflow: hidden;

}

.side-bar .widget .tag_cloud {

	padding: 10px 16px;

	margin-top: 10px;

	overflow: hidden;

}

.side-bar .widget .tag_cloud a {

	background: #ffffff none repeat scroll 0 0;

	border: 1px solid #e2e2e2;

	display: inline-block;

	float: left;

	font-family: "Open Sans", sans-serif;

	font-size: 13px;

	font-weight: 500;

	line-height: 38px;

	margin: 0 10px 8px 0;

	padding: 0 17px;

	text-transform: uppercase;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

}

.side-bar .widget .gallery-image img {

	transition: all 0.3s ease 0s;

	width: 100%;

}

.side-bar .widget .gallery-image a {

	float: left;

	margin-bottom: 10px;

	margin-right: 3px;

	max-width: 24%;

	transition: all 0.3s ease 0s;

}

.side-bar .widget .tag_cloud a:hover {

	color: #1e76bd;

}

.advertizing {

	overflow: hidden;

	padding-top: 10px;

}

.textwidget {

	overflow: hidden;

	padding-top: 10px;

}

.tag_cloud a {

	background: #ffffff none repeat scroll 0 0;

	border: 1px solid #e2e2e2;

	display: inline-block;

	float: left;

	font-family: "Open Sans", sans-serif;

	font-size: 13px;

	font-weight: 500;

	line-height: 38px;

	margin: 0 10px 8px 0;

	padding: 0 17px;

	text-transform: uppercase;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

}

.tag_cloud a:hover {

	color: #1e76bd;

}

.side-bar .widget .recent-comments ul #recentcomments .comment-author-link {

	font-size: small;

}

.side-bar .widget .gallery ul li {

	float: left;

	margin: 0 5px 5px 0;

}

.side-bar .widget .gallery ul li a {

	display: block;

	overflow: hidden;

	position: relative;

}

.side-bar .widget .gallery ul li a img {

	transition: all 0.4s ease 0s;

	o-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	width: 75px;

}

.side-bar .widget .gallery ul li a::after {

	display: none;

}

.side-bar .widget .gallery ul li a:hover {

	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;

	opacity: 0.1;

	z-index: 12;

}

/* =-=-=-=-=-=-= Thread Reply  =-=-=-=-=-=-= */

.thread-reply h2 {

	font-size: 20px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 15px;

}

.thread-reply form label {

	font-size: 20px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 15px;

	font-family: "Merriweather", serif;

}

.img-sm {

	display: block;

	height: 83px;

	margin-bottom: 20px;

	width: 83px;

}

.question-details .media-body {

	padding-left: 20px;

}

.question-details .media-body a {

	color: #191919;

}

.media-block .media-left {

	display: block;

	float: left
}

.media-block .media-right {

	float: right
}

.media-block .media-body {

	display: block;

	overflow: hidden;

	width: auto
}

.middle .media-left, .middle .media-right, .middle .media-body {

	vertical-align: middle
}

.thumbnail {

	border-radius: 0;

	border-color: #e9e9e9
}

.btn-icon {

	padding-left: 9px;

	padding-right: 9px;

}

.btn-sm, .btn-group-sm>.btn, .btn-icon.btn-sm {

	padding: 5px 10px;

}

.avatar {

	height: 500px;

	width: 500px;

}

.card-box {

	background-clip: padding-box;

	background-color: #ffffff;

	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);

	margin-bottom: 50px;

	padding: 20px;

	clear: both;

}

.thumb-sm {

	height: 32px;

	width: 32px;

}

.panel {

	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.075);

	border-radius: 0;

	border: 0;

	margin-bottom: 24px;

}

.syntaxhighlighter .line {

	white-space: pre-wrap;
	/* make code wrap */

}

.toolbar {

	display: none;

}

.question-details b, .question-details strong {

	font-weight: bold;

	color: #fff;

	font-size: 16px;

}

/* =-=-=-=-=-=-= Testimonials  =-=-=-=-=-=-= */



#owl-slider {

	padding-bottom: 56px;

}

.happy-client {

	padding: 100px 0;

}

.happy-client i {

	font-size: 18px;

	margin-bottom: 10px;

}

.happy-client p {

	line-height: 1.8;

	margin-bottom: 51px;

	max-width: 520px;

}

.client-img {

	float: left;

	width: 15%;

}

.client-img img {

	width: 68px;

	height: 68px;

}

.client-info {

	float: left;

	width: 50%;

}

.client-info strong {

	color: #fff;

	display: block;

	font-size: 20px;

	margin-bottom: 11px;

}

.client-info span {

	color: #1c2022;

	display: block;

	font-size: 14px;

	font-weight: 300;

	margin-bottom: 12px;

}

.client-info i {

	color: #1e76bd;

	font-size: 12px;

}

.client-info i.grey-star {

	color: #cdcdcd;

}

.testimonial-bg {

	background: rgba(25, 25, 25, 0.8) url("../../images/testimonials.jpg") repeat fixed center top;

}

.success-stories {

	background: #1e76bd none repeat scroll 0 0;

	color: #fff;

	padding: 120px 40px;

	width: 100%;

	height: auto;

}

.success-stories .main-heading p {

	color: #fff;

}

.success-stories hr.main {

	background: #fff none repeat;

}

/* =-=-=-=-=-=-= Our APPS =-=-=-=-=-=-= */



.our-apps {

	background: rgba(0, 0, 0, 0) url("../../images/our-apps.jpg") no-repeat center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.app-content {

	position: relative;

}

.app-grid {

	border: 2px solid #ffffff;

	display: block;

	margin: 0 auto;

	padding: 13px 30px 12px;

	width: 100%;

}

.app-grid:hover {

	background: #1e76bd;

}

.app-grid span.app-icon {

	float: left;

	width: 70px;

}

.app-title h5, .app-title h3 {

	color: #ffffff;

}

/* =-=-=-=-=-=-= Social Feeds  =-=-=-=-=-=-= */

.social-bar {

	float: left;

	width: 100%;

}

.social-bar ul {

	float: left;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	width: 100%;

}

.social-bar li {

	float: left;

	width: 25%;

}

.social-bar li.social1 {

	background: #4d6bab none repeat scroll 0 0;

}

.social-bar li.social2 {

	background: #4ec6f8 none repeat scroll 0 0;

}

.social-bar li.social3 {

	background: #d34836 none repeat scroll 0 0;

}

.social-bar li.social4 {

	background: #248cc9 none repeat scroll 0 0;

}

.social-bar li a {

	float: left;

	padding: 50px 20px;

	text-align: center;

	width: 100%;

}

.social-bar li a img {

	display: inline-block;

	margin-right: 10px;

	vertical-align: middle;

}

.social-bar li a span {

	color: #fff;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	text-align: left;

	vertical-align: middle;

}

.social-bar li a span strong {

	display: table;

	font-size: 20px;

	font-weight: 600;

	letter-spacing: 2px;

	line-height: 30px;

	font-family: 'Open Sans', serif;

	color: #fff;

}

.social-bar ul li:first-child:nth-last-child(1), .social-bar ul li:first-child:nth-last-child(1)~li {

	width: 100%;

}

.social-bar ul li:first-child:nth-last-child(2), .social-bar ul li:first-child:nth-last-child(2)~li {

	width: 50%;

}

.social-bar ul li:first-child:nth-last-child(3), .social-bar ul li:first-child:nth-last-child(3)~li {

	width: 33.334%;

}

.social-bar ul li:first-child:nth-last-child(4), .social-bar ul li:first-child:nth-last-child(4)~li {

	width: 25%;

}

.social-bar ul li:first-child:nth-last-child(5), .social-bar ul li:first-child:nth-last-child(5)~li {

	width: 20%;

}

.social-bar ul li:first-child:nth-last-child(6), .social-bar ul li:first-child:nth-last-child(6)~li {

	width: 16.666%;

}

/* =-=-=-=-=-=-= Our Clients  =-=-=-=-=-=-= */



.client-item-style-2 {

	background-color: #fbfbfb;

	border: 0 none;

}

.client-item {

	background-color: #ffffff;

	border: 1px solid #e5e5e5;

	border-radius: 4px;

	display: block;

	margin: 0 auto 30px;

	overflow: hidden;

	position: relative;

	width: 100%;

}

.client-item a {

	display: block;

	padding: 10px;

	width: 100%;

}

.client-item a img {

	display: block;

	width: 100%;

}

.client-item a:hover {

	opacity: 0.7;

}

.clients-section .row .col-md-3 {

	border-bottom: 1px solid #eef1f2;

	border-right: 1px solid #eef1f2;

}

.clients-section .row .col-md-3:last-child {

	border-right: medium none;

}

.clients-section .row:last-child .col-md-3 {

	border-bottom: medium none;

}

.single-client {

	padding: 15px 0;

}

.single-client:hover img {

	filter: grayscale(20%);

	opacity: 1;

}

.single-client>img {

	filter: grayscale(100%);

	opacity: 0.7;

	padding: 15px 0;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

}

/* =-=-=-=-=-=-= Error Page  =-=-=-=-=-=-= */



.error-grid {

	margin: 0 auto;

	padding: 0;

	text-align: center;

	width: 60%;

}

.error-grid.left-align-text {

	text-align: left;

	width: 100%;

}

.error-grid h2 {

	margin-bottom: 20px;

	color: #191919;

}

.error_title_big {

	color: #191919;

	font-size: 225px;

	font-weight: bold;

	line-height: 65px;

	margin: 0;

}

.error-search {

	float: left;

	margin-top: 25px;

	padding: 0;

	width: 100%;

}

.error-search .error-input {

	border: 1px solid #e4e4e4;

	color: #727272;

	height: 50px;

	padding: 0 0 0 10px;

	width: 78%;

}

.error-title-big {

	font-size: 200px;

	font-weight: bold;

	line-height: 65px;

	margin: 0;

	color: #191919;

}

.error-search .btn {

	margin-top: -3px;

}

/* =-=-=-=-=-=-= Sign IN & Sign Up  =-=-=-=-=-=-= */



.box-panel .facebook, .facebook:hover {

	background-color: #3b5999;

	border: 2px solid #3b5999;

	color: #fff;

}

.box-panel .google, .google:hover {

	background-color: #dd4b39;

	border: 2px solid #dd4b39;

	color: #fff;

}

.box-panel .facebook, .google {

	width: 100%;

}

.box-panel .icons {

	margin-left: -10px;

	margin-right: 20px;

}

.box-panel {

	background-color: #fff;

	box-shadow: 0 1px 2px #ccc;

	overflow: hidden;

	position: relative;

	padding: 30px;

}

.box-panel a.btn {

	margin-bottom: 20px;

	text-transform: uppercase;

}

label {

	color: #191919;

}

.span-line::before {

	left: -80px;

}

.span-line::before, .span-line::after {

	background: #ebebeb none repeat scroll 0 0;

	content: "";

	height: 1px;

	position: absolute;

	top: 50%;

	width: 80px;

}

.span-line {

	padding-left: 20px;

	padding-right: 20px;

	position: relative;

}

.white-space-10 {

	height: 10px;

}

.help-block {

	color: #737373;

	display: block;

	margin-bottom: 10px;

	margin-top: 5px;

}

.flat-checkbox, .flat-radio {

	line-height: 1em;

	position: relative;

}

.flat-checkbox label, .flat-radio label {

	padding-left: 0;

}

.flat-checkbox input[type="checkbox"], .flat-radio input[type="checkbox"], .flat-checkbox input[type="radio"], .flat-radio input[type="radio"] {

	left: -9999em;

	position: absolute;

}

.flat-checkbox span, .flat-radio span {

	background-color: #ffffff;

	border: 1px solid #ccc;

	border-radius: 2px;

	color: #ffffff;

	float: left;

	font-size: 10px;

	line-height: 10px;

	margin-right: 10px;

	padding: 3px 4px;

	position: relative;

	top: -2px;

	transition: all 0.6s ease 0s;

}

.flat-checkbox input[type="radio"]+span, .flat-radio input[type="radio"]+span {

	border-radius: 50%;

}

.flat-checkbox input:checked+span, .flat-radio input:checked+span, .flat-checkbox input:checked+span, .flat-radio input:checked+span {

	background-color: #34495e;

	border-color: #34495e;

}

/* =-=-=-=-=-=-= Contact Us =-=-=-=-=-=-= */

.contact-us .form-group {

	margin-bottom: 26px;

}

.contact-us h2 {

	color: #191919;

	font-size: 20px;

	font-weight: 700;

	line-height: 1.4em;

	margin-bottom: 20px;

	text-transform: capitalize;

}

.contact #map {

	width: 100%;

	height: 458px;

}

/* =-=-=-=-=-=-= Footer =-=-=-=-=-=-= */



.footer-area {

	background: #181718 url("../../images/footer.png") repeat-x scroll center bottom;

	color: #c9c9c9;

	font-family: 'Open Sans', sans-serif;

	position: relative;

}

.footer-area::before {

	background: rgba(25, 25, 25, 0.8) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}

.dark::before {

	background: rgba(25, 25, 25, 1) none repeat scroll 0 0;

}

#logo-footer {

	margin-bottom: 20px;

}

.footer-area p {

	font-size: 14px;

	line-height: 1.8em;

	margin-bottom: 20px;

}

.footer-area .footer-content {

	padding: 35px 0 15px;

	position: relative;

	z-index: 1;

}

.footer-area .footer-content .column {

	margin-bottom: 30px;

	position: relative;

}

.footer-content .column h2 {

	color: #ffffff;

	font-size: 22px;

	font-weight: 600;

	letter-spacing: 1px;

	line-height: 1.4em;

	margin-bottom: 30px;

	position: relative;

	cursor: pointer;

	text-transform: capitalize;

}

.footer-content .column h2:hover, .footer-content .column h2 a:hover {

	color: #1e76bd;

}

.footer-area .footer-content a {

	transition: all 0.5s ease 0s;

	o-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

}

.footer-content .links-widget li {

	margin-bottom: 15px;

	position: relative;

}

.footer-content .links-widget li a {

	color: #c9c9c9;

	display: block;

	font-size: 14px;

	line-height: 24px;

	position: relative;

}

.footer-content .links-widget li a:hover, .footer-content .news-widget .news-post a:hover {

	color: #1e76bd;

}

.footer-area .social-links a {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid rgba(255, 255, 255, 0.2);

	border-radius: 50%;

	display: inline-block;

	font-size: 15px;

	height: 32px;

	line-height: 30px;

	margin-right: 10px;

	position: relative;

	text-align: center;

	transition: all 0.5s ease 0s;

	o-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	width: 32px;

}

.footer-area .social-links a:hover {

	background: #fff none repeat scroll 0 0;

	color: #ffffff;

}

.footer-area .contact-info {

	margin-bottom: 20px;

	position: relative;

}

.footer-area .contact-info li {

	line-height: 30px;

	margin: 0 0 7px;

	padding-left: 30px;

	position: relative;

}

.footer-area .contact-info li:hover {

	color: #1e76bd;

	cursor: pointer;

}

.footer-area .contact-info li .icon {

	font-size: 16px;

	font-weight: 700;

	left: 0;

	line-height: 30px;

	position: absolute;

	top: 0;

}

.social-links-two {

	position: relative;

}

.social-links-two a {

	border: 1px solid #bcbcbc;

	border-radius: 50%;

	color: #bcbcbc;

	display: block;

	float: left;

	font-size: 12px;

	height: 28px;

	line-height: 26px;

	margin-right: 8px;

	position: relative;

	text-align: center;

	transition: all 500ms ease 0s;

	o-transition: all500ms ease 0s;

	-ms-transition: all 500ms ease 0s;

	-moz-transition: all 500ms ease 0s;

	-webkit-transition: all 500ms ease 0s;

	width: 28px;

}

.blog-news-section .social-links-two a {

	background: #545454 none repeat scroll 0 0;

	border: medium none;

	color: #ffffff;

	font-size: 13px;

	height: 32px;

	line-height: 32px;

	width: 32px;

}

.social-links-two.alt a {

	border: 1px solid #cccccc;

	color: #cccccc;

	font-size: 12px;

}

.social-links-two a:hover {

	background: #1e76bd none repeat scroll 0 0;

	border-color: #1e76bd;

	color: #fff;

}

.footer-content .news-widget .news-post {

	color: #c9c9c9;

	line-height: 20px;

	margin-bottom: 40px;

	padding: 0 0 0 80px;

	position: relative;

}

.footer-content .news-widget .news-post .news-content {

	margin-bottom: 5px;

}

.footer-content .news-widget .news-post a {

	color: #c9c9c9;

	font-size: 14px;

	position: relative;

}

.footer-content .news-widget .news-post .time {

	color: #fff;

	font-size: 12px;

	font-style: italic;

	position: relative;

}

.footer-content .news-widget .news-post .image-thumb {

	height: 65px;

	left: 0;

	position: absolute;

	top: 0;

	width: 65px;

}

.footer-content .news-widget .news-post .image-thumb img {

	display: block;

	width: 65px;

}

.footer-copyright {

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	color: #808080;

	font-size: 15px;

	padding: 16px 0;

	position: relative;

	text-align: center;

}

.footer-copyright .copyright {

	line-height: 20px;

	padding: 5px 0;

	position: relative;

}

.footer-copyright .copyright a:hover {

	color: #fff;

}

.blog-grid .like-comment li .dropdown-menu {
	min-width: auto;
}

.blog-grid .like-comment li .dropdown-menu li {
	float: none;
}

.blog-grid .like-comment li .dropdown-menu li a {
	background: transparent;
	color: #616161;
	text-align: left;
	text-decoration: none;
}

.blog-grid .like-comment li .dropdown-menu li a:hover {
	background: transparent;
	color: #616161;
	text-align: left;
	text-decoration: none;
}

.comment_reply_form {
	position: relative;
}
.edit_comment_form{position: relative;
    margin-bottom: 10px;}
.edit_comment_form .comment {
	background: #f1f2f2;
	border: 0;
	margin-left: 0px;
	width: 100%;
	padding: 10px 70px 10px 20px;
	border-radius: 40px;
}
.edit_comment_form .submit_btn {
	bottom: 0;
	position: absolute;
	border-radius: 40px;
	border: 0;
	right: 0;
	background: #1e76bd;
	color: #fff;
	padding: 7px 13px;
}


.comment_reply_form .comment {
	background: #f1f2f2;
	border: 0;
	margin-left: 0px;
	width: 100%;
	padding: 10px 70px 10px 20px;
	border-radius: 40px;
}

.comment_reply_form .submit_btn {
	bottom: 0;
	position: absolute;
	border-radius: 40px;
	border: 0;
	right: 0;
	background: #1e76bd;
	color: #fff;
	padding: 7px 13px;
}

.follow_btn {
	margin: -6.5% 0 10px 20px;
	float: right;
}




.searchheader {
	position: relative;
}

.searchheader i {
	top: 25px;

	left: 10px;

	position: absolute;

	color: #7b7b7b;

}

.searchheader input {
	height: 48px;

	margin: 8px 0;

	border: 1px solid #ccc;

	border-radius: 5px;

	padding: 0px 10px 0px 30px;

	min-width: 350px !important;

}

.language a.dropdown-toggle {
	text-align: center;
}

.language a.dropdown-toggle i {
	font-size: 16px;
	margin-right: 0 !important;
}

.left-top-head a i {
	font-size: 16px;
}

.fixside {
	display: flex;
}

.sidebar {
	height: calc(100vh - 80px);

	position: sticky;

	top: 160px;

	OVERFLOW: auto;



}

.user-quote {
	cursor: pointer;
	padding: 15px !important;
}

.user-quote:hover h5 {
	background: #ccc;
}

.user-quote img {
	width: 60px;

	height: 60px;

	float: left;

	display: block;

	border-radius: 50%;
}

.user-quote h5 {
	float: left;

	width: calc(100% - 70px);

	margin-left: 10px !important;

	padding: 9px 30px;
	background: #f1f1f1;

	border-radius: 30px;

	margin-top: 7px !important;

	margin-bottom: 0 !important;
}

.main-content-area {
	padding-top: 160px;
}

.fixheader {
	position: fixed;
	width: 100%;
	z-index: 999;
}

.spacearea li button {
	background: #1e76bd;

	color: #fff;

	border: 0;

	width: 100%;

	padding: 8px 0px;

}

.spacearea li button i {
	background: rgba(0, 0, 0, .1);

	padding: 5px 7px;

	margin-right: 6px;

}

.spacearea li a {

	padding: 10px;

	display: block;

	color: #333;

	vertical-align: middle;

}

.spacearea li a:hover {

	background: rgba(0, 0, 0, .1);

}

.spacearea li a i {
	margin-right: 10px;

	padding: 5px 6px;

	border-radius: 5px;

	background: rgba(0, 0, 0, 0.1);
}

.spacearea li .dot-img {

	position: relative;

	float: left;

}

.spacearea li .dot-img img {

	width: 26px;

	height: 26px;

	border-radius: 5px;

	margin-right: 10px;

}

.spacearea li .dott {

	width: 10px;

	height: 10px;

	display: block;

	background: #1e76bd;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 10px;

	border: 2px solid #f1f2f2;

}

.spacearea li .dott-suceeess {

	width: 10px;

	height: 10px;

	display: block;

	background: #16be2c;

	border-radius: 50%;

	position: absolute;

	top: 0;

	right: 10px;

	border: 2px solid #f1f2f2;

}

.space-bottom-area {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top: 20px;

	font-size: 13px;
}

.space-bottom-area li {
	display: inline-block;
}

.space-bottom-area li::before {

	content: " · ";

}

.space-bottom-area li:first-child::before {

	content: "";

}

.space-bottom-area li a {
	color: #939598;
}



.blog-head {
	background: #fff none repeat scroll 0 0;

	border: 1px solid #f1f1f1;

	padding: 15px 15px 10px;
}

.post-head-img {
	float: left;

	margin-right: 10px;
}

.post-head-img img {
	width: 50px;

	height: 50px;

	border-radius: 50%;
}

.post-head-content {
	float: left;
}

.post-head-content h6 {
	font-size: 14px;

	font-weight: bold;
}

.post-head-content a {
	color: #000;
}

.post-head-content a.follow-post-user {
	color: #1e76bd;
}

.post-head-content p {
	margin: 0;

	font-size: 14px;
}

.blog-head button {
	float: right;

	background: none;

	border: 0;
}

.blog-comment-box .blog-content {
	position: relative;
}

.blog-comment-box .blog-content.user-quote img {

	width: 45px;

	height: 45px;
}

.blog-comment-box .blog-content input {
	background: #f1f2f2;

	border: 0;

	margin-left: 10px;

	width: calc(100% - 55px);

	padding: 10px 70px 10px 20px;

	border-radius: 40px;
}

.blog-comment-box .blog-content button {
	bottom: 21px;

	position: absolute;

	right: 22px;

	border-radius: 40px;

	border: 0;

	background: #1e76bd;

	color: #fff;

	padding: 4px 13px;
}

.blog-comment-box .blog-detial {
	background: #fff none repeat scroll 0 0;

	border: 1px solid #f1f1f1;

	padding: 20px 20px;
}

.comt-repl-btn {
	padding-bottom: 10px;
	position: relative;
}

.blog-detial .comment .comt-repl-btn li {
	border: 0px !important
}

.blog-detial .comment .comt-repl-btn li a {
	background: #f4f4f4;
	margin-bottom: 5px;
}
.blog-detial .comment .comt-repl-btn li a:hover{
    background: #1e76bd none repeat scroll 0 0;
    color: #fff;
}


.posts-answer-grid {
	background: #fff none repeat scroll 0 0;

	border: 1px solid #f1f1f1;

	padding: 20px 20px;
}


.posts-answer-grid .posts-answer-list {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}


.posts-answer-grid .comt-repl-btn {
	padding-bottom: 10px;
	position: relative;
}

.posts-answer-grid .answer .comt-repl-btn li {
	border: 0px !important
}

.posts-answer-grid .answer .comt-repl-btn li a {
	background: #f4f4f4;
	margin-bottom: 5px;
}
.posts-answer-grid .answer .comt-repl-btn li a:hover{
    background: #1e76bd none repeat scroll 0 0;
    color: #fff;
}


.posts-answer-grid .like-answer {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.posts-answer-grid .like-answer li {

	float: left;

	margin: 0 0 0 0px;

}

.posts-answer-grid .like-answer li:first-child {

	margin: 0;

}



.posts-answer-grid .like-answer li a i {

	margin: 0 5px 0 0;

}

.posts-answer-grid .like-answer li.pull-right a i {

	margin: 0 0px 0 0;

}

.posts-answer-grid .answer-list {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.posts-answer-grid .answer li {

	border-right: 2px solid #000;

	padding-right: 10px;

}

.posts-answer-grid .answer li:last-child {

	border-right: 0 none;

}

.posts-answer-grid .answer li a {

	font-size: 13px;

	color: #333;

}

.posts-answer-grid .answer-info {

	border-bottom: 1px solid #f2f2f2;

	display: block;

	margin: 0px 0 20px 0;

	/* overflow: hidden; */
    color: #000000;


}

.posts-answer-grid .answer-info p {

	margin-bottom: 10px;

}

.posts-answer-grid .answer-info img {

    width: 45px;
    height: 45px;
}

.posts-answer-grid .answer-info .author-desc {

	margin-left: 55px;

}

.posts-answer-grid .answer-info .author-title {

	color: #323232;

	line-height: 16px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.posts-answer-grid .author-title strong {

	color: #323232;

	font-size: 14px;

	text-transform: capitalize;



}

.posts-answer-grid .answer-date {

	border-left: 1px solid #777;

	color: #777;

	font-size: 12px;

	margin-left: 17px;

	padding-left: 17px;

}

.posts-answer-grid .answer-list .children {

	list-style: outside none none;

	padding-left: 67px;

}






.add_more_answer_btn {
	border: 1px solid #cfcfcf;

	width: 100%;

	border-radius: 30px;

	font-size: 14px;

	padding: 3px 0px;
}

.add_more_answer_btn:hover {
	border-color: #1e76bd;
	background: #1e76bd;
	color: #fff;
}
.viewmorecommetbtn {
	border: 1px solid #cfcfcf;

	width: 100%;

	border-radius: 30px;

	font-size: 14px;

	padding: 3px 0px;
}

.viewmorecommetbtn:hover {
	border-color: #1e76bd;
	background: #1e76bd;
	color: #fff;
}



.posttypebox {
	margin: 0;
}

.posttypebox img {
	width: 40px;

	border-radius: 60%;
}

.posttypebox select {
	background: #f1f1f1;

	border: 1px solid #b1b1b1;

	border-radius: 30px;

	color: #333;

	font-weight: bold;

	padding: 5px 10px;

	margin-left: 10px;
}

.modal-footer.tab-modal-foot {
	margin: 0 -15px -30px
}

.signupformup {
	margin: 0;
	display: flex;
	height: 100%;
}

.signupformup .col-sm-6 {
	margin: 0;
	padding: 0;
	height: 100%;
}

.signupformup .col-sm-6.bgimg {
	background: url("../../images/meeting-2.jpg") no-repeat;
	background-size: cover;
}

.signupformup .col-sm-6.bgimg2 {
	background: url("../../images/SIGNN.jpg") no-repeat;
	background-size: cover;
}

.signupformup .box-panel {
	height: 100%;
	padding-left: 15%;

	padding-right: 15%;
	overflow: auto;
}

.signlogo {
	display: block;
	width: 100%;
	text-align: center;
}

.signlogo img {
	margin: 5% auto 8%;
}

.footerlink .space-bottom-area {
	margin: 0;
	padding: 0;
	border: 0;
}

.footerlink .space-bottom-area a {
	color: #fff;
}



.cardbox-main {
	background: #fff none repeat scroll 0 0;

	border: 1px solid #f1f1f1;
	padding: 15px 20px;
}

.cardbox-main h3 {
	color: #333;

	font-weight: bold;

	margin-bottom: 10px;
}

.cardbox-main button {
	background: #1e76bd;

	border-color: #1e76bd;

	padding: 7px 15px;

	margin-right: 5px;
	float: right;

	margin-bottom: 10px;
}

.cardbox-main a {

	clear: both;

	display: block;

	align-items: center;

	padding: 5px 0px;
}

.cardbox-main a:hover h4 {
	color: #1e76bd;
}

.cardbox-main a img {
	width: 40px;

	border-radius: 50%;

	float: left;

	margin-right: 10px;
}

.cardbox-main a h4 {
	float: left;
	font-weight: bold;

	color: #333;
	margin-top: 5px;
}

.section-heading {
	font-weight: bold;

	color: #333;

	font-size: 22px;
}

.section-sub-heading {
	font-size: 16px;

	font-weight: 600;

	color: #333;

	padding: 10px 0;

	margin-bottom: 10px;
}

.bg-white {
	background: #fff;
	margin-bottom: 30px;
}

.bg-white h2.widget-heading {
	margin: 0;
}

.bg-white .widget-content {

	padding: 15px 20px 5px;

}

.bg-white .widget-content p {

	color: #000;

}

.bg-white .widget-image-content {

	padding: 50px 10px;
}

.bg-white .widget-heading strong {

	font-size: 16px;

}

.bg-white .widget-image-content img {

	width: 60px;

	height: 60px;

	border-radius: 53%;

}

.viewmore-streem {
	margin: 0px auto;
	display: block;
	border-radius: 30px;
	padding: 5px 15px;
}

.invite-btn {
	border-radius: 30px;

	padding: 4px 14px;

	font-size: 12px;

	margin-top: 5px;
}

.streems-like-post li:first-child {
	padding: 0 10px 0 0px !important;
}

.streems-like-post li {
	padding: 0 10px !important;

	float: left;

	color: #8b8b8b;

	border-right: 1px solid #e7e7e7;

	border-bottom: 0 !important;
	font-size: 13px;
}

.question-detall {
	min-height: 100px !important;
}

.question-detall .profile-sec {

	padding: 30px 0 50px 0;

}

.question-detall .profile-avatar>span img {

	height: 100px;

	width: 100px;

}

.question-detall .profile-avatar {

	padding-left: 120px;

}

.profile-sec .profile-connect {

	top: 45px;

}

.question-detall .profile-connect {

	top: 35px;

}



.profile-sec-user {
	padding: 10px 0 30px 0;

	overflow: hidden;
}

.profile-sec-user h3 {
	color: #000;
	font-weight: bold;
}

.profile-sec-user .profile-name p a {
	color: #333;
}

.profile-sec-user .profile-name {
	padding-top: 4%;
}

.about-user-pro {
	clear: both;
	color: #000;
}

.user-pro-rightsde-btn {
	padding-top: 11%;
}

.user-pro-rightsde-btn li {
	margin: 0 0 0 4px;
}


.message.error {
	color: red;
	text-align: center;
}

.message.success {
	color: green;
	text-align: center;
}

.post_slides {
	display: none;
}

.post_slides.active {
	display: block;
}

button.close {
	z-index: 9999;
	position: relative;
}

.select2-container {
	width: 100% !important;
}


.error-message {
	color: red;
}

.ajax_loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f7fbfc8a;
	z-index: 99999;
}

.ajax_loader .preloader-gif {
	display: block;
	width: 132px;
	height: 132px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-position: center center;
	transform: translateY(-50%);
	background: url(../../images/preloader.gif) no-repeat;
}

.custom-file-input {
	color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
}

.custom-file-input::before {
	content: 'Select file';
	color: black;
	display: inline-block;
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
}

.custom-file-input:hover::before {
	border-color: black;
}

.custom-file-input:active {
	outline: 0;
}

.custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.ui-autocomplete.ui-front {
	z-index: 9999;
}

.spacearea li {
	position: relative;
}

.get_category {
	position: absolute;
	background: #1e76bd;
	right: 9px;
	top: 9px;
	padding: 0 6px;
	color: #fff;
	font-size: 12px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font-weight: normal;
    color: #333;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f1f1f1;
    color: #333;
}
.error{
	color: #dc3545!important;
}

.body-content-btn {
    display: none;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    text-align: right;
}

/*.body-content-btn {*/
/*    display: block;*/
/*    bottom: 77px;*/
/*    background: #ffffff;*/
/*    position: absolute;*/
/*    right: 22px;*/
/*}*/
.body-content-text {
    max-height:95px;
    display:block;
    overflow:hidden;
    word-break: break-word;
    word-wrap: break-word;
}

.addReadMore, .addReadMore p {text-align: justify; margin: 0 0 10px;}

/*.addReadMore.compressed .SecSec {*/
/*    display: none;*/
/*}*/

/*.addReadMore .firstSec,*/
/*.addReadMore .readMore {*/
/*    display: none;*/
/*}*/

/*.addReadMore .readMore,*/
/*.addReadMore .readLess {*/
/*    font-weight: bold;*/
/*    margin-left: 2px;*/
/*    color: blue;*/
/*    cursor: pointer;*/
/*}*/

/*.addReadMoreWrapTxt.showmorecontent .SecSec,*/
/*.addReadMoreWrapTxt.showmorecontent .readLess {*/
/*    display: block;*/
/*}*/

.select2-container .select2-search--inline .select2-search__field {
    width: 100% !important;
}

.card.url_meta{
	margin-bottom: 20px;
    background: #f1f2f2;
    padding: 10px;
    border-radius: 10px;
}

.card.url_meta h5{
	color: #191919;
    font-size: 16px;
    margin: 0;
}

.card.url_meta a {
    color: blue;
}

.card.url_meta iframe {
	width: 100%;
}


/* =-=-=-=-=-=-= Responsive Quries =-=-=-=-=-=-= */

.like-comment li a span.countnum{background: #1e76bd;
    border-radius: 40px;
    width: 25px;
    display: inline-block;
    color: #fff;
    font-size: 12px;}
.mobilehidee{}
.countnum{}

#ui-id-1.ui-autocomplete.ui-front {
    width: 350px !important;
}

@media (min-width: 1280px) and (max-width: 1599px) {

	.search-section {

		min-height: 390px;

		padding: 50px 0;

	}

}



@media (min-width: 768px) and (max-width: 1279px) {

	/*.top-bar ul.top-nav.nav-right > li {

    padding: 0 12px;

}*/

	.navbar-form {

		width: 100%;

	}

	.navbar-form .form-control {

		width: 100%;

	}

	.navbar-nav>li>a {

		padding: 20px 5px;

	}

	.side-bar {

		margin-top: 30px;

	}

	.happy-client p {

		max-width: 100%;

	}

	.app-grid {

		padding: 13px 0 12px;

		width: 100%;

	}

	.app-title h3 {

		font-size: 18px;

	}

	.app-title h5 {

		font-size: 12px;

	}

	.app-grid span.app-icon {

		float: left;

		width: 60px;

	}

	.social-bar li a span strong {

		letter-spacing: 0;

	}

	.social-bar li a span {

		text-align: center;

		margin-top: 15px;

	}

	.slider-caption h1 {

		font-size: 38px;

	}

	.slider-caption small {

		font-size: 21px;

	}

	.question-tabs .panel-tabs>li {

		width: 25%;

	}

	.listing-grid .col-md-2::after {

		background-color: #e5eaef;

		content: "";

		height: 86px;

		position: absolute;

		right: 4px;

		top: 0;

		width: 1px;

	}

	.tick2 {

		right: 19px;

		top: -1px;

	}

	.question-tabs .panel-tabs>li a i {

		display: none;

	}

	.question-tabs .panel-tabs>li>a {

		font-size: 14px;

		padding: 25px 10px;

	}

	.side-bar {

		margin-top: 60px;

	}

	.get-arrow::before {

		background-image: none;

	}

	.slider-caption h2 {

		font-size: 40px;

	}

	.navbar-form {

		margin-left: 220px;

		width: 73%;

		margin-top: -32px;

	}

	.ribbon {

		padding: 5px;

	}

	.ribbon span {

		font-size: 14px;

	}

	.widget-image {

		height: 250px;

		overflow: hidden;

		position: relative;

	}

	.error-search .error-input {

		width: 70%;

	}

	.error-title-big {

		font-size: 150px;

		line-height: 105px;

	}

	.profile-avatar {

		padding-left: 130px;

	}

	.profile-avatar>span img {

		height: 110px;

		width: 110px;

	}

	.profile-name {

		padding-top: 0;

		width: 100%;

	}

	.profile-name>h3 {

		font-size: 22px;

	}

	.social-btns>li>a>i {

		font-size: 14px;

		height: 25px;

		line-height: 25px;

		width: 25px;

	}

	.profile-name .social-btns {

		float: left;

		margin: 10px 0 0;

		width: 100%;

	}

	.profile-count>li {

		font-size: 24px;

	}

	.profile-count>li>i {

		font-size: 12px;

	}

}


@media screen and (max-width: 991px) {

    .like-comment li a span.mobilehidee{
        display:none;}
    .like-comment li a span.countnum{
        background: none;
    width: auto;
    color: #000; }
        .like-comment li a:hover span.countnum{
    color: #fff; }

    .searchheader input {
      min-width: 280px !important;
    }
    .homepagethreerow{display: block;}
    .homepagefirst  .sidebar {height: calc(35vh - 80px);
  margin-bottom: 20px;
}
    .homepagetwo{width: 68%;
float: left;}
    .homepagethree{width: 32%;
float: right;}
.homepagethree .side-bar {
  margin-top: 0px;
}
.preloader .preloader-gif{background-position: center;}
}
@media screen and (max-width: 600px) {
    #latest-post.question-tabs .row.fixside{display:block;}
    #latest-post.question-tabs .col-md-8{width:100% !important;}
    #latest-post.question-tabs .col-md-4{width:100% !important}
    .signupformup .box-panel {
  padding-left: 8%;
  padding-right: 8%;
}
.top-bar ul.top-nav.nav-right .dropdown-menu {
  left: auto !important;
   right: 0px !important;
}
      .homepagetwo{width: 100%;
float: none;}
    .homepagethree{width: 100%;
float: none;}

	.section-padding {

		padding: 70px 0;

	}

	.section-padding-140 {

		padding: 140px 0;

	}

	.section-padding-100 {

		padding: 100px 0;

	}

	.section-padding-80 {

		padding: 80px 0;

	}

	.section-padding-70 {

		padding: 70px 0;

	}

	.section-padding-60 {

		padding: 60px 0;

	}

	.section-padding-40 {

		padding: 40px 0;

	}

	.padding-top-20 {

		padding-top: 20px;

	}

	.padding-top-30 {

		padding-top: 30px;

	}

	.padding-top-40 {

		padding-top: 40px;

	}

	.padding-top-50 {

		padding-top: 50px;

	}

	.padding-top-45 {

		padding-top: 45px
	}

	.padding-top-60 {

		padding-top: 60px;

	}

	.padding-top-70 {

		padding-top: 70px;

	}

	.padding-top-80 {

		padding-top: 80px;

	}

	.padding-top-100 {

		padding-top: 100px;

	}

	.padding-top-120 {

		padding-top: 120px;

	}

	.padding-top-140 {

		padding-top: 140px;

	}

	.padding-bottom-120 {

		padding-bottom: 120px;

	}

	.padding-bottom-100 {

		padding-bottom: 100px;

	}

	.padding-bottom-80 {

		padding-bottom: 80px;

	}

	.padding-bottom-60 {

		padding-bottom: 60px;

	}

	.padding-bottom-40 {

		padding-bottom: 40px;

	}

	.padding-bottom-20 {

		padding-bottom: 20px;

	}

}


@media screen and (max-width: 768px) {
    .top-bar ul.top-nav.nav-right > li:last-child {
  padding-right: 0;
}
    .searchheader input {
      min-width: 97% !important;
    }
    .signupformup .col-sm-6.bgimg{display:none;}
    .signupformup .col-sm-6.bgimg2{display:none;}
    .signupformup .col-sm-6{width:100% !important;}
    .profile-sec-user .profile-name {
      text-align:center;
    }
    .profile-sec-user .profile-name h3{
      color:#333 !important;
    }
    .profile-connect.user-pro-rightsde-btn{position: inherit;
right: 0;
padding: 0;}
.question-detall .profile-avatar {
  padding-left: 0px;
}

.question-detall .profile-connect {
  top: 15px;
    position: inherit;
  left: 0;
}
.question-tabs .panel-tabs > li.active > a, .question-tabs .panel-tabs > li.active > a:hover, .question-tabs .panel-tabs > li.active > a:focus{border:0px;margin-bottom: 0px; background:#000; color:#fff;}
}
@media (min-width: 320px) and (max-width: 767px) {

	.top-bar .top-nav.nav-right {

		float: right;

		text-align: left;

	}

	.top-bar ul.top-nav.nav-right>li {

		padding: 0 10px;

	}

	.navbar-form {

		width: 100%;

		margin: 8px 8px 8px 0;

	}

	.navbar-brand {

		height: auto;

	}

	.top-bar ul.top-nav.nav-right>li:first-child {

		padding-left: 0;

	}

	.navbar-collapse {

		border-color: transparent;

	}

	.slider-caption h1 {

		font-size: 20px;

		line-height: 56px;

		letter-spacing: 0;

		margin-bottom: 0;

	}

	.slider-caption h2 {

		font-size: 20px;

		line-height: 56px;

		letter-spacing: 0;

		margin-bottom: 30px;

		margin-top: -15px;

	}

	h3.search-title {

		font-size: 26px;

	}

	p.search-tag-line {

		color: #fff;

		font-size: 14px;

		padding: 10px 21px;

	}

	form.search-form input.search-term {

		margin-right: 0;

		width: 80%;

		font-size: 12px;

	}

	form.search-form input.search-btn {

		font-size: 12px;

		padding: 14px 20px 15px;

		width: 80%;

		margin-top: 10px;

	}

	.question-tabs .panel-tabs>li {

		width: 25%;

	}

	ul.question-statistic {

		position: relative;

		text-align: left;

	}

	ul.question-statistic li span {

		height: 30px;

		line-height: 30px;

		margin-bottom: 15px;

		width: 30px;

	}

	.listing-meta {

		margin-top: 10px;

		margin-bottom: 10px;

	}

	.social-bar ul li:first-child:nth-last-child(4), .social-bar ul li:first-child:nth-last-child(4)~li {

		width: 50%;

	}

	.social-bar li a span strong {

		color: #fff;

		display: table;

		font-size: 13px;

		font-weight: 200;

	}

	.app-grid {

		margin: 0 auto 30px;

	}

	.btn-nav a {

		display: block;

	}

	.client-img {

		float: left;

		width: 30%;

	}

	.btn-nav {

		margin-left: 0;

	}

	.navbar-nav>li>a {

		padding: 10px 20px;

	}

	.navbar-nav .dropdown-menu li a {

		padding: 10px 20px;

	}

	.btn-light {

		padding: 10px;

	}

	.btn-transparent {

		padding: 10px;

		margin-right: 5px;

	}

	.parallax-home {

		height: 350px;

	}

	.slider-caption .btn {

		font-size: 12px;

	}

	.get-arrow::before {

		background-image: none;

	}

	.side-bar {

		margin-top: 60px;

	}

	.question-details .listing-grid h3 a, .question-details .listing-grid h3 {

		font-size: 18px;

	}

	.thread-reply .media-block .media-left {

		display: none;

	}

	.question-details .media-body {

		padding-left: 0;

	}

	.card-box {

		padding: 10px;

	}

	.ribbon {

		padding: 6px;

	}

	.ribbon span {

		font-size: 12px;

	}

	.widget-content .btn {

		padding: 8px 12px;

	}

	.blog-grid .blog-content {

		padding: 10px;

	}

	.blog-grid .blog-content h5 {

		font-size: 16px;

	}

	.blog-grid .post-meta {

		margin: 0 0 10px;

	}

	.blog-detial .alignleft, .blog-detial .alignright {

		float: none;

	}

	.blog-detial .comment-info .author-desc {

		margin-left: 0;

	}

	.blog-detial .comment-list .children {

		list-style: outside none none;

		padding-left: 25px;

	}

	.side-bar .widget .gallery-image a {

		margin-right: 5px;

		max-width: 23%;

	}

	.box-panel {

		padding: 15px;

	}

	#register .btn, #login .btn {

		font-size: 12px;

		letter-spacing: 0;

		padding: 12px 17px;

	}

	.error-search .error-input {

		width: 70%;

		height: 45px;

	}

	.error-search .btn {

		font-size: 12px;

		letter-spacing: 0;

		padding: 12px 17px;

	}

	.error-title-big {

		font-size: 165px;

		margin: 70px 0;

	}

	.contact-detail {

		margin-top: 35px;

	}

	.profile-avatar {

		overflow: hidden;

		padding-left: 0;

		margin-bottom: 10px;

	}

	.profile-avatar>span {

		display: table;

		margin: 0 auto;

		position: relative;

	}

	.profile-name {

		float: none;

		padding-top: 16px;

		position: relative;

		width: 100%;

		text-align: center;

	}

	.profile-name>h3 {

		color: #ffffff;

		display: table;

		font-size: 20px;

		font-weight: 600;

		margin: 0 auto;

		position: relative;

		width: auto;

	}

	.profile-name>i {

		color: #d7d7d7;

		float: none;

		display: table;

		font-size: 14px;

		margin: 0 auto;

		position: relative;

		font-style: normal;

		width: auto;

	}

	.profile-name .social-btns {

		float: none;

		margin: 10px auto;

		width: auto;

		display: table;

	}

	.profile-count {

		margin-top: 90px;

	}

	.profile-connect {

		right: 50px;

		top: 15px;

	}

	.profile-count>li {

		float: left;

		font-size: 18px;

	}

	.listing-grid {

		padding: 0 10px 40px;

	}

	.listing-grid h3 a, .listing-grid h3 {

		font-size: 16px;

	}

	.listing-grid p {

		font-size: 14px;

		margin-bottom: 20px;

	}

	.fact p {

		margin-bottom: 30px;

	}

	.main-heading h2 {

		font-size: 24px;

	}

	.main-heading p {

		padding: 0 20px;

	}

	.btn-lg {

		letter-spacing: 0;

	}

	.success-stories {

		padding: 70px 15px;

	}

	.success-stories .main-heading {

		margin-bottom: 0;

	}

	.app-title h3 {

		font-size: 18px;

	}

	.dropdown-menu.pull-right {

		left: 0;

	}

	.slider-caption {

		padding: 0 20px;

	}

	.slider-caption h2 {

		margin-bottom: 15px;

	}

	.center-responsive h4 {

		margin-bottom: 25px;

	}

	.page-title .text-right {

		text-align: left;



	}

	.profile-count>li {

		float: left;

		font-size: 18px;

	}

	.timeline {

		padding-left: 0;

	}

	.social-share {

		display: none;

	}

	.timeline-container>ul::before {

		background: transparent;

		content: "";

		height: 100%;

		left: 0;

		position: absolute;

		top: 0;

		width: 2px;

	}

	.points {

		float: left;

		font-size: 96%;

	}

	.top-bar ul.top-nav.nav-right .dropdown-menu {

		left: -186px;

	}

	.profile-sec .profile-connect {
		position: unset;
		text-align: center;
		margin-top: 10px;;
	}

	.profile-connect>li{
		float: none;
		margin-left: 0;
		display: inline-block;
		margin-right: 20px;
	}

}

@media (max-width: 320px) {

	h3.search-title {

		font-size: 24px;

	}

	p.search-tag-line {

		color: #fff;

		font-size: 14px;

		padding: 10px 20px;

	}

	form.search-form input.search-term {

		font-size: 12px;

		margin-right: 0;

		width: 80%;

	}

	form.search-form input.search-btn {

		width: 80%;

		margin-top: 10px;

	}

	.fact p {

		font-size: 12px;

	}

	.client-info strong {

		font-size: 14px;

		margin-top: 5px;

		margin-bottom: 0;

	}

	.top-bar ul.top-nav.nav-right>li {

		padding: 0 5px;

	}

	.slider-caption h1 {

		font-size: 17px;



	}

	.slider-caption h2 {

		font-size: 15px;

		margin-bottom: 10px;

	}

	.profile-count>li {

		float: left;

		font-size: 11px;

	}

}

.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}



 .information {
	display: inline-flex;
	list-style: none;
  }

  .information .information_icon {
	position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; */
  }
 .information .information_tooltip {
	position: absolute;
	bottom: 25px;
	font-size: 14px;
	background: #1e76bd;
	color: #ffffff;
	padding: 5px 8px;
	border-radius: 5px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    line-break: auto;

  }

  .information .information_tooltip::before {
	position: absolute;
	content: "";
	height: 8px;
	width: 8px;
	background: #1e76bd;
	bottom: -3px;
	left: 20px;
	transform: translate(-50%) rotate(45deg);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .information .information_icon:hover .information_tooltip {
	bottom: 25px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
  }

  .information .information_icon:hover span,
  .information .information_icon:hover .information_tooltip {
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  }


  .page_content ul{
	list-style: inherit;
    margin: revert;
    padding: revert;
  }
  .page_content ul li{
  }