/* ==========================================================================
	* Theme Name: GameForest HTML Template
	* Theme URL: http://themeforest.net/user/YAKUZI/
	* Author: YAKUZI
	* URL: http://yakuzi.eu
* ===========================================================================
*/

@font-face {
	font-family: "BebasNeue";
	src: url("fonts/BebasNeue.eot?") format("eot"),
		 url("fonts/BebasNeue.woff") format("woff"),
		 url("fonts/BebasNeue.ttf") format("truetype"),
		 url("fonts/BebasNeue.svg#BebasNeue") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 	==========================================================================
	Index
	=================
	1. General
	2. Header
	3. Wrapper
	4. Sidebar
	5. Footer
	=================

  /*==========================================================================
    1. General
  ========================================================================== */
	body {
		background: #e3e3e3 url(../img/bg/shattered.png) repeat; 
		font: 12px Arial, sans-serif;
	}
	a {
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	button,
	a:hover,
	a:active,
	a:focus { 
		text-decoration: none; 
		outline: 0!important;
	}
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #4f4f4f;
		font-family: "BebasNeue", sans-serif;
		margin: 0;
		font-weight: normal!important;
	}
	
	/* --- btn --- */
	.btn {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-weight: normal;
	}
	.section a.btn.btn-default {
		color: #333;
	}

	.btn.btn-info {
		background-color: #3498db;
	}
	.btn.btn-info:hover,
	.btn.btn-info:active,
	.btn.btn-info.hover {
		background-color: #2980b9;
	}
	.btn.btn-danger {
		background-color: #e74c3c;
	}
	.btn.btn-danger:hover,
	.btn.btn-danger:active,
	.btn.btn-danger.hover {
		background-color: #c0392b;
	}
	.btn.btn-warning {
		background-color: #e67e22;
	}
	.btn.btn-warning:hover,
	.btn.btn-warning:active,
	.btn.btn-warning.hover {
		background-color: #d35400;
	}
	.btn.btn-success {
		background-color: #27ae60;
	}
	.btn.btn-success:hover,
	.btn.btn-success:active,
	.btn.btn-success.hover {
		background-color: #1c8348;
	}
	.btn.btn-inverse {
		color: #FFF;
		background-color: #2b2b2b;
	}
	.btn-bold {
		font-weight: bold!important;
	}
	.btn-md {
		padding: 8px 10px;
	}
	.btn-inverse:hover {
		background: #17181b;
		color: #FFF;
	}
	.btn-circle {
		width: 27px!important;
		height: 27px!important;
		text-align: center!important;
		padding: 5px 0;
		border-radius: 15px;
	}
	.btn-circle.btn-social-icon *:first-child {
		line-height: 27px!important;
		width: auto!important;
	}
	.btn-circle.btn-lg {
		width: 50px;
		height: 50px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 25px;
	}
	.btn-circle.btn-xl {
		width: 70px;
		height: 70px;
		padding: 10px 16px;
		font-size: 24px;
		line-height: 1.33;
		border-radius: 35px;
	}
    .header .btn-default {
		border: none!important;
	}
    
	.btn-default {
		border: 1px solid rgba(0,0,0, 0.1)!important;
	}
    
	.btn-icon-left i, 
	.label-icon-left i {
		margin-left: 5px;
	}
	.btn-icon-right i, 
	.label-icon-right i {
		margin-right: 5px;
	}
	.btn-outline {
		background-color: transparent!important;
		color: inherit;
		transition: all .5s;
		border-width: 1px!important;
		border-style: solid!important;
	}
	.btn-primary.btn-outline {
		color: #293c4e;
		border-color: #293c4e!important;
	}
	.btn.btn-primary.btn-outline:hover,
	.btn.btn-primary.btn-outline:active,
	.btn.btn-primary.btn-outline.hover {
		background-color: #293c4e!important;
	}
	.btn-success.btn-outline {
		color: #27ae60;
		border-color: #27ae60!important;
	}
	.btn.btn-success.btn-outline:hover,
	.btn.btn-success.btn-outline:active,
	.btn.btn-success.btn-outline.hover {
		background-color: #27ae60!important;
	}
	.btn-info.btn-outline {
		color: #3498db;
		border-color: #3498db!important;
	}
	.btn.btn-info.btn-outline:hover,
	.btn.btn-info.btn-outline:active,
	.btn.btn-info.btn-outline.hover {
		background-color: #3498db!important;
	}
	.btn-warning.btn-outline {
		color: #e67e22;
		border-color: #e67e22!important;
	}
	.btn.btn-warning.btn-outline:hover,
	.btn.btn-warning.btn-outline:active,
	.btn.btn-warning.btn-outline.hover {
		background-color: #e67e22!important;
	}
	.btn-danger.btn-outline {
		color: #e74c3c;
		border-color: #e74c3c!important;
	}
	.btn.btn-danger.btn-outline:hover,
	.btn.btn-danger.btn-outline:active,
	.btn.btn-danger.btn-outline.hover {
		background-color: #e74c3c!important;
	}
	.btn-primary.btn-outline:hover,
	.btn-success.btn-outline:hover,
	.btn-info.btn-outline:hover,
	.btn-warning.btn-outline:hover,
	.btn-danger.btn-outline:hover {
		color: #fff;
	}
	
	/* --- label --- */
	.label {
		display: inline-block; 
		font-size: 14px;
		font-family: Arial, sans-serif;
		margin-right: 5px;
		padding: 7px;
		font-weight: bold;
		border-radius: 2px;
		text-shadow: none;
		box-shadow: 1px 1px 0 0 #FFF;
		border: 0;
	}
	
	.label-primary {
		background-color: #2a5d9f;
	}
	.label-success {
		background-color: #159615;
	}	
	.label-danger {
		background-color: #d32f2f;
	}
	.label-warning {
		background-color: #ef6c00;
	}
	
	.label span {
		display: block;
		font-weight: normal;
		margin-bottom: 8px;
		font-size: 11px;
	}
	
	.label-sm {
		font-size: 12px!important;
	}
	
	.label-xs {
		font-size: 11px!important;
	}
	
	.label-lg {
		font-size: 24px!important;
	}
	
	/* --- dropcap --- */
	.dropcap {
		float: left;
		font-size: 30px;
		line-height: 32px;
		font-weight: bold;
		margin: 0 8px 0 0;
	}
	
	/* --- border light --- */
	.border-top-light {	
		border-top: 1px solid #eee;
	}
	
	/* --- progress bar --- */
	.progress-xs {
		height: 5px!important;
	}
	.progress-sm {
		height: 10px!important;
	}
	.progress {
	  background-color: #ebedef;
	  border-radius: 32px;
	  height: 15px;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	}
	.progress-bar {
	  background-color: #1abc9c;
	  line-height: 15px;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  font-size: 11px;
	  font-weight: bold;
	  color: rgba(0,0,0, 0.3);
	}
	.progress-bar-success {
	  background-color: #159615;
	}
	.progress-bar-warning {
	  background-color: #ef6c00;
	}
	.progress-bar-danger {
	  background-color: #d32f2f;
	}
	.progress-bar-info {
	  background-color: #3498db;
	}

	/* --- popover --- */
	.popover {
		border-color: #d4d4d4;
		-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	/* --- default p --- */
	p {
		color: #555;
		line-height: 1.6;
	}
	
	/* --- text colors --- */
	.text-success {
		color: #27ae60;
	}
	.text-warning {
		color: #e67e22;
	}
	.text-danger {
		color: #e74c3c;
	}
	.text-info {
		color: #3498db;
	}
	.text-dark {
		color: rgba(0,0,0, 0.5)!important;
	}
	.text-bold {
		font-weight: bold!important;
	}
	
	/* --- text sizes --- */
	.text-xs {
		font-size: 10px!important;
	}
	.text-sm {
		font-size: 11px!important;
	}
	.text-md {
		font-size: 12px!important;
	}
	.text-lg {
		font-size: 16px!important;
	}
	
	/* --- alert --- */
	.alert i {
		margin-right: 10px;
	}
	
	/* --- fixed menu --- */
	.menu-fixed {
		position: fixed!important;
		z-index: 1001!important;
		top: 0;
		width: 100%!important;
		left: 0;
		box-shadow: 0 0 3px 0 rgba(0,0,0, 0.5);
	}
	
	.loaded-content section {
		display: none;
	}
	
	/* --- helpers --- */
	.no-bold {
		font-weight: normal!important;
	}
	.no-float {
		float: none!important;
	}
	.no-margin {
		margin: 0!important;
	}
	.no-margin-left {
		margin-left: 0!important;
	}
	.no-margin-right {
		margin-right: 0!important;
	}
	.no-margin-top {
		margin-top: 0!important;
	}
	.no-margin-bottom {
		margin-bottom: 0!important;
	}
	.no-padding {
		padding: 0!important;
	}
	.no-padding-left {
		padding-left: 0!important;
	}
	.no-padding-right {
		padding-right: 0!important;
	}
	.no-padding-top {
		padding-top: 0!important;
	}
	.no-padding-bottom {
		padding-bottom: 0!important;
	}
	.no-display {
		display: none;
	}
	.no-shadow {
		box-shadow: none!important;
		-webkit-box-shadow: none!important;
	}
	.no-border {
		border: 0!important;
	}
	.no-border-top {
		border-bottom: 0!important;
	}
	.no-border-bottom {
		border-bottom: 0!important;
	}
	.no-border-radius {
		-webkit-border-radius: 0px!important;
		-moz-border-radius: 0px!important;
		border-radius: 0px!important;
	}
	
	/* --- pagination--- */

	
	.page-header i {
		margin-right: 10px;
	}
	
	.alert .page-header {
		border-color: rgba(0,0,0, 0.05);
	}
	
	.lead {
		font-size: 16px;
		line-height: 18px;
	}
	
	.full-width {
		width: 100%;
	}
	
	/* --- table --- */
	.table > thead > tr > th {
		border-bottom: 0;
		padding: 15px 5px;
	}
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td {
		vertical-align: middle;
	}
	
	/* --- default tab --- */
	.default-tab .nav-tabs {
		border-color: rgba(0,0,0, 0.07);
	}
	.default-tab .nav-tabs > li  {
		padding: 0!important;
		border: 0!important;
	}
	.default-tab .nav-tabs > li > a {
		border: 0!important;
		color: rgba(0,0,0, 0.3);
		font-weight: bold;
		padding: 15px 20px;
	}
	.default-tab .nav-tabs > li > a i {
		margin-right: 5px;
	}
	.default-tab .tab-content {
		padding: 20px 0;
	}
	.default-tab > .nav-tabs > li.active > a,
	.default-tab > .nav-tabs > li > a:hover {
		color: rgba(0,0,0, 0.5);
		border-color: rgba(0,0,0, 0.07);
		background-color: rgba(0,0,0, 0.02);
	}
	
	/* --- modal --- */
	.modal {
		overflow: hidden;
	}
	.modal-header{
		background-color: #f6f6f6;
		box-shadow: 0 1px 0 #fff, inset 0 1px 0 #fff;
		border-radius: 3px 3px 0 0;
		padding: 15px 20px;
		line-height: 30px;
	}
	.modal-header .close {
		margin: 0;
	}
	.modal-title {
		color: #595959;
		text-shadow: 1px 1px 1px rgba(255,255,255,1);
		font-size: 17px!important;
		font-family: Calibri, sans-serif;
		font-weight: 700!important;
	}
	.modal-title i {
		margin-right: 5px;
	}
	.modal-body.modal-padding {
		padding: 23px;
	}
	.modal-body .social-login {
		padding: 0 0 0 15px;
	}
	.modal-body .social-login ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.modal-body .social-login ul li {
		margin-bottom: 5px;
	}
	.modal-body .social-login ul li a{
		color: #FFF;
		text-align: left;
	}
	.modal-body .social-login .btn:hover {
		border: 1px solid rgba(0,0,0, 0.4);
	}
	.modal-body .social-login .btn i {
		margin-right: 10px;
		display: inline-block;
		width: 10px;
	}
	.modal-body .control-group {
		margin-bottom: 10px;
	}
	.modal-body .control-label {
		color: #7d7d7d;
	}
	.modal-body h5 {
		font-size: 17px;
		color: #828282;
		margin-bottom: 15px;
	}
	.modal-body {
		background: #FFF;
		border-bottom: 0;
	}
	.modal-body form.separated {	
		padding-bottom: 10px;
	}
	.modal-content {
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
	}
	.modal-footer {
		background: #f6f6f6;
		border-top: 1px solid #dddddd!important;
		margin: 0;
		padding: 15px 20px;
		-webkit-box-shadow: inset 0 1px 0 0 #FFF;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	
	/* --- inputs --- */
	.form-inverse.form-control {
		background: #1b1b1b!important;
		color: #7e7e7e!important;
	}
	.form-control {	
		background: #fbfbfb;
		font-size: 14px;
		height: auto;
		padding: 11px 18px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
		-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
		box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
		border: 1px solid #d2d2d2;
		box-shadow: 0px 1px 0px 0px #FFF; 
	}
	.form-control:focus {	
		border: 1px solid #aeaeae;
		background: #FFF;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.05)
	}
	
	/* --- checkbox --- */
	.checkbox label {
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding-left: 30px;
		margin-right: 15px;
		font-size: 13px;
		color: #777a80;
		transition: border 0.2s linear 0s,color 0.2s linear 0s;
	}
	.checkbox label:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #fff;
		border: 1px solid #c2c6cb;
		transition: color 0.2s linear 0s;
	}
	.checkbox label::after {
		display: inline-block;
		height: 20px;
		position: absolute;
		left: 3.6px;
		top: 3px;  
		font-size:12px;  
		transition: color 0.2s linear 0s;
	}
	.checkbox  input[type=checkbox] {
		display: none;
	}
	.checkbox input[type=checkbox]:checked + label::after  {
		font-family: 'FontAwesome';
		content: "\F00C";
	}
	.checkbox input[type=checkbox]:checked + label {
		color: #4d5056;
		padding-top: 2px;
	}
	.checkbox input[type=checkbox]+ label {
		padding-top: 2px;
	}
	
	/* --- breadcrumb --- */
	.breadcrumb {
		background: #f5f5f5;
		border-radius: 0;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		padding: 15px;
	}
	.breadcrumb > li + li.pull-right:before { 
		content: "";
		display: none;
	}
	.breadcrumb > li.pull-right {
		margin-top: -7px;
	}
	
	/* --- blockquote --- */
	blockquote, 
	.blockquote-reverse {
		border-width: 3px;
		font-size: 13px;
	}
	blockquote footer {
		background-color: #FFF;
		border-top: 0;
		line-height: auto;
		padding: 10px 15px;
		text-align: left;
		width: auto;
	}
	.blockquote-reverse footer {
		text-align: right!important;
	}
	
	.dispaly-inline-block {
		display: inline-block;
	}
	
	/* --- margin --- */
	.margin-5 {
		margin: 5px!important;
	}
	.margin-10 {
		margin: 10px!important;
	}
	.margin-15 {
		margin: 15px!important;
	}
	.margin-20 {
		margin: 20px!important;
	}
	.margin-30 {
		margin: 30px!important
	}
	
	/* top */
	.margin-top-5 {
		margin-top: 5px!important;
	}
	.margin-top-10 {
		margin-top: 10px!important;
	}
	.margin-top-15 {
		margin-top: 15px!important;
	}
	.margin-top-20 {
		margin-top: 20px!important;
	}
	.margin-top-30 {
		margin-top: 30px!important;
	}
	/* bottom */
	.margin-bottom-5 {
		margin-bottom: 5px!important;
	}
	.margin-bottom-10 {
		margin-bottom: 10px!important;
	}
	.margin-bottom-15 {
		margin-bottom: 15px!important;
	}
	.margin-bottom-20 {
		margin-bottom: 20px!important;
	}
	.margin-bottom-30 {
		margin-bottom: 30px!important;
	}
	/* left */
	.margin-left-5 {
		margin-left: 5px!important;
	}
	.margin-left-10 {
		margin-left: 10px!important;
	}
	.margin-left-15 {
		margin-left: 15px!important;
	}
	.margin-left-20 {
		margin-left: 20px!important;
	}
	.margin-left-30 {
		margin-left: 30px!important;
	}
	/* right */
	.margin-right-5 {
		margin-right: 5px!important;
	}
	.margin-right-10 {
		margin-right: 10px!important;
	}
	.margin-right-15 {
		margin-right: 15px!important;
	}
	.margin-right-20 {
		margin-right: 20px!important;
	}
	.margin-right-30 {
		margin-right: 30px!important;
	}
	
	/* --- padding --- */
	.padding-5 {
		padding: 5px!important;
	}
	.padding-10 {
		padding: 10px!important;
	}
	.padding-15 {
		padding: 15px!important;
	}
	.padding-20 {
		padding: 20px!important;
	}
	.padding-25 {
		padding: 25px!important;
	}
	.padding-30 {
		padding: 30px!important;
	}
	.padding-10-15 {
		padding: 10px 15px!important;
	}
	/* top */
	.padding-top-5 {
		padding-top: 5px!important;
	}
	.padding-top-10 {
		padding-top: 10px!important;
	}
	.padding-top-15 {
		padding-top: 15px!important;
	}
	.padding-top-20 {
		padding-top: 20px!important;
	}
	.padding-top-25 {
		padding-top: 25px!important;
	}
	.padding-top-30 {
		padding-top: 30px!important;
	}
	/* bottom */
	.padding-bottom-5 {
		padding-bottom: 5px!important;
	}
	.padding-bottom-10 {
		padding-bottom: 10px!important;
	}
	.padding-bottom-15 {
		padding-bottom: 15px!important;
	}
	.padding-bottom-20 {
		padding-bottom: 20px!important;
	}
	.padding-bottom-25 {
		padding-bottom: 25px!important;
	}
	.padding-bottom-30 {
		padding-bottom: 30px!important;
	}
	/* left */
	.padding-left-5 {
		padding-left: 5px!important;
	}
	.padding-left-10 {
		padding-left: 10px!important;
	}
	.padding-left-15 {
		padding-left: 15px!important;
	}
	.padding-left-20 {
		padding-left: 20px!important;
	}
	.padding-left-25 {
		padding-left: 25px!important;
	}
	.padding-left-30 {
		padding-left: 30px!important;
	}
	/* right */
	.padding-right-5 {
		padding-right: 5px!important;
	}
	.padding-right-10 {
		padding-right: 10px!important;
	}
	.padding-right-15 {
		padding-right: 15px!important;
	}
	.padding-right-20 {
		padding-right: 20px!important;
	}
	.padding-right-25 {
		padding-right: 25px!important;
	}
	.padding-right-30 {
		padding-right: 30px!important;
	}
	
	.facebook-like-box {	
		overflow: hidden;
	}
	
	/* --- clearfix --- */
	.header:after, 
	.header:before, 
	nav:after, 
	#bx-tabs:after, 
	#bx-tabs:before, 
	nav:before, 
	section:after,
	section:before, 
	form:after, form:before, 
	.box li:before, 
	.box li:after, 
	.section-title:after,
	.section-title:before, 
	.section-categories:before, 
	.section-categories:after, 
	#wrapper:before, 
	#wrapper:after, 
	.bxslider-wrapper:after, 
	.bxslider-wrapper:before, 
	section .title:after,
	section .title:before,
	.page-header:after,
	.page-header:before {
		 display: table; 
		 content: " ";
	}
	.header:after, 
	.header:before,
	nav:after, 
	section:after, 
	section .title:after, 
	form:after, 
	#bx-tabs:after, 
	.box li:after, 
	.section-title:after, 
	.section-categories:after, 
	#wrapper:after, 
	.bxslider-wrapper:after,
	.page-header:after {
		clear: both;
	}

  /*==========================================================================
	2. Header
  ========================================================================== */
	/* --- header --- */
	.header {
		width: 100%;
		height: 110px;
	}
	.header .container {
		position: relative;
		padding: 0;
	}
	.header .logo i {
		margin-right: 10px;
	}
	.header .logo {
		color: #fff;
		font-size: 40px;
		text-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
		line-height: 0px;
		padding: 16px 0 0 5px;
		margin-right: 80px;
		font-family: "BebasNeue", sans-serif;
	}
	.header .logo:hover,
	.header .list-inline > li a:hover {
		color: #fff;
	}
	.header .list-inline > li {
		padding-right: 0;
		padding-left: 0;
		padding-top: 10px;
	}
	.advertisement {
		width: 728px;
		height: 90px;
		background: #FFF;
		margin: 25px auto 0 auto;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
		text-align: center;
	}
	.advertisement-sm {
		width: 468px!important;
		height: 60px!important;
		background: transparent;
	}
	.advertisement.bottom {
		margin-bottom: 25px;
	}	
	.advertisement span {
		padding: 5px;
		line-height: 90px;
		color: rgba(0,0,0, 0.3);
		font-size: 15px;
		font-weight: bold;
	}
	
	/* --- categories --- */
	#top {
		width: 100%;
		height: 45px;
		background: #1b1b1b; 
	}
	#top ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#top ul li {
		float: left;
		padding: 0 1px;
		line-height: 44px;
	}
	#top ul li a {
		padding: 5px 7px;
		color: #939393;
		font-size: 13px;
		font-weight: bold;
		text-shadow: 1px 1px 1px rgba(0,0,0, 0.3);
	}
	#top ul li a.active, 
	#top ul li a:hover {
		color: #FFF;
		padding: 5px 7px;
		background: #272727;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#top .btn-group {
		margin: 0;
	}
	#top  .btn-group  .btn {
		line-height: 33px;
		font-size: 12px;
		padding: 6px 10px;
		font-weight: bold;
		margin-right: 2px;
		color: #FFF;
		border-radius: 0!important;
		-webkit-border-radius: 0!important;
	}
	#top  .btn-group  .btn i {
		margin-right: 10px;
	}
	#top .btn-group  .btn:hover {
		background: rgba(255,255,255, 0.1);
	}
	
	/*===========================
	--- Navigation ----
	=========================== */
	nav {
		width: 100%;
		padding: 0;
		margin: 0;
		box-shadow: inset 0 1px 0 0 rgba(255,255,255, 0.05);
		-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255, 0.05);
	}
	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	nav ul li {
		float: left;
		padding: 0;
	}
	nav ul li a, nav ul li a:hover, 
	nav ul li a:focus, 
	nav ul li a:active {
		font: 15px calibri,sans-serif;
		color: #FFF;
		padding: 14px 12px 18px 12px;
		text-shadow: 2px 2px 0px rgba(0,0,0, 0.1);		
		text-transform: uppercase;
		display: inline-block;
	}
	nav ul li a:hover, 
	nav ul li a:focus, 
	nav ul li a:active,
	nav ul li.dropdown.open > a,
	nav ul li.active a {
		background-color: rgba(0,0,0, 0.05);
	}
	nav ul li a i {
		font-size: 10px;
		padding: 0 0 0 5px;
		display: inline-block;
	}
	nav ul li.dropdown.open > a {
		position: relative;
		z-index: 998!important;
		-webkit-transition: none!important;
		transition: none!important;
	}
	nav ul li .dropdown-menu {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
		background: #2a5d9f;
		margin-top: 0;
		padding: 0;
		border-top: 0!important;
		z-index: 998!important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		min-width: 180px;
	}
	nav ul li .dropdown-menu li a {
		font-weight: normal!important;
		padding: 10px 15px!important;
		font-size: 14px!important;
		color: rgba(0,0,0, 0.76);
		margin: 0!important;
		text-shadow: none;
		text-transform: none;
		background-color: #FFF;
		border-bottom: 1px solid #e7e7e7;
		display: block;
		line-height: initial!important;
	}
	nav ul li .dropdown-menu li a:hover,
	nav ul li .dropdown-menu li.active a, 
	nav ul li .dropdown-menu li a:focus {
		padding: 10px 15px!important;
		background: #F5F5F5!important;
		color: rgba(0,0,0, 0.7)!important;
	}
	nav ul li .dropdown-menu li:last-child a {
		border-bottom: 0px;
	}
	nav ul li .dropdown-menu > li {
		margin: 0;
		padding: 0;
		background: transparent!important;
		border-radius: 3px!important;
	}	
	nav ul li .dropdown-menu.default li {
		width: 100%;
	}
	nav .container {
		position: relative;
	}
	
	/* --- mega menu --- */
	.mega-dropdown {
		position: static!important; 
	}
	.mega-dropdown-menu {
		background: #FFF!important;
		padding: 0px;
		width: 1050px;
		left: 0;
		top: 50px;
		right: auto;
		z-index: 999;
		margin-top: 0!important;
		position: absolute!important;
		border-radius: 0!important;
	} 
	.mega-dropdown-menu:after, 
	.mega-dropdown-menu:before  {
		display: none;
	}
	.mega-dropdown-menu:after {
		border-bottom-color: #2a5d9f!important;
	}
	.mega-dropdown-menu:before {
		display: none;
	}
	.open .mega-dropdown-menu  {
		display: table!important;
	}
	.mega-dropdown-menu > li  {
		float: none;
		display: table-cell;
		box-shadow: 1px 0 0 0 rgba(0,0,0, 0.1);
	}
	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
		position: relative;
		display: block;
		min-height: 100%!important;
			border-radius: 0!important;
	}
	.mega-dropdown-menu > li > ul > li {
		list-style: none;
		float: none;
		padding-left: 1px;
	}
	.mega-dropdown-menu > li > ul > li:last-child {
		margin-bottom: 0px;
	}
    
    nav ul li .mega-dropdown-menu li:last-child a{
		margin-bottom: 15px;
        border-bottom: 1px solid #e7e7e7;
	}
    
	.mega-dropdown-menu > li > ul > li > a {
	  display: block;
	  padding: 3px 20px;
	  clear: both;
	  font-weight: normal;
	  line-height: 1.428571429;
	  white-space: normal;
	}
	.mega-dropdown-menu > li ul > li i {
		margin: 0;
		padding: 0;
		width: 20px;
	}
	.mega-dropdown-menu > li ul > li > a:hover,
	.mega-dropdown-menu > li ul > li > a:focus {
		text-decoration: none;
		color: #444;
		background-color: #f5f5f5;
	}
	.mega-dropdown-menu .dropdown-header {
		color: #FFF;
		font-size: 14px;
		font-family: calibri,sans-serif;
		padding: 10px 15px;
		text-transform: uppercase;
		text-shadow: 2px 2px 0px rgba(0,0,0, 0.1);		
	}
	.mega-dropdown-menu .dropdown-sub-header {
	  font-size: 14px;
	  font-family: calibri,sans-serif;
	  font-weight: bold;
	  padding: 10px 15px;
	  text-transform: uppercase;
      border-bottom: 1px solid #e7e7e7;
	}
	
	/* --- three level menu --- */
	.dropdown-submenu {
		position: relative;
		padding: 0!important;
	}
	.dropdown-submenu.open a {
		border-radius: 0!important;
		background-color: #f5f5f5;
	 }
	.dropdown-submenu > .dropdown-menu:after,
	.dropdown-submenu > .dropdown-menu:before {
		display: none;
	}
	.dropdown-submenu > .dropdown-menu {	
		display: none!important;
		top: 0;
		left: 0;
		border-radius: 0!important;
		position: relative;
		border: 0;
		box-shadow: none;
	}
	.dropdown-submenu:hover > .dropdown-menu {
		display: initial!important;
		margin: 0!important;
		border-radius: 0!important;
	}
	.dropdown-submenu .dropdown-menu a {
		border-radius: 0 0 0 0!important;
		background-color: #f5f5f5;
		padding-left: 20px!important;
	}
	.dropdown-submenu .dropdown-menu a:hover {
		padding-left: 20px!important;
		background-color: #FFF!important;
	}
	.dropdown-submenu .dropdown-menu a:before {
		content: "\f07e";
		font-family: FontAwesome;
		color: #c3c3c3;
		margin-right: 10px;
	}
	.dropdown-submenu > a:after {
		font-family: FontAwesome;
		content: "\f107";
		font-size: 10px;
		float: right;
		color: #ccc;
		width: 0;
		height: 0;
		margin-top: 5px;
	}
	.dropdown-submenu.pull-left {
		float: none;
	}
	.dropdown-submenu.pull-left > .dropdown-menu {
		left: -100%;
		margin-left: 10px;
		-webkit-border-radius: 0!important;
		-moz-border-radius: 0!important;
		border-radius: 0!important;
	}
	
	/* --- search --- */
	#search  {
		margin-top: 9px;
	}
	#search .btn {
		padding: 5px 10px;
		margin: 0;
	}
	#search input[type=text] {
		color: #FFF!important;
		font: 12px Arial, sans-serif;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 8px 35px 8px 10px;
		border: 0;
		-webkit-box-shadow: none!important; 
		box-shadow: none!important; 
		-webkit-transition: 0.25s;
		transition: 0.25s;
		width: 160px;
		height: auto;
	}
	#search input[type=text]:focus {
		border: 0;
		width: 220px;
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	#search button {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		font-size: 13px;
		background-color: transparent;
	}
	#search ::-webkit-input-placeholder { /* WebKit browsers */
		color:   #fff;
	}
	#search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:   #fff;
	}
	#search ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #fff;
	}
	#search :-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #fff;
	}
	
  /*==========================================================================
	3. Wrapper
  ========================================================================== */
	/* --- fullwidth layout --- */
	.fullwidth {
		background: #FFF;
	}
	.fullwidth #wrapper {
		box-shadow: none;
		-webkit-box-shadow: none;
		padding: 0;
	}
	.fullwidth .bxslider-wrapper {
		margin: 0;
	}
	.fullwidth .leftside {
		width: 850px;
	}
	
	/* --- boxed layout--- */
	.container {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
	#wrapper {
		background: #FFF;
		padding: 15px;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
	}
	.leftside {
		width: 820px;
		float: left;
	}
	#wrapper .section-categories {
		list-style-type: none;
		margin: 0;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #eee;
	}
	#wrapper .section-categories li:last-child a {
		border-right: 0;
	}
	#wrapper .section-categories li {
		float: left;
		margin: 5px 0 0 0;
	}
	#wrapper .section-categories li a {
		font-weight: bold;
		padding: 5px 13px;
		background: #FFF;
		border-right: 1px solid #eee;
	}
	#wrapper .section-categories li a:hover {
		text-decoration: underline;
	}
	#wrapper .section-categories li a.active {
		color: rgba(0, 0, 0, 0.7)!important;
		text-decoration: underline;
	}
	
	/* ========================================
	Section
	========================================= */
	section {	
		padding: 23px 0;
		border-bottom: 1px solid #eee;
	}
	section .thumbnail {
		border: 0;
		padding: 0;
		box-shadow: 0 0 0 0;
	}
	section p {
		color: #666;
		margin: 10px 0;
		line-height: 17px;
	}
	.thumb {
		position: relative;
	}
	.thumb span {
		position: absolute;
		top: 0px;
		left: 0px;
		color: #FFF;
		font-size: 11px;
		padding: 6px 7px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.thumb.thumb-circle span {
		border-radius: 50%!important;
		bottom: -15px;
		left: 40%;
		top: auto;
		padding: 9px 8px;
		font-size: 12px;
	}
	.thumb .controls {
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: #1b1b1b;
		color: #FFF;
	}
	.thumb .controls a {
		padding: 10px;
		color: #FFF;
		display: inline-block;
	}
	section .title {
		border-bottom: 1px solid #e9e9e9;
		margin-bottom: 15px;
	}
	section .title .headline {
		display: inline-block;
		float: left;
	}
	.comments, .comments:hover {
		float: right;
		background: #2b2b2b;
		padding: 8px 13px;
		color: #FFF!important;
		font-weight: bold;
		position: relative;
		font-size: 13px;
	}
	.comments:after { 
		top: 100%;
		left: 50%; 
		border: solid transparent;
		content: " "; 
		height: 0;
		width: 0; 
		position: absolute; 
		pointer-events: none; 
		border-color: rgba(43, 43, 43, 0); 
		border-top-color: #2b2b2b; 
		border-width: 5px;
		margin-left: -5px; 
	}
	.media {
		margin-top: 25px;
	}
	.media-heading {
		font: 14px arial;
		font-weight: bold!important;
		line-height:1;
		color: #3b3b3b;
	}
	.media-body .date {
		color: #b2b2b2;
		font-size: 11px;
		display: block;
		margin-top: 5px;
	}
	.media-body > .btn span {
		display: none;
		margin-right: 5px;
	}
	.media-body:hover > .btn span {
		display: initial;
	}
	.media-left img {
		max-width: 40px;
		margin-right: 5px;
	}
	section .details {
		color: #888888;
	}
	section .details i {
		margin-right: 5px;
	}
	section .details span {
		color: #888888;
		margin: 0 5px;
		font-size: 10px;
	}
	section h1 {
		font: 34px "BebasNeue", sans-serif;
		font-weight: none;
	}
	section h2 {
		font: 30px "BebasNeue", sans-serif;
		font-weight: none;
	}
	section h4 {
		font: 20px "BebasNeue", sans-serif;
		font-weight: none;
	}
	section h5 {
		font: 17px "BebasNeue", sans-serif;
		font-weight: none;
	}
	section h6 {
		font: 14px "BebasNeue", sans-serif;
		font-weight: none;
	}
	section .main-title {
		font: 17px arial;
		font-weight: bold!important;
		line-height: 1.1;
	}
	section .main-title a:hover {
		color: rgba(0, 0, 0, 0.7);
	}
	.panel-title {
		font-family: Arial;
		font-size: 13px;
	}
	.panel-title a, .panel-title a:hover, .panel-title a:focus {
		color: #4a4a4a;
	}
	
	/* --- carousel --- */
	.carousel  {
		border-bottom: 4px solid #1b1b1b;
	}
	.carousel .carousel-caption {
		text-align: left;
		padding-bottom: 0px;
		padding-top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		margin: 0;
	}
	.carousel .carousel-caption h3 {
		background-color: #1b1b1b;
		display: inline-block;
		text-shadow: none;
		color: #FFF;
		padding: 10px 20px;
	}
	.carousel .carousel-caption p {
		padding: 10px 20px;
		background: #1b1b1b;
		text-shadow: none;
		color: #FFF;
		margin: 0;
	}	
	.carousel-indicators {
		margin-left: -80px;
		width: 100%;
		bottom: 0px;
	}
	.carousel-tab .jcarousel {
		position: relative!important;
		overflow: hidden!important;
		padding: 15px;
		width: 100%;
	}
	.carousel-tab .jcarousel li {
		width: 270px;
		display: block;
		float: left!important;
		border: none!important;
		margin-right: 17px!important;
	}
	.jcarousel-pagination {
		position: absolute;
		top: 15px;
		right: 0;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.jcarousel-pagination a {
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		height: 10px;
		width: 10px;
		line-height: 10px;
		background: #fff;
		border-radius: 10px;
		text-indent: -9999px;
		margin-right: 7px;
	}
	.jcarousel-pagination a.active {
		background: rgba(0,0,0, 0.5);
	}
	.jcarousel ul {
		width: 20000em!important;
		position: relative!important;
		list-style: none;
	}
	
	/* --- video tab --- */
	.video-tab {
		padding: 10px;
		margin-bottom: 30px;
		background: #2b2b2b;
		position: relative;
	}
	.video-tab .jcarousel {
		position: relative;
		overflow: hidden;
		width: 620px;
	}
	.video-tab .jcarousel img {
		display: block;
	}
	.video-tab ul {
		list-style-type: none;
		padding: 0; 
		margin: 10px 0 0 65px;
	}
	.video-tab ul li {
		margin-right: 15px;
		float: left;
	}
	.video-tab ul li:last-child  {
		margin-right: 0;
	}
	.video-tab ul li img {
		border: 3px solid rgba(0,0,0, 0.3);
		height: 100px;
	}
	.video-tab .left {
		color: #FFF;
		text-align: center;
		height: 100px;
		width: 50px;
		background-color: #1e1e1e;
		position: absolute;
		left: 0; 
		top: 10px;
	}
	.video-tab .right {
		color: #FFF;
		text-align: center;
		height: 100px;
		width: 50px;
		background-color: #1e1e1e;
		position: absolute;
		right: 0; 
		top: 10px;
	}
	.video-tab .right i, .video-tab .left i {
		margin-top: 40px;
		font-size: 20px;
	}
	
	.thumbnail img {
		width: 100%!important;
	}
	.thumbnail{
		padding: 0;
		margin-bottom: 0;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1) !important;
		border: 1px solid #d4d4d4;
	}
	a.thumbnail:hover, 
	a.thumbnail:focus, 
	a.thumbnail.active  {
		box-shadow: 0 0 4px 0 rgba(60, 165, 231, 0.6) !important;
		border-color: rgba(60, 165, 231, 0.7);
	}
	img.thumbnail.pull-left {
		margin-right: 10px; 
	}
	.thumbnail iframe {
		width: 100%;
	}
	
	.section-title.dark {
		background-color: #1d1d1d;
		border-color: #000;
	}
	.section-title.dark h3 { 	
		color: #FFF;
		background-color: #1d1d1d;
		border-color: #000;
	}
	.section-title.light {
		background-color: #ededed;
		border-color: #e1e1e1;
	}
	.section-title.light h3 { 	
		color: rgba(0, 0, 0, 0.7) !important;
	}
	.section-title {
		margin: 15px 0 15px 0;
		padding: 0 10px 0 15px;
		list-style-type: none;
		background: #f5f5f5;
		border-bottom: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
	}
	.section-title li {	
		padding: 0;
		margin: 0;
		float: left;
	}
	.section-title h3 {
		color: #FFF;
		background: #FFF;
		font-weight: 400!important;
		font-family: 'BebasNeue', sans-serif!important;
		font-size: 20px;
		padding: 10px 15px;
		margin-top: 7px;
		border-right: 1px solid #e9e9e9;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
	}
	.section-title .btn {
		margin-top: 10px;
	}
	.section-title .btn-default {
	}

	/* ========================================
	4. Sidebar
	========================================= */
	.sidebar {
		float: left;
		width: 300px;
		padding: 0;
		margin: 0 0 0 20px;
	}
	.sidebar.left {
		margin: 0 20px 0 0;
	}
	.sidebar-nav .panel {
		box-shadow: none;
		border-radius: 0;
	}
	.sidebar-nav .panel .list-group-item i {
		width: 20px;
	}
	.sidebar-nav  .panel {
		margin: 0!important;
		border: 0!important;
	}
	.sidebar-nav .panel-group {
		border-right: 1px solid rgba(0,0,0, 0.15);
		border-left: 1px solid rgba(0,0,0, 0.15);
		border-bottom: 1px solid rgba(0,0,0, 0.15);
		border-top: 0;
		box-shadow: 0 0 3px 0 rgba(0,0,0, 0.05);
	}
	.sidebar-nav .panel-heading {
		padding: 0;
	}
	.sidebar-nav .panel-title a { 
		display: block; 
		padding: 12px 10px;
		border-top: 1px solid rgba(0,0,0, 0.09);
		position: relative;
	}
	.sidebar-nav .panel-toggle a:after {
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		right: 15px;
		top: 10px;
		color: rgba(0,0,0, 0.4);
	}
	.sidebar-nav .panel-title a:hover, .sidebar-nav .panel-title.active a, .sidebar-nav .panel-title a:focus {
		background: rgba(0,0,0, 0.02);
	}
	a.list-group-item:hover, a.list-group-item:focus, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		background-color: rgba(0,0,0, 0.02);
		color: #555;
		border-color: #ddd;
		padding-left: 25px;
	}
	.dark-grey, .section-dark {
		background: #2b2b2b!important;
	}
	.section-default {
		background: #f5f5f5!important;
	}
	.section-info {
		background: #4383d5!important;
	}
	.section-warning {
		background: #ffd772!important;
	}
	.section-danger {
		background: #e74c3c!important;
	}
	.section-success {
		background: #27ae60!important;
	}
	.section {
		margin: 0 0 25px 0;
		background: #FFF;
		padding: 0px;
		position: relative;
	}
	.section a {
		color: rgba(0,0,0, 0.7);
	}	
	.section a:hover {
		text-decoration: none!important;
	}
	.section-white .box {
	  border: 1px solid #d4d4d4;
	  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)!important;
	  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1)!important;
	}
	.jcarousel .box li {
		background: #FFF;
		box-shadow: 0 0 4px 0 rgba(0,0,0, 0.2);
		border-radius: 3px;
	}
	.section ul.box.arrow:after {
		 right: 100%;
		 top: 25%;
		 border: solid transparent;
		 content: " "; 
		 height: 0; 
		 width: 0; 
		 position: absolute;
		 pointer-events: none;
		 border-color: rgba(255, 255, 255, 0); 
		 border-right-color: #FFF;
		 border-width: 10px;
		 margin-top: -10px;
	}
	.section .box {
		box-shadow: 0 0 4px 0 rgba(0,0,0, 0.2);
		border-radius: 3px;
		background: #FFF;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
	} 
	
	.section .box.testimonial:before, .section .box.testimonial:after {
		top: 100%; 
		left: 25px;
		border: solid transparent; 
		content: " "; 
		height: 0; 
		width: 0; 
		position: absolute; 
		pointer-events: none;
	}
	.section .box.testimonial:after {
		border-color: rgba(255, 255, 255, 0); 
		border-top-color: #fff; 
		border-width: 10px; 
		margin-left: -10px; 
	} 
	.section .box.testimonial:before {
		border-color: rgba(221, 221, 221, 0);
		border-top-color: #ddd; 
		border-width: 11px;
		margin-left: -11px;		
	}
	.section .title {
		font: 23px "BebasNeue", sans-serif;
		color: #FFF;
		margin-bottom: 15px;
		padding: 15px 15px 0 15px;
	}
	.section .title i {
		margin-right: 5px;
	}
	.section ul.tab {
		padding: 5px 20px;
	}
	.section ul.tab li {
		position: relative;
	}
	.section ul.tab li.active {
		text-decoration: underline;
	}
	.section ul.tab li.active:after, 
	.section ul.tab li.active:before { 
		bottom: -20px; 
		left: 50%; 
		border: solid transparent; 
		content: " "; 
		height: 0; 
		width: 0; 
		position: absolute;
		pointer-events: none; 
		z-index: 99;
	} 
	.section ul.tab li.active:after { 
		border-color: rgba(136, 183, 213, 0); 
		border-bottom-color: #FFF; 
		border-width: 11px;
		margin-left: -11px; 
	} 
	.section ul.tab li.active:before { 
		border-color: rgba(0, 0, 0, 0); 
		border-bottom-color: #e4e4e4; 
		border-width: 12px;
		margin-left: -12px; 
	}
	.section ul.tab li a:hover {
		text-decoration: underline;
	}
	.sidebar .comments .content li {
		border-bottom: 0;
		background: transparent;
	}
	.sidebar .comments .content li .details .pull-left {
		background-color: #fff1cf;
		padding: 15px;
		position: relative;
		width: 100%;
		border-radius: 3px;
		box-shadow: 0 0 4px 0 rgba(0,0,0, 0.1);
	}
	.sidebar .comments .content li .details .pull-left:after { 
		right: 100%; 
		top: 15px; 
		border: solid transparent; 
		content: " "; 
		height: 0; 
		width: 0; 
		position: absolute; 
		pointer-events: none; 
		border-color: rgba(245, 245, 245, 0); 
		border-right-color: #fff1cf; 
		border-width: 7px; 
		margin-top: -7px; 
	}
	.section .box li {
		margin: 0;
		padding: 15px 10px;
		border-bottom: 1px solid #eee;
		position: relative;
	}
	.section .box li:last-child {
		border-bottom: 0;
	}
	.section .box li .thumbnail {
		border: 0;
		box-shadow: 0 0 0;
		padding: 0;
	}
	.section .box li .img {
		margin: 0 10px 0 0;
		padding-left: 0;
	}
	.section .box li .thumb {
		margin: 0;
		padding: 10px 0;
		width: 100%;
		font-size: 25px;
		font-weight: bold;
		color: #808080;
		background: #f5f5f5;
		display: block;
		text-align: center;
	}
	.section .box li .icon-nav i{
		margin: 0px 15px 0 5px;
		background: #d0d0d0;
		border-radius: 30px;
		color: #FFF;
		padding: 10px;
	}
	.section .box li .details h5 {
		font-size: 15px;
		font-weight: bold!important;
		margin: 0 0 4px 0;
		font-family: calibri;
	}
	.section .box li .details h5 a:hover {
		text-decoration: underline;
	}
	.section .box li .info, 
	.section .box li .info a {
		font-size: 11px;
		color: #6e6e6e;
		margin-top: 4px;
		background: none;
	}
	.section .box li .info i {
		margin-right: 5px;
	}
	
  /*==========================================================================
	5. Footer
  ========================================================================== */
	footer {
		background: #232428;
		width: 100%;
		padding: 20px 0 0 0;
		text-align: center;
		color: #7e7e7e;
		border-top: 6px solid #1b1b1b;
		position: relative;
	}
	footer a, footer a:hover {
		color: #FFF;
	}
	footer .text {
		padding: 15px 0;
		line-height: 20px;
	}
	footer .text span {
		display: block;
	}
	footer .text .btn {
		margin-top: 20px;
		display: inline-block;
	}
	footer .social li {
		float: left;
		margin-bottom: 5px;
	}
	footer .social li:last-child a {
		margin-right: 0;
	}
	footer .social li a {
		margin-right: 4px;
	}
	footer .nav {
		margin-top: 0px!important;
	}
	footer .nav li {
		margin: 0;
		padding: 0!important;
	}
	footer .nav li a i {
		margin-right: 5px;
	}
	footer .nav li a {
		font-size: 11px;
		padding: 10px 15px 10px 0;
		margin-top: 1px;
		border-bottom: 1px solid rgba(255,255,255, 0.05);
	}
	footer .nav li a:hover,
	footer .nav li a:focus, 
	footer .nav li a:active {
		padding: 10px 15px;
		background-color: rgba(0,0,0, 0.4);
	}
	footer .widget  {
		padding: 20px 0 25px 0;
		text-align: left;
	}
	footer .widget .title {
		font-family: 'Lato',sans-serif;
		font-size: 15px;
		font-weight: 700!important;
		padding: 5px 0 10px 0;
		color: #FFF;
	}
	footer .widget  ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	footer .widget li:first-child {
		border-top: 0;
	}
	footer .widget li:last-child {
		border-bottom: 0;
	}
	footer .widget li {
		padding: 10px 0;
		line-height: 18px;
	}
	footer .widget li > span {
		margin-top: 10px;
		display: block;
	}
	footer .widget li span i {
		margin-right: 5px;
	}
	footer .widget li .btn {
		color: #FFF;
	}
	footer #twitter, footer #twitter .tweet span  {
		display: block;
	}
	footer #twitter .tweet {
		line-height: 15px;
		margin: 0;
		color: #7e7e7e;
	}
	footer #twitter .timePosted {
		margin-top: 13px;
		display: block;
		font-size: 11px;
		color: #7e7e7e;
	}
	footer #twitter ul li {
		background-color: #393a3e;
		border-radius: 3px;
		padding: 10px 10px 2px 10px;
		margin: 10px 0 20px 0;
		position: relative;
	}
	footer #twitter ul li:after { 
		top: 100%; 
		left: 25px; 
		border: solid transparent; 
		content: " "; 
		height: 0; 
		width: 0; 
		position: absolute; 
		pointer-events: none; 
		border-color: rgba(57, 58, 62, 0); 
		border-top-color: #393a3e; 
		border-width: 10px;
		margin-left: -10px; 
	}
	footer .widget .comments ul li a {
		background: rgba(255,255,255, 0.05);
		color: #7e7e7e;
		padding: 6px 10px;
		font-size: 11px;
		height: 60px;
		line-height: 16px;
		display: block;
	}
	.form-inline  {
		position: relative;
	}
	.form-inline .btn {
		padding: 9px 15px;
		position: absolute;
		right: 0px;
		top: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: 0;
		font-size: 12px;
	}
	.form-inline input[type=text] {
		color: #292929;
		background: #FFF;
		font: 12px Roboto, sans-serif;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 10px 45px 10px 10px;
		border: 0px;
		width: 100%;
		height: auto;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;   
		box-sizing: border-box;     
	}
	.form-inline  input[type=text]:focus {
		background: #FFF;
		box-shadow: none;
	}
	.footer-bottom {
		margin-top: 20px;
		font: 14px Calibri, sans-serif;
		line-height: 50px;
		background: rgba(255,255,255, 0.02);
		color: #FFF;
	}
	.footer-bottom ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.footer-bottom ul.pull-right li {
		margin-left: 15px;
		display: inline-block;
		line-height: 37px;
	}
	.footer-bottom ul.pull-right li a {
		font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
		color: #fff;
	}
	.footer-bottom ul.pull-right li a:hover {
		text-decoration: underline;
	}
	
	/* --- timeline --- */
	.timeline {
	  list-style: none;
	  padding: 0px;
	  position: relative;
	}
	.timeline:before {
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  content: " ";
	  width: 3px;
	  background-color: #cccccc;
	  left: 50%;
	  margin-left: -1.5px;
	}
	.timeline > li {
	  margin-bottom: 60px;
	  position: relative;
	  width: 50%;
	  float: left;
	  clear: left;
	}
	.timeline > li:before,
	.timeline > li:after {
	  content: " ";
	  display: table;
	}
	.timeline > li:after {
	  clear: both;
	}
	.timeline > li:before,
	.timeline > li:after {
	  content: " ";
	  display: table;
	}
	.timeline > li:after {
	  clear: both;
	}
	.timeline > li > .timeline-panel {
	  width: 95%;
	  float: left;
	  background: #FFF;
	  border-radius: 3px;
	  position: relative;
	  border: 1px solid #d4d4d4;
	  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	}

	.timeline > li > .timeline-panel:before {
	  position: absolute;
	  top: 15px;
	  right: -8px;
	  display: inline-block;
	  border-top: 8px solid transparent;
	  border-left: 8px solid #ccc;
	  border-right: 0 solid #ccc;
	  border-bottom: 8px solid transparent;
	  content: " ";
	}
	.timeline > li > .timeline-panel:after {
	  position: absolute;
	  top: 16px;
	  right: -7px;
	  display: inline-block;
	  border-top: 7px solid transparent;
	  border-left: 7px solid #fff;
	  border-right: 0 solid #fff;
	  border-bottom: 7px solid transparent;
	  content: " ";
	}
	.timeline > li > .timeline-badge {
	  color: #fff;
	  width: 15px;
	  height: 15px;
	  line-height: 50px;
	  font-size: 1.4em;
	  text-align: center;
	  position: absolute;
	  top: 16px;
	  right: -8px;
	  z-index: 100;
	  border: 3px solid #999999;
	  background-color: #FFF;
	  border-top-right-radius: 50%;
	  border-top-left-radius: 50%;
	  border-bottom-right-radius: 50%;
	  border-bottom-left-radius: 50%;
	  box-shadow: 0 0 0 2px #FFF;
	}
	.timeline > li.timeline-inverted > .timeline-panel {
	  float: right;
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
	  border-left-width: 0;
	  border-right-width: 8px;
	  left: -8px;
	  right: auto;
	}
	.timeline > li.timeline-inverted > .timeline-panel:after {
	  border-left-width: 0;
	  border-right-width: 7px;
	  left: -7px;
	  right: auto;
	}
	.timeline-badge > a {
	  color: #C5C7C5 !important;
	}
	.timeline-badge a:hover {
	  color: #000 !important;
	}
	.timeline-title {
	  margin-top: 0;
	  color: inherit;
	}
	.timeline-body > p,
	.timeline-body > ul {
		padding:15px 20px;
		margin-bottom: 0;
	}
	.timeline-body > p + p {
	  margin-top: 5px;
	}
	.timeline-footer{
		color: #6e6e6e;
		padding: 10px 20px 15px 20px;
	}
	.timeline a{
		color: #6e6e6e;
		cursor: pointer;
		text-decoration: none;
	}
	.timeline-footer i {
		margin-right: 7px;
	}
	.timeline > li.timeline-inverted{
	  float: right; 
	  clear: right;
	  margin-top: 30px;
	  margin-bottom: 30px;
	}
	.timeline > li:nth-child(2){
	  margin-top: 60px;
	}
	.timeline > li.timeline-inverted > .timeline-badge{
	  left: -7px;
	}
	
	/* --- easy piechart --- */
	.chart-align {
	  position: relative;
	  margin: 0 auto;
	  width: 140px;
	}
	.chart {
	  position: relative;
	  display: inline-block;
	  width: 110px;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	  font-size: 18px;
	}
	.chart canvas {
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	.percent {
	  color: rgba(0,0,0, 0.7);
	  display: inline-block;
	  line-height: 110px;
	  z-index: 2;
	  margin: 0;
	}
	.percent:after {
	  content: '%';
	  margin-left: 0.1em;
	  font-size: 18px;
	}
	
	.chart-sm .percent {
	  line-height: 90px;
	  margin-right: 10px;
	}
	.chart-sm .percent:after {
		font-size: 16px;
	}
	
	@media (max-width: 767px) {
		ul.timeline:before,
		ul.timeline > li > .timeline-panel:after,
		ul.timeline > li > .timeline-panel:before, 
		ul.timeline > li > .timeline-badge {
			display: none;
		}
		ul.timeline > li {
		  margin: 0;
		  padding: 0;
		  position: relative;
		  width:100%;
		  float: left;
		  clear: left;
		}
		ul.timeline > li > .timeline-panel {
			float: right;
			width: 100%;
		}
		.timeline > li:nth-child(2) {
			margin-top: 30px;
		}
	}
	
	/* --- isotope filter --- */
	.isotope .isotope-item {
		transition-property: transform, opacity;
	}
	.isotope, .isotope .isotope-item {
		transition-duration: 0.8s;
	}
	
	/* --- lightbox --- */
	.ekko-lightbox  .modal-backdrop.in { 
		opacity: 0.8;
	}
	.ekko-lightbox  .modal-header {
		border-bottom: 0;
	}
	.ekko-lightbox  .modal-body {
		padding: 0;
	}
	
	/* --- pace --- */
	.pace .pace-progress {
	  position: fixed;
	  z-index: 2000;
	  top: 0;
	  left: 0;
	  height: 4px;
	  -webkit-transition: width 1s;
	  -moz-transition: width 1s;
	  -o-transition: width 1s;
	  transition: width 1s;
	}
	.pace-inactive {
	  display: none;
	}

	/* --- social buttons --- */
	.btn-social{position:relative;text-align:center;padding: 13px; font-weight: 600; font-size: 17px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-color: transparent!important;box-shadow: none!important;}
	.btn-social :first-child{text-align:center; width: 40px;}
	.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
	.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
	.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
	.btn-social-icon{position:relative;color: #FFF;border-color: transparent!important;text-align:left;white-space:nowrap;text-overflow:ellipsis;height:34px;width:34px;padding: 0!important;}
	.btn-social-icon :first-child{left:0;top:0;bottom:0;width:34px!important;line-height:34px;text-align:center;}
	.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
	.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
	.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
	.btn-social-icon :first-child{border:none;text-align:center;}
	.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
	.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
	.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
	.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)}
	.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none}
	.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
	.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)}
	.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none}
	.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
	.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
	.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
	.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
	.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
	.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
	.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
	.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
	.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
	.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
	.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
	.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
	.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
	.btn-instagram{color:#fff;background-color:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#446a89;border-color:rgba(0,0,0,0.2)}
	.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
	.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#517fa4;border-color:rgba(0,0,0,0.2)}
	.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
	.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
	.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
	.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{color:#fff;background-color:#a81a20;border-color:rgba(0,0,0,0.2)}
	.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{background-image:none}
	.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
	.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)}
	.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none}
	.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
	.btn-twitter{color:#fff;background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#1c92c7;border-color:rgba(0,0,0,0.2)}
	.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
	.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}
	.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)}
	.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none}
	.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
	
	/* ========================================
	Media queries
	========================================= */	
    @media (max-width: 1199px) {
        .leftside
        {
            width: 100%!important;
            padding: 10px!important;
        }
        
        .bx-wrapper .bxslider .img .homepage-slider-1 p
        {
            display: none !important;
        }
        
        .bxslider .subTab .caption .para-alt
        {
            display: none !important;
        }
        
        .bxslider .subTab .caption
        {
            width: 41% !important;
        }
    }
    
	@media (max-width: 1023px) {
		#wrapper { 
			padding: 0px!important; 
		}
		#search, 
		#top,
		#bx-tabs,
		.sidebar, 
		.advertisement,
		.bx-wrapper .caption h2,
		.bx-wrapper .caption p {
			display: none!important;
		}
		.header {
			height: auto!important;
			position: relative!important;
			background-color: #1b1b1b!important;
		}
		.header .logo {
			font-size: 30px;
			line-height: 30px;
			margin-right: 0;
			display: block;
			padding: 7px 0 7px 0px;
		}
		.header .list-inline {
			position: absolute!important; 
			top: 0!important;
			right: 10px!important;
		}
		.bxslider-wrapper {
			margin: 0!important;
		}
		.row {
			margin: 0!important;
		}
		.leftside {
			width: 100%!important;
			padding: 10px!important; 
		}
        
        .responsive-no-margin {
            margin:0px !important;
        }
        
        .responsive-padding-bottom {
            padding-bottom: 60px !important;
        }
        
        .responsive-padding-top {
            padding-top: 20px;
        }
        
        .responsive-no-padding-top {
            padding-top:0px !important;
        }
        
        .responsive-no-padding-left {
            padding-left:0px;
        }
        
        .responsive-padding-left {
            padding-left:0px !important;
        }
        
        .responsive-text-align {
            text-align:center !important;
        }
        
        .responsive-float {
            float:none !important;
        }
        
        .responsive-display {
            display: inline !important;
        }
		
		.responsive-display-only {
            display: inline !important;
        }
        
        .responsive-hide {
            display: none!important;
        }
        
        .responsive-form-spacing {
            margin-bottom:5px;
        }
        
        .responsive-no-side-padding {
           padding-left:0px;
           padding-right:0px; 
        }
        
        .responsive-border-bottom-hide {
           border: 0px solid #eee !important;
        }
        
        .quote-height {
         height: 45px !important;
        }
		
		footer .social li
		{
			float: inherit;
			display: inline-block;
		}

        .bxslider .img .caption h2
        {
            display: inline-block !important;
        }
        
	}
	
	@media (min-width: 768px) and (max-width: 1023px) {
		#social span, 
		.bx-wrapper .caption h2,
		.bx-wrapper .caption p { 
			display: none!important;
		}
		.bxslider-wrapper {
			padding-bottom: 0!important;
		}
		.bx-controls-direction a {
			bottom: 0!important;
		}
        .subTab .leftImage img
        {
            width: 273px !important;
        }
        
        .country-selector
        {
            display: none !important;
        }
	}
	
	@media (max-width: 767px) {	
		.bar {
			display: initial!important;
		}
		span.bar:before {
			content: "\f0c9";
			color: #FFF;
			position: absolute;
			top: 0;
			left: 0;
			padding: 14px;
			font-size: 20px;
			color: #FFF;
			font-family: 'FontAwesome';
			cursor: pointer;
		}
		nav {
			display: block!important;
		}
		nav ul { 
			display: none;
		}
		nav li, nav li a {
			display: block!important;
			min-width: 100%!important;
		}
		nav li a {
			border-bottom: 1px solid rgba(0,0,0, 0.1)!important;
		}
		nav ul li .dropdown-menu, .mega-dropdown {
			border: 0!important;
			position: relative!important;
			min-width: 100%!important;
			width: 100%!important;
			box-shadow: none!important;
			margin: 0!important;
			top: 0!important;
		}
		nav ul li .dropdown-menu li a {
			border-radius: 0!important;
		}
		nav ul li .dropdown-menu:after, nav ul li .dropdown-menu:before {
			display: none!important;
		}
		header {
			border-color: #000!important;
		}
		#wrapper { 
			box-shadow: none!important; 
			margin: 0!important;
		}
		.leftside {
			padding: 0 10px 10px 10px!important;
		}
		.video-tab ul, 
		.video-tab .left, 
		.video-tab .right { 
			display: none!important;
		}
		.bx-wrapper .caption {
			position: initial!important;
			font-size: 15px!important;
			display: block!important;
			width: 100%!important;
			text-align: center!important;
		}
		.bx-wrapper .caption h1 {
			font-size: 22px!important;
		}
		.bx-controls-direction a {
			bottom: 50%!important;
		}
		.bx-next {
			left: auto!important;
			right: 0!important;
		}
		.bxslider-wrapper, 
		.video-tab {
			padding: 0!important;
		}
		.bxslider-wrapper, 
		.bx-wrapper .img {
			width: 100%!important;
		}
		footer .widget {
			padding-top: 0!important;
		}
		.footer-bottom .pull-left {
			float: none!important;
			text-align: center;
		}
		.header .logo img
		{
			height: 50px;
		}
		.logo {
			float: none!important;
			text-align: center!important;
		}
        .quote-height {
         height: 60px !important;
        }
        
        .subTab .caption
        {
            display: none !important;
        }
        
        .subTab .leftImage img
        {
            width: 273px !important;
        }
        
        .bx-wrapper .leftImage img
        {
            display: inline-block !important;
        }
        
        .bxslider .leftImage
        {
            width: 100%;
            text-align: center;
            top: 0px !important;
            left: 0px !important;
        }
	}
    
    @media (max-width: 560px) {
        .bxslider .leftImage img
        {
            width: 173px !important;
        }  
    }

	@media (max-width: 460px) {	
		.padding {
			padding: 15px!important;
		}
		.bx-controls-direction a {
			bottom: 40%!important;
		}
		.bxslider .img .caption {
			display: none!important;
		}
		section .thumb span {
			text-indent: -999px;
			height: 2px!important;
			padding: 0px!important;
			width: 100%!important;
		}
        
        .quote-height {
         height: 75px !important;
        }
        .bxslider .leftImage img
        {
            width: 113px !important;
        }
	}
    

	.section a.btn {
		color: #ffffff;
	}

    .right {
        float:right;
    }
    
    .left {
        float:left;
    }
    
    .listing-style li{
        padding: 5px !important;
        }
        
        
