/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}
html, body {height:100%;}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#824e32;
	min-width:781px;
	background:url(../img/main-bg.jpg) center top no-repeat #1e0d08;
	font-size:17px;
	line-height:26px;
	background-size:153%;
}/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}
html, body {height:100%;}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#824e32;
	min-width:781px;
	background:url(../img/main-bg.jpg) center top no-repeat #1e0d08;
	font-size:17px;
	line-height:26px;
	background-size:153%;
}
.left { float:left; }
.cursor { cursor:pointer;}
.main {
	width:1100px;
	padding:0;
	margin:0 auto;
	position:relative;
}
.inner_con {
	color:#dcdcdc;
	font-size:14px;
	width:500px;
}
.inner_scroll{
	color:#dcdcdc;
	font-size:14px;
	width:500px;
	height:350px;
}
table td {
	padding-right:30px;
}
.pic-banner img {
	width:24% !important;
	height:auto;
}
a {color:#dcdcdc; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.link {text-decoration:underline;}
.link2:hover {text-decoration:underline;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:0;}

.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.img-indent-l {float:left; margin:0px 18px 0px 0px;}

/*********************************boxes**********************************/
.indent {padding:29px 29px 0;}
.indent1 {padding:29px 26px 0 29px;}
.indent2 {padding:29px 0px 0 29px;}
#page6 .indent1 {padding:29px 0 0 29px;}
.indent-left {padding-left:0;}

.indent-bottom {padding-bottom:22px;}
.indent-bottom1 {padding-bottom:12px;}
.indent-bottom2 {padding-bottom:19px;}
.indent-bottom3 {padding-bottom:15px;}

.indent-right {padding-right:13px; color:#dcdcdc; font-size:12px;}

.indent-right a { color:#dcdcdc; font-size:13px; }

.indent-right a:hover { color:#fff; font-size:13px; }

.indent-top {padding-top:3px;}

.margin-top { margin-top:0;}

.margin-bot {margin-bottom:17px;}
.margin-bot1 {margin-bottom:19px;}
.margin-bot2 {margin-bottom:11px;}
.margin-bot3 {margin-bottom:21px;}
.margin-bot4 {margin-bottom:7px;}
.margin-bot5 {margin-bottom:6px;}
.margin-bot6 {margin-bottom:12px;}
.margin-bot7 {margin-bottom:33px;}
.margin-bot8 {margin-bottom:16px;}
.margin-bot9 {margin-bottom:14px;}
.margin-bot10 {margin-bottom:45px;}
.margin-bot11 {margin-bottom:30px;}

.margin-left {margin-left:0;}

.margin-right {margin-right:20px;}



/*********************************header*************************************/
header {
	width:100%;
	height:108px;
}

h1 {
	padding:60px 0 32px 151px;
}
h2 {
	font-size:30px;
	margin-bottom:15px;
}
h1 a {
		display:block;
		text-indent:-9999px;
		background:url(../img/logo.png) no-repeat 0 0;
		width:168px;
		height:39px;
}
.inner {
	padding:35px;
}
.inner_scroll {
	height:200px;
}
.sexy-hair {
	color: #FFFFFF;
    font: 40px/1.2em Arial,Helvetica,sans-serif;
    padding-top: 65px;
    text-decoration: none;
}
.contact_box li img {
	float:left;
	padding-right:7px;
	padding-top:2px;
}
.contact_box li  {
	clear:both;
	margin-bottom:11px;
	color:#dcdcdc;
}

.contact_box li  a:hover {
	color:#FFF;
}
.inner_left {
	color:#dcdcdc;
	float: left;
    width: 50%;
}
.inner_right {
	float:right;
}
.jspContainer {
	width:100% !important;
}
/***** menu *****/
.menu {
	padding:0;
	z-index:20;
	width:100%;
	padding-top:192px;
	padding-bottom:140px;
	font-family:Arial, Helvetica, sans-serif;
}
.menu li {
	position:relative;
	width:100%;
	margin-top:3px;
	text-align:right;
}
.menu li:first-child {
	margin-top:0;
}
.menu li a {
	display:block;
	font-size:25px;
	line-height:30px;
	color:#c7343b;
	z-index:20;
	background:url(../img/menu.gif) -999px top repeat-y;
	padding:0 32px 3px 0;
}
.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
background-position:left top;
background:none repeat scroll 0 0 #23060A;
}

.menu ul {
	z-index:999;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:		absolute;
	top:			999em;
	width:			130px;
	background:#510e01;
	border:			none;

}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {
	margin:0;
	border:none;
	text-align:left;
	margin-top:3px;
}
.menu li li:first-child {
	margin:0;
}
.menu li li a {
	text-transform:uppercase;
	display:		block;
	padding:		5px 0 2px 10px;
	font-size:		9px;
	line-height:	12px;
}
.menu li li > a:hover,
.menu li li.sfHover > a {
	background-position:0 0;
}

.menu li:hover ul, .menu li.sfHover ul {
	left:			140px;
	top:			0px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			130px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************content*************************************/
#content {
	/*background: url("../img/bg-1.png") no-repeat scroll center 0 transparent;*/
    overflow: visible;
    padding: 20px 0 0;
    width: 100%;
}
.standardtext {
	color:#FFF;
	font-size:17px;
	line-height:26px;
}
#page1 .b_radius img {
	border-radius:0 21px 21px 0;
	-moz-border-radius:0 21px 21px 0;
	-webkit-border-radius:0 21px 21px 0;
}
.b_radius {
	border-radius:0 21px 21px 0;
	-moz-border-radius:0 21px 21px 0;
	-webkit-border-radius:0 21px 21px 0;
}
.col-1 {
	float:left;
	width:200px;
	height:670px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#721a23+1,450f15+51,25070a+100 */
	background: #721a23; /* Old browsers */
	background: -moz-linear-gradient(top, #721a23 1%, #450f15 51%, #25070a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #721a23 1%,#450f15 51%,#25070a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #721a23 1%,#450f15 51%,#25070a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721a23', endColorstr='#25070a',GradientType=0 ); /* IE6-9 */
	border-radius:40px 0 0 40px;
}
.col-2 {
	float:left;
	width:900px;
	height:670px;
	overflow:hidden;
	background:#1f0709;
	border-radius:0 40px 40px 0;
	box-shadow:0px 0px 23px #000;
}
#slideshow img {
	width:900px !important;
	height:670px !important;
}
/*
.col-3 {
	float:left;
	width:359px;
	overflow:hidden;
	height:440px;
}
.col-4 {
	float:left;
	width:282px;
	height:440px;
	overflow:hidden;
}
.col-5 {
	float:left;
	width:182px;
}
.col-6 {
	width:500px;
}*/
/*********************************bg's*************************************/
.bg-1 {background:url(../img/bg-2.jpg) left top repeat;}
.bg-2 {background:url(../img/bg-3.jpg) left top repeat;}

.border-1 {border-bottom:1px solid #39260f;}
/*********************************buttons*************************************/
.button-1 {
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	font-size:18px;
	line-height:22px;
}
.button-1:hover {
	text-decoration:underline;
}
/*********************************lists*************************************/
.dl-1 dt {
	color:#714e3f;
	margin-bottom:18px;
}
.dl-1 dd {
	color:#714e3f;
	overflow:hidden;
}
.dl-1 dd span {
	display:block;
	float:left;
	width:75px;
}
/*********************************fonts*************************************/
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:29px;
	display:block;
	font-weight:normal;
}
.font-1 {font-family:Arial, Helvetica, sans-serif;}
.size-1 {font-size:18px;line-height:22px;}
.size-2 {font-size:14px;line-height:20px;}

.lh-1 {line-height:20px;}

.color-1 {color:#d36416;}
.color-2 {color:#b74827 !important;}
.color-3 {color:#9f3e22;}
.color-4 {color:#592f19;}
.color-5 {color:#714e3f;}
.color-6 {color:#712f1c;}

.col-2 {
	font-family:"Lato", sans-serif;
}
#gallery {
	z-index:1;
	position:relative;
}
.slideshow-container{
	height:100%;
	overflow:hidden;
	position:relative;
	width:900px;
	z-index:1;
}
span.image-wrapper {
	display: block;
	height:100%;
	left: 0;
	position: absolute;
	top: 0;
	width:900px;
	padding:0;
	margin:0;
}
a.advance-link{
	display: block;
	height:100%;
	width:900px;
	margin: 0;
	padding: 0;
	text-decoration:none;
	line-height:0;
	font-size:0px;
}
.slideshow-container img {
	width:100%;
	height:auto;
}
#controls .prev,
#controls .next {
	position:absolute;
	top:50%;
	height:50px;
	width:50px;
	margin-top:-25px;
	background:rgba(0,0,0,0.3);
	border:0;
	font-size:0px;
	z-index:10;

}
#controls .next {
	right:0;
}
#controls .next:after {
	content:"\f054";
	display:block;
	font-family:FontAwesome;
	font-size:30px;
	color:#FFF;
	font-style:normal;
	margin-top: -15px;
	margin-left: 10px;
}
#controls .prev:after {
	content:"\f053";
	display:block;
	font-family:FontAwesome;
	font-size:30px;
	color:#FFF;
	font-style:normal;
	margin-top: -15px;
margin-left: 10px;
}
#thumbs {
	visibility:hidden;
}
/***********************scroll-pane***************************/
.scroll-pane {
	height:335px;
	overflow:hidden;
}
#page6 .scroll-pane {
	height:380px;
}
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	width:100% !important;
}

