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

/* 	==========================================================================
	CSS Structure
	=================
	1. General
	2. Header
	3. Wrapper
	4. Sidebar
	5. Footer
	6. Plugins
	7. Media queries
	=================
*/

  /*==========================================================================
   Import Fonts
  ========================================================================== */

	@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;
	}

	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
	@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300);

  /*==========================================================================
    1. General
  ========================================================================== */
  .lih {
position: absolute;
right: 3999px !important;

  }
	body {
		background: #e9e9e9;
		font-size: 13px;
	}
	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;
		border: none !important;
	}
	.btn.btn-info {
		background-color: #3498db;
	}
	.btn.btn-info:hover,
	.btn.btn-info:active,
	.btn.btn-info.hover {
		background-color: #5bb7f5;
	}
	.btn.btn-danger {
		background-color: #e74c3c;
	}
	.btn.btn-danger:hover,
	.btn.btn-danger:active,
	.btn.btn-danger.hover {
		background-color: #f2796c;
	}
	.btn.btn-warning {
		background-color: #e67e22;
	}
	.btn.btn-warning:hover,
	.btn.btn-warning:active,
	.btn.btn-warning.hover {
		background-color: #ed974b;
	}
	.btn.btn-success {
		background-color: #27ae60;
	}
	.btn.btn-success:hover,
	.btn.btn-success:active,
	.btn.btn-success.hover {
		background-color: #46bf79;
	}
	.btn.btn-inverse {
		color: #FFF;
		background-color: #2b2b2b;
	}
	.btn-inverse:hover {
		background: #3d3d3d;
		color: #FFF;
	}
	.btn-bold {
		font-weight: bold !important;
	}
	.btn-md {
		padding: 8px 10px;
	}
	.btn-circle {
		width: 27px !important;
		height: 27px !important;
		text-align: center !important;
		padding: 0;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.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;
	}
	.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 --- */
	.wh {  width: 100%;
  height: auto;}

.font7 {font-size: 9px !important;}

.font5 {font-size: 5px !important;}

	.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;
		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 {
	  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;
	}
	.demo-popover .popover {
		font-size: 12px;
		border-color: #bebebe;
		-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.demo-popover .popover-title {
		font-family: "Roboto", sans-serif;
	}

	/* --- default p --- */
	p {
		color: #555;
		line-height: 1.6;
	}

	/* --- text colors --- */
		.text-white {
		color: #fff;
	}
	.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;
	}

	/* --- font roboto --- */
	.font-roboto {
		font-family: "Roboto", sans-serif  !important;
	}

	/* --- alert --- */
	.alert i {
		margin-right: 10px;
	}

	/* --- fixed menu --- */
	.menu-fixed {
		box-shadow: 0 0 3px 0 rgba(0,0,0, 0.5);
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0, 0.5);
	}
/*	.fixed-top {
		padding-top: 45px;
	}*/
