/* CSS Document */
@font-face {
	font-family: 'gandhi_sansregular';
	src: url('../fonts/GandhiSans-Regular-webfont.eot');
	src: url('../fonts/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GandhiSans-Regular-webfont.woff') format('woff'), url('../fonts/GandhiSans-Regular-webfont.ttf') format('truetype'), url('../fonts/GandhiSans-Regular-webfont.svg#gandhi_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* latin-ext */
@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 400;
	src: local('Bitter-Regular'), url(../fonts/v8/Qt2dUzVlMd1bCOcZXl06LPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 400;
	src: local('Bitter-Regular'), url(../fonts/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* general css */
body {
	margin: 0;
	padding: 0;
	font-family: 'gandhi_sansregular';
	color: #666;
	font-size: 16px;
	height:100%;
}

.body {
	font-family: 'gandhi_sansregular';
	line-height:25px;
	color:#666;
}

.size {
	width: 960px;
	margin: 0 auto 0;
	overflow: auto;
}
a {
	text-decoration: none;
}
#header {
	background: #f89938;
}
.logo {
	overflow: auto;
	width: auto;
	padding: 10px 0;
}
#navbar-inverse {
	background: #111;
	color: #FFF;
	border: none;
	font-family: 'gandhi_sansregular';
}
#navbar-inverse a {
	color: #FFF;
}
#navbar-inverse ul li:hover {
	background: #333;
}

#navbar-inverse li li a {
	color: #333;
}
.top-header {
	background: #333;
	color: #f7f7f7;
	padding: 5px;
	overflow: auto;
	width: auto;
}
.top-header p {
	margin:0 20px 0 0;
	padding:10px 0;
	font-family: 'gandhi_sansregular';
	float:left;
	overflow:auto;
}
/*----------------share icons----------------*/
.share-icon {
	display: inline-block;
	float: left;
	margin: 4px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	background-image: url(../img/share-icons.png);
}
.share-facebook {
	background-position: 0px 0px;
}
.share-facebook:hover {
	background-position: 0px -40px;
}
.share-twitter {
	background-position: -40px 0px;
}
.share-twitter:hover {
	background-position: -40px -40px;
}
.share-pinterest {
	background-position: -80px 0px;
}
.share-pinterest:hover {
	background-position: -80px -40px;
}
.share-linkedin {
	background-position: -240px 0px;
}
.share-linkedin:hover {
	background-position: -240px -40px;
}
.share-googleplus {
	background-position: -120px 0px;
}
.share-googleplus:hover {
	background-position: -120px -40px;
}
.share-stumbleupon {
	background-position: -360px 0px;
}
.share-stumbleupon:hover {
	background-position: -360px -40px;
}
.share-email {
	background-position: -320px 0px;
}
.share-email:hover {
	background-position: -320px -40px;
}


/*--slider--*/
/*--- slider-css --*/
.slider {
	position: relative;
	margin-top:-25px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.caption{
	width: 56%;
	position: absolute;
	top: 35%;
	left: 20%;
	text-align:center;
}
.caption h3{
	color: #FFF;
	font-weight: 700;
	font-size: 1.8em;
	text-transform: uppercase;
}
.caption p{
	color: #FFF;
	line-height: 1.5em;
	font-size: 0.875em;
	text-align: center;
	margin:1em 0 1.5em 0;
}
a.morebtn{
	background:#3D3D3D;
	padding:0.8em 0;
	display:block;
	font-size:0.875em;
	text-transform:uppercase;
	color:#FFF;
	width:20%;
	margin:0 auto;
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
}
a.morebtn:hover{
	background:#585686;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	border: 2px solid #867a76;
}
.callbacks_here a:after{
	border: 2px solid #fd926d;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14px;
	z-index: 999;
	left: 13px;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:117px;
  width:30px;
  background: transparent url("../img/arrows.png") no-repeat left top;
  margin-top: -45px;
  }
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
 }
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
	.caption {
		width: 63%;
		top: 31%;
		left: 19%;
	}
}
@media(max-width:768px){
	.caption {
		width: 70%;
		top: 22%;
		left: 13%;
	}
	.caption h3{
		font-size:1.5em;
	}
	a.morebtn {
		width: 26%;
	}
	.callbacks_nav {
	  	top: 55%;
	 }
}
@media(max-width:640px){
	.caption {
		width: 70%;
		top: 12%;
		left: 13%;
	}
	.caption h3{
		font-size:1.5em;
	}
	a.morebtn {
		width: 30%;
	}
	.callbacks_tabs a:after {
		height: 10px;
		width: 10px;
	}
}
@media(max-width:480px){
	.caption {
		width: 70%;
		top: 14%;
		left: 13%;
	}
	.callbacks_nav {
	  	top: 60%;
	 }
	.caption p{
		height:25px;
		overflow:hidden;
		margin:0.5em 0;
	}
	.caption h3{
		font-size:1.4em;
	}
	a.morebtn {
		width: 40%;
		font-size:0.8em;
	}
	.callbacks_tabs a:after {
		height:4px;
		width: 4px;
	}
	ul.callbacks_tabs.callbacks1_tabs {
		bottom: 10px;
		left: 4px;
	}
}
@media(max-width:320px){
	.caption {
		width: 70%;
		top: 14%;
		left: 13%;
	}
	.callbacks_nav {
	  	top: 63%;
	 }
	.caption p{
		height:25px;
		overflow:hidden;
		margin:0.2em 0;
	}
	.caption h3{
		font-size:1em;
	}
	a.morebtn {
		width: 50%;
		font-size: 0.8em;
		padding:0.6em 0.5em; 
	}
	.callbacks_tabs a:after {
		height:4px;
		width: 4px;
	}
	ul.callbacks_tabs.callbacks1_tabs {
		bottom: 10px;
		left: 4px;
	}
}

