@font-face {
    font-family: 'IconicStroke';
    src: url('../Fonts/iconic_stroke-webfont.eot');
    src: url('../Fonts/iconic_stroke-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/iconic_stroke-webfont.woff') format('woff'),
         url('../Fonts/iconic_stroke-webfont.ttf') format('truetype'),
         url('../Fonts/iconic_stroke-webfont.svg#IconicStrokeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-300.eot');
  src: url('../Fonts/MuseoSlab-300.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-300.woff') format('woff'), url('../Fonts/MuseoSlab-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-300Italic.eot');
  src: url('../Fonts/MuseoSlab-300Italic.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-300Italic.woff') format('woff'), url('../Fonts/MuseoSlab-300Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}





@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-500.eot');
  src: url('../Fonts/MuseoSlab-500.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-500.woff') format('woff'), url('../Fonts/MuseoSlab-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-500Italic.eot');
  src: url('../Fonts/MuseoSlab-500Italic.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-500Italic.woff') format('woff'), url('../Fonts/MuseoSlab-500Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-700.eot');
  src: url('../Fonts/MuseoSlab-700.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-700.woff') format('woff'), url('../Fonts/MuseoSlab-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'museo-slab';
  src: url('../Fonts/MuseoSlab-700Italic.eot');
  src: url('../Fonts/MuseoSlab-700Italic.eot?#iefix') format('embedded-opentype'), url('../Fonts/MuseoSlab-700Italic.woff') format('woff'), url('../Fonts/MuseoSlab-700Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/*
 * general.css
 */
*
{
	box-sizing:border-box;
}

html.menuopen 
{
    height: 100% !important;
    overflow: hidden !important;
}

body
{
	background:#000;
	color:#3a3a3a;
	font-family:"museo-slab-n5", "museo-slab";
	font-size:14px;
	font-weight:500;
	line-height:24px;
}

a
{
	color:#b21500;
	text-decoration:none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

a:hover
{
	text-decoration:underline;
}

img
{
    display:block;
    height:auto;
    max-width:100%;
}

h1
{
	color:#b21500;
	font-size:26px;
	font-weight:500;
	line-height:32px;
	margin:0 0 18px;
}

h2
{
	color:#b21500;
	font-size:19px;
	font-weight:500;
	line-height:26px;
	margin:0 0 8px;
}

p
{
    margin:0 0 15px;
}

#c45 p{margin-bottom:6px; line-height:20px;}
#c45 h5{font-size:9px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
#c45 {margin-bottom:0px;}
#c47 p {
  margin-bottom:22px;
}

@media (max-width:767px)
{
  #c45 {margin-bottom:15px;}
}

b, strong
{
    font-weight:bold;
}

i, em, small
{
    font-style:italic;
}

ol
{
    padding:0 0 0 16px;
    margin:0 0 15px;
}

ul
{
    padding:0 0 0 20px;
    margin:0 0 15px;
}

sub
{
    vertical-align : sub;
}

sup
{
    vertical-align : super;
}

iframe,
video
{
	max-width:100%;
}

input[type="submit"],
button[type="submit"],
.button
{
    cursor:pointer;
    display:block;
    text-decoration:none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-appearance: none;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover
{
    text-decoration:none;
}

textarea
{
    height:120px;
    resize:none;
}

.text-center
{
    text-align:center;
}

.text-right
{
    text-align:right;
}

.text-justify
{
    text-align:justify;
}

.red
{
	color:#b21500;
}

.ml-formular-default,
.ml-formular-textarea,
.ml-formular-submit
{
    float:left;
    margin:0 0 20px;
    width:100%;
}

.container,
.bigcontainer
{
	margin:0 auto;
    width:calc(100% - 30px);
    max-width:930px;
}

.bigcontainer
{
	max-width:1600px;
}

.fullwidthcontainer
{
	float:left;
	width:100%;
}

#exposemask
{
	background:#000;
	background:rgba(0,0,0,0.8);
	bottom:0;
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	visibility:hidden;
	z-index:1000;
}

#exposemask img
{
	background:#fff;
	max-height:calc(100% - 250px);
	margin:150px auto 0;
	padding:5px;
	max-width:90%;
	width:auto;
}

.overlayopen #exposemask
{
	opacity:1;
	visibility:visible;
}

#exposemask #close,
#closegallery
{
	background:url('../Images/close-icon.png');
	cursor:pointer;
	display:block;
	height:20px;
	position:absolute;
	right:40px;
	top:40px;
	width:20px;
	z-index:5;
}

#exposemask #close:hover,
#closegallery:hover
{
	opacity:0.7;
}

#exposemask figure img
{
	margin:0 auto;
}

#overlay
{
	display:none;
	left:calc(50% - 200px);
	position:fixed;
	top:calc(50% - 162px);
	width:500px;
	z-index:1001;
}

.overlayopen #overlay
{
	display:block;
}

/* general */
#website
{
	float:left;
	position:relative;
	width:100%;
}

#website:after
{
	background:url(../Images/website_background.png) top center;
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	right:0;
	top:0;
}

@media (min-width:768px) and (max-width:1023px)
{
	body
	{
		background-position:center -155px;
	}
}

@media (max-width:767px)
{
	body
	{
		background-position:center -75px;
		background-size:1000px;
	}
	
	p 
	{
		margin-bottom:20px;
	}
	
	.container,
	.bigcontainer
	{
		width:calc(100% - 30px);
	}
	
	/*
	 * general
	 */
	#exposemask img
	{
		max-height:calc(100% - 120px);
		margin-top:60px;
	}
	  
	#exposemask #close,
	#closegallery
	{
		right:20px;
		top:20px;
	}
}

.button {padding:8px}
.btn-primary {background-color:#b21500; color:#fff;}
.btn-primary:hover {background-color:#8b1202;}

.btn-secondary:hover {background-color:#c0c0c0!important;}