.jspVerticalBar
{
	position: absolute;
	top:0px;
	right:29px;
	width:15px;
	height:355px;
	background:none;
	background:#4d0c00;
}
#page6 .jspVerticalBar {
	height:380px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding:0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
	height:355px !important;
}
.jspDrag
{
	background:#c75633;
	width:15px;
	position: relative;
	top: 0;
	left:0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#form1 fieldset {
		border:none;
		padding:0;
		}
			#form1 label {
				display:block;
				min-height:50px;
			}
			#form1 label.message {
				height:0px;
			}
			.inp {
				display:block;
				width:0px;
				height:0px;
				padding:0 10px;
				background:url(..img/input.png) left top no-repeat;
				overflow:hidden;
				position:relative;
			}
			#form1 input {
				width:0px;
				padding:5px 0 5px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000;
				border:none;
				background:#fff;
				outline:none;
			}
			#form1 .area .error { float:none;}
			.text_a {
				position:relative;
				overflow:hidden;
				display:block;
				width:0px;
				height:0px;
				padding:0 10px;
				background:url(..img/text_a.png) left top no-repeat;
			}
			#form1 textarea {
				height:0px;
				margin:0;
				width:0px;
				padding:5px 0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000;
				border:none;
				background:#fff;
				overflow:auto;
				outline:none;
			}
			#form1 a {cursor:pointer;}
				#form1 .success {display:none; margin-bottom:20px;}
				#form1 .error,
				#form1 .empty {
					position:absolute;
					left:0;
					top:0;
					color:#f00;
					font-size:11px;
					line-height:16px;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper {text-align:left; padding-top:15px; position:relative;}
		.buttons-wrapper a { margin-right:0px;}
.map {
	width:301px;
	height:335px;
}
/****************************footer************************/
footer {
	color:#b76e17;
	width:100%;
	text-transform:uppercase;
	font-size:10px;
	line-height:12px;
	padding:40px 0 15px;
	overflow:visible;
	font-family:Tahoma, Geneva, sans-serif;
}
footer a {
	color:#b76e17;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.cookieinfo {
	background: rgb(50, 10, 15) none repeat scroll 0% 0% !important;
	color: rgb(191, 51, 57) !important;
}
.cookieinfo a {
	color: #fff !important;
}
.cookieinfo-close {
	color: rgb(191, 51, 57) !important;
	background: #FFF none repeat scroll 0% 0% !important;
}
#page-7 .standardtext {
	height:600px !important;
}

.left { float:left; }
.cursor { cursor:pointer;}
.main {
	width:1100px;
	padding:0;
	margin:0 auto;
	position:relative;
}
.inner_con {
	color:#dcdcdc;
	font-size:14px;
	width:500px;
}
.inner_scroll{
	color:#dcdcdc;
	font-size:14px;
	width:500px;
	height:350px;
}
table td {
	padding-right:30px;
}
.pic-banner img {
	width:24% !important;
	height:auto;
}
a {color:#dcdcdc; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.link {text-decoration:underline;}
.link2:hover {text-decoration:underline;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:0;}

.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.img-indent-l {float:left; margin:0px 18px 0px 0px;}

/*********************************boxes**********************************/
.indent {padding:29px 29px 0;}
.indent1 {padding:29px 26px 0 29px;}
.indent2 {padding:29px 0px 0 29px;}
#page6 .indent1 {padding:29px 0 0 29px;}
.indent-left {padding-left:0;}

.indent-bottom {padding-bottom:22px;}
.indent-bottom1 {padding-bottom:12px;}
.indent-bottom2 {padding-bottom:19px;}
.indent-bottom3 {padding-bottom:15px;}

.indent-right {padding-right:13px; color:#dcdcdc; font-size:12px;}

.indent-right a { color:#dcdcdc; font-size:13px; }

.indent-right a:hover { color:#fff; font-size:13px; }

.indent-top {padding-top:3px;}

.margin-top { margin-top:0;}

.margin-bot {margin-bottom:17px;}
.margin-bot1 {margin-bottom:19px;}
.margin-bot2 {margin-bottom:11px;}
.margin-bot3 {margin-bottom:21px;}
.margin-bot4 {margin-bottom:7px;}
.margin-bot5 {margin-bottom:6px;}
.margin-bot6 {margin-bottom:12px;}
.margin-bot7 {margin-bottom:33px;}
.margin-bot8 {margin-bottom:16px;}
.margin-bot9 {margin-bottom:14px;}
.margin-bot10 {margin-bottom:45px;}
.margin-bot11 {margin-bottom:30px;}

.margin-left {margin-left:0;}

.margin-right {margin-right:20px;}



/*********************************header*************************************/
header {
	width:100%;
	height:108px;
}

h1 {
	padding:60px 0 32px 151px;
}
h2 {
	font-size:30px;
	margin-bottom:15px;
}
h1 a {
		display:block;
		text-indent:-9999px;
		background:url(../img/logo.png) no-repeat 0 0;
		width:168px;
		height:39px;
}
.inner {
	padding:35px;
}
.inner_scroll {
	height:200px;
}
.sexy-hair {
	color: #FFFFFF;
    font: 40px/1.2em Arial,Helvetica,sans-serif;
    padding-top: 65px;
    text-decoration: none;
}
.contact_box li img {
	float:left;
	padding-right:7px;
	padding-top:2px;
}
.contact_box li  {
	clear:both;
	margin-bottom:11px;
	color:#dcdcdc;
}

.contact_box li  a:hover {
	color:#FFF;
}
.inner_left {
	color:#dcdcdc;
	float: left;
    width: 50%;
}
.inner_right {
	float:right;
}
.jspContainer {
	width:100% !important;
}
/***** menu *****/
.menu {
	padding:0;
	z-index:20;
	width:100%;
	padding-top:192px;
	padding-bottom:140px;
	font-family:Arial, Helvetica, sans-serif;
}
.menu li {
	position:relative;
	width:100%;
	margin-top:3px;
	text-align:right;
}
.menu li:first-child {
	margin-top:0;
}
.menu li a {
	display:block;
	font-size:25px;
	line-height:30px;
	color:#c7343b;
	z-index:20;
	background:url(../img/menu.gif) -999px top repeat-y;
	padding:0 32px 3px 0;
}
.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
background-position:left top;
background:none repeat scroll 0 0 #23060A;
}

.menu ul {
	z-index:999;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:		absolute;
	top:			999em;
	width:			130px;
	background:#510e01;
	border:			none;

}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {
	margin:0;
	border:none;
	text-align:left;
	margin-top:3px;
}
.menu li li:first-child {
	margin:0;
}
.menu li li a {
	text-transform:uppercase;
	display:		block;
	padding:		5px 0 2px 10px;
	font-size:		9px;
	line-height:	12px;
}
.menu li li > a:hover,
.menu li li.sfHover > a {
	background-position:0 0;
}

.menu li:hover ul, .menu li.sfHover ul {
	left:			140px;
	top:			0px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			130px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************content*************************************/
#content {
	/*background: url("../img/bg-1.png") no-repeat scroll center 0 transparent;*/
    overflow: visible;
    padding: 20px 0 0;
    width: 100%;
}
.standardtext {
	color:#FFF;
	font-size:17px;
	line-height:26px;
}
#page1 .b_radius img {
	border-radius:0 21px 21px 0;
	-moz-border-radius:0 21px 21px 0;
	-webkit-border-radius:0 21px 21px 0;
}
.b_radius {
	border-radius:0 21px 21px 0;
	-moz-border-radius:0 21px 21px 0;
	-webkit-border-radius:0 21px 21px 0;
}
.col-1 {
	float:left;
	width:200px;
	height:670px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#721a23+1,450f15+51,25070a+100 */
	background: #721a23; /* Old browsers */
	background: -moz-linear-gradient(top, #721a23 1%, #450f15 51%, #25070a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #721a23 1%,#450f15 51%,#25070a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #721a23 1%,#450f15 51%,#25070a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721a23', endColorstr='#25070a',GradientType=0 ); /* IE6-9 */
	border-radius:40px 0 0 40px;
}
.col-2 {
	float:left;
	width:900px;
	height:670px;
	overflow:hidden;
	background:#1f0709;
	border-radius:0 40px 40px 0;
	box-shadow:0px 0px 23px #000;
}
#slideshow img {
	width:900px !important;
	height:670px !important;
}
/*
.col-3 {
	float:left;
	width:359px;
	overflow:hidden;
	height:440px;
}
.col-4 {
	float:left;
	width:282px;
	height:440px;
	overflow:hidden;
}
.col-5 {
	float:left;
	width:182px;
}
.col-6 {
	width:500px;
}*/
/*********************************bg's*************************************/
.bg-1 {background:url(../img/bg-2.jpg) left top repeat;}
.bg-2 {background:url(../img/bg-3.jpg) left top repeat;}

.border-1 {border-bottom:1px solid #39260f;}
/*********************************buttons*************************************/
.button-1 {
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	font-size:18px;
	line-height:22px;
}
.button-1:hover {
	text-decoration:underline;
}
/*********************************lists*************************************/
.dl-1 dt {
	color:#714e3f;
	margin-bottom:18px;
}
.dl-1 dd {
	color:#714e3f;
	overflow:hidden;
}
.dl-1 dd span {
	display:block;
	float:left;
	width:75px;
}
/*********************************fonts*************************************/
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:29px;
	display:block;
	font-weight:normal;
}
.font-1 {font-family:Arial, Helvetica, sans-serif;}
.size-1 {font-size:18px;line-height:22px;}
.size-2 {font-size:14px;line-height:20px;}

.lh-1 {line-height:20px;}

.color-1 {color:#d36416;}
.color-2 {color:#b74827 !important;}
.color-3 {color:#9f3e22;}
.color-4 {color:#592f19;}
.color-5 {color:#714e3f;}
.color-6 {color:#712f1c;}

.col-2 {
	font-family:"Lato", sans-serif;
}
#gallery {
	z-index:1;
	position:relative;
}
.slideshow-container{
	height:100%;
	overflow:hidden;
	position:relative;
	width:900px;
	z-index:1;
}
span.image-wrapper {
	display: block;
	height:100%;
	left: 0;
	position: absolute;
	top: 0;
	width:900px;
	padding:0;
	margin:0;
}
a.advance-link{
	display: block;
	height:100%;
	width:900px;
	margin: 0;
	padding: 0;
	text-decoration:none;
	line-height:0;
	font-size:0px;
}
.slideshow-container img {
	width:100%;
	height:auto;
}
#controls .prev,
#controls .next {
	position:absolute;
	top:50%;
	height:50px;
	width:50px;
	margin-top:-25px;
	background:rgba(0,0,0,0.3);
	border:0;
	font-size:0px;
	z-index:10;

}
#controls .next {
	right:0;
}
#controls .next:after {
	content:"\f054";
	display:block;
	font-family:FontAwesome;
	font-size:30px;
	color:#FFF;
	font-style:normal;
	margin-top: -15px;
	margin-left: 10px;
}
#controls .prev:after {
	content:"\f053";
	display:block;
	font-family:FontAwesome;
	font-size:30px;
	color:#FFF;
	font-style:normal;
	margin-top: -15px;
margin-left: 10px;
}
#thumbs {
	visibility:hidden;
}
/***********************scroll-pane***************************/
.scroll-pane {
	height:335px;
	overflow:hidden;
}
#page6 .scroll-pane {
	height:380px;
}
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	width:100% !important;
}