.blog-sidebar h3 {
	background: none;
	font-size:22px;
	padding:10px 0;
	color:#555;
	border-bottom:dashed thin #888;
	margin:15px 0 15px;
	font-family: 'gandhi_sansregular';
}

.sidebar-module ul {
	background:#f7f7f7;
	list-style:none;
	margin:0;
	padding:0;
	font-family: 'gandhi_sansregular';
}

.sidebar-module li {
	background:#fc8358;
	padding:14px;
	margin:2px 0;
	color:#fff;
	text-decoration:none;
}

.sidebar-module li:hover {
	background:#ed6130;
}


.sidebar-module a:hover {
	text-decoration:none;
}
.blog-post {
	font-size:16px;
	line-height:30px;
}
.blog-post h2 {
	font-family:'Bitter', Arial, Helvetica, sans-serif;
	text-align:center;
}

.table2 {
	background:#3399ff;
	padding:25px;
	overflow:auto;
	width:auto;
	color:#f7f7f7;
}

.table2 h3,.table2 p{
	color:#f7f7f7;
}

.table2 h3 {
	background: none;
	font-size:22px;
	padding:10px 0;
	color:#f7f7f7;
	border-bottom:dashed thin #f7f7f7;
	margin:15px 0 15px;
	font-family: 'gandhi_sansregular';
}

#table {
	color:#333;
	background:#fff;
	font-family: 'gandhi_sansregular';
}

#table thead {
	background:#f89938;
	color:#FFF;
}

#table th {
	padding:20px;
	text-align: left;
}

#table td {
	padding:12px;
	text-align: left;
}

/* .login-form */
.login-form label {
	font-family: 'gandhi_sansregular';
	font-weight:normal;
}

.login-form input {
	display:block;
	width:100%;
	margin:8px 0;
	color:#666;
}

.login-form input[type="text"],.login-form input[type="password"] {
	padding:10px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#f7f7f7;
	box-shadow:inset 2px 2px 2px #CCCCCC;
}

.login-form input[type="submit"] {
	padding:10px;
	color:#FFF;
}

