.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: hidden; display: none}
.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
.spacer-left {padding-left:0px;}
.spacer-right {padding-right:0px;}
.spacer-top {padding-top:40px;}
/*######## FONTS START###################*/

@font-face {
  font-family:KlavikaWebBasicBold;
  src: url("KlavikaWebBasicBold.eot");
}

@font-face {
	font-family:KlavikaWebBasicBold;
	src: url("KlavikaWebBasicBold.woff") format("woff");
			}

@font-face {
	font-family:KlavikaWebBasicRegular;
	src: url("KlavikaWebBasicRegular.eot");
			}
@font-face {
  font-family: KlavikaWebBasicRegular;
  src: url("KlavikaWebBasicRegular.woff") format("woff");
}


@font-face {
	font-family:KlavikaWebBasicRegularItalic;
	src: url("KlavikaWebBasicRegularItalic.eot");
			}
@font-face {
  font-family: KlavikaWebBasicRegularItalic;
  src: url("KlavikaWebBasicRegularItalic.woff") format("woff");
}

/*######## FONTS END###################*/
html, body, div, applet, object, spyn, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  background-color:#ffF;
  font-family:KlavikaWebBasicRegular;
  color: #3f3e3e;
  line-height: 26px; font-size:18px;
}

ol, ul {
  list-style-image:url('../images/squer.png'); 
  margin: 0.5em 0 0.5em 20px;
}
.download { float:left;display: block;background: url(../images/download.jpg) left 5px no-repeat; padding:0 5px 40px 25px;}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

p {
  margin: 0 ;
  }


a {
  color:#95643e;
  text-decoration: none; font-weight:normal;
}

a:hover, a:active {

  color: #808080;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, embed, object, video {
  max-width:100%;
  width: 100%;
  height:auto;
}
b{font-family:KlavikaWebBasicBold;}
strong{font-family:KlavikaWebBasicBold; text-transform:uppercase}
i{border-bottom:#FFF solid 0px; padding:0 0 20px 0;background-image:url(../images/undeline-with.png);background-repeat:no-repeat; background-position:bottom right;}

.news-single-content em{ font-family:KlavikaWebBasicRegularItalic;line-height:14px; font-size:14px;}

#banner{ width:748px; height:auto; border:solid 5px #FFF}
.banner { float:left;width:100%; text-align:center}
/*############## CONTENT BEGINN ###########################################*/
/*content elemente beginn*/
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: none; 
}
/*header-box*/
#box {position: fixed; display: none;top:0; z-index:7; width:100%; height:150px; background-color:#000; }
#box-main {position: fixed;top:0; z-index:7; width:100%; height:150px; background-color:#000;}