.jspVerticalBar
{
	position: absolute;
	top:0px;
	right:29px;
	width:15px;
	height:355px;
	background:none;
	background:#4d0c00;
}
#page6 .jspVerticalBar {
	height:380px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding:0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
	height:355px !important;
}
.jspDrag
{
	background:#c75633;
	width:15px;
	position: relative;
	top: 0;
	left:0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#form1 fieldset {
		border:none;
		padding:0;
		}
			#form1 label {
				display:block;
				min-height:50px;
			}
			#form1 label.message {
				height:0px;
			}
			.inp {
				display:block;
				width:0px;
				height:0px;
				padding:0 10px;
				background:url(..img/input.png) left top no-repeat;
				overflow:hidden;
				position:relative;
			}
			#form1 input {
				width:0px;
				padding:5px 0 5px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000;
				border:none;
				background:#fff;
				outline:none;
			}
			#form1 .area .error { float:none;}
			.text_a {
				position:relative;
				overflow:hidden;
				display:block;
				width:0px;
				height:0px;
				padding:0 10px;
				background:url(..img/text_a.png) left top no-repeat;
			}
			#form1 textarea {
				height:0px;
				margin:0;
				width:0px;
				padding:5px 0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000;
				border:none;
				background:#fff;
				overflow:auto;
				outline:none;
			}
			#form1 a {cursor:pointer;}
				#form1 .success {display:none; margin-bottom:20px;}
				#form1 .error,
				#form1 .empty {
					position:absolute;
					left:0;
					top:0;
					color:#f00;
					font-size:11px;
					line-height:16px;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper {text-align:left; padding-top:15px; position:relative;}
		.buttons-wrapper a { margin-right:0px;}