/*	.fixed-top #top {
		position: fixed;
		z-index: 999;
		top: 0;
	}*/

	.loaded-content section,
	.timeline-loaded li {
		display: none;
	}

	/* --- pagination--- */
	.pagination {
		border: 0;
		padding: 0;
	}
	.pagination li a,
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #fff;
		border-radius: 3px !important;
		margin-right: 10px;
		font-weight: bold;
		border-color: #3498db;
		background:  #3498db;
	}
	.pagination li a:hover,
	.pagination li a:focus,
	.pagination li.active a,
	.pagination li.active a:hover {
		background: #2b2b2b;
		border-color: #2b2b2b;
		color: #fff;
	}
	.pager li a {
		border-color: #3498db;
		color: #3498db;
	}
	.pager li a:hover {
		background-color: #3498db;
		color: #FFF;
	}

	.page-header i {
		margin-right: 10px;
	}

	.alert .page-header {
		border-color: rgba(0,0,0, 0.05);
	}

	.page-header {
		border-color: rgba(0,0,0, 0.07);
	}

	.lead {
		font-size: 16px;
		line-height: 20px;
	}
	.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-open {
		padding-right: 0 !important;
		overflow: initial !important;
	}
	.modal-open .modal {
		z-index: 9999;
	}
	.modal-backdrop.in {
		opacity: 1;
		background: rgba(53, 58, 61, 0.7);
	}
	.modal-header{
		background-color: #f6f6f6;
		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.2);
	}
	.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;
	}

	.bg-darken {
		background-color: rgba(0,0,0, 0.2) !important;
	}

	.bg-dark {
		background-color: #1b1b1b !important;
	}

	/* --- inputs --- */
	.form-inverse.form-control {
		background: #1b1b1b !important;
		color: #7e7e7e !important;
	}
	.form-control {
		background: #fbfbfb;
		-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)
	}
	.input-lg {
		font-size: 14px;
	}
	/* --- 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: 1px;
		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: transparent;
		border-radius: 0;
		margin: 0 0 15px 0;
		border: 0;
		padding: 15px;
	}
	.breadcrumb > li:first-child a {
		padding-left: 0;
	}
	.breadcrumb > li + li.pull-right:before {
		content: "";
		display: none;
	}
	.breadcrumb > li.pull-right {
		margin-top: -5px;
	}
	.breadcrumb > li > a {
		color: #616161;
		border-radius: 3px;
		padding: 5px;
	}

	/* --- 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;
	}

	.facebook-like-box {
		overflow: hidden;
	}

	.facebook-like-box iframe {
		width: 100% !important;
	}

	/* --- 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 {
		border-width: 0 0 4px 0;
		border-style: solid;
		height: 140px;
	}
	.cover {
		background-position: 50% 0;
		background-attachment: fixed;
		background-repeat: no-repeat;
		  min-width: 100%;
  height: auto;
  background-size: 100%;
	}
	.header-color  {
		height: 100%;
	}
	.header {
		width: 100%;
		height: 135px;
	}
	.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: 130px;
		padding: 7px 0;
		margin-right: 80px;
		font-family: "BebasNeue", sans-serif;
	}
	.header .list-inline > li a {
		text-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
		color: #FFF !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	.header .logo:hover,
	.header .list-inline > li a:hover {
		color: #fff;
	}
	.header .list-inline > li {
		padding-right: 0;
		padding-left: 0;
		padding-top: 20px;
	}
	.advertisement {
		width: 728px;
		height: 90px;
		background: #FFF;
		margin: 40px 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-family: "Open Sans", sans-serif;
		font-weight: 600;
		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: 600;
		margin-right: 2px;
		color: #FFF;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
	}
	#top  .btn-group  .btn i {
		margin-right: 8px;
	}
	#top .btn-group  .btn:hover {
		background: rgba(255,255,255, 0.1);
	}

	/*===========================
	--- Navigation ----
	=========================== */
	nav {
		width: 100%;
		padding: 0;
		margin: 12px 0 0 0;
	}
	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	nav ul li {
		float: left;
		padding: 0;
	}
	nav ul li.divider {
		width: 100%;
		display: block !important;
		background: rgba(0,0,0, 0.08) !important;
	}
	nav ul li a,
	nav ul li a:hover,
	nav ul li a:focus,
	nav ul li a:active {
		font-size: 15px;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		color: #FFF;
		padding: 8px 13px;
		margin-bottom: 10px;
		margin-right: 4px;
		text-transform: uppercase;
		display: inline-block;
		-webkit-transition: 0.1s;
		transition: 0.1s;
		border-radius: 3px;
		-webkit-border-radius: 3px 3px 0 0;
		text-shadow: 2px 2px 0 rgba(0,0,0, 0.15);
		border: 1px solid transparent;
	}
	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(255,255,255, 0.1);
		border: 1px solid rgba(255,255,255, 0.1) !important;
		color: #fff;
		-webkit-transition: 0.1s;
		transition: 0.1s;
	}
	nav ul li.dropdown.open > a {
		border-bottom: 0;
	}
	nav ul li a i {
		font-size: 10px;
		padding: 0 0 0 5px;
		display: inline-block;
	}
	nav ul li.dropdown.open > a {
		position: relative;
	}
	nav ul li .dropdown-menu {
		background: #fff;
		margin-top: 0;
		padding: 0px;
		z-index: 998 !important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		min-width: 230px;
		border-width: 3px;
		border-style: solid;
        box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.4);
		-webkit-box-shadow: none;
	}
	nav ul li .dropdown-menu li a {
		font-weight: normal !important;
		padding: 12px 15px;
		margin: 0 !important;
		font-size: 13px !important;
		font-weight: 600;
		font-family: "Open Sans", sans-serif;
		color: rgba(0,0,0, 0.7);
		text-shadow: none;
		text-transform: none;
		background-color: #FFF;
		border: 0 !important;
		display: block;
		line-height: initial !important;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	nav ul li .dropdown-menu li a:hover,
	nav ul li .dropdown-menu li.active a,
	nav ul li .dropdown-menu li a:focus {
		color: rgba(0,0,0, 0.7) !important;
		padding: 12px 15px;
		background: #fafafa !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;
		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 !important;
		width: 1100px;
		left: 0;
		top: 49px;
		right: auto;
		z-index: 999;
		border-width: 3px;
		border-style: solid;
		margin-top: 0px !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;
		vertical-align: top;
		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: 15px;
	}
	.mega-dropdown-menu > li > ul > li > a {
	  background: #FFF !important;
	  display: block;
	  padding: 3px 20px;
	  clear: both;
	  font-weight: normal;
	  line-height: 1.428571429;
	  white-space: normal;
	  color: #444 !important;
	  border-bottom: 0 !important;
	  text-shadow: none !important;
	}
	nav ul li .dropdown-menu > li i,
	.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: "Roboto",sans-serif;
		font-weight: 600;
		padding: 15px;
		text-transform: uppercase;
	}
	.mega-dropdown-menu .dropdown-sub-header {
		font-size: 14px;
		font-family: "Roboto",sans-serif;
		font-weight: 600;
		font-weight: bold;
		padding: 15px;
		text-transform: uppercase;
	}

	/* --- three level menu --- */
	.dropdown-submenu {
		position: relative;
		padding: 0 !important;
	}
	.dropdown-submenu.open a {
		border-radius: 0 !important;
		background-color: #fafafa;
	 }
	.dropdown-submenu > .dropdown-menu:after,
	.dropdown-submenu > .dropdown-menu:before {
		display: none;
	}
	.dropdown-submenu > .dropdown-menu {
		display: none !important;
		top: -3px;
		left: 224px;
		border-radius: 0 !important;
		position: absolute;
		border-width: 3px 3px 3px 0;
		border-style: solid;
		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: #FFF;
		padding-left: 20px !important;
	}
	.dropdown-submenu .dropdown-menu a:hover {
		padding-left: 20px !important;
		background-color: #fafafa !important;
	}
	.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: 3px;
	}
	#search .btn {
		padding: 5px 10px;
		margin: 0;
	}
	#search input[type=text] {
		background: rgba(255,255,255, 0.05);
		color: #FFF !important;
		font-size: 12px;
		-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: 16px;
		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 !important;
		background-image: none !important;
	}
	.fullwidth #wrapper {
		background: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		padding: 0;
	}

	/* --- 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 3px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	}
	.leftside {
		float: left;
	}
	#wrapper .section-categories {
		list-style-type: none;
		margin: 0;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #eee;
	}
	.title-categories {
		margin-left: 10px;
	}
	.title-categories li a {
		color: #2b2b2b;
		background: #FFF;
		padding: 10px;
		margin-right: 2px;
		display: inline-block;
		transition: 0.1s;
		-webkit-transition: 0.1s;
	}
	.title-categories li a:hover {
		background: #2b2b2b;
		color: #FFF;
	}
	#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;
		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 rgba(0,0,0, 0.05);
	}
	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;
		top: auto;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		padding: 9px 0px;
		font-size: 12px;
		display: inline-block;
		width: 35px;
		text-align: center;
	}
	.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;
		border-color: rgba(43, 43, 43, 0);
		border-top-color: #2b2b2b;
		border-width: 5px;
		margin-left: -5px;
	}
	.media {
		margin-top: 15px;
	}
	.media-heading {
		font: 14px arial;
		font-weight: bold !important;
		line-height:1;
		color: rgba(0,0,0, 0.6);
	}
	.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,
	section .details a {
		color: #888888;
	}
	section .details i {
		margin-right: 5px;
	}
	section h1 {
		font: 34px "BebasNeue", sans-serif;
		font-weight: normal;
	}
	section h2 {
		font: 30px "BebasNeue", sans-serif;
		font-weight: normal;
	}
	section h4 {
		font: 20px "BebasNeue", sans-serif;
		font-weight: normal;
	}
	section h5 {
		font: 17px "BebasNeue", sans-serif;
		font-weight: normal;
	}
	section h6 {
		font: 16px "BebasNeue", sans-serif;
		font-weight: normal;
	}
	section .main-title {
		font-size: 20px;
		font-family: "Roboto", sans-serif;
		font-weight: bold !important;
		line-height: 1.1;
	}
	section .main-title a {
		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 {
		right: 0;
		bottom: 0px;
	}

	/* --- video tab --- */
	.video-tab {
		padding: 10px;
		background: #1b1b1b;
		position: relative;
	}
	.videotab-padding {
		padding: 0 50px;
	}
	.video-tab ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.video-tab ul li {
		margin-right: 0;
		float: left;
	}
	.video-tab ul li:last-child  {
		margin-right: 0;
	}
	.video-tab ul li img {
		border-left: 1px solid rgba(0,0,0, 0.6);
		border-top: 1px solid rgba(0,0,0, 0.6);
		border-bottom: 1px solid rgba(0,0,0, 0.6);
		height: auto;
		min-height: 100px;
		width: 100%;
	}
	.video-tab .left {
		color: #FFF;
		text-align: center;
		height: 100px;
		width: 50px;
		background-color: #1e1e1e;
		position: absolute;
		left: 0;
		top: 0px;
	}
	.video-tab .right {
		color: #FFF;
		text-align: center;
		height: 100px;
		width: 50px;
		background-color: #1e1e1e;
		position: absolute;
		right: 0;
		top: 0px;
	}
	.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;
	}
	.thumbnail-hover {
		position: relative;
	}
	.thumbnail-hover img {
		filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
		filter: gray; /* IE6-9 */
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	.thumbnail-hover:hover img {
		filter: grayscale(0%);
	}
	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-align {
		position: relative;
		margin-left: -15px;
	}
	.section-title.dark {
		background-color: #0d0d0d;
		border-color: #0d0d0d;
		border-width: 3px;
	}
	.section-title.dark h3 {
		color: #FFF;
		background-color: #0d0d0d;
		border-color: transparent;
		border-radius: 3px 3px 0 0;
	}
	.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;
		border-bottom: 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 7px 15px;
		border-right: 1px solid #e9e9e9;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
	}
	.masonry .elem {
		width: 48%;
	}
	.masonry .blog {
		width: 30.78%;
	}

	/* ========================================
	4. Sidebar
	========================================= */
	.sidebar {
		margin: 0;
		padding-right: 15px;
	}
	.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 #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-top: 0;
		box-shadow: none;
		border-radius: 3px;
	}
	.sidebar-nav .panel-heading {
		padding: 0;
		background: transparent;
	}
	.sidebar-nav .panel-title a {
		display: block;
		padding: 12px 10px;
		border-top: 1px solid #ddd;
		position: relative;
		color: #555;
	}
	.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 ul.box.arrow:after {
		 right: 100%;
		 top: 25%;
		 border: solid transparent;
		 content: " ";
		 height: 0;
		 width: 0;
		 position: absolute;
		 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.1);
		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;
	}
	.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: 10px;
	}
	.section ul.tab {
		padding: 10px 15px;
	}
	.section ul.tab li {
		position: relative;
		padding: 0;
	}
	.section ul.tab li a {
		padding: 5px 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		font-size: 12px;
		color: rgba(255,255,255, 0.7);
	}
	.section ul.tab li a:hover,
	.section ul.tab li.active a	{
		background-color: rgba(0,0,0, 0.6);
		color: #FFF;
	}
	.bg-img {
		background-repeat: no-repeat;
		margin: 0 !important;
		padding: 0 !important;
	}
	.bg-img a {
		background: rgba(0,0,0,0.7);
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAAKCAQAAACTHTN8AAAAbElEQVRYw+2R0QrAIAhF3f7/L/cd2ra2QsPocQzOCbsqocTd5JBSj7xaJnV2njd6hdXMnFqo79CemXszdtVNinPaXZJK+55xa+uudfXPmHuVSRYju+eaVZVd4GdgGZYBlgGWYRlgGWAZlsG3nMPhqxXZYOE8AAAAAElFTkSuQmCC');
		background-repeat: repeat-y;
		background-position: left top;
		height: 90px;
		display: block;
		padding: 20px;
	}
	.bg-img a:hover {
		background: rgba(0,0,0,0.6);
	}
	.bg-img a:hover .thumb {
		color: #FFF !important;
	}
	.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;
		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: 13px;
		font-weight: 600 !important;
		margin: 0 0 0;
		font-family: "Roboto", sans-serif;
	}
	.section .box li .details h5 a {
		color: rgba(0, 0, 0, 0.7);
	}
	.section .box li .details h5 a:hover {
		text-decoration: underline;
	}
	.section .box li .details .label {
		border-radius: 50%;
		-webkit-border-radius: 50%;
		padding: 13px 10px;
		margin-top: 7px;
	}
	.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;
	}
	.section-white .box {
		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);
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		border-top: 1px solid rgba(0,0,0, 0.08);
		border-right: 1px solid rgba(0,0,0, 0.08);
		border-left: 1px solid rgba(0,0,0, 0.08);
		border-radius: 0;
		-webkit-border-radius: 0;
		background-color: #fff;
	}
	.nav-tabs {
		border-bottom: 1px solid rgba(0,0,0, 0.08);
	}
	.nav-tabs > li > a {
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	.nav > li > a:hover, .nav > li > a:focus {
		border-top: 1px solid rgba(0,0,0, 0.08);
		border-right: 1px solid rgba(0,0,0, 0.08);
		border-left: 1px solid rgba(0,0,0, 0.08);
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}

  /*==========================================================================
	5. Footer
  ========================================================================== */
	footer {
		background: #232428;
		width: 100%;
		padding: 20px 0 0 0;
		text-align: center;
		color: #7e7e7e;
		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;
	}
	footer .social li:last-child a {
		margin-right: 0;
	}
	footer .social li a {
		margin-right: 4px;
	}
	footer .nav {
		margin-top: 10px !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: 0;
		text-transform: uppercase;
	}
	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);
		border: 0;
	}
	footer .widget  {
		padding: 20px 0 25px 0;
		text-align: left;
	}
	footer .widget .title {
		font-family: 'Open Sans',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 .user {
		position: absolute;
		bottom: -40px;
		margin-left: 5px;
	}
	footer #twitter .user img {
		border-radius: 25px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	footer #twitter .user span {
		display: inline-block !important;
		color: rgba(255,255,255, 0.6);
	}
	footer #twitter .tweet a span {
		display: inline-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;
		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 {
		font: 14px Calibri, sans-serif;
		line-height: 50px;
		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;
	}

  /*==========================================================================
    6. Plugins
  ========================================================================== */
	.rating {
	  unicode-bidi: bidi-override;
	  direction: rtl;
	  font-size: 18px;
	}
	.rating span.star {
	  font-family: FontAwesome;
	  font-weight: normal;
	  font-style: normal;
	  display: inline-block;
	}
	.rating span.star:hover {
	  cursor: pointer;
	}
	.rating span.star:before {
	  content: "\f005";
	  padding-right: 5px;
	  color: #777777;
	}
	.rating span.star.rated:before,
	.rating span.star:hover:before,
	.rating span.star:hover ~ span.star:before {
	  content: "\f005";
	  color: #fdd835;
	}

	@-webkit-keyframes fadeInFast {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}

	@keyframes fadeInFast {
	  0%{opacity:0;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}
		100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	}

	.fadeInFast {
	  -webkit-animation-name: fadeInFast;
			  animation-name: fadeInFast;
		-webkit-animation-duration: 0.5s !important;
				animation-duration: 0.5s !important;
	}

	/* --- 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;
	}
	.bs-glyphicons {
	margin-left: 0px;
	list-style: none;
	overflow: hidden;
	padding-bottom: 1px;
	margin-bottom: 20px;
	}

	.bs-glyphicons li {
		width: 25%;
		float: left;
		height: 80px;
		padding: 15px 10px;
		font-size: 11px;
		line-height: 1.4;
		text-align: center;
		margin: 0 -1px -1px 0;
		border: 1px solid #ddd;
	}

	.bs-glyphicons .glyphicon {
		display: block;
		font-size: 18px;
		margin: 5px auto 10px;
	}

	.bs-glyphicons li:hover {
		background-color: #fafafa;
	}

	.fontawesome-icon-list {
	  margin-top: 22px;
	}
	.fontawesome-icon-list .fa-hover a {
	  font-size: 11px;
	  display: block;
	  color: rgba(0,0,0, 0.7);
	  line-height: 32px;
	  height: 32px;
	  padding-left: 0px;
	  border-radius: 4px;
	}
	.fontawesome-icon-list .fa-hover a .fa {
	  width: 32px;
	  font-size: 14px;
	  display: inline-block;
	  text-align: right;
	  margin-right: 10px;
	}
	.fontawesome-icon-list .fa-hover a:hover {
	  background: #3498db;
	  color: #FFF;
	  text-decoration: none;
	}
	.fontawesome-icon-list .fa-hover a:hover .text-muted {
	  color: #bbe2d5;
	}

	#icons {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  list-style: none;
	  text-align: left;
	  font-size: 1px;
	}
	#icons li {
	  position: relative;
	  z-index: 0;
	  display: inline-block;
	  padding: 22px 20px;
	  list-style: none;
	  text-align: center;
	  font-weight: normal;
	  font-size: 32px;
	  cursor: pointer;
	}
	#icons li:hover {
	  color: #4F8EF7;
	}
	#icons li.active {
	  color: #4F8EF7;
	}

	@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;
		position: absolute;
		top: 0;
		z-index: 999;
		width: 100%;
		background: transparent;
	}
	.ekko-lightbox  .modal-header .modal-title {
		background-color: rgba(255,255,255, 0.7);
		display: inline-block;
		text-shadow: none;
		padding: 7px 15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.ekko-lightbox  .modal-body {
		padding: 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: transparent;
	}
	.ekko-lightbox  .modal-body img {
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	/* --- 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;
	}

	.item-carousel .thumbnail {
		margin: 10px 15px;
	}

	.thumbnail h4 a {
		color: #4f4f4f;
	}

	/* owl carousel */
	.owl-widget-carousel.owl-theme .owl-pagination {
		position: absolute;
		top: -40px;
		right: 5px;
	}
	.owl-widget-carousel.owl-theme .owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
	}
	.owl-widget-carousel.owl-theme .owl-controls .owl-page span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 3px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: rgba(0, 0, 0, 0.5);
	}

	.bb span{
		display: block;
		width: 12px;
		height: 12px;
		margin: 5px 3px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: rgba(0, 0, 0, 0.5);
	}

	.owl-widget-carousel.owl-theme .owl-controls .owl-page.active span,
	.owl-widget-carousel.owl-theme .owl-controls.clickable .owl-page:hover span{
		background: #fff;
	}

	/* --- main carousel --- */
	.main-carousel {
		border-bottom: 0;
	}
	.main-carousel .carousel-indicators {
		position: static;
		margin: 0;
		border-bottom: 3px solid #1b1b1b;
		width: 100%;
	}
	.main-carousel .carousel-indicators li {
		text-indent: 0;
		float: left;
		height: auto;
		width: auto;
		text-align: center;
		padding: 17px 20px;
		color: #282828;
		margin: 0 !important;
		border-top: 0;
		border-bottom: 0;
		border-right: 0;
		border-left: 1px solid #dddddd;
		border-radius: 0;
		-webkit-border-radius: 0;
		width: 25%;
	}
	.main-carousel .carousel-indicators li:first-child {
		border-left: 0;
	}
	.main-carousel .carousel-indicators li h3 {
		font-size: 11px;
		font-family: "Open Sans", sans-serif;
		color: #646464;
		font-weight: 600!important;
		margin: 0;
		text-transform: uppercase;
	}
	.main-carousel .carousel-indicators li.active {
		margin: 0 !important;
	}
	.main-carousel .carousel-indicators li.active h3 {
		color: #FFF;
	}
	.main-carousel .carousel-caption {
		color: #FFF;
		display: inline-block;
		position: absolute;
		bottom: 20px;
		right: 30px;
		left: auto;
		padding: 10px;
		text-align: right;
		width: auto;
		opacity: 0;
		-webkit-transition: 0.25s;
		transition: 0.25s;
	}
	.main-carousel .item.active .carousel-caption {
		opacity: 1;
	}
	.main-carousel .carousel-caption h1,
	.main-carousel .carousel-caption h2 {
		display: block;
	}
	.main-carousel .carousel-caption h1 span {
		background: #FFF;
		font: 35px 'BebasNeue', Arial, sans-serif;
		padding: 5px 10px 3px 10px;
		display: inline-block;
		margin-bottom: 10px;
		color: #1b1b1b;
		text-shadow: none;
	}
	.main-carousel .carousel-caption h2 span {
		background: #FFF;
		font: 35px 'BebasNeue', Arial, sans-serif;
		margin: 0;
		padding: 5px 10px 3px 10px;
		display: inline-block;
		text-shadow: none;
	}
	.main-carousel .carousel-caption p {
		background: #1b1b1b;
		padding: 10px 15px;
		margin-top: 10px;
		display: inline-block;
		color: #FFF;
	}
	.main-carousel .carousel-control {
		z-index: 99;
	}

	/* --- social buttons --- */
	.btn-social{position:relative;color: #FFF!important;padding: 13px 13px 13px 50px; text-align: left; 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{position: absolute;   left: 0;   top: 0;   bottom: 0; width: 45px !important;   line-height: 50px !important;   font-size: 16px !important;   text-align: center;}
	.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)}