.login-form input[type="button"] {
	padding:10px;
	border-radius:4px;
	border:#c56b0f thin solid;
	background: linear-gradient(#f89938,#c56b0f);
	color:#FFF;
}

/* .register-form */
.register-form {
	overflow:auto;
	margin:0 auto 0;
}

.register-form input[type="text"],.register-form input[type="password"] {
	width:100%;
	padding:5px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#f7f7f7;
	margin-bottom:10px;
	box-shadow:inset 2px 2px 2px #CCCCCC;
}

.register-form textarea {
	width:100%;
	padding:5px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#f7f7f7;
	margin-bottom:10px;
	box-shadow:inset 2px 2px 2px #CCCCCC;
	height:150px;
}	

.register-form select {
	width:100%;
	padding:8px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background: linear-gradient(#eee,#f7f7f7);
	margin-bottom:10px;
}

.footer {
	background:#333;
	color:#f7f7f7;
	overflow:auto;
	width:auto;
	padding:20px;
	font-family: 'gandhi_sansregular';
}

.footer p {
	margin:0;
}

.footer a {
	color:#fff;
	font-weight:bold;
}

.footer a:hover {
	color:#fff;
	text-decoration:underline;
}


/* remove outer padding */
.main .row{
	padding: 0px;
	margin: 0px;
}

/*Remove rounded coners*/

nav.sidebar.navbar {
	border-radius: 0px;
}

nav.sidebar, .main{
	-webkit-transition: margin 200ms ease-out;
	-moz-transition: margin 200ms ease-out;
	-o-transition: margin 200ms ease-out;
	transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main{
	padding: 10px 10px 0 10px;
	font-family: 'gandhi_sansregular';
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {
	/*Allow main to be next to Nav*/
	.main{
		position: absolute;
		width: calc(100% - 40px); /*keeps 100% minus nav size*/
		margin-left: 40px;
		float: right;
	}

	/*lets nav bar to be showed on mouseover*/
	nav.sidebar:hover + .main{
		margin-left: 200px;
	}

	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	/*Center Icons*/
	nav.sidebar a{
		padding-right: 13px;
	}

	/*adds border top to first nav box */
	nav.sidebar .navbar-nav > li:first-child{
		border-top: 1px #e5e5e5 solid;
	}

	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav > li{
		border-bottom: 1px #e5e5e5 solid;
	}

	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
		padding: 0 0px 0 0px;
	}

	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #777;
	}

	/*gives sidebar width/height*/
	nav.sidebar{
		width: 200px;
		height: 100%;
		margin-left: -160px;
		float: left;
		z-index: 8000;
		margin-bottom: 0px;
	}

	/*give sidebar 100% width;*/
	nav.sidebar li {
		width: 100%;
	}

	/* Move nav to full on mouse over*/
	nav.sidebar:hover{
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate{
		opacity: 0;
	}
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {

	/*Allow main to be next to Nav*/
	.main{
		width: calc(100% - 200px); /*keeps 100% minus nav size*/
		margin-left: 200px;
	}

	/*Show all nav*/
	nav.sidebar{
		margin-left: 0px;
		float: left;
	}
	/*Show hidden items on nav*/
	nav.sidebar .forAnimate{
		opacity: 1;
	}
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #CCC;
	background-color: transparent;
}

nav:hover .forAnimate{
	opacity: 1;
}
section{
	padding-left: 15px;
}

/* control-menu */
#control-menu {
	background:#111;
	margin-top:-20px;
}

#control-menu li {
	border-bottom:thin #222 solid;
}

#control-menu a {
	color:#eee;
}

#control-menu li:hover {
	background:#000;
}

#control-menu ul:hover {
	background:#111;
}

#control-menu li li {
	border-bottom:thin #222 solid;
	padding:10px 0;
}

.main h2 {
	border-bottom:dashed thin #999;
	padding-bottom:10px;
	margin:0 0 10px;
}

/* .login-form */
.form label {
	font-family: 'gandhi_sansregular';
	font-weight:normal;
}

.form input {
	display:block;
	width:100%;
	margin:8px 0;
	color:#666;
}

.form input[type="text"],.form input[type="password"] {
	padding:10px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#f7f7f7;
	box-shadow:inset 2px 2px 2px #CCCCCC;
}

.form input[type="text"]:disabled {
	padding:10px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#ddd;
	box-shadow:inset 2px 2px 2px #CCCCCC;
}

.form input[type="submit"] {
	padding:10px;
	color:#FFF;
}

.form input[type="button"] {
	padding:10px;
	border-radius:4px;
	border:#61C100 thin solid;
	background: linear-gradient(#67CE00,#61C100);
	color:#FFF;
}


.form textarea {
	width:100%;
	padding:5px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background:#f7f7f7;
	margin-bottom:10px;
	box-shadow:inset 2px 2px 2px #CCCCCC;
	height:150px;
}	

.form select {
	width:100%;
	padding:8px;
	border-radius:4px;
	border:#ddd thin solid;
	color:#666;
	background: linear-gradient(#eee,#f7f7f7);
	margin-bottom:10px;
}

.stats {
	border-radius: 100%;
	background:#CCC;
	width:180px;
	height:180px;
	font-size:52px;
	overflow:auto;
	text-align:center;
	padding:40px 0;
	margin:20px;
	float:left;
}

/*----- forum table -------*/
table.hovertable {
	font-size:12px;
	color:#000;
	border-collapse: collapse;
}
table.hovertable th {
	background:#f89938;
	padding: 5px;
	text-align:left;
	border-right: thin solid #eee;
}
table.hovertable tr {
	background-color: #fff;
	border-bottom:thin solid #eee;
}
table.hovertable td {
	border-width: 1px;
	padding: 5px;
	border-right: thin solid #eee;
	color:#333;
}

table.hovertable td a{
	color:#666;
}