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


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

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right	{
	margin-left:	-10px!important;
}

body	{
	background:	 #000000;
	font-family: helvetica;
	font-size:	16px;
}

p	{
	text-align:	justify;
	}

.navbar-default .navbar-toggle {
	margin:	25px 15px;
	border:	2px solid #7a2a35;
}

.navbar-default .navbar-toggle:hover {
	background:	#a99e71;
}

.navbar-default .navbar-toggle span {
	background:	#7a2a35!important;
}

.navbar	{
	border-top:	6px solid #7a2a35;
	background:	#a99e71;
	border-bottom:	6px solid #7a2a35;
	font-size:	.9em;
	height:	100px;
	box-shadow:	0px 0px 10px black;
}

.navbar	{
	z-index:	100000;
}

.navbar .navbar-brand	{
	color:	#932F2D;
	font-size:	3em;
	line-height:	88px;
	padding:	0px 20px;
	font-family: 'tattoo_inkregular';
}

.phoneCall	{
	position:	absolute;
	left:	100px;
	top:	100px;
	padding:	10px;
	background:	#7a2a35;
	text-align:	center;
	z-index:	10000000;
	box-shadow:	0px 3px 3px rgba(0,0,0,.5);

	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.phoneCall a	{
	color:	white;
}

@media (max-width: 992px) {
	.navbar .navbar-brand	{
		font-size:	1.5em!important;
		padding:	0px 10px!important;
	}
}

@media (max-width: 767px) {
	.navbar .nav	{
	background:	rgba(255,255,255,.95);
	margin:	5px auto;
	border-bottom:	6px solid #7a2a35;
	border-right:	1px solid #7a2a35;
	border-left:	1px solid #7a2a35;
	}

	.phoneCall	{
		position:	absolute;
		left:	20px;
		top:	100px;
		padding:	10px;
		background:	#7a2a35;
		text-align:	center;
		z-index:	1000;
		font-size:	.9em;
		box-shadow:	0px 0px 7px black;
	}

}



.headerHut	{
	display:	none;
	position:	relative;
	z-index:	100000;
	width:	140px;
	margin:	auto;
	margin-top:	-100px;
	background:	none!;
	padding:	3.5px;
	padding-bottom:4px;
	border-radius:	200px;
	margin-bottom:	30px;
}

.headerHut img	{
	width:	131.5px;
	height:	131.5px;
	box-shadow:	#000000;
	border-radius:	1000px;
}


@media (min-width: 992px) {
	.headerHut	{
		display:	block;
	}
	.navbar .nav li a	{
		padding:	0px 12px;
	}
}

.navbar .navbar-brand:hover	{
	background:	white;
	color:	#222;
	}

.navbar .nav li a	{
	color:	#932F2D;
	font-weight:	 bold;
	font-size:	1.2em;
	line-height:	86px;
	padding:	0px 12px;
	padding-top:	2px;
}

.navbar .nav li a:hover	{
	background:	white;
}

.navbar .nav li.active a:hover	{
	background:	white;
	color:	#c41a26;
}

@media (max-width: 1199px) {

	.navbar .nav li a	{
		padding:	0px 9px;
	}
}



.foot	{
	border-top:	6px solid #7a2a35;
	margin-top:	40px;
	margin-bottom:	20px;
}

.foot h5	{
	color:	#7a2a35;
	font-weight:	bold;
	font-size:	1.2em;
	text-align:	center;
}

.bold	{
	font-weight:	bold;
}

h2	{
	font-family: 'Merriweather', serif;
	font-weight:	bold;
	font-style:	italic;
}

h3	{
	font-family: 'Merriweather', serif;
	font-weight:	bold;
	font-style:	italic;
}



/***********************/
/***** INDEX PAGE ******/
/***********************/






			/******* CAROUSEL *******/


		#myCarousel	{

				box-shadow:	0px 1px 4px rgba(0,0,0,.7);
				height:	300px;
				width:	100%;
				border-bottom:	1px solid rgba(0,0,0,.1);
				position:	absolute;
				top:	100px;
				z-index:	101;
			}

			

			

			

			.carousel-inner	{

				height:	100%;

				width:	100%;

			}

			

			.carousel-inner > .item	{

				min-height:	100%;

				background-size:	cover;

				box-shadow:	0px 1px 10px 2px rgba(0,0,0,.7);

			}

			

			

			.carousel-inner > .item > img	{

				display:	none;

				height:	auto;

				min-width:	auto;

				margin:	auto;

			}

			

			.carousel-inner > .item h1	{

				color:	white;

				font-size:	3.3em;

				text-shadow:	none;

			}

			

			.carousel-inner > .item p	{

				color:	#236a89;

				text-shadow:	none;

				font-weight:	bold;

				padding:	5px 15px;

				margin-bottom:	0px;

				margin:	5px;

			}

			

			.carousel-inner > .item p span	{

				font-style:	italic;

				font-weight:	normal;

				display:	block;

				padding:	10px 0px 0px 0px;

				color:	#444;

			}

			

			
			.carousel-indicators	{

				padding-bottom:	35px;

			}
			

			.carousel-indicators li	{

				box-shadow:	0px 1px 7px 1px rgba(0,0,0,.7);

				background:	#932F2D;

			}

			

			.carousel-indicators li.active	{

				background:	#7a2a35;

			}


			
			.indexHero	{
			margin-top:	20px;
			}
			
			#indexContentContain	{
			border-top:	6px solid #7a2a35;
			position:	absolute;
			width:	100%;
			top:	400px;
			overflow:	visible;
			z-index:	1000;
			background:	#a99e71;
			box-shadow:	0px 0px 10px black;
			}
			
			.infoPages	{
			padding-left:10%;
			padding-right:10%;
					
			}
			
			.narrow		{
			padding-left:	15%	;
			paddingright:	10%	;
			}
			
			#join		{
			width:		75%	;
			margin-left:	auto	;
			margin-right:	auto	;
			padding-top:	20px	!important;
			}
			
			.importantParagraph	{
			font-size:	115% !important;
			}
			
			@media (max-width: 767px) {
				#slideContain	{
				position:	absolute;
				left:	0px;
				right:	0px;
				top:	100px;
				bottom:	0px;
				}
				.navbar .nav li a	{
					line-height:	60px;
				}
			}
			
			
			
			@media (max-width: 550px) {
			#indexContentContain	{
			top:	300px;
			}
			}
			
			
			
			.slideOverlay	{
			width:	90px;
			height:	auto;
			}
			
			@media (min-width: 992px) {
			
			#indexContentContain	{
			top:	500px;
			}

			.slideOverlay.bottom{
			top:	440px;
			}

			.artistDeco{
				width:	60px!important;
			}
			

			#myCarousel	{
				height:	400px!important;
			}
			}

			.slideOverlay	{
				z-index:	105;
			}
			
			.slideOverlay.bottom{
			position:	absolute;
			top:	446px;
			display:	block;
			}
			
			.slideOverlay.top{
			position:	absolute;
			top:	100px;
			display:	block;
			}
			
			.slideOverlay.right{
			position:	absolute;
			right:	0px;
			display:	block;
			}

			.slideOverlay.left{
			position:	absolute;
			left:	0px;
			display:	block;
			}

			#bluBanner	{
				margin:auto; margin-top:-75px!important; width:auto!important; position:relative!important; display:block!important; height:150px!important;
				
			}
			
			

			@media (max-width: 850px) {
			body #indexContentContain #bluBanner	{
				width:	90%!important;
				height:	auto!important;
				margin-top:-50px!important;
			}
				.introSections div	{
					width:	50%;
					float:	left;
				}

				.introSections2>div	{
					width:	33.3%;
					float:	left;
				}
			}

			@media (max-width: 991px) {
			

			.slideOverlay.bottom{
			top:	358px;
			}

			.slideOverlay	{
			width:	70px;
			height:	auto;
			}

			
			}


			@media (max-width: 550px) {
			
			.slideOverlay.bottom{
			top:	258px;
			}
			body #myCarousel	{
				height:	200px;
			}
			html body #indexContentContain #bluBanner	{
				margin-top:-30px!important;
			}

			.introSections2>div	{
					width:	50%;
					float:	left;
				}
				.fullSectionHeader	{
					font-size:	1.5em!important;
				}
				
				.mappy{
					height:	300px!important;
				}

				.carousel-indicators	{

				padding-bottom:	0px;

			}

			.artistDeco{
				display:	none;
			}

			}

			@media (max-width: 450px) {
			body #indexContentContain #bluBanner	{
				width:	90%!important;
				height:	auto!important;
				margin-top:-50px!important;
			}
				.introSections div	{
					width:	100%;
				}
				.introSections2 h3	{
				font-size:	1em!important;
			}

			
			

			}



			
			.deliveryChoice	{
				padding-top:	40px;
				padding-bottom:	40px;
				background:	#3aa37e;
				text-align:	center;
				margin-bottom:	20px;
				border-radius:	5px;
				box-shadow:	0px 2px 8px rgba(0,0,0,.6);
				border-top:	1px solid rgba(255,255,255,.2);
				border-bottom:	1px solid rgba(0,0,0,.2);
				text-decoration:	none;
				color:	#222;
			}
			
			.deliveryChoice:hover	{
				margin-top:	3px;
				box-shadow:	none;
				margin-bottom:	17px;
			}
			
			.deliveryChoice	h4	{
				font-weight:	bold;
			}

			.introSections h3	{
				color:	#932F2D;
				text-align:	center;
				font-family: 'tattoo_inkregular';
				font-style:	normal!important;
			}
			.introSections p	{
				color:	white;
				font-size:	.8em;
			}

			.introSections2	{
				margin-top:	50px;
				padding-bottom:	20px;
			}

			.introSections2 h3	{
				color:	#222;
				text-align:	center;
			}

			.profilePic img	{
				width:	100%;
				border-top:	1px solid rgba(255,255,255,.3);
				border-bottom:	1px solid rgba(0,0,0,.5);
				max-width:	200px;
				margin:	5px auto!important;
				display:	block;

			}

			.profilePic	{
				width:	90%;
				margin:	auto!important;


			}

			.fullSectionHeader	{
				text-align:	center;
				font-family: 'tattoo_inkregular';
				color:	#222;
				font-size:	2em;
				padding-top:	10px;
				padding-bottom:	10px;
				border-bottom:	2px solid #222;
				margin-bottom:	20px;
			}

			.redHeader	{
				color:	#932F2D!important;
				border-color:	#932F2D!important;
			}