#fix {
position: fixed;visibility: visible; display:none;z-index:17;
top: 0;
left: 0;
padding: 0;
background: #111;
}
/*SECTIONS*/
.section{float:left;margin:0px;height: auto;padding-bottom:20px;width:100%;text-align:center;}
.section-2{float:left;margin:0px;height: auto;padding-bottom:0px; margin-bottom:60px;width:100%;text-align:center;}
.section ul{list-style:none;margin: auto;}
.white {background-color:#000}
/*.gray { background-color:#fbfbfb;background-image:url(../images/raster.png)}*/
.gray { background-color:#FFF;}

.black {background-color:#2e2b29;background-image: none;background-position:top center;background-size:100%; background-repeat:no-repeat; color:#FFF}
.black a{color:#FFF}
.black-2 {background-image:url(../images/bg-black.png);color:#FFF; padding:80px 0 100px 0;}
.black-2 a{color:#FFF}
#section-footer {position: relative; z-index:1; bottom:0;}
/*SLOTS*/
/*intro*/
#contentBoxTemp { position:absolute; z-index:6; bottom:-770px;float:left; left:0;text-align:center;  width:100%; height:850px;background-color: transparent }
#contentBox { position:absolute; z-index:6; bottom:-2900px;float:left; left:0;text-align:center;  width:100%; height:3000px;background-color: transparent}
.slot-1-0{ position:relative;width:100%;padding:0; text-align:center; margin:25px auto 0 auto;}
.content-image-box{padding:0 10px 20px 10px;}
/*intro end*/
.grid-box {position:relative; z-index:1;width:100%;padding:0 0 0px 0; margin:0px 0 0px 0; text-align:center;}
.grid { position:relative; z-index:3;width:100%;padding:0; margin:0; text-align:center; background-color:#FFF}
.slot-1-1{ position:relative;width:90%;padding:90px 0 0 0; text-align:center; margin:-80px 5% 0 5%;}
.slot-1-2{ position:relative;width:90%;padding:0px 0px 0 0; text-align:center; margin:-20px 5% 0 5%;}
.slot-1-3{ position:relative;width:100%;padding:0px; text-align:center; margin:-40px auto 0px auto;}
.slot-1-4{ position:relative;width:100%;padding:20px 0; text-align:center; margin:40px auto 40px auto;}
.slot-1-5{ position:relative;width:100%;padding:0px; text-align:center; margin:0px auto 0px auto;}
.slot-1-1-footer{ position:relative;width:90%;padding:5%; text-align:center; margin:40px auto 0 auto;}
.related {margin-top:20px; padding-bottom:0px}

.slot-2-0{ position:relative; float:left;width:100%;padding:0px 0px;text-align:center}
.slot-2-1{ position:relative; float:left;width:100%;padding:0 0 20px 0px; text-align:left}
.slot-2-2{ position:relative; float:left;width:100%;padding:0 0 0px 0px; text-align:left}
.slot-2-3{ position:relative; float:left;width:100%;padding:0 0 20px 0px; text-align:left}


.news-box-content {float:left; width:100%; height: auto; margin-top:-50px;background-color:#FFF}

/*CONTENT-ELEMENTS*/
.fancybox-title-float-wrap {font-family:KlavikaWebBasicRegular;}
.image-studio-slide{ padding: 60px 0 0 0;}
.studio-images img{float:left;width:100%;}
#map_canvas {width:100%;height:200px; margin:35px 0 20px 0}
#map_canvas img {max-width: none;}

#map_canvas_2 {width:100%;height:500px; margin:35px 0 20px 0}

#map_canvas_2 .gmnoprint a, .gmnoprint span {
    display:none;
}


.more{float:left; width:100%; height:66px;}
#more {width:66px; height:66px; padding:30px 0 0 10px; float:left;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 0.3;
}
#more:hover{
	opacity: 1;
}
.top-2{margin-top:-80px;}


#logo{}
#logo-mobile{width:100px; height:auto}
#logo-icon-main {width:80px; padding:0 0 30px 0}
#logo-icon { width:60%; padding:40px 0 20px 0}
#logo-intro {width:95px; padding:0 0 0px 0}
.news-box{ width:144px; height:144px;padding:0px 10px 0px 0px; margin:0; float:right;}
.news-box a:hover img {opacity: 0.6;}
#specials:hover {opacity: 0.4;}
.logo-box{ width:140px;padding:15px 20px 0px 10px; margin:0; float:left;}
.logo-box a:hover img {opacity: 0.6;}
.logo-box-footer{ width:241px;padding:0px 20px 10% 0px; margin:0; float:left;}
#headerBox {visibility: visible; display: block}
#headerBox { position: fixed; z-index:7; top:0px;float:left; left:0; height:60px; width:100%;  background-image: none;background-color:#000; }
.header {width:100%; margin-left:auto; margin-right:auto; margin-top:0px; }
.menu-intro-box {width: auto;float: right;}
/*footer elements*/
.address-info{ float:left;text-transform: none; color:#FFF;font-size:22px; line-height: normal;  padding:60px 0 0px 0}
.address-main{ float:left;text-transform: none; color:#FFF;font-size:18px; line-height: normal; padding:85px 0 0px 10px; text-transform:uppercase}
.address-main b{font-size:18px}
.social-media-1 { float:left;font-size:18px; padding:30px 0 0 10px}
.social-media-1 a{text-decoration:underline}
.social-media-2 { float:left;font-size:18px; padding:0px 0 0 0px; text-transform:uppercase}
.social-media-2 a{text-decoration:underline}
.social-media-3 { float:left;font-size:18px; line-height:24px; padding:80px 0 0 10px;text-transform:uppercase; width:100%}
.social-box-footer{padding:0 0 40px 0}
.social-box-footer img{width:46px; height:46px; padding:0px 10px 0 0;}
.social-box-footer a:hover img {opacity: 0.6;}
/*MENU-CONTAINER-INTRO*/
.menuContainerHeader {position:relative; float: left; width:100%; padding:31px 0 0 0; margin:0px 0; line-height:normal;}
.menuContainer {position:relative; float: left; width:100%; padding:0px; margin:70px 0 70px 0;line-height:normal}
.menuBox{ position:relative;float: right; z-index:12; margin:30px 160px 0 0; padding:20px 0 20px 10px;text-align: right; }

#button{ width:20px; height:auto;border:0px; margin:0; padding:0; cursor:pointer;}
.slidingDiv { position:relative;float:left;width:100%;}
.slidingDivButton { position:relative;float: right;width:20px; height:30px; padding-right:20px;}
.slidingDivButton a:hover img {opacity: 0.6;}

.subNavNext {width:100%;  float:left;text-align:center; padding:50px 0 0 0; margin:0 auto -20px auto;}
.subNavNext a{text-decoration:underline}
.subNavNext-first {padding:20px 0 10px 0;width:100%; text-align:center}

/*HEADLINES*/
b { text-transform:uppercase;margin:0 0px;font-size:18px; line-height:30px; padding:0 0 0px 0}
header h1{ margin:0 10px;font-size:18px; line-height:24px; padding:0 0 10px 0}
header h2{ text-transform:uppercase;margin:0 0px;font-size:18px; line-height:20px; padding:0 0 0px 0}
h2{ margin:0 0;font-size:18px; line-height:24px; padding:0 5% 2% 5%}
h3{ text-transform:uppercase;margin:0 0;font-size:18px; line-height: normal; padding:0 0 20px 0}
h5{ text-transform:uppercase;margin:0 0;font-size:18px; line-height:28px; padding:0 0 20px 0}
h4{margin:0 0;font-size:20px; line-height:50px; padding:0 0 0px 0}
h6{float:left;font-family:KlavikaWebBasicBold;margin:0 0px;font-size:30px; text-transform:uppercase; line-height: normal; font-weight:normal; padding:0px 0 0px 0}

.more-news { padding:10% 0 0 0;}
.more-news h2 {font-size:22px;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding:20px 0 20px 0; text-align: center}
.more-news h3 {font-family:KlavikaWebBasicRegular;color: #3f3e3e;line-height: 24px; font-size:18px; width:90%; padding:0 5% 30px 5%; margin:0}

/*NAVIGATION*/


.nav {margin:auto;  text-align:left; font-size:16px;text-transform:uppercase; }
.nav a{color: #3f3e3e;margin:0 50px 0px 0; padding-bottom:20px; text-decoration:none;}
.nav a:hover {color: #3f3e3e;margin:0 50px 0px 0;padding-bottom:20px;text-decoration:none;background-image:url(../images/nav-active.png);}
.nav a.active {color: #3f3e3e;margin:0 50px 0px 0;padding-bottom:20px;text-decoration:none;background-image:url(../images/nav-active.png);}

.nav  ul li{padding:0; margin:0 0px 0 0}
.nav  li{padding:0 0 0 0; margin:0; display: inline}
.nav-footer-box {float:left; padding:0 0 0 10px; width:100%}
.nav-footer {margin:auto;  text-align:left; font-size:18px;text-transform:uppercase; }
.nav-footer a{color: #FFF;margin:0 50px 0px 0; padding-bottom:20px; text-decoration:none;}

.sub {padding:25px 0 0px 170px;}

/*NEWS*/
.news-list-morelink{ visibility:hidden; display:none}
.news-catmenu img{visibility:hidden; display:none}
#container {position:relative;float:left; width:100%; display:block;  padding-bottom:60px}
#schaufenster-menu { position:relative;padding:0 0 0px 0; }
#schaufenster-menu ul li{padding:0; margin:0 10px 0 10px; text-transform:uppercase} 
#schaufenster-menu li{padding:0 0px 0 0px; margin:0; display: inline}
#sf_menu .catmenu-normal {color:#3f3e3e;text-decoration: none}
#sf_menu .catmenu-normal a{color:#3f3e3e;text-decoration: none}
#sf_menu .catmenu-active a{color:#989595;text-decoration: none}

.news-list-intro{ float:left}
.news-list-item-intro { float:left; width:90%; height: auto; overflow:hidden;padding:0 5% 40px 5%;}
.news-list-item-intro img{width:100%; height: auto;}
.news-list-item-intro  h1{margin:0;font-size:22px; text-transform:uppercase;line-height:24px; padding:110px 0 5px 0; text-align:center;}
.news-list-item-intro  h2{ margin:0 10px;font-size:22px; line-height:24px; padding:0; text-align:center}
.news-list-item-intro  .header-1-box{padding:10px 0 20px 0;}
.news-list-item-intro  .header-1{margin:0;font-size:22px; text-transform:uppercase;border-bottom: 0px solid #000; width:auto;padding:0; font-family:KlavikaWebBasicBold; }
.news-list-item-intro .header-1{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right; padding:0 0 5px 0}
.news-list-item-intro  h3{margin:0;font-size:22px; text-transform:uppercase;line-height:24px; padding:50px 0 10px 0; }
.news-list-item-intro  h4{margin:0;font-size:22px; line-height:24px;padding:0px 0 10px 0;}
.news-list-item-intro-content {float:left; text-align:left}

/*NEWS-MAIN*/
.news-list-main{ float:left}
.news-list-item-main { float:left; width:90%;padding:0 5% 0px 5%; margin-bottom:20px;}
.news-list-item-main img{width:100%; height: auto;}
.news-list-item-main  h1{margin:0;font-size:22px; text-transform:uppercase;line-height:24px; padding:100px 0 5px 0; text-align:center;}
.news-list-item-main  h2{ margin:0 10px;font-size:22px; line-height:24px; padding:0; text-align:center}
.news-list-item-main  h3{margin:0;font-size:22px; text-transform:uppercase;line-height:24px; padding:50px 0 10px 0; }
.news-list-item-main  h4{margin:0;font-size:22px; line-height:24px;padding:0px 0 10px 0;}

/*NEWS-SINGLE*/
#next{width:40px; height:auto}
#single-nav-box {font-size:0px;}
.news-single-item-title{ margin:0 70px;font-size:40px; line-height:50px; padding:0 200px 40px 200px; text-transform:none;  text-align:center}
.news-single-imgcaption{visibility:hidden; display:none}
.single-image {}
.news-single-item {padding-top:50px;}
.news-single-item h1{}
.news-single-item h2{font-size:18px; padding:0; margin:0 0 20px 0;font-family:KlavikaWebBasicBold;}
.news-single-item .header-1{font-size:30px; line-height:normal;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase;font-weight:normal;border-bottom: 0px solid #000; width:auto;margin:0 0 30px 0;}
.news-single-item .header-1{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right;padding-bottom:20px;}
.news-single-item h1{font-size:30px;color:#734c28;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:5px; text-align:left}
.news-single-item header h1{font-size:25px;color:#734c28;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:15px; text-align:lef; margin:0}
.news-single-link {text-align:left; margin-top:20px}
.news-single-content{padding:10px 0 20px 0;}
.single-image img{ float:left;}
.single-image-1 {padding:0px;margin:0 0 20px 0;}
.single-image-2{float:left; width:100%; height: auto; overflow:hidden; margin:0 0 20px 0;}
.single-image-3{float:left; width:100%; height: auto; overflow:hidden; margin:0 0 20px 0;}
.single-image-4{float:left; width:100%; height: auto; overflow:hidden; margin:0 0 20px 0;}

.single-image-5 { float:left;padding:80px 0px 20px 0px; margin-bottom:0px; width:auto; height:auto; overflow:hidden}
.single-image-5 img{padding: 0; margin: 0;}

.news-single-item header h2{font-size:25px;color:#000;font-family:KlavikaWebBasicBold; text-transform:uppercase; font-weight:normal; padding-bottom:5px; text-align:lef;border-bottom: 0px solid #000; width:auto;margin:0 0 30px 0;}
.news-single-item header h2{background-image:url(../images/underline.png); background-repeat:no-repeat; background-position:bottom right; padding:0 0 30px 0}

/*NAVIGATION*/
.subNav img{width: 66px;opacity: 0.6;-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
.subNav  a:hover img{
	opacity: 0.2;
}
.subNav ul li{padding:0; margin:0}
.subNav{ margin:auto}
.subNavNo {display:block; color:#23272a; font-size:14px; text-decoration:none; text-align:left; height:32px; width:163px; padding:5px 0 0 10px;}
.subNavNo {background-image:url(../images/navBg_no.png); background-repeat:no-repeat}

.subNav2 img{width: 102px;opacity: 1;-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
.subNav2  a:hover img{
	opacity: 1;
}

.subNav2 ul li{padding:0; margin: auto;}
.subNav2{ margin:auto;}

.subNavLogo {}
.start-container {position: absolute; z-index:5; width:100%; height:100%;  }
.start {position: absolute; z-index:6; width:100%; height:40px; bottom:0px; background-color:#009900;  }

/*####### CONTENT-ELEMENTS #########*/
.headerBox-all {visibility:hidden; display:none}
#footer{ position:fixed; z-index:22; height:24px; top:20px;width:100%; font-size:12px; text-transform:uppercase }
.footer-box{ height:40px; bottom:0;width:100%; margin:auto; color:#111}
.address {width:50%; padding-left:10px; float:left; text-align:left}

#start { position:fixed; z-index:4; bottom:0px; height:60px; width:100%; margin: auto; visibility:visible; display:block  }
#start-all {visibility:hidden; display: none  }

.resetBox {position:absolute; left:0;top:-100%; width:10px;}

#social-box { width:40%; text-align:right; padding:0px 20px 0px 0; margin:0; float:right; }
.addthis_toolbox { float:right; padding:0; margin:0;}
.addthis_toolbox a img{width:24px;}

/* HOVER EFFECT */

span.rollover {
	font-size:18px; color:#FFFFFF;
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	cursor: pointer;
	height:  auto;
	width: 90%;
	position: absolute;
	z-index: 6;
	opacity: 0;
	text-decoration:none;
	 visibility:hidden; display:none;
}

span.rollover:hover { visibility:hidden; display:none;
	opacity: .8;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	text-decoration:none;
}
/*SUPERSIZE*/
#icon-box{position:fixed; z-index:2; height:100%; width:100%; top:0px; left:0px; background-image:url(../images/logo-icon.png);background-position:center; background-repeat:no-repeat;background-size: 35% Auto; margin-top:-20px;}
#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49%;
	    z-index: 10;
	    width: 32px; 
	    height: 32px;
	    text-indent: -999em;
	   
		
	}
	#supersized{
	    position: fixed;visibility: visible; display: block; top:60px;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: 1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
/*SUPERSIZE*/
/*
Back to top button 
*/
#back-top { padding:0px 0px 8px 0; width:66px; height:auto; margin:0 auto 0 auto;text-align:center}
#back-top a {
	width: 66px;
	display: block;
	
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover img{
	opacity: 0.6;
}
/*
Back to overview 
*/
#back-overview  { float:left; padding:0 10px 40px 20px;}
#back-overview  a {
	width: 55px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-overview  a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-overview  span {
	width: 66px;
	height: 66px;
	display: block;
	margin-bottom: 7px;
	background: url(../images/overview.png) no-repeat center center;
	background-size:66px 66px;
	
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity: 0.2;
}
#back-overview  a:hover span {
	opacity: 0.8;
}

/*MOBILE MENU3*/


#simple-menu a:hover {opacity: 0.6;}
#menu-icon{ width:30px;height:auto}
.simple-menu-box {position:absolute; z-index:100;width:30px; height:30px;right:20px; top:17px;}

.sidr{display:none;position:absolute;position:fixed;z-index:90;top:60px;height:100%;z-index:999999;width:100%;overflow-x:none;overflow-y:auto;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

.sidr .second a{ padding:0 0 0 40px}
.sidr .second .active {color:#825534}

/* preloader animation*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#FFF;

  z-index: 999999;}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -100px; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 4px solid transparent;
  border-top-color: #864822;
  z-index: 1500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }