@charset "utf-8";
/* CSS Document */
/*=Semantric Style Start=*/
.padding-0 {
	padding:0;
}
.padding-left-0 {
	padding-left:0;
}
.padding-right-0 {
	padding-right:0;
}
.margin-0 {
	margin:0px;
}
.margin-left-0 {
	margin-left:0px;
}
.margin-right-0 {
	margin-right:0px;
}
.margin-top-0 {
	margin-top:0px;
}
.margin-bottom-0 {
	margin-bottom:0px;
}
/*=Semantric Style End=*/
.custom-row, .main-section {
	max-width:110rem;
	width:100%;
}
.top-header {
	height:auto;
	padding:0px;
	background:#399;
}
.top-header>div {
	background:#fff;
}
.top-header>div h1 {
	color:#5f5f5f;
	font-size:60px;
	font-weight:900;
	line-height:29px;
	padding-top:15px;
	margin:0;
}
.top-header>div h1 span {
	display:block;
	color:#000;
	font-weight:300;
	font-size:18px;
	text-transform:uppercase;
}
.top-header>div:first-child {
	background:#fff;
	color:#000;
	border-bottom:solid 3px #5f5f5f;
}
.left-menu, .right-menu {
	display:none;
}
.navigation ul {
	margin:0;
	padding:0;
}
.navigation ul li {
	list-style:none;
	display:inline;
}
.navigation ul li a {
	color:#fff;
	text-transform:uppercase;
	float:left;
	line-height:45px;
	padding:0 10px;
	height:2.8125rem;
	font-weight:500;
	font-size:15px;
	text-shadow:0 1px 3px #333;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navigation ul li:first-child a {
	padding:inherit;
	margin-right:10px;
}
.navigation ul li:first-child a:hover {
	background:none;
}
.navigation ul li a:hover {
	background:#8ac007;
}
.navigation ul li a.active {
	background:#8ac007;
}
.top-heading {
	text-align:center;
	padding:0;
}
.top-heading h2 {
	font-size:20px;
	text-transform:uppercase;
	font-weight:300;
}
.top-heading h2 span {
	display:block;
	font-size:15px;
	font-weight:600;
}
.search {
	padding-top:4px;
}
.search-btn {
	background:#8ac007;
	padding:0 5px 0 5px;
	font-size:15px;
	font-weight:600;
	border:none;
	margin:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border:solid 1px #6a9600;
}
.search-btn:hover {
	background:#709F00;
}
.search-btn .fa-search {
	margin-right:5px;
	font-weight:100;
	font-size:15px;
}
.search input[type="text"]{
	margin:0 0 0 0;
	border:none;
	width:99%;
	color:#000;
	border:solid 1px #5f5f5f;
}
::-webkit-input-placeholder {
	color:#000;
}

:-moz-placeholder { /* Firefox 18- */
	color:#000;
}

::-moz-placeholder {  /* Firefox 19+ */
	color:#000;
}

:-ms-input-placeholder {  
	color:#000;
}
.container {
	display:flex;
	padding-left:0;
}
.left-nav {
	background:#ebeaea;
	margin-right:0.9375rem;
}
.left-nav > div {
	background:#ebeaea;
	padding:15px 0;
	height:100%;
}
.left-nav ul {
	font-family:"roboto", Arial, Helvetica, sans-serif;
}
ul.off-canvas-list li.has-submenu {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 12px 0 3px;
    padding: 0 0 0 0.9375rem;
    text-transform: uppercase;
}
ul.off-canvas-list li.has-submenu a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 12px 0 3px;
    padding: 0;
    text-transform: uppercase;
	transition:none;
}
ul.off-canvas-list li.has-submenu a:hover {
	color:#000;
	background:none;
	transition:none;
	border:none;
	font-size: 18px;
	padding:0;
}
ul.off-canvas-list li {
	color:#000;
	padding:0 0 0 0.9375rem;
}
ul.off-canvas-list li.heading {
	color:#000;
	padding:0 0 0 0.9375rem;
	font-weight:600;
	text-transform:uppercase;
	margin:12px 0 3px 0;
	font-size:18px;
	line-height:22px;
}
ul.off-canvas-list li a {
	border-bottom:none;
	color:#000;
	padding:0;
	text-transform:inherit;
	line-height:23px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size:15px;
}
ul.off-canvas-list li a:hover {
	background:#8ac007;
	padding:0 0 0 8px;
	border-left:solid 5px #6a9600;
	color:#fff;
}
ul.off-canvas-list .left-submenu li a {
	font-size:15px;
	font-weight:normal;
	text-transform:inherit;
	margin:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.off-canvas-list .left-submenu li a:hover {
	font-size:15px;
    background: #979797 none repeat scroll 0 0;
    border-left: 5px solid #06b6c6;
    color: #fff;
    padding: 0 0 0 8px;
}
.right-nav {
	/*background:#F5F5F5;*/
	padding:15px 0;
}
/*.right-nav .menu-heading {
	background:#979797;
	margin:10px 0;
	text-transform:uppercase;
	color:#fff;
	font-size:15px;
	font-weight:600;
	padding:5px 15px;
}
.populer-link {
	margin-bottom:10px;
}
.populer-link ul {
	margin:0;
	padding:0;
}
.populer-link ul li {
	list-style:none;
}
.populer-link ul li a {
	display:block;
	color:#000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.populer-link ul li a:hover {
	background:#979797;
	padding:0 0 0 8px;
	border-left:solid 5px #06b6c6;
	color:#fff;
}
.page-count {
	background:#06b6c6;
}*/
.middle-content {
	padding-left:0;
	padding-top:15px;
}
.middle-content ul li {
	list-style-image:url(../images/commom-listimage.jpg);
}
.middle-content .middle-top-add {
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.middle-content .middle-top-add img {
	width:100%;
	height:auto;
}
.middle-content h3 {
	font-size:25px;
	font-weight:100;
}
.middle-content p {
	padding:0;
	line-height:20px;
}
.middle-content p a {
	color:#06b6c6;
	font-weight:bold;
	text-decoration:underline;
}
.middle-content-headding {
	border-bottom:solid 2px #047a85;
	font-size:18px;
	text-transform:uppercase;
	color:#047a85;
	margin-bottom:10px;
	font-weight:600;
	width:100%;
}
.top-login {
	font-size:12px;
	padding:4px 0px 4px 0px;
}
.top-login > div a{
	color:#fff;
}
.top-login > div a.login{
	padding:0;
	border-radius:3px;
	text-transform:uppercase;
	/*width:70px;*/
	margin-top:2px;
	display:block;
	font-weight:500;
	color:#000;
	float:left ;
}
.top-login > div a img {
	margin-left:15px;
	display:block;
}
.forum {
	overflow:auto;
}
.forum table tr th {
	color:#fff;
	background:#6a9600;
	text-transform:uppercase;
	font-weight:600;
	font-size:18px;
}
.forum table tr td:first-child {
	text-align:center;
	font-size:25px;
	color:#A3A3A3;
}
.forum table tr th.th-icoon {
	text-align:center;
	font-size:25px;
}
.forum table tr td {
	border-left:solid 1px #D7D7D7;
}
.forum table tr td span a {
	font-weight:500;
	font-size:16px;
}
.forum table tr td span a:hover, .forum table tr td a:hover {
	background:#6a9600;
	color:#fff;
}
.forum table tr td a {
	font-weight:500;
	font-size:16px;
}
.project > div.project-list {
	border:solid 1px #CCC;
	padding:8px 15px;
	margin-bottom:20px;
}
.project .project-list h5 a {
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	float:left;
	padding-top:2px;
	padding-right:8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.project .project-list h5 a:hover, .project .project-list h5 a:hover span {
	background:#253400;
	color:#fff;
}
.project .project-list:hover {
	background:#F2F2F2;
}
.project .project-list h5 a:hover span {
	border-right:solid 1px #fff;
}
.project .project-list h5 a span {
	border:solid 1px #253400;
	color:#253400;
	font-size:18px;
	float:left;
	text-align:center;
	margin-right:8px;
	font-weight:600;
	margin-top:-2px;
	padding:0 8px;
}
.project .project-list p {
	margin:0;
	float:left;
	width:100%;
}
.project .project-list p.p-details {
	margin-top:8px;
}
.project .project-list p.p-details a:hover {
	background:#6a9600;
	color:#fff;
}
.project .project-list p.p-details span {
	font-weight:500;
	color:#253400;
}
.login-box {
	margin:auto;
	float:none;
}
.login-box .button {
	float:right;
	padding:8px 25px;
	text-transform:uppercase;
	font-weight:bold;
}
.login-box label {
	cursor:inherit;
}
.online-authonticate {
	margin-bottom:10px;
}
.facebook-contain {
	padding-left:0;
	margin-bottom:8px;
}
.online-authonticate .facebook {
	background:#5f78ab;
	padding:5px 15px;
	border-radius:5px;
}
.online-authonticate .facebook a, .online-authonticate .google a {
	display:block;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
}
.google-contain {
	padding-right:0;
	margin-bottom:8px;
}
.online-authonticate .google {
	background:#dd4b39;
	padding:5px 15px;
	border-radius:5px;
}
.follow {
	margin-bottom:15px;
}
.follow p {
	margin-bottom:0;
}
.follow ul {
	margin:0;
	padding:0;
}
.follow ul li {
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.follow ul li a {
	color:#000;
	font-size:25px;
}
footer {
	background:#496602;
	color:#fff;
	font-family:"roboto", Arial, Helvetica, sans-serif;
}
footer > div.row, .copy-write > div.row{
	width:100%;
	max-width:83rem;
}
.footer-content div h4 {
	font-size:18px;
	color:#000;
	letter-spacing:1px;
}
.footer-content div ul {
	padding:0px;
}
.footer-content div ul li {
	margin:0px 0px 8px 0px;
	padding:0px;
	list-style:url(../images/commom-listimage.jpg);
	float:left;
	color:#000;
}
.footer-content div ul li a {
	display:block;
	color:#000;
	line-height:18px;
}
.copy-write {
	border-top:solid 2px #dedede;
}
.copy-write > div  p {
	font-weight:400;
	font-size:20px;
	margin:0;
	padding:10px 0px;
}
/* Add Start */
.small-advertise {
	width:100%;
	height:auto;
	margin:10px 0;
}
.full-height-advertise img {
	width:100%;
}
/* Add End */

/* Media Queries */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 20em) and (max-width: 63em) {
.left-menu, .right-menu {
	display:block;
}
.custom-row {
	padding:0;
}
.top-heading, .search-text, .navigation ul li, .left-nav {
	display:none;
}
.tab-bar {
	padding-left:0;
}
.search {
	display:block;
}
.container {
	padding: 0.9375rem;
	display:inline;
}
.middle-content {
	padding:0;
}
.middle-content h3 {
	font-size:22px;
	line-height:22px;
}
.custome-width {
	width:100%;
}
.search-text {
	display:none;
}
.facebook-contain, .google-contain {
	padding:0;
}
}
/* min-width 1024px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 63.2em) and (max-width: 85em) {
.custome-width-desktop {
	width:100%;
}
}

/* min-width 1024px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 1000px) and (max-width: 1030px) 
{
    .search-text 
    {
        display:none;
    }
}