.map {
	width:301px;
	height:335px;
}
/****************************footer************************/
footer {
	color:#b76e17;
	width:100%;
	text-transform:uppercase;
	font-size:10px;
	line-height:12px;
	padding:40px 0 15px;
	overflow:visible;
	font-family:Tahoma, Geneva, sans-serif;
}
footer a {
	color:#b76e17;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.cookieinfo {
	background: rgb(50, 10, 15) none repeat scroll 0% 0% !important;
	color: rgb(191, 51, 57) !important;
}
.cookieinfo a {
	color: #fff !important;
}
.cookieinfo-close {
	color: rgb(191, 51, 57) !important;
	background: #FFF none repeat scroll 0% 0% !important;
}
#page-7 .standardtext {
	height:600px !important;
}
/* ===== Mobile-Only: Hamburger + Off-Canvas Nav ===== */
@media only screen and (max-width: 767px) {

  /* 1) Bestehendes Sidebar-Menu ausblenden */
  .col-1,
  nav {
    display: none !important;
  }

  /* 2) Hamburger-Icon */
  .hamburger {
    position: fixed;
    top: 1rem;
    left: 1rem;
    width: 30px;
    height: 24px;
    z-index: 1001;
    cursor: pointer;
  }
  .hamburger span {
    display: block;
    height: 3px;
    background: #c7343b;
    margin: 5px 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  /* 3) Off-Canvas Menu Container */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: -80%;
    width: 80%;
    height: 100%;
    background: #23060a;
    padding: 4rem 1rem 1rem;
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: auto;
  }

  /* 4) Menü einblenden (add .open per JS) */
  .mobile-menu.open {
    left: 0;
    animation: fadeIn 0.3s ease forwards;
  }

  /* 5) Menü-Liste vertical und groß genug */
  .mobile-menu .menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
  }
  .mobile-menu .menu li + li {
    margin-top: 1rem;
  }
  .mobile-menu .menu a {
    font-size: 1.5rem;
    padding: 0.75rem;
    background: #721a23;
    color: #fff;
    border-radius: 0.5rem;
    text-align: center;
  }
  .mobile-menu .menu a:hover,
  .mobile-menu .menu a.active {
    background: #c7343b;
  }
}

/* ===== Fade-In Keyframes ===== */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}