.feature-thumbs img
{
    width: 100%;
    max-width: 432px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.plugin-header {
    padding-bottom: 3px;
    margin: 20px 0 8px;
    border-bottom: 1px solid #eee;
}

.image-wrapper {
    width: 100%;
    max-width:160px; 
    height:auto;
}

.border-bottom-hide {
    border-bottom: 0px solid #eee !important;
}

.border-bottom {
    border-bottom: 1px solid #eee;    
}

.border-top {
    border-top: 1px solid #eee;    
}

.no-side-padding {
    padding-left:0px !important;
    padding-right:0px !important;
}

.form-control-static
{
    padding-top: 0px;
    margin-top: 5px;
}

.rowStatusCancelled, .rowStatusCancelled a
{
    color: #cccccc;
}

.quote-height {
    height:102px;
}

.directory-height {
    height:102px;
}

.responsive-padding-left {
    padding-left:45px;
}

.text-bold a, .text-bold a:hover
{
    font-weight: bold;
}

.margin-bottom-40 {
    margin-bottom:40px !important;
}

.social .twitter {
    background:url(../img/icons/twitter.png) no-repeat left;
    padding-left:20px;
}
.social .rss {
    background:url(../img/icons/rss.png) no-repeat left;
    padding-left:20px;
}
.social .googleplus {
    background:url(../img/icons/googleplus.png) no-repeat left;
    padding-left:20px;
}

.social .last {
    padding-left:55px;
}

.clear {
    clear:both;
}

.script-listing-section
{
    padding: 31px 0;
}

.border-bottom-footer
{
	border-bottom: 1px solid rgba(255,255,255, 0.05);
}

.border-top-footer
{
	border-top: 1px solid rgba(255,255,255, 0.05);
}

.bxslider .img .homepage-slider-1 p
{
    margin-top: 16px !important;
}

#bx-tabs
{
	display: none;
}

.rightImageLogo
{
	margin-bottom: 20px;
}

.slideButtons
{
	margin-top: 15px;
	padding: 0px !important;
	background: transparent !important;
}

.iconLinks
{
    font-size: 22px;
}

.rowStatusSecurityCheck .itemStatus
{
    color: orange;
    font-weight: bold;
}

.rowStatusPaid .itemStatus
{
    color: green;
    font-weight: bold;
}

.rowStatusPending .itemStatus
{
    color: gray;
}

.rowStatusCancelled .itemStatus, .rowStatusLocked .itemStatus, .rowStatusSuspended .itemStatus
{
    color: red;
}

.responsive-display-only {
	display: none;
}

@media (max-width: 1199px){
    .index-sidebar {
        display:none;
    }
}

@media (max-width: 991px){
    .footer-bottom .pull-left {
        width:100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    #blogComments {
         padding: 0 15px 0 15px;
    }
}

.top-banner {
  position: absolute; top: 0; right: 0; border: 0;
}

    @media (max-width: 1023px){
    .top-banner {display:none;}
    }

/* video tutorial css start */
.video-wrapper {
    width:100% !important;
    padding-left:15px !important;
    padding-right:15px !important;
    padding-bottom:15px !important;
}

.embed-container { 
    position: relative; 
    padding-bottom: 40.25%; 
    height: 0;
    overflow: hidden; 
    max-width: 100%; }
    
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    }

/* video tutorial css end */

.margin-top-6
{
    margin-top:6px !important;
}

.section a.btn {
    text-decoration: none !important;
}

.section a {
    text-decoration: underline;
}

form .custom-input {
    padding: 8px 12px;
    font-size: 14px;
    width: 100%;
    background-color: #ffffff;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.form-group .input-group-addon {
	width: auto;
	line-height: 2em;
}