.blockbord {border-left: 0px}
.margbot {margin-bottom: -15px}
  /*==========================================================================
    7. Media queries
  ========================================================================== */
	@media (min-width: 1200px) {
		.container {
			width: 1100px;
		}
	}

	@media (max-width: 1200px) {
		#bx-tabs .bx-section {
			padding: 17px 5px !important;
			text-align: center !important;
		}
		.sidebar {
			display: none !important;
		}
	}
	@media (max-width: 1023px) {
		#wrapper {
			padding: 0px !important;
		}
		.header .logo {
			margin-right: 0;
			display: block;
		}
		#top,
		.sidebar,
		.advertisement{
			display: none !important;
		}
		.header .list-inline {
			position: absolute !important;
			top: 0 !important;
			right: 10px !important;
		}
		.header .btn-group {
			position: absolute;
			top: 0;
			left: 0;
		}
/*		.row {
			margin: 0 !important;
		}*/
		.logo {
			float: none !important;
			text-align: center !important;
		}
		.leftside {
			width: 100% !important;
			padding: 10px !important;
		}
	}

	@media (min-width: 768px) and (max-width: 1025px) {
		.mega-dropdown-menu {
			width: 100%;
		}
/*		.fixed-top {
			padding: 0;
		}*/
		#social span {
			display: none !important;
		}
		nav {
			position: absolute;
			bottom: 0;
		}
		.header-color {
			position: relative;
		}
		.video-tab ul li img {
			height: auto !important;
			min-height: auto !important;
		}
		.video-tab .right i,
		.video-tab .left i {
			margin-top: 50px;
		}
	}

	@media (max-width: 767px) {
		.bb h4 {font-size: 20px !important;}
		.font7 {font-size: 7px !important;}
		.main-carousel .carousel-indicators {
			display: none !important;
		}
/*		.fixed-top { padding: 0; }*/
		.bar {
			display: initial !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;
		}
		span.bar:before {
			content: "\f0c9";
			color: #FFF;
			position: absolute;
			top: 0;
			left: 0;
			padding: 8px 15px;
			font-size: 20px;
			color: #FFF;
			font-family: 'FontAwesome';
			cursor: pointer;
		}
		nav {
			z-index: 999 !important;
			display: block !important;
			position: fixed;
			background: #1b1b1b;
			transform: translateX(-280px);
			-webkit-transform: translateX(-280px);
			width: 280px;
			-webkit-transition: 0.25s;
			transition: 0.25s;
			margin: 3px 0 0 0;
			height: 100%;
			box-shadow: inset -1px 0 3px 0 rgba(0,0,0, 0.8);
		}
		.open-nav {
			overflow: hidden;
		}
		.open-nav nav{
			transform: translateX(0);
			-webkit-transform: translateX(0);
		}
		.open-nav footer,
		.open-nav #wrapper {
			-webkit-transition: 0.25s;
			transition: 0.25s;
			transform: translateX(280px);
			-webkit-transform: translateX(280px);
		}
		.open-nav span.bar:before {
			font-family: "ionIcons";
			content: "\f2d7";
		}
		footer,
		#wrapper {
			transform: translate3d(0px, 0px, 0px);
			-webkit-transform: translate3d(0px, 0px, 0px);
			-webkit-transition: 0.25s;
			transition: 0.25s;
		}
		#search {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			margin: 0;
			padding: 20px;
		}
		#search input {
			width: 100% !important;
			padding: 15px 45px 15px 15px !important;
		}
		#search button {
			font-size: 22px;
			padding: 10px 15px !important;
		}
		nav ul li a,
		nav ul li a:hover,
		nav ul li a:focus,
		nav ul li.dropdown.open > a,
		nav ul li a:active,
		nav ul li.active a {
			padding: 12px 24px !important;
			margin: 0 !important;
			font-size: 14px;
			border: 0 !important;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
		}
		nav ul {
			margin-top: 90px;
		}
		nav li,
		nav li a {
			display: block !important;
			min-width: 100% !important;
		}
		nav li a {
			color: rgba(255,255,255, 0.7) !important;
			border-bottom: 0px solid rgba(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;
		}
		.mega-dropdown-menu .dropdown-sub-header,
		.mega-dropdown-menu .dropdown-header {
			background: rgba(0,0,0, 0.1) !important;
			padding: 12px 25px !important;
			color: rgba(255,255,255, 0.7) !important;
		}
		nav ul li.divider {
			background: rgba(0,0,0, 0.6) !important;
		}
		nav ul li .dropdown-menu {
			background: rgba(255,255,255, 0.1) !important;
		}
		nav ul li .dropdown-menu li a {
			background: transparent !important;
			border-radius: 0 !important;
			padding: 12px 25px !important;
			color: rgba(255,255,255, 0.6) !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: 12px 25px !important;
			background: rgba(0,0,0, 0.1) !important;
			color: rgba(255,255,255, 0.6) !important;
		}
		nav ul li .dropdown-menu:after, nav ul li .dropdown-menu:before {
			display: none !important;
		}

		nav .container {
			overflow-Y: scroll;
			height: -moz-calc(100% - 50px);
			height: -webkit-calc(100% - 50px);
			height: calc(100% - 50px);
		}
		header {
			border-color: #000 !important;
		}
		#wrapper {
			box-shadow: none !important;
			margin: 0 !important;
		}
		.leftside {
			padding: 0 10px 10px 10px !important;
		}
		header {
			height: 50px;
		}
		.video-tab ul,
		.video-tab .left,
		.video-tab .right {
			display: none !important;
		}
		.main-carousel .carousel-caption {
			font-size: 15px !important;
			display: block !important;
			width: 100% !important;
			left: 0;
			bottom: 0;
			text-align: center !important;
		}
		.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;
		}
		.masonry .elem {
			width: 46.5% !important;
		}
		section .thumb span,
		.thumb.thumb-circle span {
			text-indent: -999px;
			height: 3px !important;
			padding: 0px !important;
			width: 100% !important;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			top: 0;
			left: 0;
		}
	}
	@media (max-width: 550px) {
		.main-carousel .carousel-caption h1,
		.main-carousel .carousel-caption p {
			display: none !important;
		}
}

	@media (max-width: 460px) {
		.gg h4{padding-top: 40px; !important;}
				.bb h4 {font-size: 12px !important;}
								.bb .caption {font-size: 8px !important;
								padding: 5px 5px !important;}
		.masonry .elem,
		.masonry .blog  {
			width: 100% !important;
		}

		.padding {
			padding: 15px !important;
		}
		.bx-controls-direction a {
			bottom: 40% !important;
		}
		.font7 {font-size: 5px !important;
margin-right: 2px !important;
  padding: 2px !important;
		}


/*		.fixed-top {
			padding-top: 50px !important;
		}*/
		.fixed-top header {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999 !important;
			width: 100%;
		}
		.bx-controls-direction,
		.ns-box,
		.main-carousel .carousel-caption h1,
		.main-carousel .carousel-caption p {
			display: none !important;
		}
		section .thumb span,
		.thumb.thumb-circle span {
			text-indent: -999px;
			height: 3px !important;
			padding: 0px !important;
			width: 100% !important;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			top: 0;
			left: 0;
		}
		.main-carousel img {
			width: auto !important;
			max-width: initial !important;
			max-height: 250px;
			transform: translateX(-140px)
		}
		.bx-controls-direction a {
			width: 100px !important;
		}
		.bx-next:before {
			right: 20px !important;
		}
		.bx-prev:before {
			left: 20px !important;
		}
		.cover {
			background-image: none !important;
		}
	}