/* TODO THIS IS A TERRIBLE HACK! */
.modal-backdrop.fade.in {
	z-index: -1;
}
/*********************************/
@font-face {
	font-family: 'burgerbuzzregular';
	src: url('./fonts/burgerbuzz-webfont.eot');
	src: url('./fonts/burgerbuzz-webfont.eot?#iefix') format('embedded-opentype'),
	url('./fonts/burgerbuzz-webfont.woff') format('woff'),
	url('./fonts/burgerbuzz-webfont.ttf') format('truetype'),
	url('./fonts/burgerbuzz-webfont.svg#burgerbuzzregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'goodgirlregular';
	src: url('./fonts/goodgirl-webfont.eot');
	src: url('./fonts/goodgirl-webfont.eot?#iefix') format('embedded-opentype'),
	url('./fonts/goodgirl-webfont.woff') format('woff'),
	url('./fonts/goodgirl-webfont.ttf') format('truetype'),
	url('./fonts/goodgirl-webfont.svg#goodgirlregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'afrika';
    src: url('../fonts/afritubu.eot');
    src: url('../fonts/afritubu.eot?#iefix') format('embedded-opentype'),
         url('../fonts/afritubu.woff2') format('woff2'),
         url('../fonts/afritubu.woff') format('woff'),
         url('../fonts/afritubu.ttf') format('truetype'),
         url('../fonts/afritubu.svg#afrika_t_ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'gilligan';
	src: url('../fonts/gilligan-webfont.eot');
	src: url('../fonts/gilligan-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gilligan-webfont.woff2') format('woff2'),
	url('../fonts/gilligan-webfont.woff') format('woff'),
	url('../fonts/gilligan-webfont.ttf') format('truetype'),
	url('../fonts/gilligan-webfont.svg#gilligans_islandregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'hollie';
	src: url('../fonts/hollie-webfont.eot');
	src: url('../fonts/hollie-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/hollie-webfont.woff2') format('woff2'),
	url('../fonts/hollie-webfont.woff') format('woff'),
	url('../fonts/hollie-webfont.ttf') format('truetype'),
	url('../fonts/hollie-webfont.svg#gilligans_islandregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'hollie';
	src: url('../fonts/steelfish_rg.eot');
	src: url('../fonts/steelfish_rg.eot?#iefix') format('embedded-opentype'),
		url('../fonts/steelfish_rg.woff2') format('woff2'),
		url('../fonts/steelfish_rg.woff') format('woff'),
		url('../fonts/steelfish_rg.ttf') format('truetype'),
		url('../fonts/steelfish_rg.svg#steelfishregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	/*background: url('/img/bg-main.png');*/
	background-color: white;
	position: relative;
	min-height: 100%;
	height: 100%;
}
/*
html.login {
	background: white url('/img/background4.jpg') no-repeat left top;
}
*/
body {
	background-color: transparent;
	min-height: 100%;
	position: relative;
}

html body a, html body a:hover {
	text-decoration:none;
}

button:focus {
	outline:0 !important;
}

input[type=checkbox] {
	zoom:1;
	margin-top: 0;
}

input[type=radio] {
	zoom:1.5;
	margin-top: 0;
}

a:hover {
	color:#e9a66c;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here
  height: 60px;
  background-color: #333; */
}

#page {
	padding-bottom: 120px;
}
.externalFooter.container-full.bg-brown.rounded-top {
	bottom: 0;
	position: absolute;
}

input, button {
	outline: none;
}

ul.no-indent {
	/* This doesn't work in IE */
	-webkit-padding-start: 15px;
	-moz-padding-start: 15px;
	-ms-padding-start: 15px;
	-o-padding-start: 15px;
	padding-start: 15px;
}

.body-tabs-nav {
	width: 100%;
	padding: 0px;
	table-layout: fixed;
}

.tab-hut-active {
	position:relative;
	z-index:1;
	box-shadow: 0px -5px 5px #555;
}

.tab-hut {
	box-shadow: 0px 0px 10px #333;
}

.body-tabs-outter {
	position:relative;
	/*z-index:100;*/
	padding:20px;
	box-shadow: 0px 0px 10px #333;
}

.body-tabs-inner {
	padding:20px; margin:0px;
	box-shadow: 0px 0px 5px #888888;
}

.truncate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.invisible {
	width: 0;
	height: 0;
	visibility: hidden;
}

.align-top {
	vertical-align: top;
}

.vertical-align-middle {
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.p-rel {
	position: relative;
}
.p-abs {
	position: absolute;
}
.p-15 { padding: 15px !important; }
.pt-15 { padding-top: 15px !important; }
.pr-15 { padding-right: 15px !important; }
.pl-15 { padding-left: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.m-15 { margin: 15px !important; }
.mt-15 { margin-top: 15px !important; }
.mr-15 { margin-right: 15px !important; }
.ml-15 { margin-left: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }

.box {
	padding:10px;
}

.box-20 {
	padding:20px;
}

.box-20-collapse {
	padding:20px;
}

.box-30 {
	padding:30px;
}

.box-40 {
	padding:40px;
	overflow:auto;
}
.box-40.bg-check {
	overflow: inherit;
}

.box-auction {
	padding:30px 20%;
}

@media screen and (max-width: 768px) {
	.box-20-collapse {
		padding:0px;
	}
	.box-40 {
		padding: 0;
	}
	.box-auction {
		padding:30px 15px;
	}
}

.br-50 {
	border-radius: 50%;
}

.img-circle-header {
	width:100%;
	height:auto;
	display:block;
	padding-top:100%;
	border-radius:50%;
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.notification-dropdown-item {
	border-bottom:1px solid #ccc;
}

li.notification-dropdown-item > a {
	padding:5px 15px;
}

.notification-dropdown-item .img-circle-header {
	width:40px;
	height:40px;
	display:block;
	border-radius:50%;
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: cover;	
	padding-top:36px;
	border: 2px solid #777;
}

.notification-dropdown-item button {
	padding:0px;
}

.notification-dropdown-item form {
	padding:5px;
}

.notification-dropdown-item .img-icon {
	padding-left:5px;
	width:30px;
}

.master-notifications .dropdown-menu::-webkit-scrollbar{
width:10px;
background-color:#dcdcdc;
}

.master-notifications .dropdown-menu::-webkit-scrollbar-thumb{
background-color:#3d3937;
border-radius:0px;
}

.master-notifications .dropdown-menu::-webkit-scrollbar-thumb:hover{
background-color:#3d3937;
border:none;
}

.master-notifications .dropdown-menu::-webkit-scrollbar-thumb:active{
background-color:#3d3937;
border:none;
}





.ratio-75 {
	width: 100%;
	height: 0;
	padding-bottom: 125%;
}
.ratio-100 {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.ratio-16x9 {
	width: 100%;
	height: 56.25%;
	padding-bottom: 56.25%;
}
.ratio-30 {
	height: 0;
	padding-bottom: 30% !important;
}

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

.block-shadow {
	box-shadow: 2px 2px 5px #555555;
}

.rounded {
	border-radius:5px;
}

.rounded-10 {
	border-radius:10px;
}

.rounded-top-bottom {
	border-radius: 50% 50% 50% 50% / 20px 20px 20px 20px;
}

.inner-shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.filter-shadow {
	-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
	/*filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='https://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='5' dy='5' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

.filter-shadow-text {
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5,Color='#444')";
}

.container-full {
	width:100%;
}

.bg-black {
	background-color:#000;
}

.bg-white {
	background-color:#fff !important;
}

.bg-red {
	background-color:#db404e;
}

.bg-orange {
	background-color:#e9a66c;
}

.bg-chalkboard {
	background-image:url('/img/bg-chalkboard.jpg');
}

.bg-gray-fabric {
	background-image:url('/img/bg-gray-fabric.jpg');
}

/*.bg-paper {
	background-image:url('/img/bg-paper.png');
	background-size:103% 103%;
	background-position:center center;
	background-repeat: none;
}*/

.bg-paper {
	background-image:url('/img/bg-paper.jpg');
}

.bg-paper-sheet {
	background-image:url('/img/bg-paper-sheet.png');
	background-size:103% 103%;
	background-position:center center;
	background-repeat: none;
}

.bg-paper-sheet-lg {
	background-image:url('/img/bg-paper-sheet-huge.png');
	background-size:103% 103%;
	background-position:center center;
	background-repeat: none;
}

.bg-newspaper {
	background-image:url('/img/bg-newspaper.png');
	background-size:103% 103%;
	background-position:center center;
	background-repeat: none;
}

.bg-newspaper-open {
	background-image:url('/img/bg-newspaper-open.png');
	background-size:103% 103%;
	background-position:center center;
	background-repeat: none;
}

.bg-book {
	background-image:url('/img/bg-book.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat: none;
}

.bg-inner-shadow {
	background-image:url('/img/bg-inner-shadow.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat: none;
}

.bg-book:hover {
	background-image:url('/img/bg-book-over.png');
}

.bg-gray-pattern {
	background-image:url('/img/bg-gray-pattern.jpg');
}

.bg-tan-weave {
	background-image:url('/img/bg-tan-weave.jpg');
	/* background-size:100% auto;
	background-repeat: repeat-y; */
}

.bg-wood {
	background-image:url('/img/bg-wood.jpg');
}

.bg-wood-dark {
	background-image:url('/img/bg-wood-dark.jpg');
	background-size:100% auto;
	background-repeat: repeat-y;
}

.bg-wood-texture-light {
	background-image:url('/img/bg-wood-texture-light.jpg');
	background-size:100% auto;
	background-repeat: repeat-y;
}

.bg-white-texture {
	/*background-image:url('/img/bg-white-texture.jpg');*/
	background-color: #eee;
}

.bg-white-texture-darker {
	/*background-image:url('/img/bg-white-texture-darker.jpg');*/
	background-color: #ccc;
}

.bg-stone {
	background-image:url('/img/bg-stone.jpg');
}

.bg-transparent {
	background:transparent;
	border:none;
	box-shadow:none;
}

.bg-black-transparent {
	background-color:rgba(0, 0, 0, 0.5);
}

.bg-white-transparent {
	background-color:rgba(255,255,255, 0.8);
}

.bg-header-top {
	background: url('/img/bg-header-top.jpg') repeat-x;
	background-size: auto 100%;
}

.bg-header-selector {
	background: url('/img/bg-header-selector.png') no-repeat;
	background-size: auto 320px;
	background-position: center bottom;
	-webkit-filter: drop-shadow(10px 0px 10px rgba(0,0,0,0.5));
}

.bg-check {
	background: url('/img/img-check.png') repeat-x;
	background-size: 100% 100%;
	height:480px;
}

@media screen and (max-width: 992px) {
	.bg-check {
		
	}
}

@media screen and (max-width: 768px) {
	.bg-check {
		height:320px;
	}
}

.border-gray {
	border:1px solid #777;
}

.border-light-gray {
	border:1px solid #ccc;
}

.border-white {
	border:2px solid #fff;
}

.border-black {
	border:2px solid #000;
}

.border-orange {
	border:2px solid #e9a66c;
}

.border-brown {
	border:2px solid #8b775f;
}

.border-dark-brown {
	border:1px solid #55504d;
}

.border-none {
	border:none;
}

.border-wonky {
	border-top:3px solid #393b3a;
	border-right:3px solid #ada08f;
	border-bottom:3px solid #ada08f;
	border-left:3px solid #393b3a;
	border-radius: 50% 5% 50% 5% / 5% 50% 5% 50%;
	padding-bottom:90% !important;
}

.border-wood {
	padding:0px 6px;
	background: url('/img/bg-wood.jpg') no-repeat;
	background-size:cover;
}

.border-bottom-black {
	border-bottom:2px solid #000;
}
.border-bottom-gray {
	border-bottom:1px solid #aaa;
}

.text-gilligan {
	/*
	font-family: 'gilligan';
	line-height: 1;
	*/
}

.text-afrika {
	font-family: 'afrika';
	line-height: 1;
}

.text-hollie {
	font-family: 'hollie';
	line-height: normal;
}

.text-normal {
	font-family: sans-serif;
}

.text-serif {
	font-family:serif;
}

.text-white {
	color:#fff;
}

.text-white-90 {
	color:rgba(255, 255, 255, 0.9);
}

.hover-white:hover {
	color:#fff;
}

.text-black {
	color:#000;
}
.text-dark {
	color:#333;
}
.text-gray, a.text-gray:hover {
	color:#4f4d4e;
}
.text-brown {
	color:#6d6657;
}
.text-tan {
	color:#e2d8c2;
}
.text-red {
	color:#f00;
}
.hover-orange:hover {
	color:#e9a66c;
}
body .text-orange {
	color:#e9a66c;
}
a.text-orange:hover {
	color:#e9a66c;
}
.text-dark-brown {
	color:#4f3c2c;
}
.text-transparent {
	color:transparent;
}
.text-upper {
	text-transform: uppercase;
}
.text-titlecase {
	text-transform: capitalize;
}
.text-underline {
	text-decoration: underline;
}
.text-strike {
	text-decoration: line-through;
}
.text-inset {
	text-shadow: -1px -1px 1px #333;
}
.text-bold {
	font-weight:bold;
}
.text-regular {
	font-weight:normal;
}
.text-light {
	font-weight:lighter;
}
.text-48 {
	font-size:48pt;
	line-height:normal;
}
.text-36 {
	font-size:36pt;
}
.text-32 {
	font-size:32pt;
}
.text-28 {
	font-size:28pt;
}
.text-21 {
	font-size:21pt;
}
.text-18 {
	font-size:18pt;
}
.text-16 {
	font-size:16pt;
}
.text-14 {
	font-size:14pt;
}
.text-12 {
	font-size:12pt;
}
.text-10 {
	font-size:10pt;
}
.text-8 {
	font-size:8pt;
}
.text-6 {
	font-size:8pt;
}
.text-shadow {
	text-shadow:1px 1px #777;
}

@media screen and (max-width: 768px) {
	.text-tight {
		letter-spacing: -1px;
	}
}

.text-break {
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.text-rotate-45 {
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.truncate-240 {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hr-white {
	width: 100%;
	height: 2px;
	font-size: 0pt;
	background-color: #fff;
}

.hr-black {
	width: 100%;
	height: 2px;
	font-size: 0pt;
	background-color: #000;
}

.hr-brown {
	width: 100%;
	height: 2px;
	font-size: 0pt;
	background-color:rgba(61,57,55,1);
}

.hand {
	cursor:pointer;
}

.square-crop-image {
	position:relative;
	overflow:hidden;
	padding-bottom:100%;
	/* background-color:#333; */
	background-size:cover;
	background-position:center center;
}

.flip-image-x {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.col-sm-1-7 {
	float: left;
	width: 14.285714285714%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width:768px) {
	.bg-header-selector {
		background: url('/img/bg-header-selector.png') no-repeat;
		background-size: auto 240px;
		background-position: center bottom;
	}
	.bg-header-selector .col-xs-1 {
		padding:0px;
	}
	#contentBody:not(.container) {
		padding-left: 0;
		padding-right: 0;
	}
	.body-tabs-outter {
		padding:0px;
	}
}

.btn-link {
	color: #428bca;
	border: none;
	background: none;
}
.dropdown-menu .btn-link {
	/* copied from bootstrap's .dropdown-menu > li > a */
	clear: both;
	color: #333;
	padding: 3px 20px !important;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
}

.btn-choose-tribe {
	margin-bottom:-5px;
}

.btn-bg-orange {
	background: url('/img/btn-bg-orange.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

.btn-bg-red {
	background: url('/img/btn-bg-red.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

.btn-bg-white {
	background: url('/img/btn-bg-white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

.btn-bg-chalk {
	background: url('/img/btn-bg-chalk.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

.btn-bg-wood {
	background:url('/img/bg-wood-texture.jpg');
}

.btn-round {
	padding:5px 20px 5px 20px;
	border-radius:60px;
}

.btn-round.text-hollie {
	padding:5px 20px 0px 20px;
	border-radius:60px;
}

.bg-dark-wood {
	/*background-image: url('/img/bg-main-auction-dark.png');*/
	background-color: #423e3b;
}

.bg-wood-gray {
	background-image:url('/img/bg-wood-gray.png');
}

#btnChooseTribeContainer {
	position:absolute;
	width:100%;
	text-align:center;
}

#btnChooseTribe {
	width:180px;
	height:30px;
	position:relative;
	left:50%;
	margin-left:-90px;
	z-index:20;
}

.hut-tab {
	padding: 12px 10px 8px;
	border-radius: 90px 90px 0px 0px / 10px 10px 0px 0px;
}

.top-tab {
	border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
}

.tribe-dropdown::-webkit-scrollbar{
width:10px;
background-color:#dcdcdc;
}

.tribe-dropdown::-webkit-scrollbar-thumb{
background-color:#3d3937;
border-radius:0px;
}

.tribe-dropdown::-webkit-scrollbar-thumb:hover{
background-color:#3d3937;
border:none;
}

.tribe-dropdown::-webkit-scrollbar-thumb:active{
background-color:#3d3937;
border:none;
}

.nav-link {
	display: inline-block;
	padding: 0 15px 0;
	width: 95px;
}
.nav-link.nav-link-custom {
	width: 125px;
	padding: 20px 5px 5px;
	position: relative;
}

.totalNotificationCount {
	color: white;
	width: 20px;
	height: 20px;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.new-navigation {
	position:relative;
	z-index:100;
	background-image:url('/img/bg-main-nav.png');
	background-size:80% 120%;
	background-position:center;
	background-repeat: no-repeat;
	max-height:160px;
}

.nav-item {
	width:100%;
	position: relative;
	margin-top:10px;
	margin-bottom:5px;
}
.nav-item.filter-shadow {
}
.nav-item.nav-default {
	padding-top:95%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80% 80%;
	border: #ddd solid 1px;
}

.nav-item .totalNotificationCount {
	top: -5px;
	right: -5px;
	position: absolute;
}
.nav-link-custom .totalNotificationCount {
	top: 10px;
	right: 0px;
	position: absolute;
}
.nav-link-custom .btn {
	border: 1px solid #333;
	color: #333;
}
.nav-link-custom .btn:hover,
.nav-link-custom .btn.active {
	border-color: #000;
	color: #000;
	box-shadow: inset 0 3px 5px rgba(0,0,0, 0.125);
}

.nav-item.nav-default:hover,
.nav-item.nav-default.active {
	background-color:#e9a66c;
	border:#e9a66c solid 1px;
}
.nav-item.nav-custom img {
	opacity: 0.8;
}
.nav-item.nav-custom:hover img,
.nav-item.nav-custom.active img {
	opacity: 1;
}



/*
.nav-tribefire { background-image:url('/img/btn-nav-tribefire.png'); margin-top:8px;}
.nav-tribefire:hover, .nav-tribefire.active { background-image:url('/img/btn-nav-tribefire-over.png'); }
.nav-stories { background-image:url('/img/btn-nav-stories.png'); margin-top:10px;}
.nav-stories:hover, .nav-stories.active { background-image:url('/img/btn-nav-stories-over.png'); }
.nav-questions { background-image:url('/img/btn-nav-questions.png'); margin-top:10px;}
.nav-questions:hover, .nav-questions.active { background-image:url('/img/btn-nav-questions-over.png'); }
.nav-news { background-image:url('/img/btn-nav-news.png'); margin-top:0px;}
.nav-news:hover, .nav-news.active { background-image:url('/img/btn-nav-news-over.png'); }
.nav-store { background-image:url('/img/btn-nav-store.png');}
.nav-store:hover, .nav-store.active { background-image:url('/img/btn-nav-store-over.png'); }
.nav-myhut { background-image:url('/img/btn-nav-myhut.png'); margin-top:0px;}
.nav-myhut:hover, .nav-myhut.active { background-image:url('/img/btn-nav-myhut-over.png'); }
.nav-apps { background-image:url('/img/btn-nav-apps.png');}
.nav-apps:hover, .nav-apps.active { background-image:url('/img/btn-nav-apps-over.png'); }
.nav-shops { background-image:url('/img/btn-nav-shops.png'); margin-top:10px;}
.nav-shops:hover, .nav-shops.active { background-image:url('/img/btn-nav-shops-over.png'); }
.nav-events { background-image:url('/img/btn-nav-events.png'); margin-top:10px;}
.nav-events:hover, .nav-events.active { background-image:url('/img/btn-nav-events-over.png'); }
.nav-auction { background-image:url('/img/btn-nav-auction.png'); margin-top:5px;}
.nav-auction:hover, .nav-auction.active { background-image:url('/img/btn-nav-auction-over.png'); }
*/

.nav-tribefire { background-image:url('/img/icon-tribefire.png'); }
.nav-stories { background-image:url('/img/icon-stories.png');}
.nav-news { background-image:url('/img/icon-news.png');}
.nav-myhut { background-image:url('/img/icon-hut.png');}
.nav-events { background-image:url('/img/icon-events.png');}
.nav-auction { background-image:url('/img/icon-auctions.png');}
.nav-directory { background-image:url('/img/icon-directory.png');}



@media screen and (max-width: 992px) {	
	.new-navigation {
		position:relative;
		z-index:100;
		background-image:url('/img/bg-main-nav.png');
		background-size:100% 110%;
		background-position:initial;
		background-repeat: repeat-x;
	}
}

@media screen and (max-width:767px) {
.nav-item,
	.nav-tribefire,
	.nav-stories,
	.nav-questions,
	.nav-store,
	.nav-myhut,
	.nav-auction {
		margin-top:0px;
		margin-bottom:10px;
		background-color:#e0e0e0;
	}
}


.video-block {
	/* margin-top:-15px; */
}

.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.bg-contain {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.bg-board {
	background: url('/img/bg-board.png') no-repeat;
	background-size: 100% auto;
	height: 575px;
}

.shadowed {
	-webkit-filter: drop-shadow(10px 0px 10px rgba(0,0,0,0.3));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='#575757')";
	filter: drop-shadow(10px 0px 10px rgba(0,0,0,0.3));
}

.bg-footer-world {
	width:100%;
}

.bg-footer-wood {
	width:100%;
	background: url('/img/bg-footer-wood.jpg') repeat-y;
	background-size: 100% 100%;
	background-position: center bottom;
}

.footer-links {
	padding:30px;
}


.modal-content {
	/*background: url('/img/bg-main.png');*/
	/*background-size: 100% auto;*/
	background-color: #f8f8f8;
	border: none;
	border-radius: 0px;
}


.modal-header {
	color: #fff;
	min-height:90px;
	/*background-image:url('/img/bg-main-auction-dark.png');*/
	background-color: #1f2626;
/*	background-size: 100% 100%;*/
	border-bottom: none;
}

.modal-header .close {
	color: #fff;
	opacity: 0.8;
	text-shadow: 0 1px 0 #000;
	font-size: 30pt;
}

.modal-icon {
	margin-top:-10px;
}

.modal-body {

}

.modal-footer {
	/*background-image:url('/img/bg-main-auction-dark.png');*/
	background-color: #1f2626;
}


.carousel .carousel-control {
	visibility: hidden;
}


#owl-carousel .item{
	/* padding: 10px 10px; */
	margin: 5px 15px;
	text-align: center;
	float:left;
}

.next , .prev {
	padding-top:30px;
	max-height:90px;
}

@media screen and (max-width:992px) {
	#owl-carousel .item{
		margin: 5px 15px;
		text-align: center;
		float:left;
	}
	.next , .prev {
		padding-top:10px;
		max-height:60px;
		max-width:30px;
	}
}

@media screen and (max-width:767px) {
	#owl-carousel .item{
		margin: 0px;
		text-align: center;
		float:left;
	}
	.next , .prev {
		padding-top:10px;
		max-height:90px;
		max-width:20px;
	}
	.bg-board {
		background: none;
	}
}

.main-title {
	font-family: frikitiki;
	font-size:32pt;
	color:#70400e;
}


#btn-home {
	height:60px;
	cursor: pointer;
	padding-bottom:20%;
}

.btn-image {
	cursor:pointer;
}

@media screen and (max-width:767px) {
	#btn-home {
		height:0px;
		cursor: pointer;
		padding-bottom:0;
	}
}

#about-us, #what-it-is, #join-today, #contact {
	display:none;
}

#home h1 {
	font-family: frikitiki;
	color:#70400e;
	font-weight:bold;
	padding:0px;
	margin:0px;
	cursor: pointer;
}

@media screen and (max-width:767px) {
	.click-here {
		border:2px solid #888;
		padding:10px;
		margin:10px;
		border-radius: 5px;
	}
}

.page {
	padding:20px 15%;
}

@media screen and (max-width:767px) {
	.page {
		padding:20px 10px;
		background-color:#fff;
		border-radius: 10px;
		box-shadow: 0px 3px 3px #777;
	}
}

#join-today .col-sm-6, #contact-us .col-sm-12 {
	margin-bottom:10px;
}

.social-icons img {
	width:60px;
	height:60px;
	margin-top:0px;
}

@media screen and (max-width:767px) {
	.social-icons {
		margin-top:10px;
		padding:0px 10px 20px 10px;
		background-color:#fff;
		border-radius: 10px;
		box-shadow: 0px 3px 3px #777;
	}
	
	.social-icons img {
		width:30px;
		height:30px;
		margin-top:20px;
	}
}


#pageHeader {
	/*background-image: url('/img/bg-header.jpg');*/
	background-color: #1f2626;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#pageHeader .container {
	z-index: 9;
	position: relative;
	padding-bottom: 5px;
}
#pageHeader .home {
	padding-top: 9px;
}
#pageHeader .welcome {
	padding-top: 10px;
}
#pageHeader .welcome .currentTribe {
	padding-top: 10px;
}
#pageHeader .welcome .currentTribe .dropdown-menu>li>a {
	padding-left: 10px;
	padding-right: 10px;
}
#pageHeader .currentTribe .dropdown-menu>li .totalNotificationCount {
	zoom: 0;
	display: inline-block;
	padding-top: 2px;
	margin-left: 2px;
	margin-right: -5px;
	vertical-align: middle;
}
#pageHeader .crab {
	margin-bottom: -40px;
}
#pageHeader .crab img {
	height: 115px;
}
#pageHeader .logout {
	padding-top: 7px;
}
#pageHeader .logout a {
	color: #eee;
	width: 76px;
	height: 39px;
	display: block;
	background: transparent url'/img/btn-login.png') top left no-repeat;
	padding-top: 8px;
	font-weight: bold;
}
#pageHeader .search {
	padding-top: 7px;
}
#pageHeader .search #searchBox {
	color: #fff;
	width: 155px;
	height: 46px;
	border: none;
	padding-left: 55px;
	font-weight: bold;
	background: transparent url'/img/btn-search.png') top right no-repeat;
}

#navigation .background-image {
	margin: -23px -25px -80px;
}
#navigation .background-image img {
	width: 100%;
}
#navigation .col-sm-1-7 {
	height: 70px;
	margin-top: -30px;
	padding-top: 15px;
}
#navigation .col-sm-1-7 img.hover {
	display: none;
}
#navigation .col-sm-1-7 .subNav {
	width: 220px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: -10px;
	padding-top: 10px;
}
#navigation .col-sm-1-7 .subNav .body {
	padding: 0 25px;
	background: url'/img/bg-navigation-menu-body.png') repeat-y;
}
#navigation .col-sm-1-7 .subNav .body .item {
	color: black;
	margin: 5px 0;
	padding: 5px 10px;
	display: block;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.5);
}
#navigation .col-sm-1-7 .subNav .body .item.first {
	margin-top: 0;
}
#navigation .col-sm-1-7 .subNav .body .item.last {
	margin-bottom: 0;
}
#navigation .col-sm-1-7:hover img.fixed,
#navigation .col-sm-1-7.active img.fixed {
	display: none;
}
#navigation .col-sm-1-7:hover img.hover,
#navigation .col-sm-1-7.active img.hover {
	display: inline;
}
#navigation .col-sm-1-7:hover .subNav {
	display: block;
}

#pageFooter {
	background-image: url('/img/bg-footer.jpg');
	background-position: top;
	background-repeat:repeat-x;
	background-size:125% 100%;
	/* min-height: 100px; */
}

@media screen and (max-width:767px) {
	#pageFooter {
		background-image: url('/img/bg-footer.jpg');
		background-position: top;
		background-repeat:repeat-x;
		background-size:auto 100%;
		/* min-height: 100px; */
	}
}

#contentBody {
	/*padding-top: 25px;
	 background-image: url('/img/bg-gray-pattern.jpg'); */
}
/*
html.login #contentBody {
	background-image: url('/img/bg-clouds.jpg');
}
*/
#tikiWorld img {
	width: 100%;
	/*margin-top: -50px;*/
}

/* Bootstrap Over rides */
.glyphicon.icon-flipped {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.navbar-default .navbar-brand {
	color: #777;
}

.navbar-header {
	background-image:url('/img/bg-wood-red.jpg');
	/* background-size:cover;
	margin-top:-5px;	 */
}

.navbar {
	border: none;
	min-height:0px;
	margin-bottom:0px;
}
	
.navbar-default .navbar-toggle .icon-bar {
	background:rgba(255,255,255,0.5);
}

.navbar-brand {
	float: left;
	height: 30px;
	padding: 0px 15px;
	font-size: 0px;
	line-height: 0px;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 3px 10px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-toggle .icon-bar {
	width: 30px;
	height: 5px;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}

.nav-pills>li>a {
	border-radius:60px;
	color:#fff;
	/*background-image: url('/img/bg-main-auction-dark.png');*/
	background-color: #1f2626;
}
.nav-pills>li>a:hover {
	background-color: #323d3d;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	border-radius:60px;
	color: #fff;
	background-image:none;
	background-color:#e9a66c;
}

.nav-stacked>li+li {
	margin-top: 10px;
	margin-left: 0;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #333;
}

/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
.btn.jumbo {
	font-size: 20px;
	font-weight: normal;
	padding: 14px 24px;
	margin-right: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/*
#demo-nav {
	background: url('images/dark-bg.png');
	min-height: 40px;
}
*/

#demo-nav a {
	/*color: #aaa;*/
	font-weight: bold;

	font-size: 12px;

	padding: 10px 15px;
}

#demo-nav a.home {
	color: #FFBF00;
	font-size: 16px;
	padding-left: 0px;
}

.demo-wrapper {
	margin-top:40px;
}

.demo-columns {
	margin-top: 35px;
	margin-bottom: 15px
}

.demo-note{
	color:gray;
	font-style: italic;
}

.demo-footer {
	padding-top: 19px;
	color: #777;
	border-top: 1px solid #e5e5e5;
}

/* Debug console */
.demo-panel-debug {
	min-height: 90px;
	max-height: 90px;
	overflow: auto;
	cursor: default;
}

.demo-panel-debug ul {
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}

.demo-panel-debug ul li,
.demo-panel-debug ul li.demo-default {
	color: gray;
}

.demo-panel-debug ul li.demo-error {
	color: #990000;
}

.demo-panel-debug ul li.demo-success {
	color: #009900;
}

.demo-panel-debug ul li.demo-info {
	color: #000099;
}

/* D&D Demo */
.demo-panel-files {
	max-height: 290px;
	min-height: 290px;
	overflow: auto;
	cursor: default;
}

.demo-file-id {
	font-weight: bold;
}

.demo-file-size{
	font-style: italic;
	color: gray;
	font-size: 90%;
}

.demo-file-status,
.demo-file-status-default{
	color: gray;
}

.demo-file-status-error{
	color: #990000;
}

.demo-file-status-success{
	color: #009900;
}

.demo-image-preview {
	float:left;
	margin-right: 10px;
	margin-top: 4px;
	height: 56px;
	width: 56px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.uploader {
	border: 2px dotted #A5A5C7;
	width: 100%;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0px;
	margin-bottom: 10px;
	font-size: 200%;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.uploader div.or {
	font-size: 50%;
	font-weight: bold;
	color: #C0C0C0;
	padding: 10px;
}
.uploader div.browser label {
	background-color: #5a7bc2;
	padding: 5px 15px;
	color: white;
	padding: 6px 0px;
	font-size: 40%;
	font-weight: bold;
	cursor: pointer;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	display: block;
	width: 300px;
	margin: 20px auto 0px auto;

	box-shadow: 2px 2px 2px #888888;
}
.uploader div.browser span {
	cursor: pointer;
}
.uploader div.browser input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: .0;
	filter: alpha(opacity= 0);
	-o-transform: translate(250px,-50px) scale(1);
	-moz-transform: translate(-300px,0) scale(4);
	direction: ltr;
	cursor: pointer;
}
.uploader div.browser label:hover {
	background-color: #427fed;
}

.AcknowledgeOuterDiv {
	/* float: left; */
	width: 100%;
	height: 200px;
	overflow: auto;
	background-color: #fff;
	padding:15px;
	padding-top:0px;
}
.AcknowledgeInnerDiv {
	/* float: left; */
}

.chevron .glyphicon-chevron-right {
	display: none;
}
.chevron.collapsed .glyphicon-chevron-down {
	display: none;
}
.chevron.collapsed .glyphicon-chevron-right {
	display: inline-block;
}
.analytics .c1 {
	background-color: rgba(255,0,0, 0.15);
}
.analytics .c2 {
	background-color: rgba(0,255,0, 0.15);
}
.analytics .c3 {
	border-right: 1px solid #aaa;
	background-color: rgba(0,0,255, 0.1);
}


/*  NEW HOME PAGE / TRIBE PAGE CSS */
#bg-body {
	position:relative;
}

.bg-brown-transparent {
	background:rgba(61,57,55,0.85);
}

.bg-brown {
	background: #1f2626;
}

.tribe-link {
	margin-bottom:20px;
}

.round-sides {
	border-top-left-radius: 50% 100%;
	border-top-right-radius: 50% 100%;
	border-bottom-right-radius: 50% 100%;
	border-bottom-left-radius: 50% 100%;
}

.rounded-top {
	border-top-left-radius: 50%30px;
	border-top-right-radius: 50%30px;
}

.rounded-bottom {
	border-bottom-left-radius: 50%100%;
	border-bottom-right-radius: 50%100%;
}

.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	font-size: 20px;
}

.strike > span {
	position: relative;
	display: inline-block;
	line-height:normal;
}

.strike > span:before,
.strike > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	border-top: 2px solid #333;
}

.strike > span:before {
	right: 100%;
	margin-right: 15px;
}

.strike > span:after {
	left: 100%;
	margin-left: 15px;
}

.footer-icon {
	margin-right:15px;
}

.footer-icon img {
	width:30px;
	height:30px;
}

.footer-icon:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}